@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:300,400,700&subset=latin-ext'); /* 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: #111111; margin: 0; padding: 0; background: #f4f4f4; } ::selection { background: #de455f; /* WebKit/Blink Browsers */ color: #fff; text-shadow: none; } ::-moz-selection { background: #de455f; /* Gecko Browsers */ color: #fff; text-shadow: none; } a { color: #111111; 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: #6b7c8e; 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: #6b7c8e; } 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: #6b7c8e; 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: #cd4e75; } :-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: #8997a6; 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: #dd7c93; } .sl-wrapper .sl-close:active, input[type="button"]:active, input[type="submit"]:active, button:active, .button:active { background-color: #525f6c; } .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: #aa365a; } 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; } 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; } .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: #6b7c8e; } .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:not(.active) { display: none; } } .kr-triggered-area.selected { display: block; } .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: #edece9; 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-consent a, .required-fields-info-wrapper a { border-bottom: 2px solid #6b7c8e; } .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-right-col, .kr-left-col { width: 300px; box-sizing: border-box; float: left; padding: 0; } .kr-right-col{ float: right; } .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-right-col, .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-right-col, .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-right-col, .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-right-col, .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); } .kr-right-col .kr-box { margin: 0 0 20px 20px; } @media only screen and (max-width: 1280px) { .kr-left-col .kr-box { margin: 0 10px 10px 0; } .kr-right-col .kr-box { margin: 0 0 10px 10px; } } @media only screen and (max-width: 768px) { .kr-right-col .kr-box, .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: 200px; z-index: 40; 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: #edece9; } .kr-primary-menu-container .kr-primary-menu li:hover a { color: #111111; } .kr-primary-menu-container .kr-primary-menu > li > ul { background-color: #edece9; 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: #6b7c8e; } /* 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: #edece9; 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); } @media only screen and (max-width: 768px) { .kr-search-menu-container .kr-search .search-autocomplete { width: 100%; left: 0; top: auto; top: auto; margin: 10px 0 0 0; } } .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: #111111; } .kr-search-menu-button.kr-trigger.on-mobile:hover { color: #6b7c8e; } .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; display: none; } .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: #111111; } .kr-cart-content-menu-button:hover { color: #6b7c8e; } .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; position: relative; } .kr-breadcrumbs ul li ol.crumbs-menu { position: absolute; background-color: #edece9; list-style: none; padding: 5px 10px; top: 100%; left: 0; -webkit-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0,0,0,0.1); z-index: 10; } .kr-breadcrumbs ul li ol.crumbs-menu li { float: none; font-weight: normal; display: block; position: relative; padding-left: 10px; } .kr-breadcrumbs ul li ol.crumbs-menu li::before { content: "\f054"; position: absolute; left: 0; font-family: fontawesome; top: 5px; font-size: 11px; color: #f9c231; } .kr-breadcrumbs ul li ol.crumbs-menu li a{ display: block; padding: 0; width: 150px; text-align: left; box-sizing: border-box; line-height: 30px; height: 30px; float: none; } .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; } .main_banner.notlogged .owl-item { } .main_banner .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 { position: absolute; left: 100px; bottom: 0px; -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%; color: #000; text-align: left; } .main_banner .owl-item.active .carousel-caption { bottom: 100px; 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; left: 0; top: -50px; 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); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .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: 36px; font-weight: 300; line-height: 40px; margin: 0 0 10px; text-transform: uppercase; color: #fff; text-shadow: 0 0 10px #000, 0 0 10px #000; } .main_banner .owl-item .carousel-caption h4 span { display: block; font-size: 66%; } .main_banner .owl-item .carousel-caption p { font-size: 16px; font-weight: normal; line-height: 20px; margin: 0; color: #fff; text-shadow: 0 0 10px #000, 0 0 10px #000; } @media only screen and (max-width: 1360px) { .main_banner .owl-item .carousel-caption { } } @media only screen and (max-width: 1280px) { .main_banner .owl-item .carousel-caption { width: 50%; left: 80px; } .main_banner .owl-item.active .carousel-caption { bottom: 80px; } .main_banner .owl-item .carousel-caption p { font-size: 14px; } } @media only screen and (max-width: 1024px) { .main_banner .owl-item .carousel-caption { width: 66%; left: 60px; } .main_banner .owl-item.active .carousel-caption { bottom: 60px; } } @media only screen and (max-width: 768px) { .main_banner .owl-item .carousel-caption { width: 80%; left: 30px; } .main_banner .owl-item.active .carousel-caption { bottom: 30px; } .main_banner .owl-item .carousel-caption h4 { font-size: 26px; line-height: 30px; margin: 0 0 10px 0; font-weight: bold; } .main_banner .owl-item .carousel-caption h5 { top: -40px; font-size: 11px; line-height: 20px; margin: 0 0 0 0; padding: 3px 13px; } .main_banner .owl-item .carousel-caption p { font-size: 14px; line-height: 16px; } } @media only screen and (max-width: 550px) { .main_banner .owl-item .carousel-caption { width: 80%; left: 20px; } .main_banner .owl-item.active .carousel-caption { bottom: 20px; } .main_banner .owl-item .carousel-caption h4 { font-size: 24px; } .main_banner .owl-item .carousel-caption h5 { } .main_banner .owl-item .carousel-caption p { display: none; } } .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: #6b7c8e; 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: #8997a6; 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; } .manufacturers .owl-carousel .owl-stage { margin: auto; } .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: 200px; 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; } .kr-menu .fa-spinner { cursor: pointer; display: block; text-align: center; position: absolute; top: 0; line-height: 30px; right: 10px; width: 30px; color: #888; } @media only screen and (max-width: 768px) { .kr-menu .fa-spinner, .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: #6b7c8e; 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: #525f6c; } .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 5px 10px 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; } @media only screen and (min-width: 769px) { .kr-filters .kr-switches > li .kr-filter-name.on-mobile::after { display: none; } .kr-trigger.selected.on-mobile { cursor: initial; } } .kr-filters .kr-switches > li .kr-filter-name.active::after { content: "\f106"; } .kr-filters .kr-filter-options label { margin: 0 5px 0 0; font-size: 11px; } .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; } .kr-filters .kr-filter-buttons > div.fullwidth { width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); } .kr-selected-filters { padding: 10px 0 5px 0; margin: 0 10px; border-bottom: 1px solid rgba(0,0,0,0.1); } .kr-selected-filters ul { list-style: none; padding: 10px 10px 0 0; float: left; width: -webkit-calc(100% - 200px); width: -moz-calc(100% - 200px); width: calc(100% - 200px); margin: 0; box-sizing: border-box; } .kr-selected-filters h4 { margin: 0; padding: 0; } .kr-selected-filters ul li { display: block; height: 40px; line-height: 40px; float: left; background-color: #edece9; margin: 0 5px 5px 0; box-sizing: border-box; padding: 0 10px; cursor: pointer; border: 1px solid transparent; -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; -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */ } .kr-selected-filters ul li:hover { border-color: rgba(0,0,0,0.3); } .kr-selected-filters .button.kr-reset-filters { width: 200px; float: left; margin: 10px 0 0 0; } @media only screen and (max-width: 1024px) { .kr-selected-filters h4 { margin: 0 0 5px 0; } .kr-selected-filters ul { float: none; width: auto; display: inline; padding: 0; } .kr-selected-filters .button.kr-reset-filters { width: auto; float: none; margin: 0 5px 5px 0; } } /* 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: #edece9; } .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: 40px; 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: #de455f; } .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: #2085d2; border-bottom: 1px solid #1d70c1; 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: #2085d2; border-left-color: #2085d2; -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: #1d70c1; border-right-color: #1d70c1; } .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: #ff0066; border-bottom: 1px solid #c0195c; } .product-flags span.NewProduct::after { border-top-color: #ff0066; border-left-color: #ff0066; } .product-flags span.NewProduct::before { border-top-color: #c0195c; border-right-color: #c0195c; } @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: 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: -10px; } @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: 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-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); } } @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); } } /* PRDUKTY W SLIDERZE */ .kr-box .kr-box-content.product-carousel { padding: 0; } .product-carousel .kr-productlist-container.owl-carousel { margin: 0; background-color: #fff; border: none; } .product-carousel .kr-product-item { float: none; height: auto; width: auto; } .product-carousel .kr-product-item .kr-product-item-inner { border-bottom: none; } .product-carousel .kr-product-item .product-flags { left: -1px; } .product-carousel .kr-product-item .product-flags span::before { display: none; } .product-carousel .kr-product-item .product-image img { display: inline-block; } /***********************************************/ /*** 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; } .social-icons{ float: left; } .social-icons a { display: inline-block; vertical-align: top; text-align: center; line-height: 40px; height: 40px; } .social-icons a[href*="instagram"], .social-icons a[href*="flickr"], .social-icons a[href*="pinterest"], .social-icons a[href*="google"], .social-icons a[href*="youtube"], .social-icons a[href*="twitter"], .social-icons a[href*="vimeo"], .social-icons a[href*="facebook"] { width: 35px; overflow: hidden; text-indent: -5000px; position: relative; } .social-icons a[href*="instagram"] img, .social-icons a[href*="flickr"] img, .social-icons a[href*="pinterest"] img, .social-icons a[href*="google"] img, .social-icons a[href*="youtube"] img, .social-icons a[href*="twitter"] img, .social-icons a[href*="vimeo"] img, .social-icons a[href*="facebook"] img { display: none; } .social-icons a[href*="instagram"]::after, .social-icons a[href*="flickr"]::after, .social-icons a[href*="pinterest"]::after, .social-icons a[href*="google"]::after, .social-icons a[href*="youtube"]::after, .social-icons a[href*="twitter"]::after, .social-icons a[href*="vimeo"]::after, .social-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: 35px; color: #f9c231; font-family: fontawesome; font-size: 18px; } .social-icons a[href*="instagram"]:hover::after, .social-icons a[href*="flickr"]:hover::after, .social-icons a[href*="pinterest"]:hover::after, .social-icons a[href*="google"]:hover::after, .social-icons a[href*="youtube"]:hover::after, .social-icons a[href*="twitter"]:hover::after, .social-icons a[href*="vimeo"]:hover::after, .social-icons a[href*="facebook"]:hover::after { opacity: 0.5; } .social-icons a[href*="instagram"]::after { content: "\f16d" } .social-icons a[href*="flickr"]::after { content: "\f16e" } .social-icons a[href*="pinterest"]::after { content: "\f231" } .social-icons a[href*="google"]::after { content: "\f0d5" } .social-icons a[href*="youtube"]::after { content: "\f16a" } .social-icons a[href*="twitter"]::after { content: "\f099" } .social-icons a[href*="vimeo"]::after { content: "\f27d" } .social-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); } .social-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: #6b7c8e; 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: #8997a6; } .scroll_to_top:active::before { border-bottom-color: #525f6c; } .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 .fa { color: #f9c231; } .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: #6b7c8e; 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: #6b7c8e; border-left-color: #6b7c8e; } .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; } .cart-progress-bar > ul li.done .fa, .cart-progress-bar > ul li.active .fa { color: #fff; } .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 #6b7c8e; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 10px; background-color: #edece9; } .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: #edece9; margin: 5px 10px 5px 0; } .kr-cart-items .kr-cart-item-additional-info .set-details .set-elements { color: #111111; 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% - 610px); width: -moz-calc(100% - 610px); width: calc(100% - 610px); margin-right: 10px; } .delivery-address.left-container { width: 600px; } .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: #de455f; } .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: #edece9; } .kr-attributes .attributes-select .button-option.active{ color: #000; font-weight: bold; } .kr-conditions-actions { text-align: center; } .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: #6b7c8e; 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: #8997a6; } @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: #111111; 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 .bigscreen { display: block; } .kr-tab-container .smallscreen { display: none; position: relative; } .kr-tab-container .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; } .kr-tab-container .smallscreen.kr-tab-active::after { content: "\f053"; } @media only screen and (max-width: 768px) { .kr-tab-container .bigscreen { display: none; } .kr-tab-container .smallscreen { display: block; } .kr-tab-container .kr-tab-content { border-top: none; } } .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: #de455f; } .AddSetToCartForm .prices .old-price { display: block; } .AddSetToCartForm .prices .discount strong { color: #de455f; } .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: #de455f; } .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: #de455f; font-size: 16px; } .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: #edece9; 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); } /* 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: #edece9; } .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: #edece9; 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: #de455f } .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: #111111; } .c-button:hover { color: #6b7c8e; } @media only screen and (max-width: 768px) { .c-button { display: block; } } .c-menu { background-color: #f4f4f4; } .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: #de455f; 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; }