/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:300,400,700&subset=latin-ext');
/*
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&amp;subset=latin-ext" rel="stylesheet">
font-family: 'Open Sans', sans-serif;
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:300,400,700&amp;subset=latin-ext" rel="stylesheet">
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
*/
/***********************************************/
/*** GLOBALS                                 ***/
/*** GLOBALS                                 ***/
/*** GLOBALS                                 ***/
/***********************************************/
body {
font-family: 'Open Sans', arial, sans-serif;
font-size: 14px;
color: #1a1a1a;
margin: 0;
padding: 0;
background: #eeeeee;
}
::selection {
background: #111111; /* WebKit/Blink Browsers */
color: #fff;
text-shadow: none;
}
::-moz-selection {
background: #111111; /* Gecko Browsers */
color: #fff;
text-shadow: none;
}
a {
color: #111;
text-decoration: none;
-webkit-transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
-moz-transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
-o-transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
}
a:hover {
color: ;
text-decoration: none;
}
figure {
margin: 0;
}
ul {
padding-left: 15px;
}
.kr-attributes h3,
textarea,
input[type="text"],
input[type="date"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="password"],
select {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #ddd;
color: #111;
height: 40px;
line-height: 40px;
padding: 0 10px;
vertical-align: middle;
outline: none;
margin: 0 0 5px 0;
box-sizing: border-box;
-webkit-transition: border-color 0.1s ease-in 0s;
-moz-transition: border-color 0.1s ease-in 0s;
-o-transition: border-color 0.1s ease-in 0s;
transition: border-color 0.1s ease-in 0s;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
.kr-attributes h3:hover,
textarea:focus,
input[type="text"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
select:focus {
border-color: #ffd62c;
}
input[type=number],
input[type=date],
input[type=date]{
-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: none;
margin: 0;
}
input.error {
border-color: red !important;
}
input::-webkit-input-placeholder { opacity: 1; color: #888; -webkit-transition: opacity 0.1s ease-in 0s; -moz-transition: opacity 0.1s ease-in 0s; -o-transition: opacity 0.1s ease-in 0s;transition: opacity 0.1s ease-in 0s ;}
input:-moz-placeholder { opacity: 1; color: #888; -webkit-transition: opacity 0.1s ease-in 0s; -moz-transition: opacity 0.1s ease-in 0s; -o-transition: opacity 0.1s ease-in 0s;transition: opacity 0.1s ease-in 0s ;}
input::-moz-placeholder { opacity: 1; color: #888; -webkit-transition: opacity 0.1s ease-in 0s; -moz-transition: opacity 0.1s ease-in 0s; -o-transition: opacity 0.1s ease-in 0s;transition: opacity 0.1s ease-in 0s ;}
input:-ms-input-placeholder { opacity: 1; color: #888; -webkit-transition: opacity 0.1s ease-in 0s; -moz-transition: opacity 0.1s ease-in 0s; -o-transition: opacity 0.1s ease-in 0s;transition: opacity 0.1s ease-in 0s ;}
input::-ms-input-placeholder { opacity: 1; color: #888; -webkit-transition: opacity 0.1s ease-in 0s; -moz-transition: opacity 0.1s ease-in 0s; -o-transition: opacity 0.1s ease-in 0s;transition: opacity 0.1s ease-in 0s ;}
input::placeholder { opacity: 1; color: #888; -webkit-transition: opacity 0.1s ease-in 0s; -moz-transition: opacity 0.1s ease-in 0s; -o-transition: opacity 0.1s ease-in 0s;transition: opacity 0.1s ease-in 0s ;}
input:focus::-webkit-input-placeholder { opacity: 0.3; }
input:focus:-moz-placeholder { opacity: 0.3; }
input:focus::-moz-placeholder { opacity: 0.3; }
input:focus:-ms-input-placeholder { opacity: 0.3; }
input:focus::-ms-input-placeholder { opacity: 0.3; }
input:focus::placeholder { opacity: 0.3; }
select {
background-image: url("img/arrow_dn.png");
background-repeat: no-repeat;
background-position: -webkit-calc(100% - 5px) 9px;
background-position: -moz-calc(100% - 5px) 9px;
background-position: calc(100% - 5px) 9px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
text-indent: 0.01px;
text-overflow: '';
position: relative;
cursor: pointer;
padding-right: 23px;
}
select::-ms-expand {
display: none;
}
textarea {
height: 200px;
line-height: inherit;
vertical-align: top;
font-size: 13px;
padding: 10px;
}
.validationStyles:invalid {
border: 1px solid #ffa6a6;
}
/*
.validationStyles:valid {
border: 1px solid #d0ffb4;
}
*/
select[disabled],
textarea[disabled],
input[disabled],
textarea[readonly],
input[readonly] {
border-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
color: #555555;
}
.sl-wrapper .sl-close,
input[type="button"],
input[type="submit"],
button,
a.button,
.button {
background-color: #ffd62c;
color: #fff;
text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
height: 40px;
font-family: 'Open Sans', sans-serif;
cursor: pointer;
display: inline-block;
line-height: 40px;
margin: 0 0 5px 0;
padding: 0 20px;
vertical-align: middle;
box-sizing: border-box;
border: none;
outline: none;
font-size: 14px;
font-weight: bold;
-webkit-transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
-moz-transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
-o-transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
text-align: center;
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}
input[type="button"].small,
input[type="submit"].small,
button.small,
a.button.small,
.button.small {
height: 25px;
line-height: 25px;
padding: 0 10px;
font-size: 13px;
}
input[type="button"].important-button,
input[type="submit"].important-button,
button.important-button,
a.button.important-button,
.button.important-button {
background-color: #333;
}
:-moz-ui-invalid:not(output) {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.sl-wrapper .sl-close:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
a.button:hover,
.button:hover {
background-color: #ffe680;
opacity: 1;
}
input[type="button"].important-button:hover,
input[type="submit"].important-button:hover,
button.important-button:hover,
a.button.important-button:hover,
.button.important-button:hover {
background-color: #555;
}
.sl-wrapper .sl-close:active,
input[type="button"]:active,
input[type="submit"]:active,
button:active,
.button:active {
background-color: #ffbb00;
}
.sl-wrapper .sl-close.important-button:active,
input[type="button"].important-button:active,
input[type="submit"].important-button:active,
button.important-button:active,
a.button.important-button:active,
.button.important-button:active {
background-color: #111;
}
button.login-social-button.button {
background-color: #3b5998;
display: block;
height: auto;
margin: 0 auto 10px;
max-width: 300px;
padding: 5px;
width: 100%;
}
button.login-social-button.google-social-btn  {
background-color: #d62d20;
}
button.login-social-button  .fa {
font-size: 24px;
vertical-align: sub;
}
/* Customize the label (the container) */
.delivery-map-container.left-container .collection-points-search-box li,
.kr_formstyle {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: block;
line-height: 20px;
padding: 5px 0 5px 30px;
position: relative;
text-align: left;
}
.kr_formstyle.right {
padding: 5px 30px 5px 0;
text-align: right;
}
.kr_formstyle.inline {
display: inline-block;
}
/* Hide the browser's default checkbox */
.kr_formstyle input {
position: absolute;
opacity: 0;
cursor: pointer;
display: none;
}
/* Create a custom checkbox */
.delivery-map-container.left-container .collection-points-search-box li span::before {
content: "";
}
.delivery-map-container.left-container .collection-points-search-box li span::before,
.kr_formstyle .radio,
.kr_formstyle .checkbox {
position: absolute;
top: 5px;
left: 0;
height: 20px;
width: 20px;
box-sizing: border-box;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
border: 1px solid #dddddd;
-webkit-transition: border-color 0.1s ease-in 0s;
-moz-transition: border-color 0.1s ease-in 0s;
-o-transition: border-color 0.1s ease-in 0s;
transition: border-color 0.1s ease-in 0s;
}
.delivery-map-container.left-container .collection-points-search-box li span::before,
.kr_formstyle .radio {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.kr_formstyle.right .radio,
.kr_formstyle.right .checkbox {
left: auto;
right: 0;
}
/* On mouse-over, add a grey background color */
.delivery-map-container.left-container .collection-points-search-box li:hover span::before,
.kr_formstyle:hover input[type="radio"] ~ .radio,
.kr_formstyle:hover input[type="checkbox"] ~ .checkbox {
border: 1px solid #555;
}
/* When the checkbox is checked, add a blue background */
.delivery-map-container.left-container .collection-points-search-box li.active span::before,
.kr_formstyle input[type="radio"]:checked ~ .radio,
.kr_formstyle input[type="checkbox"]:checked ~ .checkbox {
border: 1px solid #dddddd;
}
/* Create the checkmark/indicator (hidden when not checked) */
.delivery-map-container.left-container .collection-points-search-box li span::after,
.kr_formstyle .radio::after,
.kr_formstyle .checkbox::after {
content: "";
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.1s ease-in 0s;
-moz-transition: opacity 0.1s ease-in 0s;
-o-transition: opacity 0.1s ease-in 0s;
transition: opacity 0.1s ease-in 0s;
}
/* Show the checkmark when checked */
.delivery-map-container.left-container .collection-points-search-box li.active span::after,
.kr_formstyle input[type="radio"]:checked ~ .radio::after,
.kr_formstyle input[type="checkbox"]:checked ~ .checkbox::after {
opacity: 1;
}
/* Style the checkmark/indicator */
.kr_formstyle .checkbox::after {
height: 8px;
left: 6px;
top: 2px;
width: 3px;
border: solid #555;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.delivery-map-container.left-container .collection-points-search-box li span::after,
.kr_formstyle .radio::after {
height: 8px;
left: 5px;
top: 5px;
width: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #555;
}
.delivery-map-container.left-container .collection-points-search-box li span::after {
left: 6px;
top: 11px;
}
.left-container {
float: left;
width: 50%;
box-sizing: border-box;
padding: 0 10px 0 0;
margin-bottom: 10px;
}
.right-container {
float: right;
margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
.left-container,
.right-container {
float: none;
width: auto;
padding: inherit;
}
}
.inactive-tab,
.active-tab {
padding: 10px;
display: block;
cursor: pointer;
margin: 0 0 10px 0;
float: left;
width: 50%;
box-sizing: border-box;
text-align: center;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.inactive-tab:hover {}
.active-tab {
font-weight: bold;
border: 1px solid rgba(0,0,0,0.1);
border-bottom: none;
}
/**/
figure img {
max-height: 100%;
max-width: 100%;
text-align: center;
}
.title {
font-weight: bold;
margin: 0 0 10px 0;
text-align: center;
}
.clear {
clear: both !important;
display: block !important;
width: auto !important;
float: none !important;
}
.alert {
border: 1px solid #ddd;
background-color: #eee;
padding: 10px;
margin: 0 0 20px 0;
clear: both;
display: block;
float: none;
box-sizing: border-box;
}
.alert.success {
border-color: #5fd35f;
background-color: #d5ffd5;
}
.alert.danger {
border-color: #ff9955;
background-color: #ffe6d5;
}
.alert.info {
border-color: #37abc8;
background-color: #d5f6ff;
}
.kr-table {
display: table;
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
}
.kr-table-head {
display: table-header-group;
background-color: #f2f2f2;
}
.kr-table-foot {
display: table-footer-group;
}
.kr-table-body {
display: table-row-group;
}
.kr-table-row {
display: table-row;
border-bottom: 1px solid #eee;
}
.kr-table-cell {
display: table-cell;
vertical-align: middle;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 10px 0;
padding: 0;
}
p {
padding: 0;
margin: 0 0 10px 0;
}
.kr-input-group {
display: inline-block;
overflow: auto;
}
.kr-input-group input {
display: block;
float: left;
padding: 0;
text-align: center;
width: 40px;
}
.message-popup-background .message-popup .fa.fa-close.close-button,
.popup-dialog .modal-box .fa.fa-close.close-button {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #aaaaaa;
cursor: pointer;
display: block;
height: 40px;
line-height: 40px;
position: absolute;
right: 5px;
text-align: center;
top: 5px;
width: 40px;
box-sizing: border-box;
}
.scroll-space {
margin-right: 17px;
}
.modal-open {
overflow: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
.message-popup-background,
.popup-dialog {
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
left: 0;
right: 0;
top: 0;
overflow: auto;
position: fixed;
z-index: 2000;
width: auto;
text-align: center;
padding: 0 20px;
-webkit-animation: popupbackground 0.2s ease-out forwards;
-moz-animation: popupbackground 0.2s ease-out forwards;
animation: popupbackground 0.2s ease-out forwards;
}
@-webkit-keyframes popupbackground {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes popupbackground {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes popupbackground {
0% { opacity: 0; }
100% { opacity: 1; }
}
.message-popup-background.hidden,
.popup-dialog.hidden {
}
.message-popup-background .message-popup,
.popup-dialog .modal-box {
display: inline-block;
text-align: left;
background-color: #ffffff;
position: relative;
padding: 10px;
margin: 20px 0;
width: auto;
-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
-webkit-animation: popupbox 0.2s ease-out forwards;
-moz-animation: popupbox 0.2s ease-out forwards;
animation: popupbox 0.2s ease-out forwards;
}
@-webkit-keyframes popupbox {
0% { top: -20px; }
100% { top: 0px; }
}
@-moz-keyframes popupbox {
0% { top: -20px; }
100% { top: 0px; }
}
@keyframes popupbox {
0% { top: -20px; }
100% { top: 0px; }
}
.message-popup-background .message-popup .title,
.popup-dialog .form-title,
.popup-dialog .page-header {
background-color: #fff;
border-bottom: 1px solid rgba(0,0,0,0.1);
padding: 10px 60px 10px 20px;
line-height: 30px;
margin: -10px -10px 20px;
text-align: left;
display: block;
font-weight: bold;
}
.popup-dialog .form-title h3,
.popup-dialog .page-header h3{
margin: 0;
}
@media only screen and (max-width: 768px) {
.message-popup-background .message-popup,
.popup-dialog .modal-box {
display: block;
}
}
.popup-dialog.maps-container .modal-box {
max-width: webkit-calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: calc(100% - 20px);
width: 880px;
display: inline-block;
}
.kr-toggle-span {
cursor: pointer;
display: block;
text-align: center;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.1s ease-in 0s;
-moz-transition: all 0.1s ease-in 0s;
-o-transition: all 0.1s ease-in 0s;
transition: all 0.1s ease-in 0s;
}
.kr-toggle-span.fa-plus::before {
content: "\f107";
}
.kr-toggle-span.fa-minus::before {
content: "\f106";
}
.kr-toggle-span:hover {
color: ;
}
.kr-trigger {
cursor: pointer;
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}
@media only screen and (max-width: 768px) {
.kr-triggered-area {
display: none;
}
}
.kr-trigger.on-mobile {
position: relative;
cursor: default;
}
@media only screen and (max-width: 768px) {
.kr-trigger.on-mobile {
cursor: pointer;
}
.kr-trigger.on-mobile::after {
content: "\f107";
font-family: fontawesome;
height: 20px;
line-height: 20px;
margin: -10px 0 0;
position: absolute;
right: 0;
text-align: center;
top: 50%;
width: 30px;
font-weight: normal;
}
.kr-trigger.on-mobile.active::after {
content: "\f106";
}
}
/**/
.important-area {
background-color: #f2f2f2;
padding: 10px;
}
/**/
.kr-onecol-input-group {
text-align: center;
display: block;
width: 600px;
margin: 0 auto;
}
.required-fields-info-wrapper {
width: 600px;
margin: 0 auto;
text-align: right;
}
.required-fields-info-wrapper a {
border-bottom: 2px solid #ffd62c;
}
.right-container .kr-onecol-input-group,
.left-container .kr-onecol-input-group,
.right-container .required-fields-info-wrapper,
.left-container .required-fields-info-wrapper {
display: block;
width: auto;
}
.kr-onecol-input-group .input-group {
overflow: auto;
}
.kr-onecol-input-group label {
box-sizing: border-box;
display: block;
float: left;
line-height: 15px;
padding: 13px 5px 0 0;
text-align: right;
width: 150px;
font-size: 12px;
}
.kr-onecol-input-group textarea,
.kr-onecol-input-group input[type="text"],
.kr-onecol-input-group input[type="date"],
.kr-onecol-input-group input[type="number"],
.kr-onecol-input-group input[type="search"],
.kr-onecol-input-group input[type="email"],
.kr-onecol-input-group input[type="tel"],
.kr-onecol-input-group input[type="password"],
.kr-onecol-input-group select  {
width: -webkit-calc(100% - 150px);
width: -moz-calc(100% - 150px);
width: calc(100% - 150px);
display: block;
float: right;
}
.kr-onecol-input-group.alone > form#delivery-address-data {
display: inline-block;
margin: 0;
}
.required-fields-info {
font-size: 12px;
padding: 5px 0;
text-align: right;
opacity: 0.66;
}
.button-section {
float: none;
clear: both;
text-align: center;
padding: 10px;
border-top: 1px solid rgba(0,0,0,0.1);
}
#reminder-form,
#password-reset-form,
#registration-company-form,
#registration-standard-form,
#registration-company-form-popup,
#registration-standard-form-popup,
.delivery-address,
#login-form,
#login-form-popup {
text-align: center;
}
@media only screen and (max-width: 768px) {
.required-fields-info-wrapper {
width: auto;
}
.kr-onecol-input-group {
text-align: center;
width: auto;
}
.kr-onecol-input-group label {
float: none;
line-height: normal;
padding: 0 10px;
text-align: center;
width: auto;
}
.kr-onecol-input-group textarea,
.kr-onecol-input-group input[type="text"],
.kr-onecol-input-group input[type="date"],
.kr-onecol-input-group input[type="number"],
.kr-onecol-input-group input[type="search"],
.kr-onecol-input-group input[type="email"],
.kr-onecol-input-group input[type="tel"],
.kr-onecol-input-group input[type="password"],
.kr-onecol-input-group select  {
width: 100%;
display: block;
float: none;
}
.required-fields-info {
text-align: center;
}
}
/***********************************************/
/*** LAYOUT                                  ***/
/*** LAYOUT                                  ***/
/*** LAYOUT                                  ***/
/***********************************************/
.kr-container {
max-width: 1300px;
margin: auto;
}
@media only screen and (max-width: 1360px) {
.kr-container {
max-width: 1200px;
}
}
@media only screen and (max-width: 1280px) {
.kr-container {
max-width: 1000px;
max-width: none;
margin: 0 10px;
}
}
@media only screen and (max-width: 1024px) {
.kr-container {
max-width: none;
margin: 0 10px;
}
}
.homepage .kr-container {
max-width: none;
margin: 0;
}
/* CONTENT */
.kr-left-col {
width: 300px;
box-sizing: border-box;
float: left;
padding: 0;
}
.kr-center-col {
width: -webkit-calc(100% - 300px);
width: -moz-calc(100% - 300px);
width: calc(100% - 300px);
float: left;
}
.kr-center-col.kr-full-width  {
width: auto;
float: none;
}
@media only screen and (max-width: 1360px) {
.kr-left-col {
width: 260px;
}
.kr-center-col {
width: -webkit-calc(100% - 260px);
width: -moz-calc(100% - 260px);
width: calc(100% - 260px);
}
}
@media only screen and (max-width: 1200px) {
.kr-left-col {
width: 240px;
}
.kr-center-col {
width: -webkit-calc(100% - 240px);
width: -moz-calc(100% - 240px);
width: calc(100% - 240px);
}
}
@media only screen and (max-width: 1024px) {
.kr-left-col {
width: 240px;
}
.kr-center-col {
width: -webkit-calc(100% - 240px);
width: -moz-calc(100% - 240px);
width: calc(100% - 240px);
}
}
@media only screen and (max-width: 768px) {
.kr-center-col,
.kr-left-col {
width: auto;
float: none;
padding: 0;
}
}
.kr-box {
margin: 0 20px 20px 0;
background-color: #ffffff;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
@media only screen and (max-width: 1280px) {
.kr-left-col .kr-box {
margin: 0 10px 10px 0;
}
}
@media only screen and (max-width: 768px) {
.kr-left-col .kr-box {
margin: 0 0 10px 0;
}
}
.kr-box .kr-box-header {
display: block;
float: none;
padding: 20px;
margin: 0;
line-height: 20px;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid rgba(0,0,0,0.1);
background-color: #ffffff;
color: #111111;
}
@media only screen and (max-width: 768px) {
.kr-box .kr-box-header {
padding: 15px;
line-height: 20px;
font-size: 14px;
}
}
.kr-box .kr-box-content {
padding: 10px;
}
.kr-box .kr-box-footer {
border-top: 1px solid rgba(0,0,0,0.1);
padding: 10px;
}
.kr-center-col .kr-box {
margin: 0 0 20px 0;
}
@media only screen and (max-width: 768px) {
.kr-box .kr-box-content.kr-triggered-area {
display: none;
}
.kr-box .kr-box-header.kr-trigger.on-mobile {
cursor: pointer;
position: relative;
}
.kr-box .kr-box-header.kr-trigger.on-mobile::after {
width: 40px;
}
}
/***********************************************/
/*** NAGLOWEK                                ***/
/*** NAGLOWEK                                ***/
/*** NAGLOWEK                                ***/
/***********************************************/
/* TOP MENU AREA */
.kr-top-menu {
text-align: right;
}
@media only screen and (max-width: 768px) {
.kr-top-menu {
display: none;
}
}
.kr-top-menu .kr-container > div {
vertical-align: top;
}
/* LANGUAGE AND CURRENCY */
.lang-and-currency {
display: inline-block;
font-size: 13px;
text-align: left;
}
.lang-and-currency .currency-label,
.lang-and-currency .current-lang {
display: inline-block;
position: relative;
}
.lang-and-currency .kr-trigger {
height: auto;
line-height: normal;
position: static;
width: auto;
padding: 10px 30px 10px 10px;
line-height: 20px;
display: block;
}
.lang-and-currency .kr-trigger::before {
left: auto;
right: 7px;
top: 9px;
border-color: transparent;
content: "\f078";
font-size: 10px;
font-family: fontawesome;
position: absolute;
}
.lang-and-currency .kr-trigger:hover::before {
border-color: transparent;
}
.lang-and-currency ul {
list-style: outside none none;
margin: 0;
padding: 0;
left: 0;
position: absolute;
top: 100%;
width: 100%;
z-index: 2;
background-color: #fff;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
display: none;
}
.lang-and-currency ul li {
float: none;
padding: 10px;
cursor: pointer;
-webkit-transition: color 0.1s ease-in 0s;
-moz-transition: color 0.1s ease-in 0s;
-o-transition: color 0.1s ease-in 0s;
transition: color 0.1s ease-in 0s;
}
.lang-and-currency ul li:hover {}
.lang-and-currency .flag {
background: #fff none no-repeat scroll center center/contain;
display: inline-block;
height: 20px;
margin: 0 7px 0 0;
vertical-align: top;
width: 20px;
padding: 0;
}
.lang-and-currency .flag.flag-en { background-image: url("img/flag_en.png"); }
.lang-and-currency .flag.flag-de { background-image: url("img/flag_de.png"); }
.lang-and-currency .flag.flag-pl { background-image: url("img/flag_pl.png"); }
/* PRIMARY MENU */
.kr-bottom-menu {
background-color: #ffffff;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
@media only screen and (max-width: 1280px) {
.kr-bottom-menu {
}
}
.kr-bottom-menu .kr-container{
position: relative;
}
.kr-primary-menu-container {
clear: both;
}
.kr-primary-menu-container .kr-primary-menu-button {
display: none;
}
.kr-primary-menu-container .kr-primary-menu {
list-style: outside none none;
margin: 0;
/*overflow: auto;*/
padding: 0;
width: 100%;
z-index: 10;
}
.kr-primary-menu-container .kr-primary-menu li {
float: left;
-webkit-transition: background-color 0.1s ease-in 0s;
-moz-transition: background-color 0.1s ease-in 0s;
-o-transition: background-color 0.1s ease-in 0s;
transition: background-color 0.1s ease-in 0s;
position: relative;
}
.kr-primary-menu-container .kr-primary-menu li a {
display: block;
font-size: 14px;
line-height: 20px;
padding: 20px 20px;
color: #111111;
}
@media only screen and (max-width: 1024px) {
.kr-primary-menu-container .kr-primary-menu li a {
padding: 20px 10px;
}
}
.kr-primary-menu-container .kr-primary-menu li:hover {
background-color: #f2f2f2;
}
.kr-primary-menu-container .kr-primary-menu li:hover a {
color: #1a1a1a;
}
.kr-primary-menu-container .kr-primary-menu > li > ul {
background-color: #f2f2f2;
box-sizing: border-box;
left: 0;
list-style: outside none none;
padding: 10px;
position: absolute;
width: 100%;
z-index: 10;
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
/*-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
display: none;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;*/
display: block;
-webkit-transition: opacity .1s, margin .1s, visibility 0s .1s, left 0s .1s;
-moz-transition: opacity .1s, margin .1s, visibility 0s .1s, left 0s .1s;
-o-transition: opacity .1s, margin .1s, visibility 0s .1s, left 0s .1s;
transition: opacity .1s, margin .1s, visibility 0s .1s, left 0s .1s;
overflow: hidden;
margin: 0 0 0;
left: -5000px;
opacity: 0;
visibility: hidden;
font-size: 0;
width: 200px;
}
.kr-primary-menu-container .kr-primary-menu > li:hover > ul {
/*display: block;*/
visibility: visible;
left: 0;
opacity: 1;
margin: 0 0 0 0;
-webkit-transition: opacity .1s, margin .1s;
-moz-transition: opacity .1s, margin .1s;
-o-transition: opacity .1s, margin .1s;
transition: opacity .1s, margin .1s;
}
.kr-primary-menu-container .kr-primary-menu li ul li {
display: inline-block;
float: none;
width: 100%;
}
.kr-primary-menu-container .kr-primary-menu li ul ul {
display: inline;
position: static;
display: none;
}
.kr-primary-menu-container .kr-primary-menu li ul li a {
display: block;
padding: 5px 10px;
}
.kr-primary-menu-container .kr-primary-menu li ul li a:hover {
color: ;
}
/* SECONDARY MENU */
.kr-secondary-menu-container {
display: inline-block;
}
.kr-secondary-menu-container .kr-secondary-menu-button {
display: none;
}
.kr-secondary-menu-container .kr-secondary-menu {
list-style: outside none none;
margin: 0;
padding: 0;
width: 100%;
z-index: 10;
}
.kr-secondary-menu-container .kr-secondary-menu li {
float: left;
position: relative;
}
.kr-secondary-menu-container .kr-secondary-menu li a {
display: block;
font-size: 13px;
line-height: 20px;
padding: 10px 5px;
}
.kr-secondary-menu-container .kr-secondary-menu li a:hover {}
.kr-secondary-menu-container .kr-secondary-menu > li > ul {
background-color: #ffffff;
box-sizing: border-box;
right: 0;
list-style: outside none none;
padding: 0;
position: absolute;
width: 200px;
z-index: 10;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
display: none;
}
.kr-secondary-menu-container .kr-secondary-menu > li:hover > ul {
display: block;
}
.kr-secondary-menu-container .kr-secondary-menu li ul li {
display: block;
float: none;
text-align: left;
width: 100%;
}
.kr-secondary-menu-container .kr-secondary-menu li ul li a {
display: block;
padding: 10px 20px;
}
/* USER MENU */
.kr-user-menu-container {
display: inline-block;
float: left;
}
.kr-user-menu-container .kr-user-menu-button {
display: none;
}
.kr-user-menu-container .kr-user-menu {
list-style: outside none none;
margin: 0;
overflow: auto;
padding: 0;
width: 100%;
z-index: 10;
}
.kr-user-menu-container .kr-user-menu li {
float: left;
}
.kr-user-menu-container .kr-user-menu li > span,
.kr-user-menu-container .kr-user-menu li a {
display: block;
font-size: 13px;
line-height: 20px;
padding: 10px 5px;
cursor: pointer;
}
.kr-user-menu-container .kr-user-menu li a:hover {}
.kr-user-menu-container .kr-user-menu li a .fa {
display: none;
}
/* MAIN HEADER */
.kr-main-header .kr-container {
position: relative;
}
#header-section .logo {
float: left;
padding: 20px;
}
#header-section .logo img {
display: block;
max-width: 100%;
}
@media only screen and (max-width: 768px) {
.kr-main-header .kr-container {}
#header-section .logo {
float: none;
padding: 20px 80px;
}
#header-section .logo img {
margin: auto;
}
}
/* SEARCH W NAGLOWKU */
.kr-search-menu-container {
position: absolute;
right: 10px;
bottom: -50px;
z-index: 5;
}
.kr-search-menu-container .kr-search {
overflow: visble;
margin: 0;
position: relative;
box-sizing: border-box;
}
.kr-search-menu-container .kr-search a {
display: block;
position: absolute;
line-height: 15px;
height: 30px;
padding: 0 10px;
border-left: 1px solid #ddd;
right: 40px;
top: 5px;
font-size: 11px;
width: 90px;
text-align: center;
}
.kr-search-menu-container .kr-search .searched-phrase {
float: left;
display: block;
margin: 0;
width: 300px;
-webkit-transition: width 0.1s ease-in 0s;
-moz-transition: width 0.1s ease-in 0s;
-o-transition: width 0.1s ease-in 0s;
transition: width 0.1s ease-in 0s;
padding-right: 120px;
}
@media only screen and (max-width: 1024px) {
.kr-search-menu-container .kr-search .searched-phrase {
width: 200px;
}
.kr-search-menu-container .kr-search .searched-phrase:focus {
width: 300px;
}
}
.kr-search-menu-container .kr-search .search-button {
display: block;
float: left;
padding: 0;
text-align: center;
vertical-align: top;
width: 40px;
cursor: pointer;
font-size: 18px;
margin: 0;
}
.kr-search-menu-container .kr-search .search-button span {
}
.kr-search-menu-container .kr-search .search-button:hover {
opacity: 0.7;
}
.kr-search-menu-container .kr-search .search-autocomplete {
background-color: #f2f2f2;
box-sizing: border-box;
list-style: outside none none;
margin: 0;
padding: 0;
position: absolute;
top: 40px;
width: 100%;
display: none;
z-index: 100;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.kr-search-menu-container .kr-search .search-autocomplete.showAC {
display: block;
}
.kr-search-menu-container .kr-search .search-autocomplete div.item {
border-top: 1px solid #ddd;
}
.kr-search-menu-container .kr-search .search-autocomplete div.item:first-child {
border-top: none;
}
.kr-search-menu-container .kr-search .search-autocomplete div.item:hover,
.kr-search-menu-container .kr-search .search-autocomplete div.item.current {
background: #fff;
}
.kr-search-menu-container .kr-search .search-autocomplete div.item.showmore {
padding: 10px;
}
.kr-search-menu-container .kr-search .search-autocomplete div.item.showmore a.button{
text-align: center;
margin: 0;
}
.kr-search-menu-container .kr-search .search-autocomplete div.item a {
display: block;
position: static;
width: 100%;
border: none;
line-height: 20px;
font-size: 12px;
text-align: left;
height: auto;
padding: 5px;
box-sizing: border-box;
}
.kr-search-menu-container .kr-search .search-autocomplete div.item a figure {
border: medium none;
display: block;
height: 60px;
line-height: 60px;
margin: 0 10px 0 0;
padding: 0;
width: 60px;
text-align: center;
float: left;
}
.kr-search-menu-container .kr-search .search-autocomplete div.item a figure img {
vertical-align: middle;
max-width: 100%;
}
.kr-search-menu-container .kr-search .search-autocomplete div.item a .kr-item-name {
box-sizing: border-box;
display: block;
float: left;
font-weight: bold;
line-height: 20px;
padding: 10px 0 0;
width: -webkit-calc(100% - 70px);
width: -moz-calc(100% - 70px);
width: calc(100% - 70px);
}
.kr-search-menu-container .kr-search .search-autocomplete div.item a .kr-cart-price {
display: block;
float: left;
font-size: 12px;
}
/* KOSZYK W NAGLOWKU */
.kr-cart-content-container {
float: right;
margin-top: 30px;
}
.kr-cart-content-container .kr-cart-content {
height: 40px;
padding: 0;
position: relative;
}
.kr-cart-content-container .kr-cart-content .cart-button {
display: block;
float: right;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
font-size: 18px;
color: #f9c231;
}
.kr-cart-content-container .kr-cart-content  .cart-button span {
}
.kr-cart-content-container .kr-cart-content  .cart-button:hover {
opacity: 0.7;
}
.kr-cart-content-container .kr-cart-content .kr-summary {
box-sizing: border-box;
float: left;
height: 40px;
line-height: 40px;
padding: 0;
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: calc(100% - 40px);
padding: 0 10px;
}
.kr-cart-content-container .kr-cart-content .kr-summary > span {
border-right: 1px solid #000000;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
}
.kr-cart-content-container .kr-cart-content .kr-summary > b {
float: right;
margin: 0;
}
.kr-cart-content-container .kr-cart-content .kr-summary.cart-empty {
}
.kr-cart-content-container .kr-cart-content .kr-cart-quickview {
background: #ffffff;
position: absolute;
top: 100%;
z-index: 30;
width: 500px;
right: 0;
display: none;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.2);
display: block;
-webkit-transition: opacity .2s, margin .2s, visibility 0s .2s, left 0s .2s;
-moz-transition: opacity .2s, margin .2s, visibility 0s .2s, left 0s .2s;
-o-transition: opacity .2s, margin .2s, visibility 0s .2s, left 0s .2s;
transition: opacity .2s, margin .2s, visibility 0s .2s, left 0s .2s;
overflow: hidden;
margin: 0 0 0;
right: 0;
opacity: 0;
visibility: hidden;
}
.kr-cart-content-container .kr-cart-content:hover .kr-cart-quickview {
/*display: block;*/
visibility: visible;
right: 0;
opacity: 1;
margin: 0 0 0 0;
-webkit-transition: opacity .1s, margin .1s;
-moz-transition: opacity .1s, margin .1s;
-o-transition: opacity .1s, margin .1s;
transition: opacity .1s, margin .1s;
}
.kr-cart-content-container .kr-cart-content .kr-cart-quickview > h4 {
border-bottom: 1px solid #e6e6e6;
color: #888888;
font-size: 12px;
font-weight: 200;
margin: 0;
padding: 10px;
text-align: center;
}
.kr-cart-content-container .kr-cart-content .kr-cart-quickview ul {
list-style: outside none none;
margin: 0;
padding: 0;
line-height: normal;
}
.kr-cart-content-container .kr-cart-content .kr-cart-quickview ul li {
border-bottom: 1px solid #e6e6e6;
float: none;
}
.kr-cart-content-container .kr-cart-content .kr-cart-quickview ul li a {
display: block;
padding: 5px;
}
.kr-cart-content-container .kr-cart-content .kr-cart-quickview ul li a:hover {
background-color: #f5f5f5;
color: #000;
}
.kr-cart-content-container .kr-cart-content .kr-cart-quickview ul li .product-image{
border: medium none;
display: block;
height: 60px;
line-height: 60px;
margin: 0 10px 0 5px;
padding: 0;
width: 75px;
text-align: center;
float: left;
}
.kr-cart-content-container .kr-cart-content .kr-cart-quickview ul li .product-image img {
vertical-align: middle;
max-width: 100%;
}
.kr-cart-content-container .kr-cart-content .kr-item-name {
box-sizing: border-box;
display: block;
float: left;
font-weight: bold;
line-height: 20px;
padding: 10px 0 0;
width: -webkit-calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: calc(100% - 90px);
}
.kr-cart-content-container .kr-cart-content .kr-quantity {
display: block;
margin: 0 10px 0 0;
float: left;
font-size: 12px
}
.kr-cart-content-container .kr-cart-content .kr-cart-price {
display: block;
float: left;
font-size: 12px
}
.kr-cart-content-container .kr-cart-content .kr-cart-quickview .button {
display: block;
padding: 0;
margin: 10px;
}
.kr-search-menu-button.kr-trigger.on-mobile,
.kr-cart-content-menu-button {
text-align: center;
color: #000;
display: none;
cursor: pointer;
}
.kr-search-menu-button.kr-trigger.on-mobile::after {
display: none;
}
@media only screen and (max-width: 768px) {
.kr-search-menu-container {
float: none;
height: auto;
margin: 0;
position: static;
width: auto;
}
.kr-search-menu-button.kr-trigger.on-mobile {
display: block;
float: right;
height: 50px;
line-height: 50px;
margin: -25px 0 0;
position: absolute;
right: 0;
top: 50%;
width: 50px;
font-size: 24px;
color: #111;
}
.kr-search-menu-button.kr-trigger.on-mobile:hover {
color: ;
}
.kr-search-menu-container .kr-search {
background-color: #ffffff;
box-sizing: border-box;
margin: 0;
left: 0;
padding: 10px;
position: absolute;
width: 100%;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.2);
z-index: 1000;
}
.kr-search-menu-container .kr-search a {
clear: both;
display: block;
width: auto;
position: static;
float: none;
font-size: 13px;
padding: 15px 0 5px;
text-align: center;
border: none;
height: auto;
line-height: 20px;
}
.kr-search-menu-container .kr-search .searched-phrase,
.kr-search-menu-container .kr-search .searched-phrase:focus {
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: calc(100% - 40px);
padding: 0 10px;
}
.kr-cart-content-container {
display: none;
}
/*
.kr-cart-content-container {
float: none;
position: static;
width: auto;
height: auto;
overflow: hidden;
margin: 0;
}
.kr-cart-content-menu-button {
display: block;
float: right;
height: 50px;
line-height: 50px;
margin: -25px 0 0;
position: absolute;
right: 0;
top: 50%;
width: 50px;
font-size: 24px;
color: #111;
}
.kr-cart-content-menu-button:hover {
color: ;
}
.kr-cart-content-container .kr-cart-content-menu-button .kr-cart-amount {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
font-size: 12px;
height: 20px;
line-height: 20px;
min-width: 20px;
padding: 0 5px;
position: absolute;
right: -5px;
top: -5px;
}
.kr-cart-content-container .kr-cart-content {
left: 0;
position: absolute;
width: 100%;
height: auto;
top: auto;
display: none;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.2);
background: #ffffff none repeat scroll 0 0;
box-sizing: border-box;
color: #000000;
padding: 0;
width: 100%;
z-index: 1000;
}
.kr-cart-content-container .kr-cart-content .cart-button {
display: none;
}
.kr-cart-content-container .kr-cart-content .kr-summary {
color: #000000;
float: none;
height: auto;
padding: 10px;
width: 100%;
}
.kr-cart-content-container .kr-cart-content .kr-summary > b {
float: right;
font-size: 14px;
margin: 0;
}
.kr-cart-content-container .kr-cart-content .kr-cart-quickview {
width: 100%;
display: block;
position: static;
box-sizing: border-box;
}
*/
.kr-bottom-menu {
display: none;
}
/*
.kr-primary-menu-container {
float: none;
width: auto;
clear: both;
}
.kr-primary-menu-container .kr-primary-menu-button {
border-top: 1px solid #aaaaaa;
box-sizing: border-box;
cursor: pointer;
display: block;
font-size: 18px;
font-weight: bold;
line-height: 40px;
margin: 0 30px;
text-align: center;
}
.kr-primary-menu-container .kr-primary-menu-button::after {
content: "\f107";
margin: 0 0 0 10px;
font-family: FontAwesome;
}
.kr-primary-menu-container .kr-primary-menu {
display: none;
}
.kr-primary-menu-container .kr-primary-menu li {
float: none;
}
.kr-primary-menu-container .kr-primary-menu li a {
border-top: 1px solid #eeeeee;
padding: 10px 20px;
text-align: center;
}
.kr-primary-menu-container .kr-primary-menu > li > ul {
display: block;
position: relative;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-top: none;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.kr-primary-menu-container .kr-primary-menu li ul ul {
display: none;
padding: 0;
}
.kr-primary-menu-container .kr-primary-menu li ul li {
display: inline-block;
float: none;
}
.kr-primary-menu-container .kr-primary-menu li li a {
border: medium none;
font-size: 13px;
text-align: left;
}
*/
}
@media only screen and (max-width: 639px) {
.kr-primary-menu-container .kr-primary-menu > li > ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
.page-header h3,
.page-header h1 {
display: inline-block;
font-size: 1em;
margin: 0;
}
/* BREADCRUMBS */
.kr-breadcrumbs {
padding: 0;
}
.kr-breadcrumbs .kr-container {
box-sizing: border-box;
padding: 20px 10px 20px 10px;
}
@media only screen and (max-width: 1280px) {
.kr-breadcrumbs .kr-container {
padding: 10px 10px 10px 10px;
}
}
.kr-breadcrumbs ul {
list-style: outside none none;
margin: 0;
padding: 0;
line-height: 20px;
font-size: 12px;
}
.kr-breadcrumbs ul li {
float: left;
}
.kr-breadcrumbs ul li span,
.kr-breadcrumbs ul li a {
display: block;
padding: 0 5px;
position: relative;
float: left;
}
.kr-breadcrumbs ul li a:hover{
}
.kr-breadcrumbs ul li i.fa {
box-sizing: border-box;
display: block;
float: left;
font-size: 8px;
line-height: 20px;
padding: 0;
text-align: center;
width: 10px;
color: #f9c231
}
.kr-breadcrumbs ul li:first-child a {
height: 20px;
text-align: center;
width: 20px;
padding: 0;
}
.kr-breadcrumbs ul li:first-child a i {
font-size: 13px;
width: 100%;
color: #f9c231
}
.kr-breadcrumbs ul li:last-child {
font-weight: bold;
}
@media only screen and (max-width: 768px) {
.kr-breadcrumbs {
display: none;
}
}
/***********************************************/
/*** MENU PRZYKLEJANE DO BELKI               ***/
/*** MENU PRZYKLEJANE DO BELKI               ***/
/*** MENU PRZYKLEJANE DO BELKI               ***/
/***********************************************/
.for-search .kr-container {
position: relative;
}
@media only screen and (max-width: 768px) {
#header-section {
position: relative;
}
.for-search .kr-container {
position: static;
}
.kr-search-menu-button.kr-trigger.on-mobile {
margin: -25px 10px 0 0;
}
}
@media only screen and (min-width: 769px) {
.menu-down .kr-main-header {
margin-bottom: 60px;
}
.menu-down .for-search,
.menu-down .kr-bottom-menu {
left: 0;
margin: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}
.menu-down .for-search {
z-index: 11;
}
.menu-down .kr-search-menu-container {
bottom: auto;
right: 10px;
top: 10px;
}
}
/***********************************************/
/*** STRONY INFORMACYJNE                     ***/
/*** STRONY INFORMACYJNE                     ***/
/*** STRONY INFORMACYJNE                     ***/
/***********************************************/
.date {
font-size: 12px;
line-height: 20px;
margin: 0 0 10px;
opacity: 0.5;
padding: 0;
position: relative;
}
/* KONTAKT */
.kr-kontakt .account,
.kr-kontakt .phone-number,
.kr-kontakt .email-address,
.kr-kontakt .company-address,
.kr-kontakt .info {
overflow: auto;
margin-bottom: 10px;
width: 100%;
}
.icon-container {
background-color: #f9c231;
color: #ffffff;
text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
float: left;
font-size: 14px;
font-weight: bold;
height: auto;
line-height: 20px;
margin-right: 10px;
padding: 10px;
position: relative;
text-align: center;
width: 100px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.icon-container::after {
content: "";
display: block;
width: 20px;
height: 20px;
box-sizing: border-box;
border: 10px solid transparent;
border-left-color: #f9c231;
position: absolute;
left: 100%;
top: 10px;
}
.icon-container.top-icon {
float: none;
margin: 0 0 20px;
}
.icon-container.top-icon::after {
border: 10px solid transparent;
border-top-color: #f9c231;
left: 50%;
margin-left: -10px;
top: 100%;
}
.content-container {
float: left;
font-size: 14px;
height: auto;
line-height: 20px;
margin-right: 10px;
padding: 10px;
position: relative;
line-height: 20px;
}
.after-adding-to-comparer-modal-box,
.after-adding-to-cart-modal-box {
text-align: center;
}
.after-adding-to-comparer-modal-box .icon-container,
.after-adding-to-cart-modal-box .icon-container {
display: block;
float: none;
margin: 0 auto 20px;
padding: 10px;
width: 200px;
}
.after-adding-to-comparer-modal-box .icon-container::after,
.after-adding-to-cart-modal-box .icon-container::after {
border: 10px solid transparent;
border-top-color: #f9c231;
left: 50%;
margin-left: -10px;
top: 100%;
}
.after-adding-to-comparer-modal-box .icon,
.after-adding-to-cart-modal-box .icon {
background: #ffffff none repeat scroll 0 0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
display: block;
height: 40px;
line-height: 40px;
margin: 0 auto 5px;
width: 40px;
color: #f9c231;
font-size: 24px;
text-shadow: none;
}
.after-adding-to-comparer-modal-box > div > div,
.after-adding-to-cart-modal-box > div > div {
text-align: center;
}
.order-details-container .content-container {
float: none;
margin: 0;
}
.after-adding-to-comparer-modal-box .kr-preview {
display: table;
table-layout: fixed;
margin: auto;
}
.after-adding-to-comparer-modal-box .kr-preview div {
display: table-cell;
text-align: center;
padding: 10px;
}
.after-adding-to-comparer-modal-box .kr-preview div span {
display: block;
width: 100px;
height: 100px;
background-position: center center;
background-size: cover;
border-radius: 50%;
margin: 0 auto 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.after-adding-to-comparer-modal-box .kr-preview div h3 {
font-size: 14px;
}
/* CONTACT PAGE */
.kr-kontakt .map-container,
.kr-kontakt .kr-map-container {
width: 100%;
height: 300px;
margin: 10px 0 0;
}
@media only screen and (max-width: 1200px) {
.kr-kontakt .left-container {
float: none;
width: auto;
padding: 10px;
}
}
/* USER PAGE */
aside.files {
}
aside.files .kr-table-cell.icon-area {
background-color: #f9c231;
color: #ffffff;
font-size: 18px;
text-align: center;
width: 40px;
}
aside.files .kr-table-cell.file-area {
border: none;
background-color: #f2f2f2;
padding: 10px;
}
aside.files .kr-table-cell.file-area ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
aside.files .kr-table-cell.file-area h3 {
border-bottom: 1px solid #dddddd;
display: inline-block;
font-weight: normal;
margin: 0 0 5px;
padding: 5px;
}
aside.files .kr-table-cell.file-area ul li a {
display: inline-block;
padding: 5px;
}
/***********************************************/
/*** BANER / CAROUSEL                        ***/
/*** BANER / CAROUSEL                        ***/
/*** BANER / CAROUSEL                        ***/
/***********************************************/
.main_banner {
margin: 0 auto 20px;
}
.main_banner.notlogged {
}
#footer-section .main_banner.notlogged {
}
@media only screen and (max-width: 1024px) {
.main_banner {
margin: 0 auto 20px;
}
}
.main_banner .owl-item {
position: relative;
color: #000;
text-align: right;
}
.main_banner.notlogged .owl-item {
}
.main_banner.notlogged .owl-item a {
left: 0;
top: 0;
right: auto;
bottom: auto;
margin: auto;
height: 100%;
width: 100%;
display: block;
position: absolute;
color: transparent;
}
.main_banner .owl-item .carousel-caption {
background-color: #fff;
padding: 10px 20px;
position: absolute;
right: 100px;
top: 50%;
-webkit-transition: all 0.2s ease-in 0.3s;
-moz-transition: all 0.2s ease-in 0.3s;
-o-transition: all 0.2s ease-in 0.3s;
transition: all 0.2s ease-in 0.3s;
opacity: 0;
width: 33%;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
}
.main_banner .owl-item.active .carousel-caption {
top: 40%;
opacity: 1;
}
.main_banner .owl-item .carousel-caption h5 {
background: #ffffff none repeat scroll 0 0;
color: #000000;
font-size: 13px;
line-height: 20px;
margin: 0 0 0 0;
padding: 5px 20px;
position: absolute;
text-transform: uppercase;
right: 0;
top: -60px;
white-space: nowrap;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
}
.main_banner .owl-item .carousel-caption h5::after {
content: "";
box-sizing: border-box;
width: 14px;
height: 14px;
border: 7px solid transparent;
border-top-color: #fff;
top: 100%;
left: 50%;
margin: 0 0 0 -7px;
display: block;
position: absolute;
}
.main_banner .owl-item .carousel-caption h4 {
display: block;
font-size: 40px;
font-weight: 300;
line-height: 50px;
margin: 0 0 10px;
text-transform: uppercase;
}
.main_banner .owl-item .carousel-caption p {
font-size: 14px;
font-weight: normal;
line-height: 20px;
margin: 0 0 20px 0;
}
.main_banner .owl-item  .carousel-caption a {
}
.main_banner .owl-item  .carousel-caption a:hover {
}
@media only screen and (max-width: 1360px) {
.main_banner .owl-item .carousel-caption {
right: 100px;
}
}
@media only screen and (max-width: 1280px) {
.main_banner .owl-item .carousel-caption {
top: 40%;
width: 50%;
}
.main_banner .owl-item.active .carousel-caption {
top: 30%;
}
.main_banner .owl-item .carousel-caption h5 {
top: -50px;
}
.main_banner .owl-item .carousel-caption p {
font-size: 14px;
}
}
@media only screen and (max-width: 1024px) {
.main_banner .owl-item .carousel-caption {
top: 60%;
width: auto;
right: 40px;
margin-top: -20px;
}
.main_banner .owl-item.active .carousel-caption {
top: 50%;
}
.main_banner .owl-item .carousel-caption p {
display: none;
}
.main_banner .owl-item  .carousel-caption a {
bottom: -50px;
}
}
@media only screen and (max-width: 768px) {
.main_banner .owl-item .carousel-caption,
.main_banner .owl-item.active .carousel-caption {
box-sizing: border-box;
margin: 0;
padding: 20px;
right: 0;
text-align: center;
top: 0;
width: 100%;
height: 100%;
background: none;
}
.main_banner .owl-item .carousel-caption h4 {
font-size: 26px;
display: none;
}
.main_banner .owl-item .carousel-caption h5 {
margin: 0 0 20px;
position: relative;
top: 0;
display: none;
}
.main_banner .owl-item .carousel-caption a {
bottom: 30px;
display: block;
left: 50%;
margin: 0 0 0 -125px;
position: absolute;
width: 250px;
background: transparent;
bottom: 0;
color: transparent;
height: 100%;
left: 0;
margin: 0;
right: auto;
text-shadow: none;
top: 0;
width: 100%;
}
}
@media only screen and (max-width: 550px) {
.main_banner .owl-item .carousel-caption,
.main_banner .owl-item.active .carousel-caption {
padding: 10px;
}
.main_banner .owl-item .carousel-caption h4 {
font-size: 20px;
}
.main_banner .owl-item .carousel-caption h5 {
display: none;
}
.main_banner .owl-item .carousel-caption a {
bottom: 15px;
}
}
.owl-theme.owl-carousel .owl-dots {
margin: 0;
position: absolute;
bottom: 0px;
width: 100%;
opacity: 0;
-webkit-transition: all 0.1s ease-in 0s;
-moz-transition: all 0.1s ease-in 0s;
-o-transition: all 0.1s ease-in 0s;
transition: all 0.1s ease-in 0s;
}
.owl-theme.owl-carousel:hover .owl-dots {
bottom: 20px;
opacity: 1;
}
.owl-theme.owl-carousel .owl-nav {
margin: 0;
position: absolute;
top: 50%;
width: 100%;
opacity: 0;
-webkit-transition: opacity 0.1s ease-in 0s;
-moz-transition: opacity 0.1s ease-in 0s;
-o-transition: opacity 0.1s ease-in 0s;
transition: opacity 0.1s ease-in 0s;
}
.owl-theme.owl-carousel:hover .owl-nav {
opacity: 1;
}
.sl-wrapper .sl-navigation button.sl-next,
.sl-wrapper .sl-navigation button.sl-prev,
.owl-theme.owl-carousel .owl-nav .owl-next,
.owl-theme.owl-carousel .owl-nav .owl-prev {
font-size: 24px;
height: 80px;
left: 0;
line-height: 80px;
margin: -40px 0 0 0;
padding: 0 10px 0 0;
position: absolute;
text-align: center;
width: 30px;
box-sizing: content-box;
-webkit-border-radius: 0 40px 40px 0;
-moz-border-radius: 0 40px 40px 0;
border-radius: 0 40px 40px 0;
-webkit-transition: width 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
-moz-transition: width 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
-o-transition: width 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
transition: width 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
background-color: #ffd62c;
color: #fff;
text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}
.sl-wrapper .sl-navigation button.sl-next,
.owl-theme.owl-carousel .owl-nav .owl-next {
left: auto;
right: 0;
padding: 0 0 0 10px;
-webkit-border-radius: 40px 0 0 40px;
-moz-border-radius: 40px 0 0 40px;
border-radius: 40px 0 0 40px;
}
.sl-wrapper .sl-navigation button.sl-next:hover,
.sl-wrapper .sl-navigation button.sl-prev:hover,
.owl-theme.owl-carousel .owl-nav .owl-prev:hover,
.owl-theme.owl-carousel .owl-nav .owl-next:hover {
width: 50px;
background-color: #ffe680;
opacity: 1;
}
@media only screen and (max-width: 1024px) {
.owl-theme.owl-carousel .owl-dots,
.owl-theme.owl-carousel:hover .owl-dots {
bottom: 0;
}
}
@media only screen and (max-width: 768px) {
.owl-theme.owl-carousel .owl-nav,
.owl-theme.owl-carousel:hover .owl-nav,
.owl-theme.owl-carousel .owl-dots,
.owl-theme.owl-carousel:hover .owl-dots {
display: none;
}
}
.owl-theme.owl-carousel .owl-dots .owl-dot span {
background-color: transparent;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 10px;
margin: 8px;
width: 10px;
box-sizing: border-box;
border: 2px solid #fff;
-webkit-transition: background-color 0.2s ease-in 0s;
-moz-transition: background-color 0.2s ease-in 0s;
-o-transition: background-color 0.2s ease-in 0s;
transition: background-color 0.2s ease-in 0s;
}
.owl-theme.owl-carousel .owl-dots .owl-dot:hover span,
.owl-theme.owl-carousel .owl-dots .owl-dot.active span {
background-color: #fff;
}
.manufacturers {
margin: 0 0 20px 0;
}
.manufacturer-item {
height: 60px;
line-height: 60px;
margin: 10px;
}
.manufacturer-item.item > a {
display: inline-block;
line-height: 100px;
vertical-align: middle;
display: block;
height: 60px;
line-height: 60px;
text-align: center;
}
.manufacturer-item.item > a img {
display: inline-block;
height: auto;
margin: auto;
max-height: 40px;
max-width: 100%;
width: auto;
vertical-align: middle;
}
.categories-carousel {
margin: 0 0 20px;
}
@media only screen and (max-width: 768px) {
.categories-carousel {
margin: 0 0 10px;
}
}
.categories-carousel .category-item {
margin: 0;
}
.categories-carousel .category-item a {
background-position: center center;
background-size: cover;
display: block;
height: 320px;
position: relative;
}
.categories-carousel .category-item a strong {
background-color: #ffffff;
bottom: 20px;
left: 20px;
box-sizing: border-box;
display: block;
font-size: 18px;
font-weight: 300;
padding: 10px;
position: absolute;
text-align: center;
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: calc(100% - 40px);
}
/***********************************************/
/*** SIMPLE LIGHTBOX                         ***/
/*** SIMPLE LIGHTBOX                         ***/
/*** SIMPLE LIGHTBOX                         ***/
/***********************************************/
.sl-overlay {}
.sl-wrapper .sl-close {
font-size: 20px;
margin: 0;
padding: 0;
right: 10px;
top: 10px;
width: 40px;
}
.sl-wrapper .sl-navigation button.sl-next,
.sl-wrapper .sl-navigation button.sl-prev {
position: fixed;
}
/***********************************************/
/*** KR-BOX-LOGIN                            ***/
/*** KR-BOX-LOGIN                            ***/
/*** KR-BOX-LOGIN                            ***/
/***********************************************/
.kr-box.kr-login input,
.kr-box.kr-login .button {
width: 100%;
}
@media only screen and (max-width: 768px) {
.kr-left-col .kr-box.kr-login  {
display: none;
}
}
/***********************************************/
/*** KR-BOX-PASS-REMINDER                    ***/
/*** KR-BOX-PASS-REMINDER                    ***/
/*** KR-BOX-PASS-REMINDER  		             ***/
/***********************************************/
.kr-box.kr-pass-reminder input,
.kr-box.kr-pass-reminder .button {
width: 100%;
}
/***********************************************/
/*** KR-BOX-MENU                             ***/
/*** KR-BOX-MENU                             ***/
/*** KR-BOX-MENU                             ***/
/***********************************************/
.kr-box.kr-menu ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.kr-box.kr-menu .kr-box-header {
}
@media only screen and (max-width: 768px) {
.kr-left-col .kr-box.kr-menu  {
display: none;
}
.kr-box.kr-menu .kr-box-header {
margin: 0;
cursor: pointer;
}
.kr-box.kr-menu .kr-box-header::before {
display: none;
}
}
.kr-box.kr-menu .kr-box-content {
padding: 10px 0 10px 15px;
}
.kr-box.kr-menu .kr-categories li {
position: relative;
box-sizing: border-box;
}
.kr-box.kr-menu .kr-categories li.kr-current {
}
.kr-box.kr-menu .kr-categories > li {
}
.kr-box.kr-menu .kr-categories a {
display: block;
font-size: 13px;
line-height: 30px;
padding: 0 30px 0 0;
white-space: normal;
font-weight: normal;
}
/*
.kr-box.kr-menu .kr-categories > li  > a::before {
content: "\f105";
display: inline-block;
line-height: 30px;
text-align: center;
width: 15px;
box-sizing: border-box;
font-family: FontAwesome;
color: ;
padding: 0;
}
*/
.kr-box.kr-menu .kr-categories a:hover {}
/*
.kr-box.kr-menu .kr-categories > li  > a:hover::before {
padding: 0 0 0 5px;
color: ;
}
*/
.kr-box.kr-menu .kr-categories .kr-current > a {
color: #000;
font-weight: bold;
}
.kr-box.kr-menu .kr-categories ul a {
padding-left: 10px;
}
.kr-box.kr-menu .kr-categories ul ul a {
padding-left: 20px;
}
.kr-box.kr-menu .kr-categories ul ul ul a {
padding-left: 30px;
}
.kr-box.kr-menu .kr-categories ul {
/*display: none;*/
}
.kr-menu .kr-toggle-span {
line-height: 30px;
right: 10px;
width: 30px;
}
@media only screen and (max-width: 768px) {
.kr-menu .kr-toggle-span {
line-height: 50px;
width: 50px;
}
.kr-box.kr-menu .kr-categories a {
line-height: 30px;
padding: 10px 50px 10px 0;
}
}
/***********************************************/
/*** LISTA PRODUKTOW                         ***/
/*** LISTA PRODUKTOW                         ***/
/*** LISTA PRODUKTOW                         ***/
/***********************************************/
.kr-products-list .kr-box-header h1 {
display: inline;
font-size: 16px;
font-weight: bold;
margin: 0;
}
.kr-products-list .kr-box-header span {
float: right;
font-size: 16px;
}
@media only screen and (max-width: 1024px) {
.kr-products-list .kr-box-header span {
display: block;
float: none;
font-size: 12px;
font-weight: normal;
line-height: 15px;
padding: 2px 0 0;
}
}
/* FILTRY */
.ui-slider {
background: #eee none repeat scroll 0 0;
color: #333333;
height: 10px;
margin: 10px 20px;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.ui-slider .ui-slider-handle {
background-color: #ffd62c;
box-sizing: border-box;
cursor: pointer;
display: block;
font-weight: normal;
height: 20px;
margin-left: -10px;
position: absolute;
top: -5px;
width: 20px;
z-index: 2;
-webkit-transition: background-color 0.1s ease-in 0s, border-color 0.1s ease-in 0s;
-moz-transition: background-color 0.1s ease-in 0s, border-color 0.1s ease-in 0s;
-o-transition: background-color 0.1s ease-in 0s, border-color 0.1s ease-in 0s;
transition: background-color 0.1s ease-in 0s, border-color 0.1s ease-in 0s;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.ui-slider .ui-slider-handle.ui-state-active {
background-color: #ffbb00;
}
.ui-widget-header {
background-color: #f9c231;
height: 10px;
position: absolute;
}
.kr-filters {
}
.kr-filters .kr-box-header {
}
.kr-filters .kr-box-content {
padding: 0;
}
.kr-filters ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.kr-filters ul.kr-filter-options {
margin: 0 0 10px;
overflow: auto;
}
.kr-filters ul.kr-filter-options li {
float: left;
width: 50%;
}
.kr-filters ul.kr-filter-options li:nth-child(2n+1) {
clear: left;
}
.kr-filters .kr-switches > li {
position: relative;
border-top: 1px solid #e6e6e6;
}
.kr-filters .kr-switches > li.price {
padding: 10px;
text-align: center;
}
.kr-filters .kr-switches > li.price .price-title {
margin: 0 0 5px;
}
.kr-filters .kr-switches > li.price input {
width: 40%;
}
.kr-filters .kr-switches > li .kr-filter-name{
display: block;
line-height: 20px;
padding: 10px 40px 10px 10px;
box-sizing: border-box;
}
.kr-filters .kr-switches > li .kr-filter-name::after {
content: "\f107";
font-family: fontawesome;
height: 20px;
line-height: 20px;
margin: 10px 0 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 40px;
font-weight: normal;
}
.kr-filters .kr-switches > li .kr-filter-name.active::after {
content: "\f106";
}
.kr-filters .kr-filter-options label {
margin: 0 10px;
font-size: 12px;
}
.kr-filters .kr-filter-options label input {
position: absolute;
right: 20px;
}
.kr-filters .kr-filter-buttons {
padding: 10px 5px;
border-top: 1px solid #e6e6e6;
}
.kr-filters .kr-filter-buttons > div {
float: left;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
text-align: center;
cursor: pointer;
display: block;
padding: 0;
margin: 0 5px;
}
/* NAWIGACJA - PAGINACJA */
.kr-prodlist-nav {}
.kr-pagination {
box-sizing: border-box;
display: block;
position: relative;
vertical-align: top;
padding: 0;
margin: 10px;
text-align: center;
float: right;
overflow: auto;
}
@media only screen and (max-width: 1024px) {
.kr-pagination {
float: right;
clear: both;
}
}
.kr-pagination li {
display: block;
float: left;
text-align: center;
margin: 0;
}
.kr-pagination li a,
.kr-pagination li>span {
display: block;
line-height: 30px;
margin: 10px 0;
padding: 0 15px;
text-align: center;
width: auto;
border-left: 1px solid rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.kr-pagination li:last-child a,
.kr-pagination li:last-child>span {
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.kr-pagination li:hover {}
.kr-pagination li.active {
font-weight: bold;
}
.kr-pagination li.active:hover {}
.kr-pagination li.active:active {}
.kr-pagination span {}
/* NAWIGACJA - SORTOWANIE */
.kr-sort-type {
border: 1px solid #e6e6e6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-sizing: border-box;
display: block;
float: left;
height: 40px;
padding: 0 40px 0 15px;
position: relative;
width: 300px;
vertical-align: top;
text-align: left;
margin: 10px 0 10px 10px;
}
@media only screen and (max-width: 768px) {
.kr-sort-type {
width: auto;
float: left;
margin: 10px 0 10px 10px;
width: -webkit-calc(100% - 160px);
width: -moz-calc(100% - 160px);
width: calc(100% - 160px);
}
}
.kr-sort-type > div > span {
display: block;
float: left;
height: 40px;
line-height: 40px;
vertical-align: top;
font-size: 14px;
}
.kr-sort-type > div {
height: 40px;
}
.kr-sort-type > div > span.sorting-icon {
float: right;
text-align: center;
width: 40px;
}
.kr-sort-type .sorting-title,
.kr-sort-type .sorting-label {
font-size: 13px;
margin: 0 5px 0 0;
}
.kr-sort-type .sorting-title {
color: #888;
}
@media only screen and (max-width: 550px) {
.kr-sort-type > div > span.sorting-icon,
.kr-sort-type .sorting-title {
display: none;
}
}
.kr-sort-type .fa {
color: #f58330;
}
.kr-sort-type .trigger-icon {
color: #111;
display: block;
font-size: 20px;
border-left: 1px solid #e6e6e6;
background-color: rgba(0, 0, 0, 0);
height: 38px;
line-height: 38px;
text-align: center;
width: 40px;
position: absolute;
right: 0;
top: 0;
}
.kr-sort-type .trigger-icon.fa-plus::before {
content: "\f107";
}
.kr-sort-type .active .trigger-icon.fa-plus::before {
content: "\f00d";
}
.kr-sort-type .kr-sorting-types {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #e6e6e6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-sizing: border-box;
left: -1px;
line-height: 30px;
list-style: outside none none;
margin: 0;
padding: 0;
position: absolute;
top: 38px;
width: -webkit-calc(100% + 2px);
width: -moz-calc(100% + 2px);
width: calc(100% + 2px);
z-index: 10;
display: none;
font-size: 13px;
}
.kr-sort-type .kr-sorting-types li {
cursor: pointer;
padding: 0 10px;
}
@media only screen and (max-width: 768px) {
.kr-sort-type .kr-sorting-types li {
padding: 5px 10px;
}
}
.kr-sort-type .kr-sorting-types li.active {
font-weight: bold;
}
.kr-sort-type .kr-sorting-types li:hover {
background-color: #f2f2f2;
}
.kr-sort-type .kr-sorting-types li i {
margin: 0 10px 0 0;
}
/* NAWIGACJA - TYP LISTY */
.list_view_type {
float: left;
margin: 10px;
}
@media only screen and (max-width: 768px) {
.list_view_type {
float: right;
margin: 10px 10px 10px 0;
overflow: auto;
}
}
.list_view_type a.button {
float: left;
font-size: 24px;
margin: 0 0 0 5px;
padding: 0;
width: 40px;
}
.list_view_type a.button i {
opacity: 0.5;
}
.list_view_type a.button.active i {
opacity: 1;
}
.kr-productlist-container {
margin: -10px;
overflow: visible;
border-top: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
}
/* OPIS KATEGORII */
.category-info {
background-position: center center;
background-size: cover;
height: 200px;
margin: -10px -10px 10px;
position: relative;
}
@media only screen and (max-width: 768px) {
.category-info {
height: auto;
padding: 20px;
}
}
.category-info.noimage {
height: auto;
padding: 0;
}
.category-info .text {
background-color: #ffffff;
border: 20px solid #ffffff;
bottom: 20px;
box-sizing: border-box;
max-height: 160px;
max-width: 50%;
overflow: auto;
padding: 0;
position: absolute;
right: 20px;
text-align: justify;
}
@media only screen and (max-width: 768px) {
.category-info .text {
position: static;
border-width: 15px;
max-width: none;
}
}
.category-info.noimage .text {
background-color: transparent;
border: none;
max-height: none;
max-width: none;
overflow: initial;
padding: 20px;
position: static;
}
@media only screen and (max-width: 768px) {
.category-info.noimage .text {
padding: 10px;
}
}
/* PRODUKT NA LIŚCIE */
.kr-product-item {
float: left;
height: auto;
width: 25%;
position: relative;
box-sizing: border-box;
}
.kr-product-item.addedToWishlist::after,
.kr-product-item.addedToBasket::after {
color: #fff;
background-color: #f9c231;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
content: "+"attr(prod-count);
display: block;
font-size: 18px;
font-weight: bold;
height: 50px;
left: 50%;
line-height: 50px;
position: absolute;
text-align: center;
top: 50%;
width: 50px;
opacity: 0;
visibility: visible;
margin: 40px 0 0 -25px;
-webkit-animation: addedToBasket 2s ease-out forwards;
-moz-animation: addedToBasket 2s ease-out forwards;
animation: addedToBasket 2s ease-out forwards;
}
.kr-product-item.addedToWishlist::after {
font-family: fontawesome;
content: "\f004";
}
@-webkit-keyframes addedToBasket {
10% {
opacity: 1;
margin: 0px 0 0 -25px;
}
100% {
opacity: 0;
margin: -40px 0 0 -25px;
}
}
@-moz-keyframes addedToBasket {
10% {
opacity: 1;
margin: 0px 0 0 -25px;
}
100% {
opacity: 0;
margin: -40px 0 0 -25px;
}
}
@keyframes addedToBasket {
10% {
opacity: 1;
margin: 0px 0 0 -25px;
}
100% {
opacity: 0;
margin: -40px 0 0 -25px;
}
}
.kr-full-width .kr-product-item {
width: 25%;
}
@media only screen and (max-width: 1280px) {
.kr-product-item {
width: 33.3333%;
}
}
@media only screen and (max-width: 1200px) {
.kr-product-item {
width: 33.3333%;
}
}
@media only screen and (max-width: 1024px) {
.kr-product-item {
width: 50%;
}
.kr-full-width .kr-product-item {
width: 33.3333%;
}
}
@media only screen and (max-width: 768px) {
.kr-full-width .kr-product-item,
.kr-product-item {
width: 50%;
}
}
/*
@media only screen and (max-width: 500px) {
.kr-full-width .kr-product-item,
.kr-product-item {
width: 100%;
float: none;
}
}
*/
.kr-product-item .kr-product-item-inner {
padding: 10px;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
box-sizing: border-box;
}
.kr-product-item .product-image {
height: 200px;
text-align: center;
line-height: 200px;
margin-bottom: 10px;
}
.kr-product-item .product-image img {
max-height: 200px;
max-width: 100%;
width: auto;
vertical-align: middle;
}
.kr-product-item .product-image i {
color: #dddddd;
font-size: 80px;
line-height: 200px;
}
.kr-product-item .kr-product-item-name  {
text-align: center;
height: 60px;
line-height: 60px;
display: block;
padding: 0 0 10px;
}
.kr-product-item .kr-product-item-name h2 {
display: inline-block;
font-size: 12px;
line-height: 15px;
margin: 0;
vertical-align: middle;
}
.kr-product-item .kr-product-item-name .kr_product_item_code {
font-size: 10px;
display: block;
}
.kr-product-item input[name="quantity"] {
display: block;
float: left;
margin: 0;
padding: 0 5px;
text-align: center;
width: 40px;
}
@media only screen and (max-width: 768px) {
.kr_product_view_short .kr-product-item input[name="quantity"] {
display: none;
}
}
.kr-product-item .kr-price-area {
height: 60px;
line-height: 20px;
position: relative;
text-align: center;
}
.kr-product-item .kr-price-area .price,
.kr-product-item .kr-price-area .red-price {
font-size: 18px;
font-weight: bold;
color: #111111;
}
.kr-product-item .kr-price-area.loggin-to-see .price {
display: inline-block;
font-size: 14px;
line-height: 20px;
}
@media only screen and (max-width: 1200px) {
.kr-product-item .kr-price-area {
font-size: 20px;
}
}
.kr-product-item .old-price {
color: #888888;
font-size: 12px;
font-weight: 400;
display: block;
line-height: 15px;
}
.kr-product-item .kr-add-to-cart {
display: block;
float: left;
margin: 0 0 0 10px;
width: -webkit-calc(100% - 50px);
width: -moz-calc(100% - 50px);
width: calc(100% - 50px);
}
@media only screen and (max-width: 768px) {
.kr_product_view_short .kr-product-item .kr-add-to-cart {
float: none;
margin: 0;
width: 100%;
}
}
.kr_product_view_list .kr-product-item .kr-basket-area.logged.hidecomparisontool .kr-add-to-cart,
.kr_product_view_list .kr-product-item .kr-add-to-cart {
width: -webkit-calc(100% - 95px);
width: -moz-calc(100% - 95px);
width: calc(100% - 95px);
}
.kr_product_view_list .kr-product-item .kr-basket-area.logged .kr-add-to-cart {
width: -webkit-calc(100% - 140px);
width: -moz-calc(100% - 140px);
width: calc(100% - 140px);
}
.kr_product_view_list .kr-product-item .kr-basket-area.hidecomparisontool .kr-add-to-cart {
width: -webkit-calc(100% - 50px);
width: -moz-calc(100% - 50px);
width: calc(100% - 50px);
}
.kr-product-item .kr-add-to-wish-list.button  {
position: absolute;
top: 50%;
right: 0;
margin: -20px 0 0 0;
padding: 0;
width: 40px;
}
.kr-product-item .kr-comparison-tool-add-button  {
position: absolute;
top: 50%;
right: 0;
margin: -70px 0 0 0;
padding: 0;
width: 40px;
}
.kr_product_view_full  .kr-product-item .kr-add-to-wish-list.button,
.kr_product_view_full  .kr-product-item .kr-comparison-tool-add-button,
.kr_product_view_list .kr-product-item .kr-add-to-wish-list.button,
.kr_product_view_list .kr-product-item .kr-comparison-tool-add-button  {
position: static;
display: block;
float: left;
margin: 0 0 0 5px;
}
.add-to-cart-style.button {
position: relative;
padding: 0 5px 0 55px;
font-size: 12px;
}
.add-to-cart-style::after {
content: "\f07a";
display: block;
position: absolute;
left: 0;
top: 0;
padding: 0 0 0 0;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-family: fontawesome;
background-color: rgba(0,0,0,0.1);
-webkit-transition: padding 0.1s ease-in 0s;
-moz-transition: padding 0.1s ease-in 0s;
-o-transition: padding 0.1s ease-in 0s;
transition: padding 0.1s ease-in 0s;
}
.add-to-cart-style::before {
content: "";
display: block;
position: absolute;
left: 40px;
top: 0;
width: 40px;
height: 40px;
box-sizing: border-box;
border: 20px solid transparent;
border-top-color: rgba(0,0,0,0.1);
border-left-color: rgba(0,0,0,0.1);
-webkit-transform: scaleX(0.5);
-moz-transform: scaleX(0.5);
-o-transform: scaleX(0.5);
transform: scaleX(0.5);
-webkit-transform-origin: 0 50% 0;
-moz-transform-origin: 0 50% 0;
-o-transform-origin: 0 50% 0;
transform-origin: 0 50% 0;
-webkit-transition: left 0.1s ease-in 0s;
-moz-transition: left 0.1s ease-in 0s;
-o-transition: left 0.1s ease-in 0s;
transition: left 0.1s ease-in 0s;
}
.add-to-cart-style:hover::after {
padding: 0 0 0 5px;
}
.add-to-cart-style:hover::before {
left: 45px;
}
@media only screen and (max-width: 460px) {
.add-to-cart-style.button {
padding: 0 10px;
}
.add-to-cart-style::after,
.add-to-cart-style::before {
display: none;
}
}
.kr-product-item .notify-about {
display: block;
font-size: 12px;
margin: 0;
}
.kr_product_view_list .kr-product-item .notify-about {
}
.product-flags {
left: -10px;
position: absolute;
top: 20px;
z-index: 2;
}
.product-flags span {
color: #ffffff;
font-family: 'Open Sans Condensed', sans-serif;
display: block;
float: left;
clear: both;
font-size: 14px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
font-weight: bold;
line-height: 30px;
height: 30px;
margin: 0 0 5px;
padding: 0 10px;
position: relative;
background-color: #333;
border-bottom: 1px solid #000;
box-sizing: border-box;
}
.product-flags span::after {
content: "";
display: block;
position: absolute;
left: 100%;
top: 0;
width: 30px;
height: 100%;
box-sizing: border-box;
border: 15px solid transparent;
border-top-color: #333;
border-left-color: #333;
-webkit-transform: scaleX(0.5);
-moz-transform: scaleX(0.5);
-o-transform: scaleX(0.5);
transform: scaleX(0.5);
-webkit-transform-origin: 0 50% 0;
-moz-transform-origin: 0 50% 0;
-o-transform-origin: 0 50% 0;
transform-origin: 0 50% 0;
}
.product-flags span::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 100%;
width: 10px;
height: 10px;
box-sizing: border-box;
border: 5px solid transparent;
border-top-color: #000;
border-right-color: #000;
}
.product-flags span.Promotion {
color: #ffffff;
background-color: #ffcc00;
border-bottom: 1px solid #ffb700;
}
.product-flags span.Promotion::after {
border-top-color: #ffcc00;
border-left-color: #ffcc00;
}
.product-flags span.Promotion::before {
border-top-color: #ffb700;
border-right-color: #ffb700;
}
.product-flags span.NewProduct {
color: #ffffff;
background-color: #f58330;
border-bottom: 1px solid #e75a00;
}
.product-flags span.NewProduct::after {
border-top-color: #f58330;
border-left-color: #f58330;
}
.product-flags span.NewProduct::before {
border-top-color: #e75a00;
border-right-color: #e75a00;
}
@media only screen and (max-width: 768px) {
.product-flags {
top: 10px;
}
.product-flags span {
line-height: 26px;
height: 26px;
}
.product-flags span::after {
width: 26px;
border-width: 13px;
}
}
/*
.product-flags span.NewProduct { background-color: #81C784;}
.product-flags span.Promotion { background-color: #EF5350;}
.product-flags span.PromotionalProduct { background-color: #9E9E9E;}
.product-flags span.RecommendedProduct { background-color: #FFB74D;}
.product-flags span.Sale { background-color: #F06292;}
.product-flags span.GreatQuality { background-color: #4DB6AC;}
.product-flags span.GreatPrice { background-color: #A1887F;}
.product-flags span.BestRated { background-color: #9575CD;}
.product-flags span.VendorRecomendation { background-color: #64B5F6;}
.product-flags span.Reward { background-color: #FF7043;}
*/
/* PRODUKT NA LIŚCIE - LISTA */
.naglowek-listy {
display: none;
}
.kr_product_view_list .naglowek-listy {
border-bottom: 1px solid #e6e6e6;
box-sizing: border-box;
display: block;
height: 50px;
padding: 5px;
}
@media only screen and (max-width: 1100px) {
.kr_product_view_list.b2b .naglowek-listy {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.kr_product_view_list .naglowek-listy {
display: none;
}
}
.kr_product_view_list .naglowek-listy > div {
border-right: 1px solid #e6e6e6;
box-sizing: border-box;
color: #888888;
float: left;
font-size: 11px;
height: 40px;
line-height: 40px;
padding: 0 5px;
}
.kr_product_view_list .naglowek-listy .n_zdjecie {
width: 60px;
}
.kr_product_view_list .naglowek-listy .n_nazwa {
width: -webkit-calc(100% - 520px);
width: -moz-calc(100% - 520px);
width: calc(100% - 520px);
}
.kr_product_view_list .naglowek-listy .n_ilosc {
width: 60px;
}
.kr_product_view_list .naglowek-listy .n_cena {
width: 100px;
}
.kr_product_view_list .naglowek-listy .n_koszyk {
width: 300px;
border-right: none;
}
.kr_product_view_list.b2c .naglowek-listy .n_koszyk {
width: 360px;
}
.kr_product_view_list .naglowek-listy .n_notlogged {
width: 460px;
border-right: none;
}
.kr_product_view_list .product-flags {
display: none;
display: block;
position: static;
width: 100%;
box-sizing: border-box;
}
.kr_product_view_list .product-flags span {
display: inline-block;
font-size: 12px;
line-height: 20px;
height: 20px;
margin: 0 10px 0 0;
padding: 0 10px;
position: relative;
float: none;
clear: none;
vertical-align: top;
}
.kr_product_view_list .product-flags span::before {
display: none;
}
.kr_product_view_list .product-flags span::after {
width: 20px;
border-width: 10px;
}
.kr_product_view_list .kr-product-item {
width: auto;
float: none;
height: auto;
}
.kr_product_view_list .kr-product-item .kr-product-item-inner {
border-right: none;
padding: 5px;
}
.kr_product_view_list .kr-product-item .kr-product-item-image {
float: left;
width: 60px;
}
.kr_product_view_list .kr-product-item .product-image {
height: 60px;
line-height: 60px;
margin: 0 10px 0 0;
text-align: center;
width: 100%;
}
.kr_product_view_list .kr-product-item .product-image img {
max-height: 60px;
font-size: 0;
}
.kr_product_view_list .kr-product-item .product-image i {
font-size: 40px;
height: 60px;
line-height: 60px;
}
.kr_product_view_list .kr-product-item .kr_product_item_details {
float: right;
width: -webkit-calc(100% - 60px);
width: -moz-calc(100% - 60px);
width: calc(100% - 60px);
box-sizing: border-box;
padding: 0 0 0 5px;
border-left: 1px solid #e6e6e6;
}
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-product-item-name {
border-right: 1px solid #e6e6e6;
box-sizing: border-box;
float: left;
height: 60px;
line-height: normal;
padding: 0 5px 0 0;
text-align: left;
font-size: 13px;
width: -webkit-calc(100% - 460px);
width: -moz-calc(100% - 460px);
width: calc(100% - 460px);
}
@media only screen and (max-width: 1024px) {
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-product-item-name {
border-right: none;
float: none;
height: auto;
width: auto;
padding-bottom: 5px;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 5px;
}
}
.StockLevel {
display: none;
}
.kr_product_view_list .kr-product-item .kr_product_item_details .StockLevel {
border-right: 1px solid #e6e6e6;
box-sizing: border-box;
float: left;
height: 60px;
font-size: 13px;
display: block;
width: 60px;
font-weight: bold;
line-height: 20px;
padding: 20px 5px 0;
text-align: left;
}
.kr_product_view_list .kr-product-item .kr_product_item_details > .clear,
.kr_product_view_list .kr-product-item .kr_product_item_details .rating,
.kr_product_view_list .kr-product-item .kr_product_item_details .kr_product_item_description,
.kr_product_view_list .kr-product-item .kr_product_item_details .kr_product_item_additional_info,
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-basket-area .kr_product_item_stock_value  {
display: none !important;
}
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area {
border-right: 1px solid #e6e6e6;
box-sizing: border-box;
float: left;
height: 60px;
line-height: 20px;
padding: 20px 5px 0;
text-align: left;
width: 100px;
font-size: 13px;
}
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area.loggin-to-see {
padding: 0 5px;
line-height: 60px;
vertical-align: middle;
width: 460px;
text-align: center;
border-right: none;
}
@media only screen and (max-width: 1024px) {
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area.loggin-to-see {
width: 100%;
}
}
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area.loggin-to-see span.price {
line-height: 20px;
display: inline-block;
}
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area .price,
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area .red-price {
font-size: 13px;
font-weight: bold;
}
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area .red-price,
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area .old-price {
position: relative;
top: -40px;
}
@media only screen and (max-width: 1024px) {
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area .red-price,
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area .old-price {
top: 0;
}
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area .old-price {
font-size: 13px;
line-height: 15px;
}
}
.list_label {
color: #888888;
display: none;
font-weight: normal;
line-height: 15px;
margin-top: -5px;
padding: 0;
font-size: 11px;
}
.list_label.label_for_promo_price {
margin-top: -15px;
}
@media only screen and (max-width: 1100px) {
.kr_product_view_list.b2b .list_label {
display: block;
}
}
@media only screen and (max-width: 1024px) {
.kr_product_view_list .list_label {
display: block;
}
}
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-basket-area {
box-sizing: border-box;
float: left;
height: 60px;
line-height: 40px;
padding: 10px 5px 10px 10px;
text-align: left;
width: 300px;
}
.kr_product_view_list.b2c .kr-product-item .kr_product_item_details .kr-basket-area {
width: 360px;
}
@media only screen and (max-width: 1024px) {
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area {
width: 100% !important;
margin-bottom: 10px !important;
height: auto;
}
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-basket-area {
float: right;
width: -webkit-calc(100% - 160px);
width: -moz-calc(100% - 160px);
width: calc(100% - 160px);
}
.kr_product_view_list.b2c .kr-product-item .kr_product_item_details .kr-basket-area {
width: -webkit-calc(100% - 100px);
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
width: 100%;
margin-top: 10px;
}
}
@media only screen and (max-width: 560px) {
.kr_product_view_list .kr-product-item .kr_product_item_details .StockLevel,
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area {
margin-bottom: 5px;
}
.kr_product_view_list .kr-product-item .kr_product_item_details .StockLevel {
width: 50%;
}
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area {
width: 50%;
}
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-price-area {
border-right: none;
}
.kr_product_view_list.b2c .kr-product-item .kr_product_item_details .kr-basket-area,
.kr_product_view_list .kr-product-item .kr_product_item_details .kr-basket-area {
float: none;
clear: both;
width: auto;
border-top: 1px solid #e6e6e6;
}
}
/* PRODUKT NA LIŚCIE - PEŁEN WIDOK */
.kr_product_view_short .kr-product-item .kr_product_item_full {
display: none;
}
.kr_product_view_full .kr-product-item {
width: auto;
float: none;
height: auto;
}
.kr_product_view_full .kr-product-item .kr-product-item-image {
float: left;
width: 320px;
}
.kr_product_view_full .kr-product-item .kr_product_item_description {
border-top: 1px solid #dddddd;
padding: 10px 0;
}
.kr_product_view_full .kr-product-item .kr_product_item_details {
float: right;
width: -webkit-calc(100% - 320px);
width: -moz-calc(100% - 320px);
width: calc(100% - 320px);
box-sizing: border-box;
padding: 0 0 0 20px;
}
@media only screen and (max-width: 1280px) {
.kr_product_view_full .kr-product-item .kr-product-item-image {
width: 260px;;
}
.kr_product_view_full .kr-product-item .kr_product_item_details {
width: -webkit-calc(100% - 260px);
width: -moz-calc(100% - 260px);
width: calc(100% - 260px);
}
}
@media only screen and (max-width: 1024px) {
.kr_product_view_full .kr-product-item .kr-product-item-image {
width: 220px;;
}
.kr_product_view_full .kr-product-item .kr_product_item_details {
width: -webkit-calc(100% - 220px);
width: -moz-calc(100% - 220px);
width: calc(100% - 220px);
}
}
@media only screen and (max-width: 639px) {
.kr_product_view_full .kr-product-item .kr-product-item-image {
width: auto;
float: none;
}
.kr_product_view_full .kr-product-item .kr_product_item_details {
width: auto;
float: none;
padding: 0;
}
}
.kr_product_view_full .kr-product-item .kr_product_item_details .kr-product-item-name {
float: left;
text-align: left;
width: -webkit-calc(100% - 120px);
width: -moz-calc(100% - 120px);
width: calc(100% - 120px);
height: auto;
line-height: normal;
}
.kr_product_view_full .kr-product-item .kr_product_item_details .kr-product-item-name h2 {
/*    font-size: 14px;
margin: 0;
display: inline-block;
line-height: 20px;
vertical-align: middle;*/
font-size: 14px;
line-height: 20px;
}
.kr_product_view_full .kr-product-item .rating {
float: right;
line-height: 20px;
text-align: right;
width: 100px;
}
.kr_product_view_full .kr-product-item .kr_product_item_additional_info {
border-top: 1px solid #dddddd;
font-size: 13px;
line-height: 20px;
padding: 10px 0;
text-align: right;
}
@media only screen and (max-width: 400px) {
.kr_product_view_full .kr-product-item .kr_product_item_additional_info {
text-align: left;
}
}
.kr_product_view_full .kr-product-item .kr_product_item_additional_info .date {
color: #000000;
display: inline;
line-height: 20px;
padding: 0;
width: auto;
}
.kr_product_view_full .kr-product-item .kr_product_item_additional_info .date::after {
display: none;
}
.kr_product_view_full .kr-product-item .kr-price-area {
float: left;
height: 20px;
padding: 10px 0;
text-align: left;
}
@media only screen and (max-width: 1024px) {
.kr_product_view_full .kr-product-item .kr-price-area {
float: none;
text-align: right;
padding: 0 0 10px;
height: auto;
}
}
@media only screen and (max-width: 400px) {
.kr_product_view_full .kr-product-item .kr-price-area {
text-align: left;
}
}
.kr_product_view_full .kr-product-item .kr-basket-area {
float: right;
}
.kr_product_view_full .kr-product-item .kr-basket-area input[name="quantity"] {
display: block;
}
.kr_product_view_full .kr-product-item .kr-basket-area .kr_product_item_stock_value {
float: left;
font-size: 12px;
line-height: 40px;
margin: 0 10px 0 0;
}
@media only screen and (max-width: 900px) {
.kr_product_view_full .kr-product-item .kr-basket-area .kr_product_item_stock_value {
display: none;
}
}
@media only screen and (max-width: 768px) {
.kr_product_view_full .kr-product-item .kr-basket-area .kr_product_item_stock_value {
display: block;
}
}
@media only screen and (max-width: 400px) {
.kr_product_view_full .kr-product-item .kr-basket-area .kr_product_item_stock_value {
display: none;
}
}
.kr_product_view_full .kr-product-item .kr-basket-area .kr-add-to-cart {
width: auto;
float: left;
margin: 0 0 0 10px;
}
@media only screen and (max-width: 400px) {
.kr_product_view_full .kr-product-item .kr-basket-area {
float: none;
}
.kr_product_view_full .kr-product-item .kr-basket-area .kr-add-to-cart {
width: -webkit-calc(100% - 50px);
width: -moz-calc(100% - 50px);
width: calc(100% - 50px);
}
.kr_product_view_full .kr-product-item .kr-basket-area .kr-add-to-cart {
width: -webkit-calc(100% - 95px);
width: -moz-calc(100% - 95px);
width: calc(100% - 95px);
}
.kr_product_view_full .kr-product-item .kr-basket-area.logged .kr-add-to-cart {
width: -webkit-calc(100% - 140px);
width: -moz-calc(100% - 140px);
width: calc(100% - 140px);
}
}
/***********************************************/
/*** STOPKA                                  ***/
/*** STOPKA                                  ***/
/*** STOPKA                                  ***/
/***********************************************/
#footer-section {
}
#footer-section .kr-footer {
}
@media only screen and (max-width: 768px) {
#footer-section .kr-footer {
}
}
#footer-section .kr-footer .kr-container {
padding: 20px;
box-sizing: border-box;
font-size: 13px;
}
@media only screen and (max-width: 768px) {
#footer-section .kr-footer .kr-container {
padding: 0;
}
}
#footer-section a {
}
#footer-section a:hover {
}
#footer-section ul {
padding: 0;
margin: 0;
list-style: none;
}
#footer-section .kr-footer .kr-container .sections {
float: left;
width: -webkit-calc(100% - 300px - 250px);
width: -moz-calc(100% - 300px - 250px);
width: calc(100% - 300px - 250px);
}
#footer-section .kr-footer .kr-container.newsletter_off .sections {
width: -webkit-calc(100% - 250px);
width: -moz-calc(100% - 250px);
width: calc(100% - 250px);
}
#footer-section .kr-footer .kr-container h3 {
font: 300 20px open sans,arial,sans-serif;
margin: 0 0 15px;
padding: 0;
}
/*#footer-section .kr-footer .kr-container .sections-container a::before {
content: "■";
display: inline-block;
font-size: 11px;
margin: 0 5px 0 3px;
position: relative;
top: -2px;
transition: color 0.2s ease-in 0s;
}
#footer-section .kr-footer .kr-container .sections-container a:hover::before {
color: #ffd62c;
}*/
@media only screen and (min-width: 769px) {
#footer-section .kr-footer .kr-container .sections-container {
display: table;
table-layout: fixed;
width: 100%;
}
#footer-section .kr-footer .kr-container .sections-container .section {
display: table-cell;
padding-right: 10px;
}
}
#footer-section .newsletter{
float: left;
width: 300px;
}
#footer-section .newsletter-email-container > input {
display: block;
float: left;
width: -webkit-calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: calc(100% - 110px);
margin-right: 10px;
}
#footer-section .newsletter .icons{
float: left;
}
#footer-section .newsletter .icons a {
display: inline-block;
vertical-align: top;
text-align: center;
line-height: 40px;
height: 40px;
}
#footer-section .newsletter .icons a[href*="instagram"],
#footer-section .newsletter .icons a[href*="flickr"],
#footer-section .newsletter .icons a[href*="pinterest"],
#footer-section .newsletter .icons a[href*="google"],
#footer-section .newsletter .icons a[href*="youtube"],
#footer-section .newsletter .icons a[href*="twitter"],
#footer-section .newsletter .icons a[href*="vimeo"],
#footer-section .newsletter .icons a[href*="facebook"] {
width: 40px;
overflow: hidden;
text-indent: -5000px;
position: relative;
}
#footer-section .newsletter .icons a[href*="instagram"] img,
#footer-section .newsletter .icons a[href*="flickr"] img,
#footer-section .newsletter .icons a[href*="pinterest"] img,
#footer-section .newsletter .icons a[href*="google"] img,
#footer-section .newsletter .icons a[href*="youtube"] img,
#footer-section .newsletter .icons a[href*="twitter"] img,
#footer-section .newsletter .icons a[href*="vimeo"] img,
#footer-section .newsletter .icons a[href*="facebook"] img {
display: none;
}
#footer-section .newsletter .icons a[href*="instagram"]::after,
#footer-section .newsletter .icons a[href*="flickr"]::after,
#footer-section .newsletter .icons a[href*="pinterest"]::after,
#footer-section .newsletter .icons a[href*="google"]::after,
#footer-section .newsletter .icons a[href*="youtube"]::after,
#footer-section .newsletter .icons a[href*="twitter"]::after,
#footer-section .newsletter .icons a[href*="vimeo"]::after,
#footer-section .newsletter .icons a[href*="facebook"]::after {
display: block;
height: 40px;
left: 0;
line-height: 40px;
position: absolute;
text-align: center;
text-indent: 0;
top: 0;
width: 40px;
color: #f9c231;
font-family: fontawesome;
font-size: 18px;
}
#footer-section .newsletter .icons a[href*="instagram"]:hover::after,
#footer-section .newsletter .icons a[href*="flickr"]:hover::after,
#footer-section .newsletter .icons a[href*="pinterest"]:hover::after,
#footer-section .newsletter .icons a[href*="google"]:hover::after,
#footer-section .newsletter .icons a[href*="youtube"]:hover::after,
#footer-section .newsletter .icons a[href*="twitter"]:hover::after,
#footer-section .newsletter .icons a[href*="vimeo"]:hover::after,
#footer-section .newsletter .icons a[href*="facebook"]:hover::after {
opacity: 0.5;
}
#footer-section .newsletter .icons a[href*="instagram"]::after { content: "\f16d" }
#footer-section .newsletter .icons a[href*="flickr"]::after { content: "\f16e" }
#footer-section .newsletter .icons a[href*="pinterest"]::after { content: "\f231" }
#footer-section .newsletter .icons a[href*="google"]::after { content: "\f0d5" }
#footer-section .newsletter .icons a[href*="youtube"]::after { content: "\f16a" }
#footer-section .newsletter .icons a[href*="twitter"]::after { content: "\f099" }
#footer-section .newsletter .icons a[href*="vimeo"]::after { content: "\f27d" }
#footer-section .newsletter .icons a[href*="facebook"]::after { content: "\f09a" }
#footer-section .newsletter-email-container > span {
display: block;
float: left;
width: 100px;
text-align: center;
padding: 0;
}
#footer-section .footer-social {
width: 250px;
float: left;
}
#footer-section .footer-social .shop-info .address {
overflow: auto;
padding: 0 0 5px 0;
}
#footer-section .footer-social .shop-info .address i {
float: left;
line-height: 20px;
text-align: center;
width: 20px;
color: #f9c231;
}
#footer-section .footer-social .shop-info .address > div {
float: left;
}
.scroll_to_top {
bottom: -55px;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0;
position: fixed;
right: 20px;
text-align: center;
width: 50px;
display: block;
z-index: 1000;
-webkit-transition: all 0.1s ease-in 0s;
-moz-transition: all 0.1s ease-in 0s;
-o-transition: all 0.1s ease-in 0s;
transition: all 0.1s ease-in 0s;
}
.scroll_to_top.show_button {
bottom: 60px;
}
.scroll_to_top:hover {
}
@media only screen and (max-width: 1199px) {
#footer-section .kr-footer .kr-container.newsletter_off .sections,
#footer-section .kr-footer .kr-container .sections {
float: none;
width: auto;
margin: 0 0 20px 0;
}
#footer-section .newsletter,
#footer-section .footer-social {
width: 50%;
}
}
@media only screen and (max-width: 768px) {
#footer-section .kr-footer .kr-container.newsletter_off .sections,
#footer-section .kr-footer .kr-container .sections {
margin: 0;
}
#footer-section .kr-footer .kr-container .sections-container .section {
float: none;
width: 100%;
margin: 0 0 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#footer-section .kr-footer .kr-container .sections-container .section h3 {
cursor: pointer;
}
#footer-section .kr-footer .kr-container h3 {
margin-bottom: 10px;
font-size: 16px;
}
#footer-section .kr-footer .kr-container .sections-container .section ul {
display: none;
margin: 0 0 10px;
}
#footer-section .newsletter,
#footer-section .footer-social {
float: none;
width: auto;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#footer-section .newsletter .icons {
border-top: 1px solid rgba(0, 0, 0, 0.1);
float: none;
margin: 10px 0 0;
padding: 10px 0 0;
text-align: center;
}
.scroll_to_top {
bottom: -40px;
height: 30px;
left: 0;
line-height: 30px;
width: 100%;
}
.scroll_to_top::before {
content: "";
display: block;
width: 20px;
height: 20px;
box-sizing: border-box;
border: 10px solid transparent;
border-bottom-color: #ffd62c;
top: -20px;
left: 50%;
margin: 0 0 0 -10px;
position: absolute;
-webkit-transition: border-color 0.1s ease-in 0s;
-moz-transition: border-color 0.1s ease-in 0s;
-o-transition: border-color 0.1s ease-in 0s;
transition: border-color 0.1s ease-in 0s;
}
.scroll_to_top:hover::before {
border-bottom-color: #ffe680;
}
.scroll_to_top:active::before {
border-bottom-color: #ffbb00;
}
.scroll_to_top.show_button {
bottom: 0;
}
body {
padding: 0 0 40px 0;
}
}
.config-messages {
background-color: #ffd62c;
box-sizing: border-box;
width: 100%;
color: #000;
text-shadow: 1px 1px 0 #fff;
}
.config-messages .kr-container {
padding: 15px 50px 15px 10px;
position: relative;
box-sizing: border-box;
}
.config-messages .title {
color: #ffffff;
text-decoration: none;
text-shadow: 1px 1px 2px #000000;
display: inline;
font-weight: bold;
letter-spacing: 1px;
margin: 0 10px 0 0;
padding: 0;
text-transform: uppercase;
}
.config-messages .message {
display: inline;
}
.config-messages .title a,
.config-messages .title a:active,
.config-messages .title a:visited {
color: #ffffff;
text-decoration: none;
text-shadow: 1px 1px 2px #000000;
}
.config-messages span.close-button-config-messages {
cursor: pointer;
display: inline;
font-size: 20px;
height: 30px;
line-height: 30px;
padding: 0;
position: absolute;
right: 10px;
text-align: center;
top: 10px;
width: 30px;
}
.config-messages span.close-button-config-messages:hover {
color: #444;
}
#footer-section  .kr_copyright_footer {
line-height: 20px;
font-size: 12px;
color: #333;
}
#footer-section  .kr_copyright_footer a {
color: #333;
}
#footer-section  .kr_copyright_footer a:hover {
color: #666;
}
#footer-section  .kr_copyright_footer .kr-container {
padding: 20px 0;
}
#footer-section  .kr_copyright_footer .kr_owner {
float: left;
}
#footer-section  .kr_copyright_footer .kr_owner .currency-info {
opacity: 0.5;
}
#footer-section  .kr_copyright_footer .kr_krudit {
float: right;
text-align: right;
}
@media only screen and (max-width: 768px) {
#footer-section  .kr_copyright_footer .kr-container {
padding: 0 0 10px 0;
text-align: center;
}
#footer-section  .kr_copyright_footer .kr_owner,
#footer-section  .kr_copyright_footer .kr_krudit {
float: none;
text-align: center;
}
}
/***********************************************/
/*** KOSZYK                                  ***/
/*** KOSZYK                                  ***/
/*** KOSZYK                                  ***/
/***********************************************/
.kr-shopping-cart {
background: #ffffff none repeat scroll 0 0;
margin: 0 0 10px;
}
.cart-progress-bar {
text-align: center;
}
.cart-progress-bar > ul {
display: inline-block;
line-height: 20px;
list-style: outside none none;
margin: 0;
overflow: auto;
padding: 10px 0 10px;
vertical-align: top;
}
.cart-progress-bar > ul li {
display: block;
float: left;
padding: 10px 0 10px 20px;
width: 200px;
padding: 10px 0 10px 15px;
box-sizing: border-box;
position: relative;
line-height: 20px;
}
.cart-progress-bar > ul li::after {
content: "";
display: block;
position: absolute;
left: 100%;
top: 0;
width: 40px;
height: 100%;
box-sizing: border-box;
border: 20px solid transparent;
-webkit-transform: scaleX(0.5);
-moz-transform: scaleX(0.5);
-o-transform: scaleX(0.5);
transform: scaleX(0.5);
-webkit-transform-origin: 0 50% 0;
-moz-transform-origin: 0 50% 0;
-o-transform-origin: 0 50% 0;
transform-origin: 0 50% 0;
}
.cart-progress-bar > ul li:last-child::after {
display: none;
}
@media only screen and (max-width: 1024px) {
.cart-progress-bar > ul {
display: block;
padding: 10px;
}
.cart-progress-bar > ul li {
width: 25%;
}
}
@media only screen and (max-width: 768px) {
.cart-progress-bar > ul li {
font-size: 12px;
}
.cart-progress-bar > ul li span.fa{
display: block;
font-size: 22px;
font-weight: normal;
line-height: 20px;
}
.cart-progress-bar > ul li span {
display: none;
}
}
.cart-progress-bar > ul li.done {
background-color: #ffd62c;
color: #fff;
text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
z-index: 2;
font-weight: bold;
}
.cart-progress-bar > ul li.done::after {
border-top-color: #ffd62c;
border-left-color: #ffd62c;
}
.cart-progress-bar > ul li.active {
background-color: #f9c231;
color: #fff;
text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
font-weight: bold;
padding-left: 15px;
}
.cart-progress-bar > ul li.active:last-child,
.cart-progress-bar > ul li.active:first-child {
padding-left: 0;
}
.cart-progress-bar > ul li.active::after {
border-top-color: #f9c231;
border-left-color: #f9c231;
}
.empty-cart {
text-align: center;
}
.empty-cart > div{
margin-bottom: 10px;
}
.kr-cart-items {
margin: 0;
}
.kr-cart-items .kr-table-head .kr-table-cell {
border-bottom: 2px solid #ffd62c;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px 10px;
background-color: #f2f2f2;
}
.kr-table-head .kr-table-cell {
padding: 20px 10px;
}
.kr-cart-items .kr-cart-item-additional-info {
color: #666666;
font-size: 11px;
line-height: normal;
margin: 0;
}
.kr-table-body .kr-cart-item .kr-table-cell {
padding: 10px;
}
@media only screen and (max-width: 768px) {
.kr-table-body .kr-cart-item .kr-table-cell {
padding: 5px;
}
}
.kr-cart-items .kr-cart-item-additional-info .attribute-value {
color: #111;
}
.kr-cart-items .kr-cart-item-additional-info .set-details {
padding: 5px;
background-color: #f2f2f2;
margin: 5px 10px 5px 0;
}
.kr-cart-items .kr-cart-item-additional-info .set-details .set-elements {
color: #1a1a1a;
font-size: 14px;
}
.kr-cart-items .kr-cart-item-additional-info .attribute-value.in-set-name::before {
content: "\f054";
font-family: fontawesome;
font-size: 8px;
margin: 0 4px 0 0;
color: #f58330;
}
.kr-cart-items .kr-cart-item-additional-info .show-items {
cursor: pointer;
color: #483261;
margin: 5px 0 0 0;
display: inline-block;
}
.kr-cart-items .kr-cart-item-additional-info .show-items:hover {
color: #1d97ca;
}
.kr-cart-items .kr-table-cell:nth-child(1) {
text-align: center;
width: 150px;
}
.kr-cart-items .kr-table-cell:nth-child(1) figure.product-image {
margin: 0;
}
.kr-cart-items .kr-table-cell:nth-child(1) figure.product-image img{
margin: 0 auto;
display: block;
max-height: 130px;
}
@media only screen and (max-width: 768px) {
.kr-cart-items .kr-table-cell:nth-child(3),
.kr-cart-items .kr-table-cell:nth-child(1) {
display: none
}
}
.kr-cart-items h3 {
font-weight: bold;
margin: 0;
font-size: 14px;
}
.kr-cart-items .kr-table-cell:nth-child(4) {
width: 120px;
}
@media only screen and (max-width: 768px) {
.kr-cart-items .kr-table-cell:nth-child(4) {
width: 110px;
}
}
.kr-cart-items .kr-table-cell:nth-child(4) .kr-input-group {
display: block;
}
.kr-cart-items .kr-table-cell:nth-child(4) .kr-input-group input {
margin: 0;
}
.kr-cart-items .kr-quantity-form {
display: block;
text-align: center;
min-width: 120px;
}
.kr-cart-items .kr-table-cell.kr-delete-from-wish-list,
.kr-cart-items .kr-table-cell.kr-remove-from-cart {
width: 50px;
}
.kr-cart-items .delete-from-wish-list,
.kr-cart-items .remove-from-cart {
display: block;
line-height: 30px;
height: 30px;
width: 30px;
margin: auto;
padding: 0;
}
.set-country {
width: -webkit-calc(50% - 20px);
width: -moz-calc(50% - 20px);
width: calc(50% - 20px);
width: 50%;
float: left;
margin: 10px 0;
overflow: auto;
}
@media only screen and (max-width: 1024px) {
.set-country {
width: auto;
float: none;
}
}
.set-country select {
margin: 0 0 0 5px;
width: 40%;
}
@media only screen and (max-width: 550px) {
.set-country span {
margin: 0 0 5px 0;
display: block;
width: 100%;
text-align: center;
}
.set-country select {
margin: 0 0 5px 0;
display: block;
width: 100%;
}
}
.discount-form {
box-sizing: border-box;
float: left;
margin: 0 0 10px;
padding: 10px 10px 10px 0;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
width: 50%;
}
@media only screen and (max-width: 1024px) {
.discount-form {
clear: both;
float: none;
margin: 0;
overflow: auto;
width: auto;
}
}
@media only screen and (max-width: 550px) {
.discount-form {
margin: 0 0 10px 0;
}
}
.discount-form input,
.discount-form .button {
float: left;
width: -webkit-calc(35% - 10px);
width: -moz-calc(35% - 10px);
width: calc(35% - 10px);
margin: 0 0 0 10px;
}
.discount-form .button {
width: -webkit-calc(30% - 10px);
width: -moz-calc(30% - 10px);
width: calc(30% - 10px);
padding: 0;
}
#DeliveryMethodsAndPayment {
margin: 0 -10px 0 0;
}
.kr-shopping-cart .summary-checkboxes,
.kr-shopping-cart .delivery-methods,
.kr-shopping-cart .payment,
.kr-shopping-cart .summary-info-container {
box-sizing: border-box;
float: left;
margin: 10px 10px 10px 0;
width: -webkit-calc(33.333% - 10px);
width: -moz-calc(33.333% - 10px);
width: calc(33.333% - 10px);
}
@media only screen and (max-width: 900px) {
.delivery-and-payment .delivery-methods,
.delivery-and-payment .payment {
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
}
.kr-shopping-cart .start .summary-info-container {
float: none;
clear: both;
margin: 0 10px 10px 0;
width: auto;
}
}
@media only screen and (max-width: 550px) {
.kr-shopping-cart .delivery-methods,
.kr-shopping-cart .payment {
float: none;
clear: both;
margin: 0 10px 10px 0;
width: auto;
}
}
.kr-shopping-cart .delivery-method-container {
margin-bottom: 5px;
}
.delivery-and-payment .options-title {
font-weight: bold;
margin: 0 0 10px;
}
.delivery-and-payment .option-name {
font-weight: bold;
}
.delivery-and-payment .option-price {
color: #888888;
font-size: 11px;
font-weight: normal;
display: block;
}
.delivery-and-payment .option-date {
display: block;
font-size: 12px;
opacity: 0.5;
margin: 0 0 5px;
}
.delivery-and-payment .option-opis {
margin: 0;
}
.delivery-and-payment img {
float: right;
max-height: 40px;
max-width: 80px;
}
.delivery-and-payment input[type="radio"] {
display: none;
}
.delivery-and-payment input[type="radio"]+label {
border-bottom: 1px solid rgba(0,0,0,0.1);
color: #444;
cursor: pointer;
display: block;
margin: 0 0 10px;
padding: 0 0 10px 30px;
position: relative;
transition: color 0.1s ease-in 0s;
font-size: 13px;
-webkit-transition: color 0.1s ease-in 0s;
-moz-transition: color 0.1s ease-in 0s;
-o-transition: color 0.1s ease-in 0s;
transition: color 0.1s ease-in 0s;
}
.delivery-and-payment input[type="radio"]+label:hover {
color: #111;
}
.delivery-and-payment .payment-container:last-child   input[type="radio"]+label,
.delivery-and-payment .delivery-method-container:last-child  input[type="radio"]+label {
border: none;
padding-bottom: 0;
margin: 0 0 5px;
}
.delivery-and-payment input[type="radio"]:checked+label {
color: #000;
}
.delivery-and-payment input[type="radio"]+label::before {
display: block;
float: left;
/*font-family: fontawesome;*/
font-size: 8px;
height: 20px;
left: 0;
line-height: 20px;
position: absolute;
text-align: center;
top: 0;
width: 20px;
border-box: box-sizing;
-webkit-transition: all 0.1s ease-in 0s;
-moz-transition: all 0.1s ease-in 0s;
-o-transition: all 0.1s ease-in 0s;
transition: all 0.1s ease-in 0s;
background-color: #fff;
color: #dddddd;
border: 1px solid #dddddd;
-webkit-box-shadow: 0 0 0 6px #ffffff inset, 0 0 0 10px #fff inset;
-moz-box-shadow: 0 0 0 6px #ffffff inset, 0 0 0 10px #fff inset;
-o-box-shadow: 0 0 0 6px #ffffff inset, 0 0 0 10px #fff inset;
box-shadow: 0 0 0 6px #ffffff inset, 0 0 0 10px #fff inset;
content: "\f111";
content: "\25CF";
content: "";
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.delivery-and-payment input[type="radio"]+label:hover::before {
color: #888;
border-color: #888;
-webkit-box-shadow: 0 0 0 6px #ffffff inset, 0 0 0 10px #aaa inset;
-moz-box-shadow: 0 0 0 6px #ffffff inset, 0 0 0 10px #aaa inset;
-o-box-shadow: 0 0 0 6px #ffffff inset, 0 0 0 10px #aaa inset;
box-shadow: 0 0 0 6px #ffffff inset, 0 0 0 10px #aaa inset;
}
.delivery-and-payment input[type="radio"]:checked + label::before {
-webkit-box-shadow: 0 0 0 6px #ffffff inset, 0 0 0 10px #333 inset;
-moz-box-shadow: 0 0 0 6px #ffffff inset, 0 0 0 10px #333 inset;
-o-box-shadow: 0 0 0 6px #ffffff inset, 0 0 0 10px #333 inset;
box-shadow: 0 0 0 6px #ffffff inset, 0 0 0 10px #333 inset;
color: #000;
border-color: #555;
}
.summary-info-container {
text-align: right;
}
.kr-cart-detail-area {
box-sizing: border-box;
float: left;
margin: 10px 10px 10px 0;
width: -webkit-calc(33.333% - 10px);
width: -moz-calc(33.333% - 10px);
width: calc(33.333% - 10px);
border: none;
height: auto;
}
.kr-cart-detail-area.with-invoice {
width: -webkit-calc(25% - 10px);
width: -moz-calc(25% - 10px);
width: calc(25% - 10px);
}
@media only screen and (max-width: 768px) {
.kr-cart-detail-area,
.kr-cart-detail-area.with-invoice {
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
}
}
@media only screen and (max-width: 768px) {
.kr-cart-detail-area,
.kr-cart-detail-area.with-invoice {
margin: 0 0 10px;
width: 100%;
}
.order-details-container {
padding: 0;
}
}
.kr-shopping-cart .thx .summary-checkboxes,
.kr-shopping-cart .thx .summary-info-container,
.kr-shopping-cart .summary .summary-checkboxes,
.kr-shopping-cart .summary .summary-info-container {
padding: 10px;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
}
@media only screen and (max-width: 768px) {
.kr-shopping-cart .thx .summary-checkboxes,
.kr-shopping-cart .thx .summary-info-container,
.kr-shopping-cart .summary .summary-checkboxes,
.kr-shopping-cart .summary .summary-info-container {
float: none;
width: auto;
margin: 0 0 10px;
}
}
.summary-checkboxes textarea {
height: 100px;
width: 100%;
background-color: #fff;
max-width: 100%;
min-width: 100%;
}
.top-info-container {
margin: 0 0 20px;
text-align: center;
}
.top-info-container div {
overflow: auto;
}
.top-info-container div > span {
box-sizing: border-box;
display: block;
float: left;
font-weight: normal;
line-height: 20px;
padding: 0 5px;
text-align: right;
width: 50%;
}
.top-info-container .thanks-content {
font-weight: bold;
text-align: left;
}
.top-info-container .thanks-buttons .button {
margin: 10px 0 0 0;
}
.thx h3.thanks {
text-align: center;
}
@media only screen and (min-width: 551px) {
.buttons-left {
float: left;
}
.buttons-right {
float: right;
text-align: right;
}
.buttons-right .no-acc {
float: none;
clear: both;
}
.buttons-right .login-and-registration-container,
.buttons-right > button {
float: left;
margin: 0 0 0 10px;
}
.buttons-right .login-and-registration-container.buttons-right {
float: right;
}
}
#invoice-address-data .kr_formstyle.inline {
margin-bottom: 10px;
}
/* KOSZYK KROK 2 */
.delivery-map-container.left-container {
width: -webkit-calc(100% - 510px);
width: -moz-calc(100% - 510px);
width: calc(100% - 510px);
margin-right: 10px;
}
.delivery-address.left-container  {
width: 500px;
}
.delivery-map-container.left-container .collection-points-search-box  {
text-align: left;
}
@media only screen and (max-width: 1024px) {
.delivery-map-container.left-container {
width: -webkit-calc(100% - 400px);
width: -moz-calc(100% - 400px);
width: calc(100% - 400px);
}
.delivery-address.left-container  {
width: 400px;
}
}
@media only screen and (max-width: 768px) {
.delivery-map-container.left-container,
.delivery-address.left-container  {
width: auto;
}
}
.delivery-map-container .collection-map-wrapper {
margin: 0 0 20px;
}
.delivery-map-container .collection-map-wrapper #collection-points-map {
height: 400px;
}
@media only screen and (max-width: 1024px) {
.delivery-map-container .collection-map-wrapper #collection-points-map {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
.delivery-map-container .collection-map-wrapper #collection-points-map {
height: 200px;
}
}
.delivery-map-container .delivery-address-title {
border-bottom: 1px solid rgba(0,0,0,0.1);
font-weight: bold;
margin: 0 0 10px;
padding: 0 0 10px;
text-align: center;
}
.delivery-map-container #machines-filter {
overflow: auto;
}
.delivery-map-container #machines-filter input {
display: block;
float: left;
width: -webkit-calc(100% - 80px);
width: -moz-calc(100% - 80px);
width: calc(100% - 80px);
}
.delivery-map-container #machines-filter button {
display: block;
float: right;
width: 70px;
padding: 0;
}
/***********************************************/
/*** KARTA PRODUKTU                          ***/
/*** KARTA PRODUKTU                          ***/
/*** KARTA PRODUKTU                          ***/
/***********************************************/
.product-details {
position: relative;
}
.product-details .product-data,
.product-details .slider {
float: left;
width: 50%;
}
.product-presentation h1 {
font-size: 16px;
font-weight: bold;
line-height: 20px;
margin: 0;
}
.kr-product-photo-carousel.owl-carousel .owl-item img {
margin: auto;
max-height: 400px;
width: auto;
}
.kr-product-photo-carousel .owl-nav {
display: none;
}
.owl-carousel.kr-product-photo-carousel.owl-theme .owl-dots {
margin: 10px 0;
position: static;
width: auto;
opacity: 1;
}
@media only screen and (max-width: 768px) {
.owl-carousel.kr-product-photo-carousel.owl-theme .owl-dots {
display: none;
}
.kr-product-photo-carousel.owl-carousel.owl-theme .owl-nav {
display: block;
opacity: 1;
}
.kr-product-photo-carousel.owl-theme.owl-carousel .owl-nav .owl-next,
.kr-product-photo-carousel.owl-theme.owl-carousel .owl-nav .owl-prev {
opacity: 1;
}
}
.kr-product-photo-carousel.owl-theme .owl-dots .owl-dot {
display: inline-block;
margin: 0 5px 10px;
width: 100px;
}
.kr-product-photo-carousel .owl-dot > div {
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
border: 1px solid #e6e6e6;
height: 100px;
}
.kr-product-photo-carousel .owl-dot.active > div {
border-color: #333;
}
.product-details .product-data {
box-sizing: border-box;
padding: 0 0 0 20px;
}
@media only screen and (max-width: 1280px) {
.product-details .slider {
width: 45%;
}
.product-details .product-data {
width: 55%;
}
}
@media only screen and (max-width: 1024px) {
.product-details .product-data,
.product-details .slider {
float: none;
clear: both;
width: auto;
padding: 0;
}
.product-details .slider {
margin: 0 0 20px;
}
}
@media only screen and (max-width: 768px) {
.product-details .slider {
margin: 0 -10px 10px;
}
}
.product-details .product-data .product-flags {
float: left;
left: -20px;
margin-bottom: 0;
position: absolute;
top: 0;
}
.product-data .product-popup {
clear: both;
}
.product-data .kr_prod_l {
display: inline-block;
opacity: 0.5;
width: 150px;
}
.product-data .kr_prod_r {
font-weight: bold;
}
.product-data .availability-container img,
.product-data .stock-container img {
/*display: none;*/
display: inline-block;
height: 20px;
margin: 0 0 0 10px;
position: relative;
vertical-align: top;
}
.product-data .manufacturer img {
max-height: 30px;
}
.product-data .prices {
padding: 10px 0;
}
.product-data .red-price .kr_prod_r .value,
.product-data .price .kr_prod_r .value {
font-size: 24px;
font-weight: bold;
color: #111111;
}
.product-data .attributes-select .button {
height: auto;
line-height: 40px;
margin: 0 10px 10px 0;
padding: 0 20px;
}
.product-data .attributes-select .button.active {
background-color: #ffa500;
}
.product-data .date {
padding: 0;
}
.product-data .kr-addtocart-area  {
margin: 0 0 20px;
}
@media only screen and (max-width: 1280px) {
.product-data .kr-addtocart-area {
margin: 0 0 10px;
}
}
.product-data .kr-addtocart-area .kr-quantity-area  {
float: left;
margin: 0 10px 0 0;
text-align: center;
width: 140px;
}
.product-data .kr-quantity-area .kr-input-group {
display: block;
overflow: auto;
width: 140px;
}
.product-data .kr-addtocart-area .kr-quantity-area input[type="button"] {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #000000;
font-size: 22px;
margin: 0;
text-shadow: none;
}
.product-data .kr-addtocart-area .kr-quantity-area input[type="number"] {
width: 60px;
background-color: #fff;
margin: 0;
}
.product-data .kr-addtocart-area .kr-addtocart-area-button {
float: left;
width: -webkit-calc(100% - 150px);
width: -moz-calc(100% - 150px);
width: calc(100% - 150px);
}
@media only screen and (max-width: 1280px) {
.product-data .kr-addtocart-area .kr-quantity-area  {
width: 120px;
}
.product-data .kr-quantity-area .kr-input-group {
width: 120px;
}
.product-data .kr-addtocart-area .kr-quantity-area input[type="number"] {
width: 40px;
}
.product-data .kr-addtocart-area .kr-addtocart-area-button {
width: -webkit-calc(100% - 130px);
width: -moz-calc(100% - 130px);
width: calc(100% - 130px);
}
}
.product-data .kr-addtocart-area .kr-addtocart-area-button .add-to-cart {
display: block;
width: 100%;
font-size: 16px;
margin: 0;
}
.product-data .kr-addtocart-area .kr-addtocart-area-button .add-to-cart .fa {
display: none;
}
.product-data .kr-quantity-area .stock-value {
font-size: 12px;
text-align: center;
clear: both;
display: block;
}
.product-data .kr-quantity-area .kr-available-units {
text-align: center;
}
.product-data .kr-quantity-area input[type="button"].kr-available-units {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #333333;
display: inline;
font-weight: normal;
height: auto;
line-height: normal;
margin: 0;
padding: 5px;
text-shadow: none;
opacity: 0.5;
}
.product-data .kr-quantity-area input[type="button"].active.kr-available-units {
opacity: 1;
}
.attributeId.active {
border: 1px solid #000;
}
#AddToCartForm > .info-container  {
margin-bottom: 20px;
}
#AddToCartForm > .input-group.kr-attributes {
padding: 0 0 10px 0;
overflow: auto;
margin: 0 -10px 0 0;
}
.kr-attributes h3 {
cursor: pointer;
box-sizing: border-box;
background-image: url("img/arrow_dn.png");
background-repeat: no-repeat;
background-position: -webkit-calc(100% - 5px) 7px;
background-position: -moz-calc(100% - 5px) 7px;
background-position: calc(100% - 5px) 7px;
padding-right: 23px;
font-weight: normal;
float: left;
font-size: 13px;
margin: 0 10px 10px 0;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
}
.kr-attributes h3 span{
font-weight: bold;
color: #000;
}
.kr-attributes .attributes-select {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #ddd;
box-sizing: border-box;
padding: 0;
position: absolute;
z-index: 2;
display: none;
margin: 0;
font-size: 13px;
}
.kr-attributes .attributes-select .button-option {
display: block;
margin: 0;
line-height: 15px;
padding: 10px;
color: #888;
cursor: pointer;
-webkit-transition: all 0.1s ease-in 0s;
-moz-transition: all 0.1s ease-in 0s;
-o-transition: all 0.1s ease-in 0s;
transition: all 0.1s ease-in 0s;
}
.kr-attributes .attributes-select .button-option:hover {
background-color: #f2f2f2;
}
.kr-attributes .attributes-select .button-option.active{
color: #000;
font-weight: bold;
}
.kr-conditions-actions {
text-align: center;
padding: 10px;
background-color: #f2f2f2;
}
.other-options-container {
text-align: center;
margin: 0 0 20px 0;
padding: 10px;
border-top: 1px solid #e6e6e6;
}
@media only screen and (max-width: 1280px) {
.other-options-container {}
}
.other-options-container > div {
display: inline-block;
line-height: 20px;
padding: 5px 5px;
cursor: pointer;
-webkit-transition: all 0.1s ease-in 0s;
-moz-transition: all 0.1s ease-in 0s;
-o-transition: all 0.1s ease-in 0s;
transition: all 0.1s ease-in 0s;
}
.other-options-container > div.add-to-wish-list.hidden {
display: none;
}
.other-options-container > div .fa {
color: #483261;
font-size: 16px;
margin-right: 5px;
}
@media only screen and (max-width: 1280px) {
.other-options-container > div .fa {
font-size: 14px;
}
}
.other-options-container > div:hover {
color: #1d97ca;
}
.product-details .product-details-container {
position: relative;
margin-bottom: 20px;
}
.product-details .slick-slide img {
display: block;
width: 100%;
}
/* ZAKŁADKI */
.kr-tab-container {
margin-bottom: 20px;
}
.kr-tab-container .kr-tab-label {
border: 1px solid transparent;
border-top: 3px solid #f9c231;
background-color: #ffd62c;
color: #fff;
font-weight: bold;
float: left;
line-height: 20px;
padding: 10px 20px;
line-height: 30px;
height: 50px;
box-sizing: border-box;
cursor: pointer;
position: relative;
z-index: 2;
margin: 0 10px -1px 0;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
-webkit-transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
-moz-transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
-o-transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
}
.kr-tab-container .kr-tab-label:hover {
background-color: #ffe680;
}
@media only screen and (max-width: 768px) {
.kr-tab-container .kr-tab-label {
float: none;
margin: 0;
}
}
.kr-tab-container .kr-tab-label.kr-tab-active {
border-top-width: 1px;
background-color: #fff;
border-color: rgba(0,0,0,0.1);
border-bottom-color: #fff;
color: #1a1a1a;
text-shadow: none;
}
.kr-tab-container .kr-tab-label .rating {
display: inline-block;
margin: 0 0 0 10px;
}
.kr-tab-container .kr-tab-label .rating .fa {
color: #ffffff;
}
.kr-tab-container .kr-tab-label.kr-tab-active .rating .fa {
color: #aaaaaa;
}
.kr-tab-container .kr-tab-content  {
border: 1px solid rgba(0,0,0,0.1);
padding: 10px;
display: none;
background-color: #fff;
}
.kr-tab-container .kr-tab-content.kr-tab-show  {
display: block;
}
.kr-tab-container .kr-tab-content ul {
margin: 10px 0;
padding: 0 0 0 20px;
}
.kr-tab-container .kr-tab-content.product-attributes ul {
margin: 0;
padding: 0;
}
.kr-tab-container .kr-tab-content.product-attributes ul li {
border-bottom: 1px solid #eeeeee;
margin: 0;
padding: 5px 10px;
overflow: auto;
}
.kr-tab-container .kr-tab-content.product-attributes ul li span {
display: block;
float: left;
font-weight: bold;
}
.kr-tab-container .kr-tab-content.product-attributes ul li span:first-child {
width: 33.333%;
font-weight: normal;
}
.kr-tab-container .kr-tab-content.product-reviews {
text-align: center;
}
.kr-tab-container .kr-tab-content.product-reviews .rating {
padding: 0 0 10px 0;
}
.kr-tab-container .kr-tab-content.product-reviews #add-review-form .rating .fa {
cursor: pointer;
display: inline-block;
padding: 10px;
font-size: 20px;
-webkit-transition: all 0.2s ease-in 0;
-moz-transition: all 0.2s ease-in 0;
-o-transition: all 0.2s ease-in 0;
transition: all 0.2s ease-in 0;
}
.kr-tab-container .kr-tab-content.product-reviews #add-review-form .rating .fa:hover {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
color: #555;
}
.rating .fa {
color: #aaa;
}
.rating .fa.fa-star {
color: #fd4 !important;
}
.kr-tab-container .kr-tab-content.product-reviews .current-reviews {
border-top: 1px solid #dddddd;
padding: 20px 0 0;
}
.kr-tab-container .kr-tab-content.product-reviews .current-reviews article {
padding: 5px 0;
}
.kr-tab-container .kr-tab-content.product-reviews .current-reviews article div.rating {
display: inline-block;
padding: 0;
}
.kr-tab-container .kr-tab-content.product-reviews .current-reviews article .review-author {
font-weight: bold;
font-size: 12px;
}
.kr-tab-container .kr-tab-content.product-reviews .current-reviews article .review-date {
font-size: 12px;
margin: 0 5px;
}
.AddSetToCartForm {
}
.AddSetToCartForm .setproduct-list {
background-color: #ffffff;
border: 1px solid #dddddd;
font-size: 0;
padding: 5px;
position: relative;
text-align: center;
}
.AddSetToCartForm .setproduct-list::after {
background-color: #ffffff;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
bottom: -11px;
content: " ";
display: block;
height: 20px;
left: 50%;
margin-left: -10px;
position: absolute;
width: 20px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.AddSetToCartForm .setproduct-list .setproduct-item {
display: inline-block;
box-sizing: border-box;
padding: 5px;
width: 25%;
}
.AddSetToCartForm .prices {
margin-bottom: 5px;
}
.AddSetToCartForm .prices .red-price {
display: block;
font-weight: bold;
font-size: 16px;
color: #111111;
}
.AddSetToCartForm .prices .old-price {
display: block;
}
.AddSetToCartForm .prices .discount strong {
color: #111111;
}
.old-price {
color: #888888;
text-decoration: line-through;
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {
.AddSetToCartForm .setproduct-list .setproduct-item {
width: 33.3333%;
}
}
@media only screen and (max-width: 550px) {
.AddSetToCartForm .setproduct-list .setproduct-item {
width: 50%;
}
}
.AddSetToCartForm .setproduct-list .setproduct-item figure {
height: 100px;
line-height: 100px;
margin: 0;
padding: 5px;
text-align: center;
}
.AddSetToCartForm .setproduct-list .setproduct-item figure img {
vertical-align: middle;
}
.AddSetToCartForm .setproduct-list .setproduct-item .figcaption {
height: 78px;
line-height: 78px;
}
.AddSetToCartForm .setproduct-list .setproduct-item .figcaption h3 {
display: inline-block;
font-size: 13px;
font-weight: normal;
line-height: 18px;
margin: 0;
text-align: center;
vertical-align: middle;
width: 100%;
}
.AddSetToCartForm .price-container {
padding: 20px 0 0;
text-align: center;
}
.kr-box-content .more-products {
margin: 20px 0 0;
text-align: center;
}
.kr-box-content .more-products .button{
margin: 0;
}
/***********************************************/
/*** PANEL KLIENTA                           ***/
/*** PANEL KLIENTA                           ***/
/*** PANEL KLIENTA                           ***/
/***********************************************/
.kr-custom-tab {
cursor: pointer;
line-height: 30px;
padding: 10px;
border: 1px solid transparent;
margin: 0;
}
.kr-custom-tab.active {
border: 1px solid #ddd;
background-color: #fff;
}
.client-profile {}
.client-profile  .kr-box-content {
position: relative;
}
.client-profile .label {
display: none;
}
.client-profile  .kr-box-content > div {}
.customer-details-container {}
.account-settings .icon-container.top-icon,
.customer-details .icon-container.top-icon {
display: block;
margin: 0 auto 20px;
max-width: 300px;
width: auto;
}
.client-profile .customer-details .address {
float: left;
width: -webkit-calc(33.333% - 20px);
width: -moz-calc(33.333% - 20px);
width: calc(33.333% - 20px);
box-sizing: border-box;
margin: 0 10px 20px;
text-align: left;
}
@media only screen and (max-width: 1024px) {
.client-profile .customer-details .address {
width: -webkit-calc(50% - 20px);
width: -moz-calc(50% - 20px);
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 550px) {
.client-profile .customer-details .address {
width: auto;
float: none;
}
}
.client-profile .customer-details .address .content {}
.client-profile .customer-details .address.active {}
.client-profile .customer-details .address input[name="delivery-address"] {
display: none;
}
.client-profile .customer-details .address label.set-default {
margin: 5px 0;
}
.client-profile .customer-details .address.active label.set-default {
color: #111111;
}
.client-profile .customer-details .address h4 {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: -10px -10px 0;
overflow: auto;
padding: 10px 10px 0;
min-height: 60px;
box-sizing: border-box;
}
.client-profile .customer-details .address h4 div {
float: left;
padding: 10px 0;
width: -webkit-calc(100% - 60px);
width: -moz-calc(100% - 60px);
width: calc(100% - 60px);
}
.client-profile .customer-details .address h4 .delivery-address-delete-button {
float: right;
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
margin: 0 0 10px 0;
}
.client-profile .customer-details .address .edit-icon {
display: block;
margin: 10px 0 0;
text-align: center;
}
.client-profile .customer-details .show-add-delivery-address {
}
.account-settings-option-container {
overflow: auto;
padding: 0 0 30px 0;
}
.account-settings-option-container .content {
/*float: left;*/
padding: 0 10px;
text-align: center;
}
.reviews-author-container .content {
float: left;
padding: 0 10px;
}
.history-item {
padding: 10px 0;
border-bottom: 1px solid #ddd;
}
.aditional-nav {
text-align: right;
padding: 0;
overflow: auto;
}
.no-orders {
text-align: center;
padding: 10px;
}
.client-profile .order-details-container {
padding: 0;
}
.order-details-container .order {
margin: 0 0 10px 0;
cursor: pointer;
border: 1px solid transparent;
}
.order-details-container .order:hover {
border-color: rgba(0,0,0,0.1);
}
.order-details-container .order .popup-dialog {
cursor: default;
}
.order-details-container .order .popup-dialog .modal-box {
max-width: 1024px;
display: block;
margin-right: auto;
margin-left: auto;
}
.amount-due-li:last-child {
font-weight: bold;
border-top: 1px solid rgba(0,0,0,0.1);
margin: 10px 0 0 0;
padding: 10px 0 0 0;
}
.amount-due-li:last-child  .amount-due-content-right {
color: #111111;
font-size: 16px;
}
/* WISHLIST */
.wish-list .kr-table-cell {
padding: 10px;
}
.wish-list-product .product-flags {
position: relative;
top: 0;
display: inline-block;
}
/* OPINIE */
.reviews-container .product-item {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #ddd;
}
.reviews-container .product-item .product-img {
height: 100px;
line-height: 100px;
text-align: center;
margin: 0 10px 0 0;
float: left;
}
.reviews-container .product-item .product-img img {
line-height: 100px;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
}
.reviews-container .product-item .product-info {
float: left;
}
@media only screen and (max-width: 768px) {
.kr-box.client-profile .kr-box-header {
display: none;
}
.reviews-container .product-item .product-img {
margin: 0 0 10px 0;
float: none;
}
.reviews-container .product-item .product-info {
float: none;
}
.client-profile-tabs {
display: none;
}
.client-profile .label {
display: block;
padding: 10px 10px 20px 10px;
overflow: auto;
cursor: pointer;
}
.client-profile .label h3 {
float: left;
font-size: 16px;
font-weight: normal;
line-height: 20px;
margin: 0;
}
.client-profile .label span.fa {
float: right;
line-height: 20px;
}
.client-profile .kr-box-content > div {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
}
.client-profile .kr-box-content > div > div:last-child {
margin-bottom: 20px;
}
}
/***********************************************/
/*** PORÓWNYWARKA                            ***/
/*** PORÓWNYWARKA                            ***/
/*** PORÓWNYWARKA                            ***/
/***********************************************/
.comparer .kr-box-comparer-container {
display: table;
table-layout: fixed;
width: 100%;
}
.comparer .comparing-area {
display: table-row;
}
.comparer .comparing-area:nth-child(2n) {
background-color: rgba(0, 0, 0, 0.04);
}
.comparer .comparing-area:last-child {
background-color: #f2f2f2;
}
.comparer .comparing-area .comparing-label {
display: table-cell;
padding: 10px;
vertical-align: middle;
width: auto;
border-left: 1px solid transparent;
border-top: 1px solid transparent;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
-webkit-transition: border-color 0.1s ease-in 0s;
-moz-transition: border-color 0.1s ease-in 0s;
-o-transition: border-color 0.1s ease-in 0s;
transition: border-color 0.1s ease-in 0s;
}
.comparer .comparing-area .comparing-label {
min-width: 200px;
}
.comparer .prod-count-1 .comparing-area .comparing-label { width: 100%; }
.comparer .prod-count-2 .comparing-area .comparing-label { width: 50%; }
.comparer .prod-count-3 .comparing-area .comparing-label { width: 33.3333%; }
.comparer .prod-count-4 .comparing-area .comparing-label { width: 25%; }
.comparer .prod-count-5 .comparing-area .comparing-label { width: 20%; }
.comparer .prod-count-6 .comparing-area .comparing-label { width: 16.6666%; }
@media only screen and (max-width: 1280px) {
.comparer .kr-box-comparer-table-container {
overflow: auto;
}
.comparer .kr-box-comparer-container {
width: auto;
}
}
.comparer .comparing-area .comparing-label > span::after {
content: " /";
}
.comparer .comparing-area .comparing-label > span:last-child::after {
content: "";
}
.comparer .comparing-area:hover .comparing-label {
border-bottom-color: #f9c231;
border-top-color: #f9c231;
}
.comparer .comparing-area:hover .comparing-label:first-child {
border-left-color: #f9c231;
}
.comparer .comparing-area:hover .comparing-label:last-child {
border-right-color: #f9c231;
}
.comparer .comparing-area.products-basket-container .comparing-label {
border-bottom-color: transparent;
border-top-color: transparent;
border-left-color: transparent !important;
border-right-color: rgba(0, 0, 0, 0.1) !important;
}
.comparer .comparing-area.products .comparing-label.header {
vertical-align: bottom;
}
.comparer .comparing-area.products .comparing-label.header .button {
width: 40px;
padding: 0;
margin: 0;
}
.comparer .comparing-area .comparing-label.header {
background-color: #f2f2f2;
max-width: 150px;
min-width: 150px;
width: 150px;
-webkit-transition: max-width 0.1s ease-in 0s, min-width 0.1s ease-in 0s, width 0.1s ease-in 0s, border-color 0.1s ease-in 0s;
-moz-transition: max-width 0.1s ease-in 0s, min-width 0.1s ease-in 0s, width 0.1s ease-in 0s, border-color 0.1s ease-in 0s;
-o-transition: max-width 0.1s ease-in 0s, min-width 0.1s ease-in 0s, width 0.1s ease-in 0s, border-color 0.1s ease-in 0s;
transition: max-width 0.1s ease-in 0s, min-width 0.1s ease-in 0s, width 0.1s ease-in 0s, border-color 0.1s ease-in 0s;
}
.comparer .comparing-area .comparing-label.header span {
opacity: 1;
-webkit-transition: opacity 0.1s ease-in 0s;
-moz-transition: opacity 0.1s ease-in 0s;
-o-transition: opacity 0.1s ease-in 0s;
transition: opacity 0.1s ease-in 0s;
}
.comparer .comparing-area .comparing-label.header.folded {
max-width: 40px;
min-width: 40px;
width: 40px;
}
.comparer .comparing-area .comparing-label.header.folded span {
opacity: 0;
}
.comparer .comparing-area .product-item {
position: relative;
}
.comparer .comparing-area .product-item .product-img {
height: 200px;
line-height: 200px;
margin-bottom: 10px;
text-align: center;
}
.comparer .comparing-area .product-item .product-img img {
max-height: 200px;
max-width: 100%;
vertical-align: middle;
width: auto;
}
.comparer .comparing-area .price {
font-size: 16px;
font-weight: bold;
color: #111111
}
.comparer .comparing-area .product-name {
display: block;
height: 60px;
line-height: 60px;
padding: 0 0 10px;
}
.comparer .comparing-area .product-name span {
display: inline-block;
font-weight: bold;
line-height: 20px;
margin: 0;
vertical-align: middle;
}
.comparer .comparing-area .product-item .button {
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 40px;
}
.comparer .comparing-area.products-basket-container .button {
display: block;
margin: 0;
}
/***********************************************/
/*** WYSZUKIWANIE ZAAWANSOWANE               ***/
/*** WYSZUKIWANIE ZAAWANSOWANE               ***/
/*** WYSZUKIWANIE ZAAWANSOWANE               ***/
/***********************************************/
.kr_search_range {
box-sizing: border-box;
float: left;
padding: 10px;
width: 33.333%;
}
@media only screen and (max-width: 768px) {
.kr_search_range {
float: none;
width: 100%;
padding: 0;
margin: 0 0 10px;
}
}
.kr_search_range select {
width: 100%;
margin: 0 0 10px;
}
.kr_search_range.by_word {
float: none;
width: auto;
margin-right: -10px;
}
.kr_search_range.by_word input {
display: block;
float: left;
margin: 0 10px 10px 0;
width: -webkit-calc(25% - 10px);
width: -moz-calc(25% - 10px);
width: calc(25% - 10px);
}
@media only screen and (max-width: 1024px) {
.kr_search_range.by_word input {
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
}
}
@media only screen and (max-width: 768px) {
.kr_search_range.by_word {
margin-right: 0;
}
.kr_search_range.by_word input {
width: 100%;
float: none;
margin: 0 0 5px;
}
}
.kr_search_range .by_price {
margin-bottom: 5px;
}
.kr_search_range .by_price input {
display: block;
float: left;
width: -webkit-calc(50% - 15px);
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
}
.kr_search_range .by_price span {
display: block;
float: left;
width: 30px;
text-align: center;
line-height: 40px;
}
@media only screen and (max-width: 768px) {
.kr_search_range.folded {
margin: 0 0 10px 0;
}
}
.ask-about-product {
text-align: center;
}
.ask-about-product a{
font-weight: bold;
}
.ask-about-product .fa {
background-color: #8cc658;
color: #ffffff;
font-size: 14px;
height: auto;
line-height: 20px;
margin-right: 10px;
padding: 10px;
position: relative;
text-align: center;
width: 20px;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.ask-about-product .fa::after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #8cc658;
border-image: none;
border-style: solid;
border-width: 10px;
box-sizing: border-box;
content: "";
display: block;
height: 20px;
left: 100%;
position: absolute;
top: 10px;
width: 20px;
}
/***********************************************/
/*** SIDE MENU                               ***/
/*** SIDE MENU                               ***/
/*** SIDE MENU                               ***/
/***********************************************/
.c-button {
height: 50px;
line-height: 50px;
margin: -25px 0 0;
position: absolute;
text-align: center;
top: 50%;
width: 50px;
display: none;
cursor: pointer;
font-size: 24px;
color: #111;
}
.c-button:hover {
color: ;
}
@media only screen and (max-width: 768px) {
.c-button {
display: block;
}
}
.c-menu {
background-color: #eeeeee;
}
.c-menu header {
background-color: #ffffff;
position: relative;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.c-menu header h3 {
float: left;
font-size: 18px;
font-weight: 300;
line-height: 40px;
margin: 10px 20px;
text-align: left;
}
.c-menu header button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-left: 1px solid rgba(0, 0, 0, 0.1);
color: #000000;
float: right;
margin: 10px 0;
padding: 0;
text-shadow: none;
width: 50px;
padding: 0;
}
.c-menu .user-area {
padding: 10px 0 0 10px;
}
.c-menu .user-area p {
margin: 10px;
text-align: center;
}
.c-menu .user-area .button {
display: block;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
float: left;
margin: 0 10px 0 0;
padding: 0;
height: 50px;
line-height: 50px;
}
.c-menu .lang-and-currency-outer {
position: absolute;
right: 60px;
top: 0;
height: 60px;
line-height: 60px;
text-align: right;
}
.c-menu .lang-and-currency-outer .lang-and-currency {
display: inline-block;
line-height: 30px;
vertical-align: middle;
}
.c-menu .lang-and-currency-outer .lang-and-currency .currency-label,
.c-menu .lang-and-currency-outer .lang-and-currency .current-lang {
display: block;
}
.c-menu .lang-and-currency-outer .lang-and-currency .kr-trigger {
padding: 5px 30px 5px 10px;
}
.c-menu .lang-and-currency-outer .lang-and-currency .kr-trigger::before {
border-color: rgba(0, 0, 0, 0);
content: "";
font-family: fontawesome;
font-size: 10px;
left: auto;
position: absolute;
right: 7px;
top: 5px;
}
.c-menu .lang-and-currency-outer .lang-and-currency ul li {
line-height: 20px;
}
.c-menu .kr-side-menu-cart-content-container {
line-height: 30px;
padding: 10px 0;
text-align: center;
}
.c-menu .kr-side-menu-cart-content-container .kr-summary {
padding: 0 10px;
}
.c-menu .kr-side-menu-cart-content-container .icon-container {
padding: 10px 0;
width: 40px;
}
.c-menu .kr-side-menu-cart-content-container .icon-container .kr-cart-amount {
background-color: #111111;
text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #ffffff;
display: block;
font-size: 12px;
font-weight: bold;
height: 20px;
line-height: 20px;
position: absolute;
text-align: center;
min-width: 20px;
box-sizing: border-box;
padding: 0 3px;
top: -5px;
right: -7px;
z-index: 2;
}
.c-menu .kr-side-menu-cart-content-container .content-container {
position: relative;
}
.c-menu .kr-side-menu-cart-content-container .button {
display: block;
height: 50px;
line-height: 50px;
margin: 10px 10px 0;
}
.c-menu .kr-box {
margin: 0 10px 10px;
}
/***********************************************/
/*** BLOG                                    ***/
/*** BLOG                                    ***/
/*** BLOG                                    ***/
/***********************************************/
article.blog-post,
article.post {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
box-sizing: border-box;
margin: 0 auto 30px;
max-width: 1024px;
padding: 0 30px 30px;
}
article.post.image > .content {
display: block;
float: left;
width: -webkit-calc(100% - 220px);
width: -moz-calc(100% - 220px);
width: calc(100% - 220px);
}
article.post .post-img {
background-attachment: scroll;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
float: left;
height: 200px;
margin: 0 20px 0 0;
width: 200px;
}
article.post.image:nth-of-type(2n) > .content {
float: right;
}
.blog-latest article.post.image:nth-of-type(2n) > .content {
text-align: right;
}
article.post:nth-of-type(2n) .post-img {
float: right;
margin: 0 0 0 20px;
}
article.post h2 {
margin: 0;
font-size: 20px;
}
article.post h3 {
margin: 0;
font-size: 16px;
}
article.post .post-text {
-webkit-columns: 250px 2; /* Chrome, Safari, Opera */
-moz-columns: 250px 2; /* Firefox */
columns: 250px 2;
-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
-moz-column-gap: 20px; /* Firefox */
column-gap: 20px;
padding: 0 0 20px;
text-align: justify;
}
article.blog-post img {
display: block;
margin: 0 auto 10px;
max-width: 100%;
}
.arrows-container {
text-align: center;
}
@media only screen and (max-width: 768px) {
article.blog-post,
article.post {
margin: 0 auto 10px;
padding: 0 10px 10px;
}
article.post.image > .content {
display: block;
float: none;
width: 100%;
}
article.post .post-img {
float: none;
height: 200px;
margin: 0 0 10px 0;
width: 100%;
}
article.post .post-text {
padding: 0 0 10px;
}
}
/* blog latest */
.blog-latest article.post {
margin: 0 0 10px 20px;
max-width: none;
padding: 0 0 10px;
}
.blog-latest .other-posts {
float: left;
width: -webkit-calc(50% - 20px);
width: -moz-calc(50% - 20px);
width: calc(50% - 20px);
}
.blog-latest article.post.image > .content {
width: -webkit-calc(100% - 140px);
width: -moz-calc(100% - 140px);
width: calc(100% - 140px);
}
.blog-latest article.post .post-img {
background-size: cover;
height: 120px;
width: 120px;
}
.blog-latest article.post .post-text {
-webkit-columns: 1 auto;
-moz-columns: 1 auto;
columns: 1 auto;
}
.blog-latest article.post.kr-first-post {
float: left;
width: 50%;
margin: 0;
padding: 0;
border: none;
}
.blog-latest article.post:last-child {
margin: 0;
padding: 0;
border: none;
}
.blog-latest .kr-box-footer {
text-align: center;
}
.blog-latest .button.show-more {
margin: 0;
}
@media only screen and (max-width: 768px) {
.blog-latest article.post.kr-first-post {
float: none;
width: 100%;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.blog-latest article.post {
margin-left: 0;
padding-left: 0;
width: auto;
}
.blog-latest article.post.image > .content,
.blog-latest .other-posts {
float: none;
width: auto;
}
article.post:nth-of-type(2n) .post-img {
float: none;
margin: 0;
}
.blog-latest article.post.image:nth-of-type(2n) > .content {
text-align: left;
}
}
/***********************************************/
/*** 404                                     ***/
/*** 404                                     ***/
/*** 404                                     ***/
/***********************************************/
.page-not-found .kr-box .kr-box-content {
text-align: center;
padding: 100px 10px;
}
.page-not-found .icon-container.top-icon.pagenotfound {
display: inline-block;
font-size: 20px;
height: auto;
line-height: normal;
padding: 20px;
width: auto;
}
.page-not-found p.pagenotfound {
font-size: 70px;
margin: 0 0 20px;
padding: 0;
}
/**/
form .input-group .kr_formstyle.unactive-switch {
opacity: .5;
cursor: not-allowed;
}
.multiple-choice .main-consent-warning,
.multiple-choice .channel-warning,
.input-group .main-consent-warning,
.input-group .channel-warning {
display: none;
font-size: 11px;
color: #ff3a3a;
}
.required-checkbox-warning .radio,
.required-checkbox-warning .checkbox {
border-color: #ff3a3a !important;
}
.client-profile .all-users-consents .consents-box .withdraw-warning {
display: inline-block;
margin-bottom: 10px;
font-size: 13px;
color: #da6464;
}
.client-profile .accept-date {
display: block;
font-size: 13px;
font-style: italic;
margin: 0 0 10px 0;
}
.client-profile .all-users-consents .consents-box > ul {
margin: 10px 0 0;
padding: 0;
display: inline-block;
width: 100%;
}
.client-profile .all-users-consents ul {
list-style: none;
padding: 0;
}
.client-profile .all-users-consents .consents-box > ul > li {
background-color: #f2f2f2;
padding: 10px;
margin: 0 0 20px 0;
}
.client-profile .all-users-consents li {
padding: 0;
margin: 0;
}
.client-profile .multiple-switch {
display: block;
margin: 0 0 5px;
}
.all-users-consents h2.main-title {
padding: 20px 10px;
font-size: 16px;
margin: 10px 0 0;
border-top: 1px solid rgba(0,0,0,0.1);
}
/***********************************************/
/*** BIKEMAN                                 ***/
/*** BIKEMAN                                 ***/
/*** BIKEMAN                                 ***/
/***********************************************/
#o-wrapper,
body {
background: #eeeeee url("img/bikeman_rwd_tlo-bw.jpg") repeat scroll 0 0;
}
ul {
padding-left: 30px;
}
::selection {
background: #f9c231; /* WebKit/Blink Browsers */
color: #fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
::-moz-selection {
background: #f9c231; /* Gecko Browsers */
color: #fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.important-area {
border: 1px solid #e6e6e6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-sizing: border-box;
}
.sl-wrapper .sl-close,
input[type="button"],
input[type="submit"],
button,
a.button,
.button {
color: #000;
text-shadow: 1px 1px 0 #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
input[type="button"].important-button,
input[type="submit"].important-button,
button.important-button,
a.button.important-button,
.button.important-button {
color: #fff;
text-shadow: 1px 1px 0 #000;
}
.kr-attributes h3,
textarea,
input[type="text"],
input[type="date"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="password"],
select {
background-color: #f0f0f0;
border: 1px solid #e6e6e6;
-webkit-transition: all 0.1s ease-in 0s;
-moz-transition: all 0.1s ease-in 0s;
-o-transition: all 0.1s ease-in 0s;
transition: all 0.1s ease-in 0s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.important-area .kr-attributes h3,
.important-area textarea,
.important-area input[type="text"],
.important-area input[type="date"],
.important-area input[type="number"],
.important-area input[type="search"],
.important-area input[type="email"],
.important-area input[type="tel"],
.important-area input[type="password"],
.important-area select {
background-color: #ffffff;
}
.kr-attributes h3:focus,
textarea:focus,
input[type="text"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
select:focus{
border-color: #ccc;
}
select[disabled],
textarea[disabled],
input[disabled],
textarea[readonly],
input[readonly] {
border-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
color: #555555;
}
.icon-container {
background-color: #ffd62c;
color: #000;
text-shadow: 1px 1px 0 #fff;
}
.icon-container::after {
border-left-color: #ffd62c;
}
.icon-container.top-icon::after {
border-top-color: #ffd62c;
}
.delivery-and-payment input[type="radio"] + label::before {
border: 1px solid #777;
}
.regulations .date {
display: none;
}
.message-popup-background .message-popup,
.popup-dialog .modal-box {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.message-popup-background .message-popup .title,
.popup-dialog .form-title, .popup-dialog .page-header {
color: #fff;
padding: 20px 70px 20px 20px;
margin: -10px -10px 20px;
line-height: 20px;
font-size: 16px;
font-weight: bold;
background-image: linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -o-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -moz-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -webkit-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -ms-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
}
.message-popup-background .message-popup .fa.fa-close.close-button,
.popup-dialog .modal-box .fa.fa-close.close-button {
background: #ffffff none repeat scroll 0 0;
border: none;
right: 10px;
top: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #000;
}
/* not logged */
.kr-container.not-logged {
max-width: 340px;
margin: auto;
}
.kr-container.not-logged .logo {
text-align: center;
}
.kr-container.not-logged .logo a {
width: 240px;
display: block;
margin: 20px auto;
}
.kr-container.not-logged .logo a img {
width: 100%;
margin: 10px 0;
display: block;
}
.kr-container.not-logged .kr-box {
margin: 0 0 20px 0;
}
.kr-container.not-logged .kr-box .login-help {
display: none;
}
.kr-pass-reminder .kr-box-content {
display: none;
}
.kr-pass-reminder .kr-trigger {
position: relative;
}
.kr-pass-reminder .kr-trigger::after {
content: "\f107";
font-family: fontawesome;
height: 20px;
line-height: 20px;
margin: -10px 10px 0;
position: absolute;
right: 0;
text-align: center;
top: 50%;
width: 30px;
font-weight: normal;
}
.kr-pass-reminder .kr-trigger.active::after {
content: "\f106";
}
/* baner */
.sl-wrapper .sl-navigation button.sl-next,
.sl-wrapper .sl-navigation button.sl-prev,
.owl-theme.owl-carousel .owl-nav .owl-next,
.owl-theme.owl-carousel .owl-nav .owl-prev {
padding: 0;
width: 40px;
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
background-color: transparent;
background-image: linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -o-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -moz-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -webkit-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -ms-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
-webkit-transition: width 0.1s ease-in 0s;
-moz-transition: width 0.1s ease-in 0s;
-o-transition: width 0.1s ease-in 0s;
transition: width 0.1s ease-in 0s;
}
.sl-wrapper .sl-navigation button.sl-next,
.owl-theme.owl-carousel .owl-nav .owl-next {
left: auto;
right: 0;
-webkit-border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
}
.owl-theme.owl-carousel .owl-dots .owl-dot span {
background-color: #fff;
-webkit-box-shadow: 0 0 4px #000;
-moz-box-shadow: 0 0 4px #000;
box-shadow: 0 0 4px #000;
margin: 5px;
width: 30px;
border: none;
}
.owl-theme.owl-carousel .owl-dots .owl-dot:hover span,
.owl-theme.owl-carousel .owl-dots .owl-dot.active span {
background-color: #ffd62c;
}
/* boxy */
.kr-box {
margin: 0 10px 10px 0;
background: #fff;
}
.kr-box .kr-box-header {
color: #fff;
display: block;
float: none;
padding: 20px;
margin: 0;
line-height: 20px;
font-size: 16px;
font-weight: bold;
background-image: linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -o-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -moz-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -webkit-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -ms-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.kr-marki {
margin: -10px 0;
}
.kr-marki .marka-item {
margin: 0 0 0 -20px;
padding: 0 10px 0 20px;
border-bottom: 1px solid #dddddd;
}
.kr-marki .marka-item a {
display: block;
line-height: 50px;
overflow: auto;
}
.kr-marki .marka-item a img {
display: inline-block;
max-height: 50px;
max-width: 100px;
vertical-align: middle;
width: auto;
}
.kr-marki .marka-item a span {
float: right;
display: block;
width: -webkit-calc(100% - 100px);
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
text-align: center;
line-height: 20px;
padding: 15px 0 15px 10px;
font-weight: bold;
box-sizing: border-box;
font-size: 14px;
}
.kr-menu .kr-toggle-span {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.kr-menu a:hover + span.kr-toggle-span {
background-color: #eee;
}
.kr-menu .kr-toggle-span:hover {
background-color: #ffd62c;
}
/* startowa */
.main_banner {
margin: 0 auto;
background: #fff;
}
.manufacturer {
background-color: #fff;
margin: 0 0 10px 0;
}
.manufacturer-item {
float: left;
height: 60px;
line-height: 60px;
margin: 10px 0;
width: -webkit-calc( ( 100% / 5 ) - 0.1px);
width: -moz-calc( ( 100% / 5 ) - 0.1px);
width: calc( ( 100% / 5 ) - 0.1px);
}
@media only screen and (max-width: 900px) {
.manufacturer-item {
width: 25%;
}
}
@media only screen and (max-width: 639px) {
.manufacturer-item {
width: 33.3333%;
}
}
.manufacturer-item.item > a {
display: inline-block;
line-height: 100px;
vertical-align: middle;
display: block;
height: 60px;
line-height: 60px;
text-align: center;
}
.manufacturer-item.item > a  img {
display: inline-block;
height: auto;
margin: auto;
max-height: 40px;
max-width: 100%;
width: auto;
vertical-align: middle;
}
/* header */
@media only screen and (min-width: 769px) {
.kr-top-menu {
display: none;
}
.kr-main-header {
padding-top: 50px;
}
#header-section{
margin-bottom: 10px;
}
.kr-main-header .kr-container {
}
#header-section .logo {
padding: 0;
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.kr-cart-content-container {
float: none;
margin: 0;
right: 0;
top: -40px;
position: absolute;
background-color: #fff;
font-size: 13px;
}
.kr-cart-content-container .kr-cart-content {
height: 30px;
width: 250px;
}
.kr-cart-content-container .kr-cart-content .kr-summary {
height: 30px;
line-height: 30px;
}
.kr-cart-content-container .kr-cart-content .cart-button {
height: 30px;
line-height: 30px;
color: #1a1a1a;
}
.kr-cart-content-container .kr-cart-content .kr-summary > span {
border-right: none;
margin: 0;
padding: 0;
}
.kr-search-menu-container {
bottom: auto;
top: -40px;
right: 260px;
}
.kr-search-menu-container .kr-search .searched-phrase {
float: left;
display: block;
margin: 0;
width: 280px;
-webkit-transition: width 0.1s ease-in 0s;
-moz-transition: width 0.1s ease-in 0s;
-o-transition: width 0.1s ease-in 0s;
transition: width 0.1s ease-in 0s;
padding-right: 140px;
background-color: #ffd62c;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
height: 30px;
line-height: 30px;
}
.kr-search-menu-container .kr-search .searched-phrase:focus {
background-color: #ffe680;
}
.kr-search-menu-container .kr-search .search-button {
width: 40px;
height: 30px;
line-height: 30px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
position: absolute;
top: 0;
right: 0;
background: transparent;
}
.kr-search-menu-container .kr-search a {
display: block;
position: absolute;
line-height: 24px;
height: 24px;
padding: 0 5px;
border-left: 1px solid rgba(0,0,0,0.2);
border-right: 1px solid rgba(0,0,0,0.2);
right: 40px;
top: 3px;
font-size: 10px;
width: 80px;
text-align: center;
color: #777;
}
.kr-search-menu-container .kr-search a:hover {
color: #000;
}
.kr-bottom-menu {
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.kr-bottom-menu .kr-container {
background-color: #fff;
}
.kr-primary-menu-container {
text-align: right;
}
.kr-primary-menu-container .kr-primary-menu {
display: inline-block;
vertical-align: top;
width: auto;
}
.kr-primary-menu-container .kr-primary-menu li {
position: static;
}
.kr-primary-menu-container .kr-primary-menu li a {
padding: 30px 10px;
color: #808080;
}
.kr-primary-menu-container .kr-primary-menu > li > ul {
background-color: #ffffff;
width: 100%;
z-index: 10;
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
border-top: 5px solid #eeeeee;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}
.kr-primary-menu-container .kr-primary-menu li ul li a {
text-align: left;
color: #808080 !important;
}
.kr-primary-menu-container .kr-primary-menu li ul li a:hover {
background-color: #f2f2f2;
color: #333333 !important;
}
.kr-breadcrumbs .kr-container {
padding: 10px 10px 0 10px;
}
.kr-breadcrumbs ul li span,
.kr-breadcrumbs ul li a {
color: #555;
}
.kr-breadcrumbs ul li a:hover {
color: #000;
}
.kr-breadcrumbs ul li:first-child a i {
color: #555;
}
.kr-breadcrumbs ul li:first-child a i {
color: inherit;
}
.kr-breadcrumbs ul li i.fa {
color: inherit;
}
}
@media only screen and (max-width: 768px) {
.kr-main-header .kr-container {
margin: 10px;
background: #fff;
}
#header-section .logo {
float: none;
padding: 0px 170px 0 60px;
}
.kr-search-menu-container .kr-search {
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
left: 10px;
background-color: #ffd62c;
}
.kr-search-menu-container .kr-search .search-autocomplete {
width: 100%;
left: 0;
top: auto;
top: auto;
margin: 10px 0 0 0;
}
}
#header-section .bikeman_fb {
background: rgba(0, 0, 0, 0) url("img/fb.jpg") no-repeat scroll center center / contain ;
height: 80px;
width: 150px;
position: absolute;
left: 310px;
z-index: 1;
}
#header-section .bikeman_fb a {
display: block;
height: 80px;
overflow: hidden;
text-indent: -2000px;
}
@media only screen and (max-width: 1280px) {
#header-section .bikeman_fb {
height: 50px;
position: absolute;
top: -50px;
left: 0px;
}
}
@media only screen and (max-width: 768px) {
#header-section .bikeman_fb {
height: 40px;
left: auto;
position: absolute;
top: 50%;
width: 100px;
margin: -20px 0 0 0;
right: 60px;
}
}
/* lista */
.kr-filters .kr-switches > li.AVB,
.kr-filters .kr-switches > li.MARK,
.kr-filters .kr-switches > li.OTHER > ul > li {
display: none;
}
.kr-filters .kr-switches > li.OTHER > ul > li.NEW,
.kr-filters .kr-switches > li.OTHER > ul > li.PROMO {
display: list-item;
}
.kr_product_view_list.b2b .naglowek-listy .n_nazwa {
width: -webkit-calc(100% - 620px);
width: -moz-calc(100% - 620px);
width: calc(100% - 620px);
}
.kr_product_view_list.b2b .naglowek-listy .n_ilosc {
width: 60px;
}
.kr_product_view_list.b2b .naglowek-listy .n_cenahurt,
.kr_product_view_list.b2b .naglowek-listy .n_cenadetal {
width: 100px;
}
.kr_product_view_list.b2b .kr-product-item .kr_product_item_details .kr-product-item-name {
width: -webkit-calc(100% - 560px);
width: -moz-calc(100% - 560px);
width: calc(100% - 560px);
}
.kr-product-item .kr_product_item_details .kr-price-area-detal {
display: none;
}
.kr_product_view_list.b2b .kr-product-item .kr_product_item_details .kr-price-area-detal {
border-right: 1px solid #e6e6e6;
box-sizing: border-box;
float: left;
height: 60px;
line-height: 20px;
padding: 20px 5px 0;
text-align: left;
display: block;
width: 100px;
font-size: 13px;
font-weight: bold;
}
@media only screen and (max-width: 1100px) {
.kr_product_view_list.b2b .kr-product-item .kr_product_item_details .kr-product-item-name {
width: 100%;
float: none;
border: none;
border-bottom: 1px solid #e6e6e6;
margin: 0 0 5px 0;
height: auto;
padding-bottom: 10px;
padding-top: 5px;
}
.kr_product_view_list.b2b .kr-product-item .kr_product_item_details .kr-basket-area {
width: -webkit-calc(100% - 260px);
width: -moz-calc(100% - 260px);
width: calc(100% - 260px);
}
}
@media only screen and (max-width: 900px) {
.kr_product_view_list.b2b .kr-product-item .kr_product_item_details .StockLevel {
margin-bottom: 5px;
width: 20%;
}
.kr_product_view_list.b2b .kr-product-item .kr_product_item_details .kr-price-area,
.kr_product_view_list.b2b .kr-product-item .kr_product_item_details .kr-price-area-detal {
margin-bottom: 5px;
width: 40%;
}
.kr_product_view_list.b2b .kr-product-item .kr_product_item_details .kr-basket-area {
width: 100%;
padding: 10px 5px 5px;
float: none;
clear: both;
height: auto;
border-top: 1px solid #e6e6e6;
}
}
.prodAvailability {
float: left;
line-height: 20px;
margin: 15px 0 10px 10px;
padding: 0;
}
.product-flags {
left: 0px;
border-bottom: 0px solid transparent !important;
}
.product-flags span::before {
display: none;
}
.product-flags span::after {
border-top-color: transparent !important;
}
.ui-widget-header {
background-color: #ffd62c;
}
.ui-slider .ui-slider-handle {
background-image: linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -o-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -moz-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -webkit-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -ms-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
}
.add-to-cart-style.button {
padding: 0 10px 0 10px;
}
.add-to-cart-style::before,
.add-to-cart-style::after {
display: none;
}
.kr-pagination li {
display: block;
float: left;
text-align: center;
margin: 0 0 0 5px;
background-color: #111;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
-moz-transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
-o-transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
transition: color 0.1s ease-in 0s, background-color 0.1s ease-in 0s;
}
.kr-pagination li.active {
background-color: #ffd62c;
}
.kr-pagination li a, .kr-pagination li > span {
display: block;
line-height: 40px;
text-align: center;
width: 40px;
margin: 0;
padding: 0;
border: none;
}
.kr-pagination span {
color: #ffffff;
}
.kr-pagination li:hover {
background-color: #555;
}
.kr-pagination li.active:hover {
background-color: #ffe680;
}
.kr_product_view_short .kr-product-item {
overflow: hidden;
}
.kr-product-item .kr-add-to-wish-list.button,
.kr-product-item .kr-comparison-tool-add-button.button {
right: -50px;
}
.kr_product_view_short .kr-product-item .kr-add-to-wish-list.button,
.kr_product_view_short .kr-product-item .kr-comparison-tool-add-button.button  {
-webkit-transition: all 0.2s ease-in 0s;
-moz-transition: all 0.2s ease-in 0s;
-o-transition: all 0.2s ease-in 0s;
transition: all 0.2s ease-in 0s;
opacity: 0;
}
.kr_product_view_short .kr-product-item .kr-add-to-wish-list.button {
-webkit-transition: all 0.2s ease-in 0.1s;
-moz-transition: all 0.2s ease-in 0.1s;
-o-transition: all 0.2s ease-in 0.1s;
transition: all 0.2s ease-in 0.1s;
}
.kr_product_view_short .kr-product-item:hover .kr-add-to-wish-list.button,
.kr_product_view_short .kr-product-item:hover .kr-comparison-tool-add-button.button  {
right: 10px;
opacity: 1;
}
/* produkt */
.product-data .availability-container img,
.product-data .stock-container img {
height: 30px;
}
.product-data .kr-quantity-area .stock-value {
display: none;
}
.product-details .product-data .product-flags {
left: -10px;
}
.product-data .red-price .kr_prod_r .value,
.product-data .price .kr_prod_r .value {
font-size: 32px;
}
.kr-product-item .kr-price-area .red-price,
.product-data .red-price .kr_prod_r .value {
/*color: #ff2d00;*/
}
.product-data .kr-addtocart-area {
margin: 0;
padding: 20px 10px;
background-color: #f2f2f2;
}
.other-options-container {
background-color: #f2f2f2;
}
.kr-tab-container .kr-tab-label {
border: 1px solid #ffd62c;
border-top: 1px solid #f9c231;
}
.kr-tab-container .kr-tab-label.kr-tab-active {
border-color: #ffd62c;
border-bottom-color: #fff;
}
.kr-tab-container .kr-tab-content {
border: 1px solid #ffd62c;
}
.ask-about-product-phone {
display: block;
float: left;
width: -webkit-calc(100% - 150px);
width: -moz-calc(100% - 150px);
width: calc(100% - 150px);
line-height: 20px;
font-weight: bold;
margin: 10px 0px 15px;
}
.bigscreen {
display: block;
}
.smallscreen {
display: none;
position: relative;
}
.smallscreen::after {
content: "\f078";
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
font-family: fontawesome;
}
.smallscreen.kr-tab-active::after {
content: "\f053";
}
@media only screen and (max-width: 768px) {
.bigscreen {
display: none;
}
.smallscreen {
display: block;
}
.kr-tab-container .kr-tab-content {
border-top: none;
}
}
.after-adding-to-comparer-modal-box .icon-container::after,
.after-adding-to-cart-modal-box .icon-container::after {
border-top-color: #ffd62c;
}
/* koszyk */
.kr-shopping-cart {
margin: 0 0 10px;
}
/* footer */
#footer-section .kr-footer .kr-container {
background-image: linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -o-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -moz-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -webkit-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
background-image: -ms-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
}
#footer-section a {
color: #ffffff;
}
#footer-section a:hover {
color: #cccccc;
}
#footer-section .kr-footer .kr-container .sections-container a::before {
color: #ffffff;
content: "■";
display: inline-block;
font-size: 11px;
margin: 0 5px 0 3px;
position: relative;
top: -2px;
transition: color 0.2s ease-in 0s;
}
#footer-section .kr-footer .kr-container .sections-container a:hover::before {
color: #ffd62c;
}
#footer-section .footer-social .shop-info .address i {
color: #fff;
}
@media only screen and (max-width: 768px) {
#footer-section .kr-footer .kr-container {
padding: 20px;
}
#footer-section .kr-footer .kr-container .sections-container .section {
border-bottom: 1px solid rgba(256, 256, 256, 0.1);
}
}
@media only screen and (min-width: 769px) {
.scroll_to_top {
bottom: -55px;
height: 50px;
line-height: 50px;
color: #fff;
margin: 0;
padding: 0;
position: fixed;
right: 20px;
text-align: center;
width: 50px;
display: block;
z-index: 1000;
background-image: linear-gradient(top , #4d4d4d 0%, #1a1a1a 100%);
background-image: -o-linear-gradient(top , #4d4d4d 0%, #1a1a1a 100%);
background-image: -ms-linear-gradient(top , #4d4d4d 0%, #1a1a1a 100%);
background-image: -moz-linear-gradient(top , #4d4d4d 0%, #1a1a1a 100%);
background-image: -webkit-linear-gradient(top , #4d4d4d 0%, #1a1a1a 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.1s ease-in 0s;
-moz-transition: all 0.1s ease-in 0s;
-o-transition: all 0.1s ease-in 0s;
transition: all 0.1s ease-in 0s;
}
}
/* 2019-12-08 */
.katalogi {
background-color: #fff;
margin: 0 0 10px 0;
font-size: 0;
}
.katalogi-item {
margin: 0;
width: 25%;
display: inline-block;
vertical-align: top;
}
@media only screen and (max-width: 1024px) {
.katalogi-item {
width: 33.3333%;
}
}
@media only screen and (max-width: 639px) {
.katalogi-item {
width: 50%;
}
}
.katalogi-item.item > a {
display: inline-block;
vertical-align: middle;
display: block;
text-align: center;
padding: 10px;
background-color: #fff;
-webkit-transition: all 0.1s ease-in 0s;
-moz-transition: all 0.1s ease-in 0s;
-o-transition: all 0.1s ease-in 0s;
transition: all 0.1s ease-in 0s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.katalogi-item.item > a:hover {
background-color: #eeeeee;
}
.katalogi-item.item > a img {
display: inline-block;
height: 226px;
margin: auto;
max-width: 100%;
width: auto;
vertical-align: middle;
}
.katalogi-item.item > a h3 {
margin: 0;
padding: 10px 0;
font-size: 14px;
}
/* 2020-10-29 */
.open-popup-complaint,
.open-popup-return {
display: none;
}
.add-to-cart-popup .old-price,
.kr-product-item .old-price {
position: relative;
}
.add-to-cart-popup .old-price:not(.mnl)::after,
.kr-product-item .old-price:not(.mnl)::after {
display: inline-block;
width: 15px;
height: 15px;
border-radius: 50%;
content: "!";
color: #000;
background: #ffeb9d;
text-align: center;
line-height: 13px;
vertical-align: middle;
font-size: 12px;
font-weight: bold;
}
.minPriceInfo::before {
content: "";
display: block;
width: 10px;
height: 10px;
box-sizing: border-box;
border: 5px solid transparent;
border-bottom-color: #ffeb9d;
top: -10px;
left: 50%;
margin: 0 0 0 -5px;
position: absolute;
}
.minPriceInfo {
position: absolute;
margin: 5px 0 0 0;
z-index: 1000;
width: 200px;
background: #ffeb9d;
border-radius: 5px;
box-shadow: 0 2px 5px #0002;
padding: 5px;
color: #000;
display: none;
text-align: center;
font-size: 12px;
transform: translateX(-50%);
}
.add-to-cart-popup .old-price.min-price,
.kr-product-item .old-price.min-price {
text-decoration: none !important;
font-size: 10px;
}
@media only screen and (min-width: 1025px) {
.kr_product_view_full .kr-product-item .kr-price-area .old-price.min-price,
.kr_product_view_full .kr-product-item .kr-price-area .old-price,
.kr_product_view_full .kr-product-item .kr-price-area .red-price {
top: -15px;
position: relative;
}
}