html, body {
overflow-x: hidden;
}
body {
color: #494948;
font-family: 'Roboto', sans-serif;
margin: 0 auto;
}
/*-------- KLASA ŻAŁOBNA, NALEŻY DODAĆ DO BODY --------------*/
.mourning {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
/*
Długość trwania animacji
*/
.animationDuration {
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
em {
padding-right: 2px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit;
}
a,
input,
select,
button {
outline: none !important;
}
a {
color: #63aa24;
}
a:hover,
a:focus {
text-decoration: none;
color: #494948;
}
.slider-prev.slick-hidden,
.slider-next.slick-hidden {
visibility: hidden;
}
.modal-content,
.alert,
.popover {
border-radius: 0;
}
/**
* CONTAINER
*/
.container {
clear: both;
margin: 0 auto;
padding-left: 40px;
padding-right: 40px;
max-width: 1350px;
width: 100%;
}
/* Sizes */
.container.container-full {
max-width: none;
}
.container.container-wide {
max-width: 1670px;
}
/* Utils */
.container.container--noClear {
clear: none;
}
.container.container--noPseudo:before,
.container.container--noPseudo:after,
.container.container--noClear:before,
.container.container--noClear:after {
display: none;
}
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tbody, tfoot, thead, tt, ul, var{
font-size: 100%;
}
/* PADDINGS/MARGINS */
.pad-big,
.pad-big-top {
padding-top: 60px;
}
.pad-big,
.pad-big-bottom {
padding-bottom: 60px;
}
.margin-big,
.margin-big-top {
margin-top: 60px;
}
.margin-big,
.margin-big-bottom {
margin-bottom: 60px;
}
.pad-med,
.pad-med-top {
padding-top: 50px;
}
.pad-med,
.pad-med-bottom {
padding-bottom: 50px;
}
.pagination-wrapper,
.margin-med,
.margin-med-top {
margin-top: 50px;
}
.pagination-wrapper,
.margin-med,
.margin-med-bottom {
margin-bottom: 50px;
}
.pad-small,
.pad-small-top {
padding-top: 40px;
}
.pad-small,
.pad-small-bottom {
padding-bottom: 40px;
}
.page-desc,
.margin-small,
.margin-small-top {
margin-top: 40px;
}
.heading,
.page-desc,
.margin-small,
.margin-small-bottom {
margin-bottom: 40px;
}
.pad-tiny,
.pad-tiny-top {
padding-top: 25px;
}
.pad-tiny,
.pad-tiny-bottom {
padding-bottom: 25px;
}
.margin-tiny,
.margin-tiny-top {
margin-top: 25px;
}
.margin-tiny,
.margin-tiny-bottom {
margin-bottom: 25px;
}
.pad-15,
.pad-15-top {
padding-top: 15px;
}
.pad-15,
.pad-15-bottom {
padding-bottom: 15px;
}
.margin-15,
.margin-15-top {
margin-top: 15px;
}
.margin-15,
.margin-15-bottom {
margin-bottom: 15px;
}
@media screen and (max-width: 1600px) {
.pad-big,
.pad-big-top {
padding-top: 55px;
}
.pad-big,
.pad-big-bottom {
padding-bottom: 55px;
}
.margin-big,
.margin-big-top {
margin-top: 55px;
}
.margin-big,
.margin-big-bottom {
margin-bottom: 55px;
}
.pad-med,
.pad-med-top {
padding-top: 45px;
}
.pad-med,
.pad-med-bottom {
padding-bottom: 45px;
}
.pagination-wrapper,
.margin-med,
.margin-med-top {
margin-top: 45px;
}
.pagination-wrapper,
.margin-med,
.margin-med-bottom {
margin-bottom: 45px;
}
.pad-small,
.pad-small-top {
padding-top: 35px;
}
.pad-small,
.pad-small-bottom {
padding-bottom: 35px;
}
.page-desc,
.margin-small,
.margin-small-top {
margin-top: 35px;
}
.page-desc,
.heading,
.margin-small,
.margin-small-bottom {
margin-bottom: 35px;
}
}
@media screen and (max-width: 1440px) {
.pad-big,
.pad-big-top {
padding-top: 45px;
}
.pad-big,
.pad-big-bottom {
padding-bottom: 45px;
}
.margin-big,
.margin-big-top {
margin-top: 45px;
}
.margin-big,
.margin-big-bottom {
margin-bottom: 45px;
}
.pad-med,
.pad-med-top {
padding-top: 40px;
}
.pad-med,
.pad-med-bottom {
padding-bottom: 40px;
}
.pagination-wrapper,
.margin-med,
.margin-med-top {
margin-top: 40px;
}
.pagination-wrapper,
.margin-med,
.margin-med-bottom {
margin-bottom: 40px;
}
.pad-small,
.pad-small-top {
padding-top: 30px;
}
.pad-small,
.pad-small-bottom {
padding-bottom: 30px;
}
.page-desc,
.margin-small,
.margin-small-top {
margin-top: 30px;
}
.page-desc,
.heading,
.margin-small,
.margin-small-bottom {
margin-bottom: 30px;
}
}
@media screen and (max-width: 1280px) {
.pad-big,
.pad-big-top {
padding-top: 40px;
}
.pad-big,
.pad-big-bottom {
padding-bottom: 40px;
}
.margin-big,
.margin-big-top {
margin-top: 40px;
}
.margin-big,
.margin-big-bottom {
margin-bottom: 40px;
}
.pad-med,
.pad-med-top {
padding-top: 35px;
}
.pad-med,
.pad-med-bottom {
padding-bottom: 35px;
}
.pagination-wrapper,
.margin-med,
.margin-med-top {
margin-top: 35px;
}
.pagination-wrapper,
.margin-med,
.margin-med-bottom {
margin-bottom: 35px;
}
.pad-small,
.pad-small-top {
padding-top: 25px;
}
.pad-small,
.pad-small-bottom {
padding-bottom: 25px;
}
.page-desc,
.margin-small,
.margin-small-top {
margin-top: 25px;
}
.page-desc,
.heading,
.margin-small,
.margin-small-bottom {
margin-bottom: 25px;
}
.pad-tiny,
.pad-tiny-top {
padding-top: 20px;
}
.pad-tiny,
.pad-tiny-bottom {
padding-bottom: 20px;
}
.margin-tiny,
.margin-tiny-top {
margin-top: 20px;
}
.margin-tiny,
.margin-tiny-bottom {
margin-bottom: 20px;
}
}
@media screen and (max-width: 1139px) {
.pad-big,
.pad-big-top {
padding-top: 35px;
}
.pad-big,
.pad-big-bottom {
padding-bottom: 35px;
}
.margin-big,
.margin-big-top {
margin-top: 35px;
}
.margin-big,
.margin-big-bottom {
margin-bottom: 35px;
}
.pad-med,
.pad-med-top {
padding-top: 30px;
}
.pad-med,
.pad-med-bottom {
padding-bottom: 30px;
}
.pagination-wrapper,
.margin-med,
.margin-med-top {
margin-top: 30px;
}
.pagination-wrapper,
.margin-med,
.margin-med-bottom {
margin-bottom: 30px;
}
.pad-small,
.pad-small-top {
padding-top: 20px;
}
.pad-small,
.pad-small-bottom {
padding-bottom: 20px;
}
.page-desc,
.margin-small,
.margin-small-top {
margin-top: 20px;
}
.page-desc,
.heading,
.margin-small,
.margin-small-bottom {
margin-bottom: 20px;
}
.pad-tiny,
.pad-tiny-top {
padding-top: 15px;
}
.pad-tiny,
.pad-tiny-bottom {
padding-bottom: 15px;
}
.margin-tiny,
.margin-tiny-top {
margin-top: 15px;
}
.margin-tiny,
.margin-tiny-bottom {
margin-bottom: 15px;
}
}
@media screen and (max-width: 960px) {
.pad-big,
.pad-big-top {
padding-top: 30px;
}
.pad-big,
.pad-big-bottom {
padding-bottom: 30px;
}
.margin-big,
.margin-big-top {
margin-top: 30px;
}
.margin-big,
.margin-big-bottom {
margin-bottom: 30px;
}
.pad-med,
.pad-med-top {
padding-top: 20px;
}
.pad-med,
.pad-med-bottom {
padding-bottom: 20px;
}
.pagination-wrapper,
.margin-med,
.margin-med-top {
margin-top: 20px;
}
.pagination-wrapper,
.margin-med,
.margin-med-bottom {
margin-bottom: 20px;
}
}
@media screen and (max-width: 639px) {
.pad-big,
.pad-big-top {
padding-top: 25px;
}
.pad-big,
.pad-big-bottom {
padding-bottom: 25px;
}
.margin-big,
.margin-big-top {
margin-top: 25px;
}
.margin-big,
.margin-big-bottom {
margin-bottom: 25px;
}
.pad-small,
.pad-small-top {
padding-top: 15px;
}
.pad-small,
.pad-small-bottom {
padding-bottom: 15px;
}
.page-desc,
.margin-small,
.margin-small-top {
margin-top: 15px;
}
.page-desc,
.heading,
.margin-small,
.margin-small-bottom {
margin-bottom: 15px;
}
}
@media screen and (max-width: 560px) {
.pad-big,
.pad-big-top {
padding-top: 20px;
}
.pad-big,
.pad-big-bottom {
padding-bottom: 20px;
}
.margin-big,
.margin-big-top {
margin-top: 20px;
}
.margin-big,
.margin-big-bottom {
margin-bottom: 20px;
}
.pad-med,
.pad-med-top {
padding-top: 15px;
}
.pad-med,
.pad-med-bottom {
padding-bottom: 15px;
}
.pagination-wrapper,
.margin-med,
.margin-med-top {
margin-top: 15px;
}
.pagination-wrapper,
.margin-med,
.margin-med-bottom {
margin-bottom: 15px;
}
}
@media screen and (max-width: 360px) {
.pad-big,
.pad-big-top {
padding-top: 15px;
}
.pad-big,
.pad-big-bottom {
padding-bottom: 15px;
}
.margin-big,
.margin-big-top {
margin-top: 15px;
}
.margin-big,
.margin-big-bottom {
margin-bottom: 15px;
}
}
/**
* TITLES
*/
.title-base {
font-family: 'Ubuntu', sans-serif;
letter-spacing: 0;
color: #494948;
}
.title-big {
font-size: 48px;
}
h1,
.title-normal {
font-size: 36px;
}
.title-med {
font-size: 30px;
}
.title-small {
font-size: 24px;
}
.title-tiny {
font-size: 18px;
}
@media screen and (max-width: 1600px) {
.title-big {
font-size: 44px;
}
h1,
.title-normal {
font-size: 32px;
}
.title-med {
font-size: 28px;
}
}
@media screen and (max-width: 1440px) {
.title-big {
font-size: 40px;
}
h1,
.title-normal {
font-size: 30px;
}
.title-med {
font-size: 26px;
}
.title-small {
font-size: 22px;
}
}
@media screen and (max-width: 1366px) {
.title-big {
font-size: 34px;
}
h1,
.title-normal {
font-size: 26px;
}
.title-med {
font-size: 24px;
}
.title-small {
font-size: 22px;
}
}
@media screen and (max-width: 1139px) {
.title-big {
font-size: 28px;
}
h1,
.title-normal {
font-size: 24px;
}
.title-med {
font-size: 22px;
}
.title-small {
font-size: 20px;
}
}
@media screen and (max-width: 900px) {
.title-big {
font-size: 26px;
}
}
@media screen and (max-width: 560px) {
.title-big {
font-size: 24px;
}
h1,
.title-normal {
font-size: 22px;
}
}
/**
* PRICES
*/
.price-box .price {
white-space: nowrap;
}
.price-box .price:not(.price-old) {
color: #5ead30;
font-weight: 700;
}
.price-box .price-old {
font-weight: 300;
text-decoration: line-through;
color: #4c4c4b;
}
.price-box .caption-suffix {
display: block;
text-align: center;
color: #5ead30;
font-size: 20px;
}
.top-box-bottom > div:last-child .price.productbox-price{
color: #494948;
/*font-weight: 400;*/
}
.top-box-bottom .price-box .caption-suffix {
display: inline-block;
font-size: 12px;
color: #000;
}
/**
* BUTTONS
*/
/* Button basic */
.btn.btn.btn {
box-shadow: none;
}
.btn,
.btn.btn-custom {
position: relative;
display: inline-block;
vertical-align: middle;
height: 46px;
padding: 0 30px;
/*font-weight: 500;*/
line-height: 44px;
text-align: center;
border: 1px solid transparent;
border-radius: 24px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.btn.btn-sm:not(.btn-custom) {
height: auto;
font-size: 12px;
line-height: 1.5;
padding: 5px 10px;
}
.btn.btn-custom > * {
position: relative;
display: inline-block;
vertical-align: middle;
}
/* Font sizes */
.btn.btn-custom {
font-size: 0 !important;
letter-spacing: 0 !important;
}
.btn,
.btn.btn-custom span.caption {
font-size: 14px;
letter-spacing: 0.05em;
}
.btn.btn-custom .fa {
font-size: 16px;
}
/* Extra background utility (gradients etc) */
.btn.btn-custom:before {
pointer-events: none;
opacity: 0;
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
/** BTN ICONS **/
.btn.btn-custom img,
.btn.btn-custom .icon {
width: 36px;
height: 36px;
padding: 0 !important;
}
.btn.btn-custom .fa:first-child,
.btn.btn-custom > img:first-child,
.btn.btn-custom .icon:first-child {
margin-right: 12px;
}
.btn.btn-custom > img:first-child,
.btn.btn-custom .icon:first-child {
margin-left: -7px;
}
.btn.btn-custom .fa:last-child,
.btn.btn-custom > img:last-child,
.btn.btn-custom .icon:last-child {
margin-left: 12px;
}
.btn.btn-custom > img:last-child,
.btn.btn-custom .icon:last-child {
margin-right: -7px;
}
.btn.btn-custom svg {
display: block;
fill: #fff;
stroke: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
/* Image based icons with optional hover */
.iconBg {
position: relative;
display: block;
}
.iconBg::before,
.iconBg::after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transition: opacity 0.3s;
}
.iconBg::after {
opacity: 0;
}
.btn.btn-custom.active .iconBg::before,
.btn.btn-custom:hover .iconBg::before {
opacity: 0;
}
.btn.btn-custom.active .iconBg::after,
.btn.btn-custom:hover .iconBg::after {
opacity: 1;
}
/* Bg icons */
.iconBg-from-basketBlack::before,
.iconBg-to-basketBlack::after {
background-image: url(../images/icons/basket.svg);
}
.iconBg-from-basketWhite::before,
.iconBg-to-basketWhite::after {
background-image: url(../images/icons/basket-white.svg);
}
.iconBg-from-basketGreen::before,
.iconBg-to-basketGreen::after {
background-image: url(../images/icons/basket-green.svg);
}
/** BTN ARROW TOGGLE **/
.btn.btn-custom.active img.indicator:last-child,
.btn.btn-custom.active .icon.indicator:last-child {
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
/** Stick icons to sides **/
.btn.btn-custom.btn-stick-right {
padding-right: 55px;
}
.btn.btn-custom.btn-stick-right > img:last-child,
.btn.btn-custom.btn-stick-right > .icon:last-child {
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.btn.btn-custom.btn-stick-left {
padding-left: 55px;
}
.btn.btn-custom.btn-stick-left > img:first-child,
.btn.btn-custom.btn-stick-left > .icon:first-child {
position: absolute;
top: 50%;
left: 20px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
/** Utilities **/
.btn.btn-custom:not(.btn-no-minwidth) {
min-width: 190px;
}
/******* BTN SHAPES *******/
/** SMALL **/
.btn.btn-custom.btn-sm {
height: 40px;
min-width: 0;
padding: 0 20px;
line-height: 38px;
}
.btn.btn-custom.btn-sm.btn-sm {
min-width: 0;
}
.btn.btn-sm,
.btn.btn-custom.btn-sm span.caption {
font-size: 12px;
letter-spacing: 0.02em;
}
.btn.btn-custom.btn-sm img,
.btn.btn-custom.btn-sm .icon {
width: 32px;
height: 32px;
}
.btn.btn-custom.btn-sm .fa:first-child,
.btn.btn-custom.btn-sm > img:first-child,
.btn.btn-custom.btn-sm .icon:first-child {
margin-right: 5px;
}
.btn.btn-custom.btn-sm > img:first-child,
.btn.btn-custom.btn-sm .icon:first-child {
margin-left: -6px;
}
.btn.btn-custom.btn-sm .fa:last-child,
.btn.btn-custom.btn-sm > img:last-child,
.btn.btn-custom.btn-sm .icon:last-child {
margin-left: 5px;
}
.btn.btn-custom.btn-sm > img:last-child,
.btn.btn-custom.btn-sm .icon:last-child {
margin-right: -6px;
}
/** MICRO **/
.btn.btn-custom.btn-micro {
height: 28px;
min-width: 0;
padding: 0 12px;
line-height: 26px;
}
.btn.btn-custom.btn-micro.btn-micro {
min-width: 0;
}
.btn.btn-custom.btn-micro span.caption {
font-size: 9px;
letter-spacing: 0.05em;
}
.btn.btn-custom.btn-micro .fa {
font-size: 14px;
}
.btn.btn-custom.btn-micro img,
.btn.btn-custom.btn-micro .icon {
width: 22px;
height: 22px;
}
.btn.btn-custom.btn-micro > img:first-child,
.btn.btn-custom.btn-micro .icon:first-child {
margin-left: -6px;
margin-right: 5px;
}
.btn.btn-custom.btn-micro > img:last-child,
.btn.btn-custom.btn-micro .icon:last-child {
margin-left: 5px;
margin-right: -6px;
}
/** LARGE **/
.btn.btn-custom.btn-lg {
height: 50px;
line-height: 48px;
}
/** CIRCLE **/
.btn.btn-custom.btn-circle {
width: 46px;
min-width: 0 !important;
padding: 0 !important;
border-radius: 50%;
text-align: center;
overflow: hidden;
}
.btn.btn-custom.btn-micro.btn-circle {
width: 28px;
}
.btn.btn-custom.btn-sm.btn-circle {
width: 40px;
}
.btn.btn-custom.btn-lg.btn-circle {
width: 50px;
}
.btn.btn-custom.btn-circle > * {
margin: 0 !important;
}
/** SQUARE **/
.btn.btn-custom.btn-square {
width: 46px;
min-width: 0 !important;
padding: 0 !important;
border-radius: 0;
text-align: center;
}
.btn.btn-custom.btn-sm.btn-micro {
width: 28px;
}
.btn.btn-custom.btn-sm.btn-square {
width: 40px;
}
.btn.btn-custom.btn-lg.btn-square {
width: 50px;
}
.btn.btn-custom.btn-square > * {
margin: 0 !important;
}
/** BTN ADDONS */
.basket-btn .btn-badge,
.btn.btn-custom .btn-badge {
position: absolute;
top: -17px;
right: -17px;
width: 34px;
height: 34px;
line-height: 32px;
font-size: 14px;
text-align: center;
letter-spacing: 0.05em;
color: #2c292d;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: #fff;
}
/** THEMES **/
.btn:active,
.btn.active,
.btn:focus,
.btn.focus {
color: #fff;
}
.btn-link {
color: #63ab25;
}
.btn-link:hover,
.btn-link:focus,
.btn.btn-link:hover,
.btn.btn-link:active,
.btn.btn-link.active,
.btn.btn-link:focus,
.btn.btn-link.focus,
.btn.btn-link:active:focus,
.btn.btn-link:active.focus,
.btn.btn-link.active:focus,
.btn.btn-link.active.focus {
color: #000;
text-decoration: none;
}
/* Default */
.btn.btn-default,
.btn.btn-default:focus,
.btn.btn-custom {
color: #000;
border-color: rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.btn.btn-custom svg {
fill: #000;
stroke: #000;
}
.btn.btn-default:hover,
.btn.btn-default.focus,
.btn.btn-default:active,
.btn.btn-default.active,
.btn.btn-default:active:hover,
.btn.btn-default:active.hover,
.btn.btn-default.active.hover,
.btn.btn-default.active:hover,
.btn.btn-custom:hover,
.btn.btn-custom.active {
color: #fff;
border-color: transparent;
background-color: #494949;
}
.btn.btn-custom:hover svg,
.btn.btn-custom.active svg {
fill: #fff;
stroke: #fff;
}
/* Primary */
.btn.btn-primary,
.btn.btn-primary:focus,
.btn.btn-custom.btn-accent {
color: #fff;
border-color: transparent;
background-color: #63ab25;
}
.btn.btn-custom.btn-accent svg {
fill: #fff;
stroke: #fff;
}
.btn.btn-primary:hover,
.btn.btn-primary.focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary:active:hover,
.btn.btn-primary:active.hover,
.btn.btn-primary.active.hover,
.btn.btn-primary.active:hover,
.hover-source:hover .btn.btn-custom.btn-accent,
.btn.btn-custom.btn-accent:hover,
.btn.btn-custom.btn-accent.active {
color: #fff;
border-color: transparent;
background-color: #494949;
}
.btn.btn-custom.btn-accent:hover svg,
.btn.btn-custom.btn-accent.active svg {
fill: #fff;
stroke: #fff;
}
/* White */
.btn.btn-custom.btn-white {
color: #63ab25;
border-color: transparent;
background-color: #fff;
}
.btn.btn-custom.btn-white svg {
fill: #63ab25;
stroke: #63ab25;
}
.btn.btn-custom.btn-white:hover,
.btn.btn-custom.btn-white.active {
color: #fff;
border-color: #fff;
background-color: #63ab25;
}
.btn.btn-custom.btn-white:hover svg,
.btn.btn-custom.btn-white.active svg {
fill: #fff;
stroke: #fff;
}
/* */
.btn.btn-custom.btn-text {
height: auto;
line-height: normal;
padding: 0;
color: #494948;
border-color: transparent;
background-color: transparent;
}
.btn.btn-custom.btn-text.btn-text {
min-width: 0;
}
.btn.btn-custom.btn-text svg {
fill: #494948;
stroke: #494948;
}
.btn.btn-custom.btn-text:hover,
.btn.btn-custom.btn-text.active {
color: #494948;
border-color: transparent;
background-color: transparent;
}
.btn.btn-custom.btn-text:hover svg,
.btn.btn-custom.btn-text.active svg {
fill: #63aa24;
stroke: #63aa24;
}
.btn.btn-custom.btn-text .fa {
color: #63aa24;
}
/* Black */
.btn.btn-custom.btn-black {
color: #fff;
border-color: transparent;
background-color: #494948;
}
.btn.btn-custom.btn-black svg {
fill: #fff;
stroke: #fff;
}
.btn.btn-custom.btn-black:hover,
.btn.btn-custom.btn-black.active {
color: #fff;
border-color: #63ab25;
background-color: #63ab25;
}
.btn.btn-custom.btn-black:hover svg,
.btn.btn-custom.btn-black.active svg {
fill: #fff;
stroke: #fff;
}
/* Inner accent */
.btn.btn-custom.btn-innerAccent {
color: #63ab25;
border-color: rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.btn.btn-custom.btn-innerAccent svg {
fill: #63ab25;
stroke: #63ab25;
}
.btn.btn-custom.btn-innerAccent:hover,
.btn.btn-custom.btn-innerAccent.active {
color: #63ab25;
border-color: #63ab25;
background-color: #fff;
}
.btn.btn-custom.btn-innerAccent:hover svg,
.btn.btn-custom.btn-innerAccent.active svg {
fill: #63ab25;
stroke: #63ab25;
}
/* Transparent */
.btn.btn-custom.btn-transparent {
color: #63ab25;
border-color: transparent;
background-color: transparent;
}
.btn.btn-custom.btn-transparent svg {
fill: #63ab25;
stroke: #63ab25;
}
.btn.btn-custom.btn-transparent:hover,
.btn.btn-custom.btn-transparent.active {
color: #fff;
border-color: #63ab25;
background-color: #63ab25;
}
.btn.btn-custom.btn-transparent:hover svg,
.btn.btn-custom.btn-transparent.active svg {
fill: #fff;
stroke: #fff;
}
/* Border - accent */
.btn.btn-custom.btn-border-accent {
color: #000;
border-color: #63ab25;
background-color: #fff;
}
.btn.btn-custom.btn-border-accent svg {
fill: #63ab25;
stroke: #63ab25;
}
.btn.btn-custom.btn-border-accent:hover,
.btn.btn-custom.btn-border-accent.active {
color: #fff;
border-color: #63ab25;
background-color: #63ab25;
}
.btn.btn-custom.btn-border-accent:hover svg,
.btn.btn-custom.btn-border-accent.active svg {
fill: #fff;
stroke: #fff;
}
/* Gradient - accent */
.btn.btn-custom.btn-gradient-accent {
color: #fff;
border-color: transparent;
background-color: #fff;
}
.btn.btn-custom.btn-gradient-accent:before {
content: "";
opacity: 1;
border-radius: 24px;
background: linear-gradient(to right, #7dc624, #acd440);
}
.btn.btn-custom.btn-gradient-accent svg {
fill: #fff;
stroke: #fff;
}
.btn.btn-custom.btn-gradient-accent:hover,
.btn.btn-custom.btn-gradient-accent.active {
color: #fff;
border-color: transparent;
background-color: #494949;
}
.btn.btn-custom.btn-gradient-accent:hover:before,
.btn.btn-custom.btn-gradient-accent.active:before {
opacity: 0;
}
.btn.btn-custom.btn-gradient-accent:hover svg,
.btn.btn-custom.btn-gradient-accent.active svg {
fill: #fff;
stroke: #fff;
}
.product-table-box-preview {
text-align: center;
}
.b2b-icon-search {
display: inline-block;
vertical-align: middle;
color: #fff;
border-color: transparent;
background-color: #494949;
border-radius: 50%;
width: 46px;
height: 46px;
cursor: pointer;
padding: 5px;
}
.b2b-icon-search:hover {
color: #fff;
border-color: transparent;
background-color: #63ab25
}
.b2b-icon-search .icon {
width: 36px;
height: 36px;
display: inline-block;
}
.b2b-icon-search .icon svg{
max-width: 100%;
height: inherit;
fill: #fff;
}
.shop-add-to-basket-b2b {
white-space: nowrap;
}
.quantity-required.alert.alert-danger {
padding: 5px;
width: 170px;
margin-top: 5px;
}
@media screen and (max-width: 1139px) {
/* Base */
.btn.btn-custom {
height: 40px;
line-height: 38px;
padding: 0 20px;
}
.btn.btn-custom:not(.btn-no-minwidth) {
min-width: 150px;
}
.btn.btn-custom img,
.btn.btn-custom .icon {
width: 30px;
height: 30px;
}
.btn.btn-custom span.caption {
font-size: 13px;
}
.btn.btn-custom .fa {
font-size: 14px;
}
/* Sizes */
.btn.btn-custom.btn-sm {
height: 36px;
padding: 0 15px;
line-height: 34px;
}
.btn.btn-custom.btn-sm img,
.btn.btn-custom.btn-sm .icon {
width: 28px;
height: 28px;
}
.btn.btn-custom.btn-lg {
height: 46px;
line-height: 44px;
}
.b2b-icon-search {
width: 40px;
height: 40px;
padding: 2px;
}
/* Shapes */
.btn.btn-custom.btn-circle,
.btn.btn-custom.btn-square{
width: 40px;
}
.btn.btn-custom.btn-circle.btn-sm,
.btn.btn-custom.btn-square.btn-sm {
width: 36px;
}
.btn.btn-custom.btn-circle.btn-lg,
.btn.btn-custom.btn-square.btn-lg {
width: 46px;
}
}
@media screen and (max-width: 639px) {
.btn.btn-custom:not(.btn-no-fill):not(.btn-square):not(.btn-circle):not(.btn-text) {
width: 100%;
}
}
/**
* HEADER
*/
header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background-color: #fff;
border-bottom: 1px solid transparent;
}
header.sticky {
border-bottom-color: rgba(0, 0, 0, 0.1);
}
.header-bar {
position: relative;
z-index: 400;
background-color: #efefed;
}
.header-bar-left {
float: left;
padding: 8px 0;
}
.header-bar-right {
float: right;
}
.header-bar-left,
.header-bar-right {
font-size: 0;
line-height: 0;
}
.header-bar-left > *,
.header-bar-right > * {
display: inline-block;
vertical-align: middle;
font-size: 1rem;
line-height: normal;
}
.header-bar-cell {
display: inline-block;
vertical-align: middle;
margin: 0 25px;
}
.header-bar-left .header-bar-cell:first-child {
margin-left: 0;
}
.header-bar-right .header-bar-cell:last-child {
margin-right: 0;
}
.header-bar-right .iconedLink {
padding: 12px 0;
}
header .iconedCaption {
color: inherit;
}
header .iconedCaption .price-box {
display: inline-block;
}
.shop-itemsTotalPrice-gross .caption-suffix,
header .iconedCaption .price-box .caption-suffix {
display: inline-block;
font-size: inherit;
color: inherit;
}
header .iconedCaption .price-box .price:not(.price-old) {
color: #494948;
font-weight: 700;
}
@media screen and (min-width: 1140px) {
header .iconedCaption[href]:hover {
color: #63aa24;
}
}
.iconedCaption {
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
}
.iconedCaption > * {
display: inline-block;
vertical-align: middle;
}
.iconedCaption .icon {
width: 30px;
height: 30px;
}
.iconedCaption .icon img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.iconedCaption .icon:first-child {
margin-right: 5px;
margin-left: -5px;
}
.iconedCaption .caption {
font-size: 16px;
line-height: normal;
font-weight: 300;
}
.iconedCaption .caption strong {
font-weight: 500;
}
.iconedLink {
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
color: #494948;
}
.iconedLink:hover {
color: #494948;
}
.iconedLink > * {
display: inline-block;
vertical-align: middle;
}
.iconedLink .icon {
position: relative;
width: 22px;
height: 22px;
}
.iconedLink .icon:before {
content: "";
display: block;
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
background-color: #63aa24;
transition: background-color 0.3s;
}
.iconedLink .icon > * {
position: relative;
}
.iconedLink .icon img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.iconedLink .icon svg {
fill: #fff;
stroke: #fff;
}
.iconedLink .icon:first-child {
margin-right: 15px;
}
.iconedLink .caption {
font-size: 12px;
line-height: normal;
text-transform: uppercase;
}
@media screen and (min-width: 1140px) {
.iconedLink[href]:hover .icon:before {
background-color: #494948;
}
}
.header-main {
position: relative;
}
.header-middle {
}
.header-main:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
max-width: 1270px;
width: 100%;
height: 1px;
margin: 0 auto;
background-color: rgba(0, 0, 0, 0.1);
}
.mainpage .header-main:after {
display: none;
}
.header-middle {
position: relative;
}
.basket-btn {
display: block;
font-size: 15px;
font-weight: 700;
color: #63aa24;
}
.basket-btn > * {
display: inline-block;
vertical-align: middle;
}
.basket-btn .btn {
margin-right: 15px;
}
.basket-btn .btn.btn-custom.btn-circle {
overflow: visible;
height: 38px;
line-height: 36px;
width: 38px;
}
.basket-btn .btn.btn-custom.btn-circle .icon,
.basket-btn .btn.btn-custom.btn-circle img {
height: 28px;
width: 28px;
}
.btn.btn-add-to-basket .btn-badge,
.basket-btn .btn .btn-badge {
top: -10px;
right: -10px;
width: 24px;
height: 24px;
line-height: 22px;
font-size: 13px;
}
.btn.btn-add-to-basket.btn-circle {
overflow: visible;
}
.header-search {
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 34%;
}
.form.searchbar {
padding: 0;
}
.searchbar .searchbar-row {
position: relative;
}
.searchbar .form-control-feedback {
display: none;
}
.searchbar .btn.btn-custom {
display: block !important;
position: absolute;
top: 0;
right: 0;
}
.searchbar .btn.btn-custom .icon,
.searchbar .btn.btn-custom img {
width: 24px;
height: 24px;
}
.searchbar input.form-control {
display: block;
width: 100%;
height: 46px;
padding-right: 60px;
padding-left: 20px;
font-size: 12px;
text-transform: uppercase;
color: #494948;
border-color: #63aa24;
}
.mainsearch-fancybox .form.searchbar {
padding-right: 40px;
width: 320px;
}
.mainsearch-fancybox .searchbar input.form-control {
padding-left: 10px;
padding-right: 50px;
font-size: 11px;
}
.mainsearch-fancybox .fancybox-close-small:after {
background-color: transparent;
}
.mainsearch-fancybox .searchbar .btn.btn-custom {
background-color: #63aa24;
}
.mainsearch-fancybox .searchbar .btn.btn-custom svg {
fill: #fff;
stroke: #fff;
}
.header-right {
float: right;
text-align: right;
font-size: 0;
}
.header-right > * {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
font-size: 1rem;
text-align: left;
}
.top-box-basket-container {
padding: 5px 0;
margin-top: 51px;
margin-bottom: 51px;
}
.logo {
float: left;
padding: 33px 0;
}
.logo a {
display: block;
}
.logo a img {
display: block;
height: 84px;
}
#main-menu {
text-align: center;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#main-menu a {
display: block;
color: #494948;
}
#main-menu .main-menu-item {
position: relative;
}
#main-menu .main-menu-link {
display: table;
width: 100%;
height: 70px;
}
#main-menu .main-menu-link a {
display: table-cell;
vertical-align: middle;
word-break: break-word;
padding: 6px 10px;
}
#main-menu > ul {
display: table;
table-layout: fixed;
width: 100%;
}
#main-menu > ul > li {
display: table-cell;
vertical-align: middle;
}
#main-menu > ul > li.active .main-menu-link a {
color: #63aa24;
}
#main-menu > ul > li .main-menu-link a {
position: relative;
font-size: 18px;
font-weight: 300;
text-transform: uppercase;
}
#main-menu > ul > li .main-menu-link a:after {
content: "";
position: absolute;
display: block;
top: 50%;
right: 0;
height: 10px;
width: 1px;
margin-top: -5px;
background-color: rgba(0, 0, 0, 0.1);
}
#main-menu > ul > li:last-child .main-menu-link a:after {
display: none;
}
#main-menu .main-menu-item > ul {
overflow-y: auto;
position: absolute;
z-index: 50;
top: 100%;
left: 50%;
width: 290px;
max-height: calc(100vh - 300px);
margin-left: -145px;
margin-top: -1px;
background-color: #fff;
border: 1px solid #e5e5e5;
transition: all 0.3s;
}
#main-menu .main-menu-item > ul > li {
transition: border-color 0.2s;
}
#main-menu .main-menu-item > ul > li:not(:first-child) {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#main-menu .main-menu-item > ul > li > a {
padding: 15px;
font-size: 14px;
letter-spacing: 0.05em;
transition: all 0.2s;
}
#main-menu .main-menu-item > ul > li.active > a {
color: #63aa24
}
#main-menu li:hover > .main-menu-item > ul {
display: block;
}
#main-menu li:not(.hovered) > .main-menu-item > ul {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px);
}
.rwd-menu .basket-btn {
color: #fff;
background-color: #63ab25;
}
.header-bar,
.top-box-basket-container,
.logo,
.logo a img,
#main-menu,
.header-menu-wrapper,
#main-menu .main-menu-link,
#main-menu > ul > li .main-menu-link a {
transition: all 0.3s;
}
.header-menu-wrapper {
transform-origin: top center;
}
.header-main .container:first-child {
position: relative;
z-index: 100;
background-color: #fff;
}
@media screen and (min-width: 1140px) {
header.sticky .header-bar {
margin-top: -46px;
}
header.sticky .header-main::after {
background-color: transparent;
}
header.sticky.rollup .header-menu-wrapper {
margin-bottom: -46px;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
}
#main-menu a[href]:hover {
color: #63aa24;
}
#main-menu .main-menu-item > ul > li:hover + li,
#main-menu .main-menu-item > ul > li:hover {
border-top-color: transparent;
}
#main-menu .main-menu-item > ul > li > a[href]:hover {
color: #fff;
background-color: #63aa24;
}
header.sticky #main-menu .main-menu-link {
height: 46px;
}
header.sticky #main-menu > ul > li .main-menu-link a {
font-size: 14px;
}
header.sticky .logo {
padding: 11px 0;
}
header.sticky .logo a img {
height: 52px;
}
header.sticky .top-box-basket-container {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 1600px) {
.logo {
padding: 25px 0;
}
.logo a img {
height: 66px;
}
.top-box-basket-container {
margin-top: 34px;
margin-bottom: 34px;
}
#main-menu > ul > li .main-menu-link a {
font-size: 15px;
}
#main-menu .main-menu-link {
height: 56px;
}
.header-bar-cell {
margin: 0 18px;
}
}
@media screen and (min-width: 1025px) {
.header-search.header-search {
margin: -20px auto 0 auto;
}
}
@media screen and (min-width: 1367px) {
.header-search.header-search {
margin: -23px auto 0 auto;
}
}
@media screen and (max-width: 1366px) {
.header-main:after {
max-width: none;
width: auto;
left: 30px;
right: 30px;
}
.logo {
padding: 16px 0;
}
.logo a img {
height: 60px;
}
.top-box-basket-container {
margin-top: 22px;
margin-bottom: 22px;
}
#main-menu > ul > li .main-menu-link a {
font-size: 14px;
}
#main-menu .main-menu-link {
height: 50px;
}
.header-search {
width: 36%;
}
.searchbar input.form-control {
height: 40px;
padding-left: 15px;
padding-right: 55px;
}
.searchbar .btn.btn-custom {
width: 40px;
height: 40px;
line-height: 38px;
}
.basket-btn .btn {
margin-right: 8px;
}
}
@media screen and (max-width: 1280px) {
.header-main:after {
left: 20px;
right: 20px;
}
}
@media screen and (max-width: 1366px) and (min-width: 1140px) {
header.sticky .logo {
padding: 9px 0;
}
header.sticky .logo a img {
height: 48px;
}
header.sticky .top-box-basket-container {
margin-top: 9px;
margin-bottom: 9px;
}
}
@media screen and (max-width: 1139px) {
header {
position: fixed;
z-index: 1000;
width: 100%;
top: 0;
left: 0;
background-color: #fff;
}
header > .header-bar {
display: none;
}
.mainpage .header-main:after {
display: block;
}
.header-main:after {
left: 0;
right: 0;
}
.logo {
padding: 8px 0;
}
.logo a img {
height: 44px;
}
.top-box-basket-container {
margin-top: 6px;
margin-bottom: 6px;
}
}
@media screen and (max-width: 1024px) {
.header-search {
position: static;
width: auto;
margin-top: 9px;
margin-bottom: 9px;
}
.header-search .searchbar input.form-control {
display: none;
}
.header-search .searchbar .btn.btn-custom {
position: static;
border-radius: 50%;
border-color: rgba(0, 0, 0, 0.1);
}
}
@media screen and (max-width: 460px) {
.header-right > * {
margin-left: 10px;
}
.nav-toggle {
margin-left: 10px;
}
.header-right .basket-btn .caption {
display: none;
}
.basket-btn .btn.btn-custom.btn-circle {
margin-right: 0;
}
}
/**
* CONTENT
*/
#page {
overflow: hidden;
/*position: relative;*/
/*z-index: 1;*/
}
#content {
overflow: hidden;
padding-top: 268px;
}
body.mainpage {
background-size: 100% auto;
background-position: top 520px center;
background-repeat: repeat-y;
background-image: url(../images/bg-mainpage.png);
}
body.subpage {
background-size: 100% auto;
background-position: top 450px center;
background-repeat: repeat-y;
background-image: url(../images/bg-subpage.png);
}
@media screen and (max-width: 1680px) {
body.subpage {
background-size: 108% auto;
}
}
@media screen and (max-width: 1600px) {
body.subpage {
background-size: 114% auto;
}
#content {
padding-top: 220px;
}
}
@media screen and (max-width: 1500px) {
body.subpage {
background-size: 118% auto;
}
}
@media screen and (max-width: 1440px) {
body.subpage {
background-image: none;
}
}
@media screen and (max-width: 1366px) {
#content {
padding-top: 190px;
}
}
@media screen and (max-width: 1280px) {
body.mainpage {
background-image: none;
}
}
@media screen and (max-width: 1139px) {
#content {
padding-top: 60px;
}
}
.text {
overflow: visible;
}
.text,
.text-base {
font-size: 16px;
line-height: 28px;
}
@media screen and (max-width: 1440px) {
.text,
.text-base {
line-height: 28px;
}
}
@media screen and (max-width: 1139px) {
.text,
.text-base {
line-height: 26px;
}
}
@media screen and (max-width: 560px) {
.text,
.text-base {
word-wrap: break-word;
}
}
.text a:hover,
.text a:focus {
text-decoration: underline;
}
.page-desc.text,
.text.text-small,
.text-base.text-small {
font-size: 16px;
}
.color-accent {
color: #6daf32;
}
/**
* FOOTER
*/
footer {
overflow-x: hidden;
}
body.sticky-footer footer {
overflow: visible;
}
/********************** Footer main */
.footer-main {
position: relative;
/*z-index: -1;*/
background-color: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/* Plants */
.footer-leaf {
pointer-events: none;
position: absolute;
display: block;
width: 43.2291667%;
}
.subpage-basket .footer-leaf-left {
display: none!important;
}
/*
Image is applied on pseudo
so you can optionaly control clipping on the parent so the leaf doesn't overflow the document.
This hack is used on right leaf below.
*/
.footer-leaf:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
padding-bottom: 67.2289157%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url(../images/footer-plant.png);
display: none !important;
}
/* Plant top left */
.footer-leaf-left {
top: 0;
left: 0;
margin-top: -18.7%;
margin-left: -25.5%;
-webkit-transform: rotateZ(-27deg);
-moz-transform: rotateZ(-27deg);
-ms-transform: rotateZ(-27deg);
-o-transform: rotateZ(-27deg);
transform: rotateZ(-27deg);
}
.hideFooterDecor .footer-leaf-left {
display: none;
}
/* Plant bottom right */
.footer-leaf-right {
overflow: hidden;
right: 0;
bottom: 0;
padding-bottom: 22.3958333%; /* Clips the leaf height so it doesn't go beneath bottom bar and overflows the page */
margin-bottom: -1.5%;
margin-right: -17.9%;
}
.footer-cols {
position: relative;
margin: 50px -10px 40px -10px;
}
.footer-cols:after {
content: "";
display: block;
clear: both;
}
.footer-col {
float: left;
width: 25%;
padding-left: 10px;
padding-right: 10px;
}
.footer-col-right {
position: absolute;
top: 0;
right: 0;
bottom: 0;
text-align: right;
}
.footer-col-right .footer-logo img {
max-width: 61%;
}
.footer-col-right .social-list {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.footer-col-right .social-list .btn.btn-custom {
color: #494948;
border-color: transparent;
}
.footer-col-right .social-list .btn.btn-custom.active,
.footer-col-right .social-list .btn.btn-custom:hover {
color: #fff;
}
.footer-col .footer-box + .footer-box {
margin-top: 45px;
}
.footer-box-title {
margin-bottom: 40px;
font-size: 28px;
color: #63aa24;
}
.footer-col .footer-box .footer-box-title {
margin-bottom: 16px;
}
.footer-box-content {
font-size: 16px;
line-height: 36px;
letter-spacing: 0.05em;
font-weight: 300;
color: #494948;
}
.footer-box-content .btn.btn-text {
text-transform: uppercase;
}
.footer-box-content .btn.btn-text .caption {
font-size: 13px;
}
.footer-box-content .btn.btn-text .icon,
.footer-box-content .btn.btn-text img {
width: 30px;
height: 30px;
}
.footer-box-content .btn.btn-text .icon:first-child,
.footer-box-content .btn.btn-text img:first-child {
margin-left: -5px;
}
.footer-box-content .btn.btn-text .icon svg {
fill: #63aa24;
stroke: #63aa24;
}
@media screen and (min-width: 1140px) {
.footer-box-content .btn.btn-text:hover {
color: #63aa24;
}
}
.footer-links a {
display: inline-block;
line-height: normal;
}
.footer-links a:not(:hover) {
color: inherit;
}
/* Footer contacts */
.footer-contact-section + .footer-contact-section {
margin-top: 15px;
}
.footer-contacts a {
font-weight: 400;
font-size: 24px;
color: #63aa24;
}
.footer-contacts a:hover {
color: inherit;
}
/* Footer logotypes */
.logotypebox-list {
margin: -5px;
font-size: 0;
letter-spacing: 0;
}
.logotypebox-list > li {
display: inline-block;
vertical-align: middle;
width: 50%;
padding: 5px;
}
.logotypebox {
display: block;
position: relative;
height: 68px;
border: 1px solid rgba(73, 73, 72, 0.1);
-webkit-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
-ms-transition: border-color 0.3s;
-o-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.logotypebox img {
opacity: 0.4;
position: absolute;
top: 50%;
left: 50%;
max-width: 70%;
max-height: 47%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
@media screen and (min-width: 1140px) {
.logotypebox[href]:hover {
border-color: #fff;
}
}
/* Footer extra */
.footer-extra {
padding: 25px 0;
}
.footer-extra:not(:first-child) {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.footer-extra .text {
width: 78%;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 24px;
color: #b5b5b5;
}
/********************** Footer bottom **/
.footer-bottom {
position: relative;
z-index: 10;
padding: 10px 0;
line-height: 30px;
letter-spacing: 0.05em;
font-weight: 300;
color: #f4f4f4;
background-color: #494948;
}
.footer-bottom-left,
.footer-bottom-right {
font-size: 0;
}
.footer-bottom-left {
float: left;
}
.footer-bottom-right {
float: right;
font-size: 14px;
}
.footer-bottom-left > *,
.footer-bottom-links > li {
display: inline-block;
vertical-align: middle;
font-size: 14px;
}
.footer-bottom-links {
margin: -3px -5px;
font-size: 0;
text-transform: uppercase;
}
.footer-bottom-links > li {
margin: 3px 5px;
font-size: 14px;
}
.footer-bottom-links a {
color: inherit;
}
.footer-bottom-links + .copyright {
margin-left: 15px;
}
.copyright-undicom {
float: none;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
letter-spacing: inherit;
line-height: inherit;
color: inherit;
}
@media screen and (min-width: 1140px) {
.footer-bottom-links a[href]:hover {
color: #63aa24;
}
}
@media screen and (max-width: 1800px) {
.footer-leaf {
width: 38%;
}
.footer-leaf-left {
margin-top: -12.7%;
}
}
@media screen and (max-width: 1600px) {
.footer-leaf {
width: 32%;
}
.footer-leaf-left {
margin-left: -22.5%;
margin-top: -10%;
}
.footer-leaf-right {
margin-bottom: -0.5%;
}
.footer-leaf.footer-leaf-right {
width: 40%;
}
.footer-col .footer-box + .footer-box {
margin-top: 35px;
}
.footer-box-title {
margin-bottom: 25px;
}
.footer-extra {
padding: 15px 0;
}
}
@media screen and (max-width: 1440px) {
.footer-leaf-left {
display: none;
}
.footer-leaf-right {
margin-bottom: -1.6%;
}
.footer-leaf.footer-leaf-right {
width: 36%;
}
.footer-cols {
margin-top: 30px;
margin-bottom: 30px;
}
.footer-col .footer-box + .footer-box {
margin-top: 20px;
}
.footer-box-content {
font-size: 14px;
line-height: 30px;
}
.footer-col .footer-box .footer-box-title,
.footer-box-title {
margin-bottom: 12px;
}
.footer-box-title {
font-size: 22px;
}
.footer-contacts a {
font-size: 16px;
}
.footer-extra .text {
width: 85%;
line-height: 20px;
}
}
@media screen and (max-width: 1280px) {
.footer-col-right .footer-logo img {
max-width: 70%;
min-width: 150px;
}
}
@media screen and (max-width: 1139px) {
.footer-cols {
margin-top: 20px;
margin-bottom: 20px;
}
.footer-col .footer-box + .footer-box {
margin-top: 15px;
}
.footer-box-content {
line-height: 26px;
}
.footer-box-title {
font-size: 20px;
}
.logotypebox {
height: 56px;
}
}
@media screen and (max-width: 1024px) {
.footer-leaf-right {
display: none;
}
.footer-bottom {
text-align: center;
}
.footer-bottom-left,
.footer-bottom-right {
float: none;
}
.footer-col-right .social-list .btn.btn-custom {
border-color: rgba(0, 0, 0, 0.1);
}
.footer-extra {
padding: 12px 0;
}
.footer-extra .text {
width: auto;
font-size: 11px;
line-height: 18px;
}
}
@media screen and (max-width: 960px) {
.footer-box-title {
font-size: 18px;
}
.footer-col .footer-box + .footer-box {
margin-top: 12px;
}
.footer-box-content {
font-size: 12px;
line-height: 24px;
}
.logotypebox {
height: 50px;
}
.footer-extra .text {
line-height: 16px;
}
}
@media screen and (max-width: 900px) {
.footer-bottom-left,
.footer-bottom-right {
float: none;
text-align: center;
}
.footer-bottom {
padding: 13px 0;
line-height: normal;
}
.footer-bottom-right:not(:first-child),
.footer-bottom-left > *:not(:first-child),
.footer-bottom .container > *:not(.clear):not(:first-child) {
padding-top: 10px;
}
.footer-bottom-left > * {
display: block;
}
.footer-bottom-links {
margin: -8px;
}
.footer-bottom-links > li {
margin: 8px;
}
.footer-bottom-links + .copyright {
margin-left: 0;
}
.basket-view .shop-order-login > .row{
display: flex;
flex-direction: column;
}
.shop-order-login-guestBox{
order: -1;
}
}
@media screen and (min-width: 768px) {
.footer-box-content {
display: block !important;
}
}
@media screen and (max-width: 767px) {
.footer-cols {
margin: 15px 0;
}
.footer-col {
float: none;
width: 100%;
padding: 0;
}
.footer-box:not(:last-child),
.footer-col:not(:last-child) .footer-box {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.footer-col-right {
position: static;
text-align: center;
}
.footer-col-right:not(:first-child) {
margin-top: 15px;
}
.footer-col-right .social-list {
position: static;
}
.footer-col .footer-box + .footer-box {
margin: 0;
}
.footer-logo {
display: none;
}
.footer-box-content {
display: none;
padding: 10px 0;
}
.footer-box-title {
position: relative;
padding: 8px 0;
}
.footer-col .footer-box .footer-box-title,
.footer-box-title {
margin: 0;
}
.footer-box .footer-box-title:after {
content: "\f107";
position: absolute;
top: 50%;
right: 0;
font-size: 22px;
color: #494948;
font-family: "FontAwesome", sans-serif;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.footer-box-title.active:after {
-webkit-transform: translate3d(0, -50%, 0) rotateZ(180deg);
-moz-transform: translate3d(0, -50%, 0) rotateZ(180deg);
-ms-transform: translate3d(0, -50%, 0) rotateZ(180deg);
-o-transform: translate3d(0, -50%, 0) rotateZ(180deg);
transform: translate3d(0, -50%, 0) rotateZ(180deg);
}
.footer-extra .text {
font-size: 10px;
line-height: 14px;
}
}
@media screen and (max-width: 560px) {
.footer-extra .text {
line-height: 12px;
}
}
@media screen and (max-width: 480px) {
.footer-bottom-right,
.footer-bottom-left > *,
.footer-bottom-links > li {
font-size: 12px;
}
.footer-bottom-right:not(:first-child),
.footer-bottom-left > *:not(:first-child),
.footer-bottom .container > *:not(.clear):not(:first-child) {
padding-top: 6px;
}
.footer-bottom-links {
margin: -5px;
}
.footer-bottom-links > li {
margin: 5px;
}
}
/**
* HEADING
*/
/*@media screen and (max-width: 1139px) {*/
/*.heading.heading-hasArrows .heading-content {*/
/*padding-top: 7px;*/
/*padding-bottom: 7px;*/
/*padding-right: 120px;*/
/*}*/
/*}*/
.heading {
margin-top: 20px;
}
.heading .heading-inside {
position: relative;
}
.heading-inside ~ .heading-inside {
margin-top: 15px;
}
.heading-content > *:not(:first-child) {
margin-top: 25px;
}
.heading-subtitle:not(:first-child) {
margin-top: 15px;
}
.heading .breadcrumb {
margin: 0;
}
.heading .heading-content .breadcrumb-container {
margin: 0;
}
.heading .heading-content .breadcrumb-container span {
text-transform: uppercase;
}
.heading .heading-content .breadcrumb-container:only-child {
margin-bottom: -15px;
}
.heading .heading-content .breadcrumb-container:not(:last-child) {
margin-bottom: 12px;
}
.heading .heading-content .title-base {
margin-top: -0.15em;
margin-bottom: -0.15em;
}
.heading .heading-content .text {
font-size: 14px;
}
.has-slider .heading.heading-hasRight .heading-inside > * {
vertical-align: middle;
}
.heading.heading-hasRight .heading-inside {
display: table;
width: 100%;
word-break: break-word;
}
.heading.heading-hasRight .heading-inside > * {
display: table-cell;
vertical-align: bottom;
}
.heading-right {
white-space: nowrap;
text-align: right;
}
.heading-right > * {
display: inline-block;
vertical-align: middle;
white-space: normal;
text-align: left;
}
.heading.heading-hasRight .heading-inside > *:not(:last-child) {
padding-right: 50px;
}
.heading-arrows {
font-size: 0;
white-space: nowrap;
}
.heading-right .heading-arrows:not(:first-child) {
margin-left: 40px;
}
.heading-right .heading-arrows .slick-hidden {
display: none!important;
}
.heading-arrows .btn:not(:first-child) {
margin-left: 12px;
}
.heading.section-heading .heading-content > *:not(:first-child) {
margin-top: 0;
}
.heading.section-heading .heading-content .title-base {
display: inline;
vertical-align: middle;
text-transform: uppercase;
overflow: visible;
}
.heading.section-heading .heading-content .title-base:not(:only-child) {
display: inline;
vertical-align: middle;
text-transform: uppercase;
overflow: visible;
margin-right: 40px;
}
.heading-right .filters-element-wrapper {
white-space: nowrap;
}
/* Most likely should be made visible when heading-right collapses
ex. "See more" button shows in footer instead in .header-right on mobile
*/
.heading--mobileOnly {
display: none;
text-align: center;
}
@media screen and (max-width: 560px) {
.heading--desktopOnly {
display: none !important;
}
.heading--mobileOnly {
display: block;
}
}
.filters-element-wrapper > * {
display: inline-block;
vertical-align: middle;
}
.filters-label {
margin-right: 12px;
font-size: 14px;
font-weight: 900;
letter-spacing: 0.05em;
color: #5ead30;
}
.heading .select2-container--default .select2-selection--single {
border-radius: 30px;
}
.heading .select2-container .select2-selection--single .select2-selection__rendered {
min-width: 140px;
padding-left: 10px;
font-size: 11px;
}
.heading .select2-container--default.select2-container--open .select2-selection--single {
border-radius: 0;
}
@media screen and (min-width: 1140px) {
.select2-container--default .select2-selection--single:hover .select2-selection__arrow:after {
color: #63aa24;
}
}
@media screen and (max-width: 1600px) {
.section .heading.heading-hasRight .heading-inside > * {
vertical-align: middle;
}
}
@media screen and (max-width: 1440px) {
.heading .heading-content .breadcrumb-container:only-child {
margin-bottom: -10px;
}
}
@media screen and (max-width: 1280px) {
.heading .heading-content .breadcrumb-container:only-child {
margin-bottom: -5px;
}
}
@media screen and (max-width: 1139px) {
.heading {
margin-top: 15px;
}
.heading .heading-content .breadcrumb-container:not(:last-child) {
margin-bottom: 6px;
}
.heading .heading-content .title-base {
margin: 0;
}
.heading-right .heading-arrows:not(:first-child) {
margin-left: 20px;
}
.heading-arrows .btn:not(:first-child) {
margin-left: 8px;
}
.filters-label {
margin-right: 5px;
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.heading.heading-hasRight .heading-inside > *:not(:last-child) {
padding-right: 20px;
}
.heading-right .heading-arrows:not(:first-child) {
margin-left: 15px;
}
}
@media screen and (max-width: 639px) {
.heading.heading-hasRight .heading-inside > *:not(:last-child) {
padding-right: 15px;
}
.heading-right .heading-arrows:not(:first-child) {
margin-left: 15px;
}
.heading-arrows .btn:not(:first-child) {
margin-left: 5px;
}
}
@media screen and (max-width: 560px) {
.heading-right {
margin-top: 12px;
text-align: center;
}
.heading.heading-hasRight .heading-inside {
display: block;
}
.heading.heading-hasRight .heading-inside > * {
display: block;
}
.heading---mobileOnly {
display: block;
}
.heading-right #filters-form {
display: block;
text-align: right;
}
.heading-right #filters-form .filters-element {
text-align: left;
}
}
/**
* BREADCRUMB
*/
.breadcrumb {
padding: 0;
margin: 20px 0;
border-radius: 0;
letter-spacing: 0;
background-color: transparent;
text-align: left;
}
.breadcrumb > li {
position: relative;
display: inline;
color: #6d6e71;
}
.breadcrumb > li > a {
font-size: 12px;
color: inherit;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
/*.breadcrumb > li:last-child > a {*/
/*color: #63aa24;*/
/*}*/
.breadcrumb > li + li:before {
content: '>';
font-size: 12px;
padding: 0 15px;
color: inherit;
}
@media screen and (min-width: 1140px) {
.breadcrumb > li > a[href]:hover {
color: #63aa24;
}
}
@media screen and (max-width: 639px) {
.breadcrumb > li:not(:first-child):not(:last-child):not(:nth-last-child(2)) {
display: none;
}
.breadcrumb > li:not(:first-child):not(:last-child) a {
font-size: 0;
}
.breadcrumb > li:not(:last-child) a span {
display: none;
}
.breadcrumb > li:not(:first-child):not(:last-child) a:after {
content: "...";
font-size: 12px;
}
.breadcrumb > li + li:before {
padding: 0 6px;
}
.breadcrumb > li:first-child a {
font-size: 0 !important;
letter-spacing: 0 !important;
}
.breadcrumb > li:first-child a:after {
content: "\f015";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 12px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
/**
* FORM
*/
form.form {
/* padding: 15px 0; */
}
/* INPUTY */
.form .form-control {
/* font-size: 14px; */
}
/* TEXTAREA */
.form textarea.form-control {
/* height: 130px; */
}
/* KLAUZULE I ZGODY */
.form .before-consent-row,
.form .after-consent-row,
.form .consent-row label,
.form .consent-all {
/* font-size: 12px; */
}
/* ZAOKRĄGLENIA INPUTÓW */
.form .form-control-feedback {
font-size: 0;
}
.form .form-control-feedback:before {
vertical-align: middle;
font-size: 14px;
}
.form-element-country .form-control-feedback {
display: none;
}
.form button.captcha-refresh {
/* border-top-right-radius: 0; */
/* border-bottom-right-radius: 0; */
}
.form .form-control {
border-radius: 0;
box-shadow: none;
letter-spacing: 0.05em;
color: #000;
}
.form button.captcha-refresh,
.form .form-control {
border-color: rgba(0, 0, 0, 0.1);
}
.form .form-control:focus {
border-color: #63aa24;
}
.form .form-element-name {
color: #63aa24;
}
.form .before-consent-row,
.form .after-consent-row,
.form .checkboxradio-container label {
color: #767676;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.05em;
font-weight: 300;
}
.form .before-consent-row, .form .after-consent-row {
font-size: 12px;
}
.form button.captcha-refresh,
.form .form-group-lg .captcha-image-wrapper {
border-radius: 0;
}
.form .form-group-lg button.captcha-refresh {
color: #63aa24;
}
.icheckbox_minimal-custom,
.iradio_minimal-custom {
background-image: url(../images/icheck.png);
}
.contact-form .row {
margin-left: -8px;
margin-right: -8px;
}
.contact-form .col-lg-1, .contact-form .col-lg-10, .contact-form .col-lg-11, .contact-form .col-lg-12, .contact-form .col-lg-2, .contact-form .col-lg-3, .contact-form .col-lg-4, .contact-form .col-lg-5, .contact-form .col-lg-6, .contact-form .col-lg-7, .contact-form .col-lg-8, .contact-form .col-lg-9, .contact-form .col-md-1, .contact-form .col-md-10, .contact-form .col-md-11, .contact-form .col-md-12, .contact-form .col-md-2, .contact-form .col-md-3, .contact-form .col-md-4, .contact-form .col-md-5, .contact-form .col-md-6, .contact-form .col-md-7, .contact-form .col-md-8, .contact-form .col-md-9, .contact-form .col-sm-1, .contact-form .col-sm-10, .contact-form .col-sm-11, .contact-form .col-sm-12, .contact-form .col-sm-2, .contact-form .col-sm-3, .contact-form .col-sm-4, .contact-form .col-sm-5, .contact-form .col-sm-6, .contact-form .col-sm-7, .contact-form .col-sm-8, .contact-form .col-sm-9, .contact-form .col-xs-1, .contact-form .col-xs-10, .contact-form .col-xs-11, .contact-form .col-xs-12, .contact-form .col-xs-2, .contact-form .col-xs-3, .contact-form .col-xs-4, .contact-form .col-xs-5, .contact-form .col-xs-6, .contact-form .col-xs-7, .contact-form .col-xs-8, .contact-form .col-xs-9 {
padding-left: 8px;
padding-right: 8px;
}
.contact-form .form button.captcha-refresh {
right: 8px;
}
/**
* SELECT2
*/
/* Base */
.select2-container--default .select2-selection--single {
height: 34px;
border-radius: 0;
border-color: #e5e5e5;
}
.form-group-lg .select2-container--default .select2-selection--single {
height: 46px;
}
.form-group-md .select2-container--default .select2-selection--single {
height: 40px;
}
.form-group-sm .select2-container--default .select2-selection--single {
height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
font-weight: normal;
font-size: 13px;
}
/* Opened */
.select2-container--default.select2-container--open .select2-selection--single {
border-color: #63aa24;
}
/*.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,*/
/*.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {*/
/*border-bottom-left-radius: 8px;*/
/*border-bottom-right-radius: 8px;*/
/*}*/
/*.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,*/
/*.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {*/
/*border-top-left-radius: 8px;*/
/*border-top-right-radius: 8px;*/
/*}*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 32px;
}
.form-group-lg .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 44px;
}
.form-group-md .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 40px;
}
/* Selected option / inside */
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 10px;
padding-right: 40px;
font-size: 14px;
color: #4c4c4b;
}
.form-group-lg .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 18px;
padding-right: 46px;
}
.form-group-md.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 12px;
padding-right: 55px;
letter-spacing: 0.05em;
}
.select2-container--default .select2-selection--single .select2-selection__clear:hover {
color: #63aa24;
}
/* Arrow box */
.select2-container--default .select2-selection--single .select2-selection__arrow {
right: 0;
height: 34px;
line-height: 32px;
width: 34px;
text-align: center;
font-size: 0;
color: #7b7b7b;
}
.form-group-lg .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 44px;
line-height: 44px;
width: 44px;
}
.form-group-md .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 38px;
line-height: 38px;
width: 38px;
}
.form-element.has-feedback .select2-container--default .select2-selection--single .select2-selection__arrow,
.form-group-lg .form-element.has-feedback .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
color: #63aa24;
}
/* Arrow icon */
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
content: "\f107";
display: inline-block;
vertical-align: middle;
font: normal normal normal 14px/1 FontAwesome;
font-size: 12px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
/* Dropdown */
.select2-dropdown {
/*overflow: hidden;*/
border-color: #5ead30;
}
.select2-container--open .select2-dropdown--above {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-results__option {
padding: 10px 10px;
}
.form-group-lg .select2-results__option {
padding: 13px 18px;
}
.form-group-sm .select2-results__option {
font-size: 11px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5ead30;
}
@media screen and (min-width: 1140px) {
.select2-container--default .select2-selection--single:hover {
border-color: #5ead30;
}
}
/**
* MAP POINT
*/
.map-point .custom-map-wrapper {
position: relative;
}
.map-point .custom-map-wrapper .point {
position: absolute;
width: 28px;
height: 40px;
background: transparent url('../images/marker.png') no-repeat scroll center center;
cursor: pointer;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.map-point #marker-cloud-wrapper {
position: absolute;
top: 20px;
left: 20px;
width: 10%;
height: 10%;
background: red;
}
.map-point #marker-cloud-wrapper .popover {
top: 0 !important;
left: 0 !important;
display: block;
margin: 0;
width: 300px;
border: 0;
border-radius: 0;
box-shadow: none;
text-shadow: none;
}
.map-point #marker-cloud-wrapper .popover .arrow {
display: none !important;
}
/*
Sekcja logotypów
*/
.logotypes {
border-top: 1px solid rgba(0, 0, 0, 0.1);
height: 156px;
padding: 28px 0;
}
.logotypes .logotypes-title {
float: left;
padding-right: 30px;
font-size: 22px;
line-height: 100px;
vertical-align: middle;
}
.logotypes-slider-container {
height: 100px;
}
.logotype-slider {
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.slick-initialized .logotype {
float: none;
display: inline-block;
vertical-align: middle;
padding: 4px;
}
.logotype img {
max-height: 100px;
max-width: 100%;
margin: 0 auto;
}
/**
Sociale
*/
.social-list > ul {
margin: -5px;
font-size: 0;
}
.social-list > ul > li {
display: inline-block;
padding: 5px;
text-align: center;
font-size: 1rem;
}
/*
Menu językowe
*/
.langs-menu {
position: relative;
float: right;
margin: 25px 0 25px 20px;
border-radius: 6px 6px 0 0;
transition-duration: 0.4s;
transition-property: background-color, opacity;
z-index: 1001;
}
.langs-menu ul {
opacity: 0;
display: none;
overflow: hidden;
position: absolute;
top: 100%;
width: 100%;
border-radius: 0 0 6px 6px;
transition-duration: 0.4s;
transition-property: background-color, opacity;
}
.langs-menu.active,
.langs-menu.active ul {
opacity: 1;
}
.langs-menu a {
display: block;
-webkit-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
-ms-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.langs-menu-icon {
display: inline-block;
vertical-align: middle;
line-height: 0;
width: 21px;
height: 13px;
margin-right: 8px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.lang {
padding: 5px 15px;
font-size: 0;
}
.lang span {
display: inline-block;
vertical-align: middle;
font-size: 18px;
text-transform: uppercase;
}
.lang .langs-menu-long {
display: none;
}
.lang-button {
position: relative;
cursor: pointer;
}
.lang-button .arrow {
display: inline-block;
vertical-align: middle;
top: 50%;
right: 0;
width: 12px;
height: 12px;
margin-left: 10px;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
font-size: 20px;
transition: all 0.4s;
line-height: 12px;
}
.langs-menu.active .lang-button .arrow {
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.langs-menu-icon img {
max-width: 100%;
}
/**
* ARTICLE
*/
.article-image {
position: relative;
z-index: 10;
display: inline-block;
float: left;
max-width: 50%;
margin-right: 50px;
margin-bottom: 15px;
}
.article-image img {
max-width: 100%;
}
.article-text {
position: relative;
z-index: 3;
overflow: visible;
}
.article-date {
letter-spacing: 0.05em;
font-size: 14px;
color: #858584;
}
.article-date > * {
vertical-align: middle;
}
.article-date img {
display: inline-block;
width: 20px;
margin-left: -4px;
margin-right: 2px;
}
.article .article-date {
margin-bottom: 8px;
}
/**
Ul custom dots
*/
.text ul,
.text ol ul,
.text ul ul {
list-style: none;
}
.price-and-discount-container ul ,
.order-history-view table ul {
overflow: hidden;
}
.text ul > li,
.text ol > li {
position: relative;
left: 40px;
padding-right: 40px;
}
.price-and-discount-container ul > li,
.order-history-view table ul > li{
position: relative;
left: 20px;
padding-right: 20px;
}
.price-and-discount-container ul > li:not(:empty)::before ,
.order-history-view table ul > li:not(:empty)::before ,
.text ul > li:not(:empty)::before {
float: left;
content: "•";
position: relative;
top: -0.1em;
display: block;
vertical-align: middle;
width: 10px;
left: -8px;
line-height: inherit;
margin-left: -10px;
margin-right: -10px;
font-family: sans-serif;
font-weight: 900;
font-size: 18px;
text-align: center;
color: #63aa24;
}
.price-and-discount-container ul ul > li:not(:empty)::before,
.order-history-view table ul ul > li:not(:empty)::before,
.text ul ul > li:not(:empty)::before,
.text ol ul > li:not(:empty)::before {
content: "◦";
}
/**
* PAGINATION ACTIVE
*/
.pagination-wrapper {
max-width: 630px;
padding: 0;
}
.pagination-wrapper ul li {
padding: 0 6px;
}
.pagination-wrapper ul li a,
.pagination-wrapper ul li span {
padding-top: 8px;
padding-bottom: 8px;
font-size: 14px;
color: inherit;
}
.pagination-wrapper ul li.active a {
color: #5ead30;
}
.pagination-wrapper ul li.next a,
.pagination-wrapper ul li.prev a {
height: 46px;
line-height: 44px;
font-size: 0;
}
.pagination-wrapper ul li .btn .fa {
font-size: 14px;
}
@media screen and (min-width: 1140px) {
.pagination-wrapper ul li a:hover {
color: #5ead30;
}
}
@media screen and (max-width: 1139px) {
.pagination-wrapper ul li a,
.pagination-wrapper ul li span {
padding-top: 5px;
padding-bottom: 5px;
}
.pagination-wrapper ul li.next a,
.pagination-wrapper ul li.prev a {
height: 40px;
line-height: 38px;
}
}
@media screen and (max-width: 520px) {
.pagination-wrapper ul li {
padding: 0 3px;
}
}
@media screen and (max-width: 420px) {
.pagination-wrapper ul li {
padding: 0;
}
}
@media screen and (max-width: 380px) {
.pagination-wrapper ul li a,
.pagination-wrapper ul li span {
padding-left: 6px;
padding-right: 6px;
}
}
/*
Galeria
*/
.gallery {
clear: both;
}
.gallery ul {
margin: -5px;
font-size: 0;
}
.gallery li {
width: 25%;
padding: 5px;
display: inline-block;
}
.gallery-picture {
position: relative;
display: block;
width: 100%;
font-size: 0;
}
.gallery-picture > img {
max-width: 100%;
}
.gallery-hover {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(99, 170, 36, 0.7);
opacity: 0;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.gallery-hover .btn {
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
}
@media screen and (min-width: 1140px) {
.gallery-picture[href]:hover .gallery-hover {
opacity: 1;
}
}
@media screen and (max-width: 767px) {
.gallery li {
width: 33.33333%;
}
}
@media screen and (max-width: 520px) {
.gallery li {
width: 50%;
}
}
/*
Tabela w klasie .text
*/
.text .table-wrap {
max-width: 100%;
margin: 30px 0;
overflow-x: auto;
background-image:
/* Shadows */
linear-gradient(to right, white, white),
linear-gradient(to right, white, white),
/* Shadow covers */
linear-gradient(to right, rgba(0,0,0,.2), rgba(255,255,255,0)),
linear-gradient(to left, rgba(0,0,0,.2), rgba(255,255,255,0));
background-position: left center, right center, left center, right 1px center;
background-repeat: no-repeat;
background-color: white;
background-size: 20px 100%, 20px 100%, 20px 100%, 20px 100%;
background-attachment: local, local, scroll, scroll;
}
.text table tr:nth-child(even) {
background: rgba(0, 0, 0, 0.05);
}
.text table td {
padding: 8px 15px;
border: 1px solid #ddd;
}
/**
* WIDEPAGE
*/
.widepage {
position: relative;
clear: both;
}
.widepage:after {
content: "";
display: block;
clear: both;
}
.widepage-aside {
position: relative;
float: left;
width: 300px;
}
.widepage-aside:before {
content: "";
position: absolute;
z-indeX: -2;
right: 0;
top: 0;
bottom: 0;
width: calc((100vw - 1270px) / 2 + 300px);
background-color: #f6f6f6;
background-size: 100% auto;
background-position: top 400px left;
background-repeat: repeat-y;
background-image: url(../images/bg-aside.png);
}
.widepage-aside-content {
position: relative;
}
.widepage-aside-title {
position: relative;
padding-right: 15px;
}
.widepage-aside-title .btn {
position: absolute;
right: 7px;
top: -2px;
}
.widepage-aside-toggle.btn.btn-text .fa {
font-size: 22px;
}
.heading .widepage-aside-toggle {
display: none;
margin-top: 0;
}
.widepage-aside-shadow {
opacity: 0;
pointer-events: none;
content: "";
position: fixed;
z-index: 1005;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
transition: opacity 0.4s;
}
.widepage-aside.active ~ .widepage-aside-shadow {
pointer-events: all;
opacity: 1;
}
.widepage-aside ~ .widepage-content {
overflow: hidden;
padding-left: 26px;
}
.widepage-aside .title-base .widepage-aside-close {
}
/* Fix for slide border to avoid parent's overflow hidden */
.widepage-aside ~ .widepage-content .section-product-slider {
padding-right: 2px;
}
.aside-nav a {
position: relative;
display: block;
color: #7a7a7a;
}
.aside-nav > ul > li > a {
padding-left: 12px;
padding-right: 46px;
text-transform: uppercase;
border: 1px solid #eceded;
background-color: #f6f6f6;
transition: all 0.2s;
}
.aside-nav > ul > li.active > a {
font-weight: 500;
color: #5ead30;
border-color: #5ead30;
}
.aside-nav > ul > li.active + li > a {
border-top-color: #5ead30;
}
.aside-nav > ul > li:not(:last-child) > a {
border-bottom-color: transparent;
}
.aside-nav > ul > li > a:after {
content: "\f105";
position: absolute;
top: 50%;
right: 18px;
margin-top: -6px;
display: inline-block;
font: normal normal normal 13px/1 FontAwesome;
font-weight: 700;
font-size: 12px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #63aa24;
transition: color 0.2s;
}
.iconedItem {
display: block;
font-size: 0;
}
.iconedItem > * {
display: inline-block;
vertical-align: middle;
}
.iconedItem .icon {
position: relative;
display: inline-block;
width: 46px;
height: 46px;
}
.iconedItem .icon .icon-before,
.iconedItem .icon .icon-after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transition: opacity 0.2s;
}
.iconedItem .icon .icon-after {
opacity: 0;
}
.iconedItem .caption {
display: inline-block;
width: calc(100% - 46px);
padding-top: 6px;
padding-bottom: 6px;
padding-left: 8px;
font-size: 14px;
}
.aside-nav .iconedItem .caption:only-child {
padding-top: 15px;
padding-bottom: 14px;
}
@media screen and (min-width: 1140px) {
.iconedItem[href]:hover {
color: #fff;
}
.aside-nav > ul > li > a[href]:hover {
color: #fff;
background-color: #5ead30;
}
.aside-nav > ul > li > a[href]:hover:after {
color: #fff;
}
.iconedItem[href]:hover .icon .icon-before,
.aside-nav a[href]:hover > .iconedItem .icon .icon-before {
opacity: 0;
}
.iconedItem[href]:hover .icon .icon-after,
.aside-nav a[href]:hover > .iconedItem .icon .icon-after {
opacity: 1;
}
}
@media screen and (max-width: 1900px) {
.widepage-aside-inside {
padding-bottom: 13.5vw;
}
}
@media screen and (max-width: 1800px) {
.widepage-aside-inside {
padding-bottom: 7vw;
}
}
@media screen and (max-width: 1600px) {
.widepage-aside:before {
background-position: top 300px left;
background-size: 80% auto;
}
.widepage-aside-inside {
padding-bottom: 5vw;
}
}
@media screen and (max-width: 1500px) {
.widepage-aside:before {
background-image: none;
}
}
@media screen and (max-width: 1366px) {
.widepage-aside:before {
width: 350px;
}
.aside-nav > ul > li > a {
padding-left: 8px;
}
.iconedItem .icon {
width: 40px;
height: 40px;
}
.iconedItem .caption {
width: calc(100% - 40px);
font-size: 13px;
}
}
@media screen and (max-width: 1280px) {
.widepage-aside {
width: 260px;
}
.widepage-aside-inside.widepage-aside-inside {
padding-top: 20px;
}
}
@media screen and (max-width: 1139px) {
.widepage-aside ~ .widepage-content {
padding-left: 20px;
}
}
@media screen and (min-width: 1025px) {
.widepage-aside-toggle,
.widepage-aside-open,
.widepage-aside-close,
.widepage-aside-shadow {
display: none !important;
}
}
@media screen and (max-width: 1024px) {
.widepage-aside {
overflow-y: auto;
position: fixed;
z-index: 1010;
top: 0;
left: 0;
bottom: 0;
width: 280px;
padding-left: 15px;
background-color: #f6f6f6;
transition: all 0.4s;
}
.widepage-aside:not(.active) {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.widepage-aside:before {
display: none;
}
.widepage-aside ~ .widepage-content {
padding-left: 0;
}
.heading .widepage-aside-toggle {
display: inline-block;
}
.heading .widepage-aside-toggle ~ .title-base {
display: none;
}
.widepage-aside-title {
padding-right: 50px;
}
.widepage-aside-inside {
padding-bottom: 0;
}
}
@media screen and (min-width: 1901px) {
.widepage-aside-inside {
padding-bottom: 250px;
}
}
/**
* PRODUCT LABELS
*/
.product-labels {
z-index: 10;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: -3px;
}
.product-label {
position: relative;
display: inline-block;
vertical-align: top;
padding: 5px 16px 4px 16px;
margin: 3px;
font-weight: 900;
font-style: italic;
font-size: 11px;
text-transform: uppercase;
text-align: center;
}
.product-label > * {
position: relative;
}
.product-label:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4));
}
/**
* PRODUCT BOX
*/
.product-box-list {
margin: -12px;
font-size: 0;
}
.product-box-list-item {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 12px;
font-size: 1rem;
}
.product-box-list--3 .product-box-list-item {
width: 33.33333%;
}
.product-box-list--1 .product-box-list-item {
width: 100%;
}
.has-slider .product-box-list:not(.slick-initialized) {
white-space: nowrap;
overflow: hidden;
}
.product-box {
position: relative;
z-index: 3;
display: block;
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.product-box-link {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.product-box .btn-add-to-basket {
position: relative;
z-index: 5;
}
.product-box-main,
.product-box-bottom {
padding: 15px;
}
.product-box-content:not(:first-child) {
padding-top: 15px;
}
.product-box-top {
position: relative;
}
.product-box-top::after {
content: "";
display: block;
padding-bottom: 100%;
}
.product-box-img {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.product-box-img img {
display: block;
max-width: 100%;
max-height: 100%;
image-rendering: -webkit-optimize-contrast;
}
.product-table .product-box-img {
position: static;
height: 110px;
width: 110px;
}
.product-box-title {
max-width: 80%;
margin: 0 auto;
font-size: 13px;
font-weight: 700;
text-align: center;
}
.product-box-bottom {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.product-box-bottom-right {
margin-left: auto;
}
.product-box-bottom:not(:first-child) {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.product-box-bottom:before {
opacity: 0;
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
background: linear-gradient(to right, #7dc624, #acd440);
transition: all 0.3s;
}
.product-box-bottom:after {
content: "";
display: block;
clear: both;
}
.product-box-bottom > * {
position: relative;
}
.product-box-bottom-left {
float: left;
}
.product-box-bottom-right {
float: right;
font-size: 0;
}
.product-box-bottom-right > * {
display: inline-block;
vertical-align: middle;
font-size: 1rem;
}
.product-box-bottom-right > *:not(:first-child) {
margin-left: 10px;
}
.product-box-bottom-right .btn.btn-custom.btn-micro {
min-width: 74px;
}
.product-box-bottom-left .price-box {
/*margin-top: 6px;*/
line-height: 17px;
font-size: 16px;
}
.product-box .price-box .price {
vertical-align: baseline;
transition: all 0.3s;
}
.product-box .price-box > * > * {
display: inline;
}
.product-box .price-box .price:not(:last-child) {
margin-right: 5px;
}
.product-box .price-box .price-old {
font-size: 11px;
}
.product-box-bottom-left .product-box .price-box .price-old {
font-size: 11px;
}
.product-box-bottom-left .price-box .price-old {
font-size: 11px;
display: block;
}
.product-box-bottom-left .price-box .caption-suffix {
position: relative;
text-align: center;
color: #5ead30;
font-size: 12px;
display: inline-block;
}
/*.product-box-bottom-left .price-box .caption-suffix:before {*/
/*content: '\00a0';*/
/*font-size: 12px;*/
/*}*/
/* 1 in row */
.product-box-list-item-hori:nth-child(even){
background-color: #fbfbfb;
}
.product-box-list-item-hori + .product-box-list-item-hori{
margin-top: -1px;
}
.product-box-list.product-box-list--1{
margin: 0 0 0 ;
}
/*.product-box-list-item-hori:first-child .product-box-title:before {*/
/*position: absolute;*/
/*top: -30px;*/
/*color: #000;*/
/*content: 'Nazwa';*/
/*font-weight: 400;*/
/*}*/
/*.product-box-list-item-hori:first-child .product-box-main:before {*/
/*position: absolute;*/
/*left: 15px;*/
/*top: -30px;*/
/*color: #000;*/
/*content: 'Zdjęcie';*/
/*font-weight: 400;*/
/*font-size: 13px;*/
/*}*/
.product-box-list-item-hori .product-box {
background-color: transparent;
position: relative;
}
.product-box-list-item-hori .product-box-img {
position: relative;
padding-bottom: 100px;
max-width: 100px;
width: 100%;
display: inline-block;
vertical-align: middle;
}
.product-box-list-item-hori .product-box-title {
max-width: 80%;
margin: 0 auto;
text-align: left;
display: inline-block;
vertical-align: middle;
width: 100%;
margin-left: 20px;
}
.product-box-list-item-hori .product-box-title .prime-title {
font-size: 15px;
font-weight: 700;
}
.product-box-list-item-hori .product-box-title .prime-title + .subtitle {
margin-top: 10px;
}
.product-box-list-item-hori .product-box-title .subtitle {
font-size: 13px;
color: #555;
}
.product-box-list-item-hori .discount {
font-size: 15px;
font-weight: 400;
text-align: center;
}
.product-box-list-item-hori .product-box-bottom-left {
float: none;
display: inline-block;
vertical-align: middle;
padding: 0 30px;
}
.product-box-list-item-hori .shop-add-to-basket {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
.product-box-list-item-hori .product-box-main {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (min-width: 1140px) {
.product-box:hover .product-box-bottom {
color: #fff;
}
.product-box:hover .price-box .price {
color: inherit;
}
.product-box:hover .product-box-bottom {
border-top-color: transparent;
}
.product-box:hover .product-box-bottom:before {
opacity: 1;
}
.product-box:hover .product-box-bottom-right .btn.btn-custom.btn-micro {
color: #5ead30;
border-color: transparent;
}
.product-box:hover .product-box-bottom-left .price-box .caption-suffix{
color: #fff;
}
}
@media screen and (max-width: 1280px) {
.product-box-list {
margin: -8px;
}
.product-box-list-item {
padding: 8px;
}
.product-box-bottom {
padding: 10px;
}
.product-box-bottom-left {
float: none;
line-height: 26px;
text-align: center;
}
.product-box-bottom-right {
float: none;
position: absolute;
top: 50%;
right: 6px;
margin-top: -14px;
}
.product-box-bottom-left .price-box {
margin: 0;
line-height: normal;
}
.product-box-addToBasket.btn.btn-custom {
display: none;
}
}
@media screen and (max-width: 1139px) {
.product-box .price-box .price:not(:last-child) {
margin-right: 2px;
}
}
@media screen and (max-width: 1024px) {
.widepage .product-box-list--3 .product-box-list-item {
width: 25%;
}
.product-box-main,
.product-box-bottom {
padding: 10px;
}
.product-box-content:not(:first-child) {
padding-top: 10px;
}
.product-box-title {
max-width: none;
}
}
@media screen and (max-width: 960px) {
.product-box-list {
margin: -5px;
}
.product-box-list-item {
padding: 5px;
}
}
@media screen and (max-width: 900px) {
.product-box-list-item.product-box-list-item.product-box-list-item {
width: 33.33333%;
}
}
@media screen and (max-width: 639px) {
.product-box-bottom {
padding-top: 6px;
padding-bottom: 6px;
}
.product-box-bottom-left .price-box {
font-size: 14px;
}
}
@media screen and (max-width: 560px) {
.product-box-list-item.product-box-list-item.product-box-list-item {
width: 50%;
}
}
/**
* Rainbow dots
*/
.rainbow-dots {
display: block;
clear: both;
position: relative;
font-size: 0;
line-height: 0;
}
.rainbow-dots:before {
content: "";
display: block;
padding-bottom: 0.8%;
}
.widepage-aside ~ .widepage-content .rainbow-dots:before {
padding-bottom: 1%;
}
.rainbow-dots:after {
content: "";
display: block;
clear: both;
}
.rainbow-dots span {
display: block;
position: absolute;
top: 0;
bottom: 0;
width: 20%;
background-size: auto 100%;
background-position: left;
background-repeat: repeat-x;
}
.rainbow-dots span:nth-child(1) {
left: 0;
background-image: url(../images/rainbow-dots/purple.png);
}
.rainbow-dots span:nth-child(2) {
left: 20%;
background-image: url(../images/rainbow-dots/yellow.png);
}
.rainbow-dots span:nth-child(3) {
left: 40%;
background-image: url(../images/rainbow-dots/blue.png);
}
.rainbow-dots span:nth-child(4) {
left: 60%;
background-image: url(../images/rainbow-dots/red.png);
}
.rainbow-dots span:nth-child(5) {
left: 80%;
background-image: url(../images/rainbow-dots/green.png);
}
@media screen and (max-width: 1139px) {
.rainbow-dots:before {
padding-bottom: 0.948%;
}
}
@media screen and (max-width: 1024px) {
.rainbow-dots:before {
padding-bottom: 1.047%;
}
}
@media screen and (max-width: 900px) {
.rainbow-dots:before {
padding-bottom: 1.17%;
}
}
@media screen and (max-width: 767px) {
.rainbow-dots:before {
padding-bottom: 1.42%;
}
}
@media screen and (max-width: 560px) {
.rainbow-dots:before {
padding-bottom: 2%;
}
}
@media screen and (max-width: 480px) {
.rainbow-dots:before {
padding-bottom: 2.48%;
}
}
@media screen and (max-width: 380px) {
.rainbow-dots:before {
padding-bottom: 2.85%;
}
}
/**
* TEXTLINK
*/
.textLink-slider {
margin-left: -10px;
margin-right: -10px;
}
.textLink-slider .textLink-list .textLink-list-item {
padding-left: 10px;
padding-right: 10px;
}
.textLink-list-item:not(:last-child) {
margin-bottom: 10px;
}
.textLink {
position: relative;
display: block;
padding: 14px 60px 15px 18px;
color: #575756;
border: 1px solid #63aa24;
}
.textLink .btn {
position: absolute;
top: 50%;
right: 10px;
margin-top: -14px;
}
.textLink .btn .fa {
margin-left: 2px !important;
}
.textLink .caption {
font-family: 'Ubuntu', sans-serif;
font-weight: 700;
font-size: 14px;
letter-spacing: 0;
}
@media screen and (max-width: 639px) {
.textLink {
padding: 10px 50px 10px 15px;
}
.textLink .caption {
font-size: 13px;
}
.textLink .btn {
right: 6px;
}
}
/**
* ARTICLE BOX
*/
.article-box-list {
font-size: 0;
}
.article-box-list-item {
display: inline-block;
vertical-align: top;
font-size: 1rem;
width: 100%;
position: relative;
z-index: 1;
}
.article-box-list--2 .article-box-list-item {
width: 50%;
}
.article-box {
position: relative;
display: block;
background-color: #fff;
}
.article-box:after {
content: "";
display: block;
clear: both;
}
.article-box-side {
display: block;
position: relative;
float: left;
width: 50%;
border: 0 solid rgba(0, 0, 0, 0.1);
}
/* Swaping media/content in regular list */
.article-box-list .article-box-list-item:nth-child(even) .article-box-media {
float: right;
}
/* Swaping media/content in '2 in row' list */
.article-box-list.article-box-list--2 .article-box-list-item .article-box-media {
float: left;
}
.article-box-list.article-box-list--2 .article-box-list-item:nth-child(4n+3) .article-box-media,
.article-box-list.article-box-list--2 .article-box-list-item:nth-child(4n) .article-box-media {
float: right;
}
/* Border management in regular list */
.article-box-content {
border-width: 1px;
}
.article-box-list-item:not(:first-child) .article-box-content {
border-top-width: 0;
}
.article-box-list-item:nth-child(odd) .article-box-content {
border-left-width: 0;
}
.article-box-list-item:nth-child(even) .article-box-content {
border-right-width: 0;
}
.article-box-list-item:not(:last-child) .article-box-content {
border-bottom-width: 0;
}
/* Border management in in '2 in row' list */
.article-box-list--2 .article-box-list-item .article-box-content {
border: none;
}
.article-box-media {
overflow: hidden;
background-color: rgba(0, 0, 0, 0.05);
}
.article-box-media:before {
content: "";
display: block;
padding-bottom: 100%;
}
.article-box-media:after {
pointer-events: none;
opacity: 0;
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(99, 171, 37, 0.5);
transition: opacity 0.3s;
}
.article-box-media > * {
position: absolute;
display: block;
top: 50%;
left: 50%;
max-width: 100%;
max-height: 100%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.article-box-media img {
transition: all 0.3s;
}
.article-box-content {
padding: 50px 45px 30px 45px;
}
.article-box-main {
padding-bottom: 60px;
}
.article-box .title-base {
margin-bottom: 30px;
}
.article-box .text {
text-align: justify;
font-size: 15px;
color: #494948;
}
.article-box-footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: inherit;
line-height: 46px;
}
.article-box-footer.article-box-footer {
padding-top: 0;
}
.article-box-footer:after {
content: "";
display: block;
clear: both;
}
.article-box-footer > * {
vertical-align: middle;
}
.article-box-footer .btn {
float: right;
min-width: 175px;
}
.article-box-footer .article-date {
display: inline-block;
}
@media screen and (min-width: 1140px) {
.article-box-media[href]:hover:after {
opacity: 1;
}
.article-box-media[href]:hover img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.03);
-moz-transform: translate3d(-50%, -50%, 0) scale(1.03);
-ms-transform: translate3d(-50%, -50%, 0) scale(1.03);
-o-transform: translate3d(-50%, -50%, 0) scale(1.03);
transform: translate3d(-50%, -50%, 0) scale(1.03);
}
}
@media screen and (max-width: 1800px) {
.article-box-list--2 .article-box-content {
padding: 35px 30px 25px 30px;
}
}
@media screen and (max-width: 1600px) {
.article-box-content {
padding: 35px 30px 25px 30px;
}
.article-box-list--2 .article-box-content {
padding: 30px 25px 20px 25px;
}
.article-box-list--2 .article-box .title-base {
margin-bottom: 20px;
}
}
@media screen and (max-width: 1440px) {
.article-box-list--2 .article-box-main {
padding-bottom: 46px;
}
.article-box-list--2 .article-box .title-base {
margin-bottom: 15px;
}
.article-box-list--2 .article-box .text {
line-height: 26px;
}
.article-box-list--2 .article-box-footer {
line-height: 36px;
}
.article-box-list--2 .article-box-footer .btn.btn-custom {
height: 36px;
line-height: 34px;
min-width: 0;
}
.article-box-list--2 .article-box-footer .btn.btn-custom .caption {
font-size: 12px;
}
}
@media screen and (max-width: 1366px) {
.article-box-list--2 .article-box .title-base {
font-size: 16px;
}
.article-box-list--2 .article-box .text {
font-size: 13px;
line-height: 24px;
}
}
@media screen and (max-width: 1280px) {
.article-box .title-base {
margin-bottom: 20px;
}
.article-box-list--2 .article-box-content {
padding: 20px 15px 10px 15px;
}
.article-box-list--2 .article-box .text {
line-height: 22px;
}
}
@media screen and (max-width: 1139px) {
.article-box-content {
padding: 30px 25px 20px 25px;
}
.article-box-main {
padding-bottom: 50px;
}
.section-articles .article-box-list {
padding: 0 20px 20px 20px;
}
.article-box-list--2.article-box-list {
margin: -8px;
}
.article-box-list--2 .article-box-list-item {
padding: 8px;
}
.article-box-list--2 .article-box-side {
float: none !important;
width: auto;
}
.article-box-list--2 .article-box-content {
border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.article-box-list--2 .article-box-main {
padding: 0;
}
.article-box-list--2 .article-box-footer {
position: static;
padding: 0;
margin-top: 15px;
}
}
@media screen and (max-width: 960px) {
.section-articles .article-box-list {
padding: 0 15px 15px 15px;
}
}
@media screen and (max-width: 900px) {
.article-box-content {
padding: 25px 20px 15px 20px;
}
.article-box .title-base {
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.article-box-content {
padding: 20px 15px 10px 15px;
}
.article-box-main {
padding-bottom: 46px;
}
.article-box .title-base {
font-size: 16px;
}
.article-box .text {
font-size: 13px;
line-height: 22px;
}
.article-box-footer {
line-height: 36px;
}
.article-box-footer .btn.btn-custom {
height: 36px;
line-height: 34px;
min-width: 0;
}
.article-box-footer .btn.btn-custom .caption {
font-size: 12px;
}
.article-box-list--2.article-box-list {
margin: -5px;
}
.article-box-list--2 .article-box-list-item {
padding: 5px;
}
}
@media screen and (max-width: 639px) {
.article-box-list-item + .article-box-list-item {
margin-top: 15px;
}
.article-box-side {
float: none !important;
width: auto;
}
.article-box-content {
border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.article-box-main {
padding: 0;
}
.article-box-footer {
position: static;
padding: 0;
margin-top: 15px;
}
.article-box-list--2 .article-box-list-item {
width: 100%;
}
}
/**
* PRODUCT VIEW
*/
.product-view-sides:after {
content: "";
display: block;
clear: both;
}
.product-view-left {
float: left;
width: 50%;
padding-right: 50px;
margin-bottom: 15px;
}
.product-view-right {
overflow: hidden;
}
.product-view-right > *:not(:last-child) {
margin-bottom: 15px;
}
.product-teaser ul > li {
left: 18px;
padding-right: 18px;
}
.product-buy {
position: relative;
overflow: hidden;
padding: 30px 4%;
margin: 25px 0;
font-size: 0;
border: 3px solid #7dc624;
border-image: linear-gradient(to right, #7dc624, #acd440) 1;
background-color: #fff;
}
.product-buy:last-child {
margin-bottom: 0;
}
.product-buy > *:not(.title-base) {
font-size: 1rem;
}
.product-buy-side {
position: relative;
display: inline-block;
vertical-align: middle;
width: 50%;
padding-left: 20px;
padding-right: 20px;
}
.product-buy-side:only-child {
display: block;
width: auto;
text-align: center;
}
.product-buy-side:first-child {
padding-left: 0;
}
.product-buy-side:last-child {
padding-right: 0;
}
.product-buy-left-inside {
display: inline-block;
text-align: left;
}
.product-buy > *:only-child {
width: 100%;
}
.product-buy-left {
text-align: center;
}
.product-buy .price-box {
display: inline-block;
text-align: left;
}
/*.product-buy .price-box span {*/
/*display: block;*/
/*}*/
.product-buy .price-box .price {
margin: 5px 0;
}
.product-buy .price-box .price-old {
margin-top: 20px;
font-size: 18px;
}
.product-buy .price-box .price:not(.price-old) {
font-size: 38px;
}
.product-buy .btn.btn-custom.basket-submit {
width: 100%;
}
.product-buy .btn.btn-custom.basket-submit .icon,
.product-buy .btn.btn-custom.basket-submit img {
width: 30px;
height: 30px;
}
.product-buy-right {
text-align: center;
}
.product-buy-btns > *:not(:first-child) {
margin-top: 10px;
}
.product-content {
clear: both;
}
.product-section {
margin: 35px 0;
}
.product-section + .product-section {
padding-top: 35px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.product-section-title {
margin-bottom: 20px;
font-family: 'Ubuntu Medium', sans-serif;
text-transform: uppercase;
color: #6daf32;
}
.product-section .text table {
width: 100%;
}
.product-section .text table:not([border="1"]) td {
border-left: none;
border-right: none;
}
.product-section .text td:first-child {
border-left: none;
}
.product-section .text td:last-child {
border-right: none;
}
.product-section .text table tr:nth-child(even) {
background-color: transparent;
}
@media screen and (max-width: 1366px) {
.product-view-left {
width: calc(50% - 15px);
padding-right: 30px;
}
.product-buy {
padding: 20px 2%;
margin: 15px 0;
}
.product-buy .price-box .price:not(.price-old) {
font-size: 34px;
}
.product-buy .price-box .price-old {
margin-top: 10px;
}
}
@media screen and (max-width: 1280px) {
.product-view-right > *:not(:last-child) {
margin-bottom: 12px;
}
.product-buy {
padding: 15px;
}
.product-buy .price-box .price:not(.price-old) {
font-size: 30px;
}
.product-buy .price-box .price-old {
margin-top: 8px;
font-size: 16px;
}
}
@media screen and (max-width: 1139px) {
.product-buy-side {
padding-left: 10px;
padding-right: 10px;
}
.product-buy-btns > *:not(:first-child) {
margin-top: 6px;
}
.product-buy .price-box .price:not(.price-old) {
font-size: 26px;
}
.product-buy .price-box .price-old {
margin-top: 6px;
font-size: 15px;
}
.product-section {
margin-bottom: 20px;
}
.product-section + .product-section {
padding-top: 20px;
}
}
@media screen and (max-width: 767px) {
.product-view-left {
float: none;
width: auto;
padding: 0;
}
}
@media screen and (max-width: 420px) {
.product-buy-side {
display: block;
width: auto;
padding: 0;
}
.product-buy-side + .product-buy-side {
margin-top: 15px;
}
.product-buy .price-box .price {
margin: 0;
}
.product-buy .shop-quantity-box {
display: block;
}
}
/**
* PRODUCT PHOTOS
*/
.product-photos {
position: relative;
z-index: 10;
margin: 0 auto;
}
.product-photos .product-labels {
position: absolute;
content: '';
top: 20px;
left: 20px;
right: 20px;
}
.product-photos .product-label {
font-size: 15px;
padding: 7px 22px 6px 22px;
}
.product-photos-main {
position: relative;
border: 1px solid #e5e6e8;
background-color: #fff;
}
.product-photos-main .slider:not(.slick-initialized) .slide:not(:first-child) {
display: none;
}
.product-photos-main .slide {
position: relative;
overflow: hidden;
}
.product-photos-main .slide:before {
content: "";
display: block;
padding-bottom: 100%;
}
.product-photos-main .slide img {
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
max-height: 100%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.product-photos-nav {
/*padding: 20px;*/
padding-top: 15px;
}
.product-photos-nav .slider {
margin: -8px;
font-size: 0;
}
.product-photos-nav .slide {
overflow: hidden;
display: inline-block;
vertical-align: middle;
width: 33.33333%;
padding: 8px;
font-size: 1rem;
}
.product-photos-nav .slider:not(.slick-initialized) .slide:nth-child(3) ~ .slide {
display: none;
}
.product-photos-thumb {
overflow: hidden;
position: relative;
display: block;
width: 100%;
padding-bottom: 100%;
border: none;
background-color: #fff;
}
.product-photos-thumb:before {
content: "";
position: absolute;
z-index: 5;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.slick-current .product-photos-thumb:before {
opacity: 1;
border-color: #63aa24;
}
.product-photos-thumb img {
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
max-height: 100%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.product-photos-thumb .hover {
opacity: 0;
display: block;
position: absolute;
z-index: 10;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.product-photos-thumb .hover:before,
.product-photos-thumb .hover:after {
content: "";
display: block;
position: absolute;
background-color: #fff;
}
.product-photos-thumb .hover:before {
top: 50%;
left: 50%;
width: 36%;
height: 3px;
margin-top: -1px;
margin-left: -18%;
}
.product-photos-thumb .hover:after {
top: 50%;
left: 50%;
width: 3px;
padding-bottom: 36%;
margin-top: -18%;
margin-left: -1px;
}
.product-photos-arrows {
pointer-events: none;
position: absolute;
right: 20px;
bottom: 20px;
font-size: 0;
}
.product-photos-arrows .btn {
pointer-events: all;
margin-left: 10px;
}
@media screen and (min-width: 1140px) {
.product-photos-main a:hover img {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.03);
-moz-transform: translate3d(-50%, -50%, 0) scale(1.03);
-ms-transform: translate3d(-50%, -50%, 0) scale(1.03);
-o-transform: translate3d(-50%, -50%, 0) scale(1.03);
transform: translate3d(-50%, -50%, 0) scale(1.03);
}
.product-photos-thumb:hover .hover {
opacity: 1;
}
.product-photos-thumb:hover:before {
opacity: 0.9;
background-color: #63aa24;
}
}
@media screen and (max-width: 1280px) {
.product-photos .product-labels {
top: 15px;
left: 15px;
right: 15px;
}
}
@media screen and (max-width: 767px) {
.product-photos {
max-width: 420px;
margin: 0 auto;
}
}
/**
* BADGES
*/
.iconBadge-list {
overflow: hidden;
margin: -5px;
font-size: 0;
}
.iconBadge-list-item {
display: inline-block;
vertical-align: top;
width: 90px;
padding: 5px;
font-size: 1rem;
}
.iconBadge {
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
position: relative;
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #7dc624;
}
.iconBadge .icon-before{
position: absolute;
inset: 0;
background-size: cover;
}
.iconBadge:before {
content: "";
display: block;
padding-bottom: 100%;
background: linear-gradient(to right, #7dc624, #acd440);
transition: opacity 0.2s;
}
.iconBadge:after {
content: "";
display: block;
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
border-radius: 50%;
background-color: #fff;
}
.iconBadge > * {
position: absolute;
z-index: 10;
}
.iconBadge img {
position: absolute;
top: 12%;
left: 12%;
right: 12%;
bottom: 12%;
width: 76%;
height: 76%;
transition: all 0.3s;
}
@media screen and (min-width: 1140px) {
/*.iconBadge-list:hover .iconBadge img {*/
/* opacity: 0.4;*/
/*}*/
.iconBadge:hover:before {
opacity: 0;
}
.iconBadge.iconBadge:hover img {
opacity: 1;
}
}
@media screen and (max-width: 1280px) {
.iconBadge-list-item {
width: 80px;
}
}
@media screen and (max-width: 1139px) {
.iconBadge-list {
margin: -3px;
}
.iconBadge-list-item {
width: 70px;
padding: 3px;
}
}
/**
* ABOUTUS SECTION
*/
.mainpage .footer-main {
z-index: 1;
}
.aboutus {
position: relative;
padding-top: 5%;
padding-bottom: 17.8%;
background-color: #eceded;
background-size: 100% auto;
background-position: bottom center;
background-repeat: no-repeat;
background-image: url(../images/aboutus-bg.webp);
}
.aboutus-sides {
margin: 0 -6%;
}
.aboutus-side {
padding: 0 5.4%;
}
.aboutus-side:not(:only-child) {
width: 50%;
}
.aboutus-side-left:not(:only-child) {
float: left;
}
.aboutus-side-right:not(:only-child) {
float: right;
}
.aboutus-side-left:not(:only-child) {
padding-right: 0;
}
.aboutus .title-base {
overflow: visible;
}
.aboutus .title-base .aboutus-title1,
.aboutus .title-base .aboutus-title2 {
display: block;
line-height: 0.95em;
}
.aboutus .title-base .aboutus-title1 {
margin-top: -0.04em;
font-size: 120px;
}
.aboutus .title-base .aboutus-title2 {
font-size: 72px;
}
.aboutus-side-right .text {
line-height: 24px;
letter-spacing: 0.05em;
}
.aboutus-side-right .btn-wrapper {
margin-top: 40px;
}
.aboutus-newsletter {
float: left;
width: 50%;
margin-top: 50px;
}
.aboutus-newsletter .text {
margin-bottom: 15px;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
font-size: 18px;
}
.aboutus-newsletter .form-control {
border: none;
}
#newsletter-form {
position: relative;
padding: 0;
max-width: 425px;
}
#newsletter-form .form-control-feedback {
display: none;
}
#newsletter-form .form-control {
padding-right: 65px;
padding-left: 30px;
border-radius: 24px;
}
#newsletter-form button.btn {
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 1920px) {
.aboutus .title-base .aboutus-title1 {
font-size: 6.2vw;
}
.aboutus .title-base .aboutus-title2 {
font-size: 3.7vw;
}
}
@media screen and (max-width: 1366px) {
.aboutus-side.aboutus-side-right {
padding-left: 15px;
}
.aboutus-side-right .btn-wrapper {
margin-top: 30px;
}
}
@media screen and (max-width: 1139px) {
.aboutus-side-right .btn-wrapper {
margin-top: 20px;
}
.aboutus-side-right .text {
font-size: 14px;
line-height: 22px;
}
#newsletter-form .form-control {
height: 40px;
}
}
@media screen and (max-width: 1024px) {
.aboutus {
padding-top: 30px;
padding-bottom: 20%;
}
.aboutus-sides {
margin: 0;
}
.aboutus-side.aboutus-side-right,
.aboutus-side {
padding: 0;
}
.aboutus-side:not(:only-child) {
width: auto;
}
.aboutus-side-left:not(:only-child),
.aboutus-side-right:not(:only-child) {
float: none;
}
.aboutus .title-base {
margin-bottom: 20px;
}
.aboutus .title-base .aboutus-title1,
.aboutus .title-base .aboutus-title2 {
display: inline;
}
.aboutus-side-right .btn-wrapper {
margin-top: 15px;
text-align: center;
}
.aboutus-newsletter {
text-align: center;
}
.aboutus-newsletter:not(:first-child) {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.aboutus-newsletter #newsletter-form {
margin: 0 auto;
}
.aboutus-newsletter .text {
margin-bottom: 8px;
}
}
@media screen and (max-width: 639px) {
.aboutus {
padding-top: 20px;
}
.aboutus .title-base {
margin-bottom: 15px;
}
}
@media screen and (max-width: 560px) {
.aboutus {
padding-bottom: 25%;
}
.aboutus-newsletter .text {
font-size: 16px;
}
}
@media screen and (max-width: 460px) {
.aboutus {
padding-top: 15px;
}
.aboutus .title-base .aboutus-title1 {
font-size: 26px;
}
.aboutus .title-base .aboutus-title2 {
font-size: 18px;
}
.aboutus-newsletter:not(:first-child)
}
/**
* CATEGORY BOX
*/
.category-box-list {
margin: -5px;
font-size: 0;
}
.category-box-list-item {
display: inline-block;
vertical-align: top;
width: 20%;
padding: 5px;
font-size: 1rem;
}
.category-box {
position: relative;
display: block;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.category-box:before {
opacity: 0;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to right, #7dc624, #acd440);
transition: opacity 0.3s;
}
.category-box-inside {
position: relative;
z-index: 10;
display: table;
height: 68px;
padding: 0 8px;
table-layout: fixed;
width: 100%;
font-size: 13px;
text-transform: uppercase;
color: #7a7a7a;
transition: color 0.3s;
}
.category-box-inside > * {
display: table-cell;
vertical-align: middle;
}
.category-box-icon {
width: 68px;
height: 68px;
}
.category-box-icon .icon {
position: relative;
width: inherit;
height: inherit;
}
.category-box-icon .icon > * {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transition: opacity 0.3s;
}
.category-box-icon .icon .icon-after {
opacity: 0;
}
.category-box-caption {
width: 100%;
padding: 5px 18px 5px 5px;
word-break: break-word;
}
@media screen and (min-width: 1140px) {
.category-box[href]:hover:before {
opacity: 1;
}
.category-box[href]:hover .category-box-inside {
color: #fff;
}
.category-box[href]:hover .icon .icon-before {
opacity: 0;
}
.category-box[href]:hover .icon .icon-after {
opacity: 1;
}
}
@media screen and (max-width: 1280px) {
.category-box-inside {
height: 60px;
padding: 0;
}
.category-box-icon {
width: 60px;
height: 60px;
}
.category-box-caption {
padding-right: 12px;
padding-left: 0;
}
}
@media screen and (max-width: 1139px) {
.category-box-inside {
font-size: 12px;
}
}
@media screen and (max-width: 960px) {
.category-box-list-item {
width: 25%;
}
}
@media screen and (max-width: 767px) {
.category-box-list {
margin: -3px;
font-size: 0;
}
.category-box-list-item {
width: 33.33333%;
padding: 3px;
}
}
@media screen and (max-width: 639px) {
.category-box-inside {
height: 50px;
}
.category-box-icon {
width: 50px;
height: 50px;
}
}
@media screen and (max-width: 560px) {
.category-box-list-item {
width: 50%;
}
.category-box-inside {
height: 46px;
}
.category-box-icon {
width: 46px;
height: 46px;
}
}
@media screen and (max-width: 420px) {
.category-box-inside {
font-size: 11px;
}
.category-box-caption {
padding-right: 8px;
}
}
@media screen and (max-width: 380px) {
.category-box-inside {
height: 40px;
}
.category-box-icon {
width: 40px;
height: 40px;
}
}
/**
* MAINBANS
*/
.section-mainbans {
position: relative;
z-index: 5;
}
.section-mainbans + *:not(.section-categories) {
margin-top: 80px;
}
.mainbans-ban {
display: block;
position: relative;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.mainbans-ban:not(.slick-initialized) .slider-slide:not(:first-child) {
display: none;
}
.mainbans-ban img {
display: block;
max-width: 100%;
margin: 0 auto;
transition: all 0.3s;
}
.mainbans-ban.has-slider {
white-space: nowrap;
}
.mainbans-wide .slick-dots {
position: absolute;
left: 15px;
right: 15px;
bottom: 15px;
text-align: center;
}
.mainbans-wide .slick-dots > li {
display: inline-block;
vertical-align: middle;
}
.mainbans-wide .slick-dots > li + li {
margin-left: 20px;
}
.mainbans-wide .slick-dots > li > button {
font-size: 0;
width: 16px;
height: 16px;
background: transparent;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: none;
padding: 0;
transition: background-color 0.4s;
}
.mainbans-wide .slick-dots > li.slick-active > button {
background-color: #fff;
}
.mainSlider-arrows {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 25px;
pointer-events: none;
}
.mainSlider-arrows .btn.btn {
pointer-events: initial;
padding: 0;
font-size: 40px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
filter: drop-shadow(0px 0px 0px #fff);
color: #fff;
}
@media screen and (min-width: 1140px) {
.mainbans-wide .slick-dots > li > button:hover {
background-color: #fff;
}
}
.mainbans-wide .slider-slide {
overflow: hidden;
position: relative;
}
.mainbans-wide .slider-slide img {
max-width: 100%;
}
.mainbans-sides {
margin: 0 -5px;
}
.mainbans-side {
padding-left: 5px;
padding-right: 5px;
position: relative;
}
.mainbans-left:not(:only-child) {
float: left;
width: 70%;
}
.mainbans-right {
float: right;
width: 30%;
}
.mainbans-right .mainbans-ban {
margin-bottom: -20.5%;
}
@media screen and (min-width: 1140px) {
.mainbans-ban[href]:hover img,
.mainbans-ban a[href]:hover img {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02);
}
}
@media screen and (max-width: 1139px) {
.section-mainbans {
margin-top: 15px;
}
.section-mainbans + *:not(.section-categories) {
margin-top: 50px;
}
}
@media screen and (max-width: 900px) {
.section-mainbans + *:not(.section-categories) {
margin-top: 0;
}
.mainbans-sides {
margin: 0 -20px;
}
.mainbans-left:not(:only-child) {
float: none;
width: auto;
}
.mainbans-left .mainbans-ban {
border-left: none;
border-right: none;
}
.mainbans-right {
display: none;
}
}
/**
* CONTACT
*/
.page-contact {
position: relative;
}
.page-contact > .container {
position: relative;
}
.contact-cols:after {
content: "";
display: block;
clear: both;
}
.contact-col {
float: left;
min-height: 1px;
}
.contact-col-left {
width: 37.5%;
padding-right: 50px;
padding-bottom: 22%;
}
.contact-col-right {
width: 62.5%;
}
.contact-cols .contact-col:only-child {
float: none;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.contact-cols .contact-col-right:only-child {
padding-bottom: 16%;
margin: 0 auto;
}
.contact-form form.form {
padding: 0;
}
.contact-form .form-control {
background-color: #fff;
}
.contact-form .form-control.captcha-image-wrapper {
background-color: #fff;
}
.contacts a {
font-weight: 700;
}
.contacts a:not(:hover) {
color: inherit;
}
.contact-decor {
pointer-events: none;
position: absolute;
display: block;
}
.contact-decor-right {
top: 0;
right: 0;
margin-right: -0.8%;
width: 15.2083333%;
background-size: contain;
background-position: top right;
background-repeat: no-repeat;
background-image: url(../images/contact-decor-right.jpg);
}
.contact-decor-right:before {
content: "";
display: block;
padding-bottom: 154.794521%;
}
.contact-decor-bottom {
z-index: -2;
bottom: 0;
left: 0;
width: 39.2592593%;
margin-left: -6%;
background-size: contain;
background-position: bottom center;
background-repeat: no-repeat;
background-image: url(../images/contact-decor-bottom.jpg);
}
.contact-decor-bottom:before {
content: "";
display: block;
padding-bottom: 47.9245283%;
}
@media screen and (max-width: 1440px) {
.contact-col-left {
padding-bottom: 18%;
}
.contact-decor-right {
display: none;
}
}
@media screen and (max-width: 1139px) {
.contact-col-left {
padding-right: 30px;
}
}
@media screen and (max-width: 767px) {
.contact-decor-bottom {
display: none;
}
.contact-col {
float: none;
width: auto;
padding: 0;
}
.contact-col + .contact-col {
margin-top: 30px;
}
}
.panel,
.modal-content,
.alert,
.popover {
border-radius: 0;
}
.panel {
box-shadow: none;
}
.panel-default {
border-color: #e5e5e5;
}
@media screen and (max-width: 520px) {
.modal-footer .btn + .btn {
display: block;
margin-top: 10px;
}
.modal-footer .btn.pull-left {
float: none!important;
display: block;
width: 100%;
}
}
#content > .container:first-child > .alert-container:first-child > .alert:first-child,
#content > .container:first-child > .container-small:first-child > .alert-container:first-child > .alert:first-child {
margin-top: 20px;
}
/* autocomplete */
.searchbar .ui-widget.ui-widget-content {
margin-top: -1px;
}
.searchbar .dropdown-menu {
padding: 0;
}
.searchbar .dropdown-menu .dropdown-search-li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.searchbar .ui-menu .ui-menu-item-wrapper {
display: block;
}
.searchbar .dropdown-menu .dropdown-search-li.category {
padding: 10px 15px;
font-size: 16px;
background-color: #e6e7e8;
border: none;
text-align: center;
}
.searchbar .dropdown-menu .dropdown-search-li.all-search-results a {
padding: 10px 15px;
font-size: 16px;
color: #fff;
background-color: #63aa24;
border: none;
}
.searchbar .dropdown-menu .ui-menu-item-wrapper > * {
display: inline-block;
vertical-align: middle;
}
.searchbar .dropdown-menu .search-product-img-contener {
width: 50px;
line-height: 50px;
font-size: 0;
text-align: center;
}
.searchbar .dropdown-menu .search-product-img-contener img {
max-width: 50px;
max-height: 50px;
vertical-align: middle;
}
.searchbar .dropdown-menu .search-product-img-contener ~ .search-product-label {
width: calc(100% - 50px);
padding-left: 15px;
}
.searchbar .dropdown-menu .ui-state-active {
color: #fff;
border-color: #63aa24;
background-color: #63aa24;
}
.searchbar .dropdown-menu .ui-state-active {
color: #fff;
border: 1px solid #63aa24!important;
background-color: #63aa24;
}
.searchbar .dropdown-menu .all-search-results.ui-state-active,
.searchbar .dropdown-menu .all-search-results .ui-state-active {
background-color: #000!important;
border-color: #000!important;
}
.searchbar .dropdown-menu .ui-menu-item-wrapper > a {
display: block;
}
.searchbar .dropdown-menu .ui-menu-item-wrapper > a > * {
display: inline-block;
vertical-align: middle;
}
.searchbar .dropdown-menu .ui-menu-item .fa {
float: right;
margin-top: 3px;
}
/**
* SEARCH RESULTS
*/
.results-section {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/**************************************************************************************************************/
/* Tymczasowe sklepowe style
/**************************************************************************************************************/
/* TOPBOX */
.top-box-container {
position: relative;
}
.top-box {
position: absolute;
z-index: 10;
background: #fff;
top: 100%;
right: -1px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px 20px;
width: 400px;
margin-top: -1px;
font-size: 1rem;
/*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);*/
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.top-box,
header.rollup .header-bar .top-box {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
@media screen and (min-width: 1140px) {
.top-box-container.hovered .top-box {
opacity: 1;
pointer-events: all;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
}
.shop-quantity-box {
position: relative;
padding: 0;
background-color: transparent;
}
.shop-quantity-box .qty-down,
.shop-quantity-box .qty-up {
height: 46px;
width: 46px;
line-height: 44px;
border-color: rgba(0, 0, 0, 0.1);
color: #808080;
}
.shop-quantity-box .input-qty {
height: 36px;
border-color: transparent;
background-color: transparent;
text-align: center;
font-size: 16px;
line-height: 18px;
font-weight: normal;
letter-spacing: 0.05em;
color: #343536;
}
.shop-quantity-box input.input-qty {
padding-top: 5px;
padding-bottom: 5px;
height: 46px;
line-height: 28px;
border-radius: 24px;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-user-select: auto;
box-shadow: none;
}
.shop-quantity-box .qty-down,
.shop-quantity-box .qty-up {
position: absolute;
top: 0;
height: 46px;
width: 46px;
font-size: 16px;
line-height: 44px;
font-weight: 300;
color: #000;
text-align: center;
border-radius: 0;
cursor: pointer;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.shop-quantity-box .qty-down:after,
.shop-quantity-box .qty-up:after {
content: "";
position: absolute;
top: 50%;
height: 24px;
width: 1px;
margin-top: -12px;
background-color: rgba(0, 0, 0, 0.1);
}
.shop-quantity-box .input-qty:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.shop-quantity-box .qty-down {
left: 0;
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
/*border-right-width: 1px;*/
/*border-right-style: solid;*/
}
.shop-quantity-box .qty-down:after {
right: 0;
}
.shop-quantity-box .qty-up {
right: 0;
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
/*border-left-width: 1px;*/
/*border-left-style: solid;*/
}
.shop-quantity-box .qty-up:after {
left: 0;
}
@media screen and (min-width: 1140px) {
.shop-quantity-box .qty-down:hover,
.shop-quantity-box .qty-up:hover {
color: #fff;
border-color: transparent;
background: #494949;
}
}
@media screen and (max-width: 1139px) {
.shop-quantity-box input.input-qty {
height: 40px;
}
.shop-quantity-box .qty-down,
.shop-quantity-box .qty-up {
height: 40px;
width: 40px;
line-height: 40px;
}
}
/** ********************************************************************************************************** **/
#newsletter-modal-form input.form-control {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
#newsletter-modal-form .input-group-addon {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-right-width: 1px;
border-right-style: solid;
}
#newsletter-modal-form .form-element:not(.has-feedback) .input-group-addon {
border-right-color: transparent;
}
#newsletter-modal-form .has-feedback .input-group + .form-control-feedback {
right: 0;
}
.input-group.input-group--bottom > * {
vertical-align: bottom;
}
.container.container--noClear .article-box-content{
padding: 15px;
}
.btn.btn-fb {
background: #3b5998;
color: #fff;
}
.btn.btn-fb:hover {
background: #264179;
}
[for^="commercial"] ~ .checkboxradio-container .col-xs-12 {
width: 33%;
margin-bottom: 10px;
}
.category-b2b .filters-element-group {
margin: -5px -10px;
font-size: 0;
}
.category-b2b .filters-element-wrapper {
display: inline-block;
font-size: 1rem;
}
.category-b2b .filters-element-group .filters-element-wrapper {
width: 25%;
padding: 5px 10px;
}
.category-b2b .filters-element-group .filters-element-wrapper > * {
display: block;
}
.category-b2b .filters-element-group .filters-element-wrapper .filters-label {
margin-bottom: 8px;
}
.filters-element-wrapper .select2-container--default .select2-selection--multiple {
border-color: rgba(0, 0, 0, 0.1);
border-radius: 20px;
}
.filters-element-wrapper select {
display: block;
width: 100%;
height: 40px;
border-color: rgba(0, 0, 0, 0.1);
border-radius: 20px;
}
.filters-element select {
height: 32px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding-left: 10px;
color: #4c4c4b;
}
.filters-element .select2-container--default .select2-search--inline .select2-search__field {
padding-left: 10px;
margin-left: -10px;
}
.select2-container--default .select2-search--inline .select2-search__field::-webkit-input-placeholder { /* Edge */
font-size: 11px;
color: #4c4c4b;
}
.select2-container--default .select2-search--inline .select2-search__field:-ms-input-placeholder { /* Internet Explorer 10-11 */
font-size: 11px;
color: #4c4c4b;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
font-size: 11px;
color: #4c4c4b;
}
.filters-element .select2-container--default .select2-selection--multiple .select2-selection__choice {
padding-top: 1px;
font-size: 11px;
background-color: transparent;
border-color: rgba(0, 0, 0, 0.1);
}
.filters-element .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
vertical-align: middle;
margin-right: 4px;
font-size: 15px;
}
.filters-search.filters-search {
display: flex;
align-items: center;
}
.filters-search.filters-search.filters-search {
margin-right: auto;
}
.filters-search .filters-element {
display: flex;
align-items: center;
}
.filters-search .form-control {
height: 34px;
}
.filters-search .btn.btn.btn {
width: 34px;
height: 34px;
line-height: 32px;
}
.filters-search .btn.btn.btn .icon {
width: 30px;
height: 30px;
line-height: 30px;
}
.filters-search .btn.btn.btn .icon .fa {
vertical-align: middle;
margin: 0;
}
.category-b2b.form {
margin: -10px;
}
.category-b2b.form > * {
padding: 10px;
}
.filters-element-group.filters-element-group {
margin: -5px -10px;
}
.filters-element-group > * {
vertical-align: top;
padding: 5px 10px;
}
.product-table {
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.product-table thead {
color: #fff;
background-color: #5ead30;
}
.product-table thead tr {
border: 1px solid #5ead30;
}
.product-table th + th {
border-left: 1px solid #fff;
}
.product-table tr + tr {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.product-table tr:nth-child(even) {
background-color: rgba(0, 0, 0, 0.02);
}
.product-table th,
.product-table td {
vertical-align: middle;
padding: 10px;
}
.product-table td {
font-size: 14px;
}
@media screen and (min-width: 1140px) {
.product-table tbody tr.active {
border: 1px solid #5ead30;
}
}
.product-table-box-lp,
.product-table-box-show-hide,
.product-table-lp,
.product-table-show-hide {
width: 1%;
text-align: center;
}
.product-table-img {
width: 130px;
text-align: center;
}
.product-table .prime-title {
display: inline-block;
font-family: 'Ubuntu', sans-serif;
font-weight: 700;
font-size: 16px;
}
.product-table a +.subtitle {
margin-top: 8px;
}
.product-table .subtitle {
font-size: 12px;
}
.product-table .price-box .price:not(.price-old) {
font-size: 16px;
}
.product-table .price-box > * {
white-space: nowrap;
}
.product-table .price-box .price > * {
display: inline-block;
}
.product-table .price-box .caption-suffix {
font-size: 14px;
text-align: inherit;
}
.product-table .shop-quantity-box input.input-qty {
height: 40px;
line-height: 22px;
}
.product-table .shop-quantity-box .qty-down,
.product-table .shop-quantity-box .qty-up {
height: 40px;
width: 40px;
line-height: 38px;
}
.product-table .shop-quantity-box input.input-qty {
width: 120px;
}
.product-table .shop-add-to-basket {
display: flex;
align-items: center;
}
.product-table .shop-add-to-basket .btn.btn {
width: 40px;
height: 40px;
line-height: 38px;
margin-left: 10px;
}
.product-table .shop-add-to-basket .btn.btn .icon,
.product-table .shop-add-to-basket .btn.btn img {
width: 30px;
height: 30px;
}
.product-table .product-labels {
position: static;
margin-bottom: 5px;
}
.product-table a:hover {
color: #63aa24;
}
@media screen and (min-width: 992px) {
.row-flexible > *:first-child:last-child,
.row-flexible > *:nth-child(2):nth-last-child(1),
.row-flexible > *:nth-child(1):nth-last-child(2) {
width: 50%;
}
}
.btn.btn-base .btn-badge {
position: absolute;
top: -6px;
right: -6px;
width: 19px;
height: 19px;
line-height: 17px;
text-align: center;
letter-spacing: 0;
font-size: 9px;
font-weight: 700;
color: #fff;
border-radius: 50%;
border: 1px solid #000;
background-color: #000;
}
.btn.btn-base .btn-badge > * {
display: block;
vertical-align: middle;
}
.product-table .alert {
text-align: center;
}
.order-copy .alert {
margin-bottom: 10px;
}
.alert-container .top-box-product:first-child {
border: 0;
}
.order-copy .top-box-product:first-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.alert-container .top-box-product {
margin: -30px -30px -50px -20px;
}
.order-copy .alert-container .top-box-product {
margin: 0;
}
.alert-container .top-box-product .product-name {
line-height: 1.4em;
font-size: 16px;
}
.alert-container .top-box-product .top-box-right {
font-size: 0;
}
.alert-container .top-box-product .top-box-product-image {
width: 120px;
height: 120px;
}
.alert-container .top-box-product .retail-price .price:not(.price-old) {
font-size: 16px;
}
.alert-container .top-box-product .price:not(.price-old) {
font-size: 20px;
}
.alert-container .top-box-product .top-box-bottom > * {
width: 100%;
}
.alert-container .top-box-product .top-box-bottom {
width: 150px;
display: inline-block;
vertical-align: middle;
}
.alert-container .top-box-product .top-box-bottom .caption {
font-size: 12px;
}
.alert-container .top-box-product-content {
width: calc(100% - 150px);
display: inline-block;
vertical-align: middle;
padding-right: 15px;
}
@media screen and (max-width: 768px) {
.alert-container .top-box-product .top-box-bottom,
.alert-container .top-box-product-content {
width: 100%;
float: none;
}
}
.order-copy .modal-content {
max-height: 90vh;
}
.order-copy .modal-body {
max-height: calc(90vh - 150px);
overflow: auto;
}
.alert-dismissable,
.alert-dismissible {
position: relative;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: absolute;
top: 14px;
right: 13px;
}
.spread-btns {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: -5px -10px;
}
.spread-btns > * {
margin: 5px 10px;
}
.alert-container .retail-price + .price-box {
margin-top: 10px;
}
.gratis-product-label {
display: block;
color: #63ab25;
font-weight: bold;
margin-bottom: 5px;
font-size: 14px;
}
@media screen and (min-width: 640px) {
.rwd-show {
display: none!important;
}
}
select[multiple]{
display: none;
overflow: hidden;
}
select[multiple] option{
padding: 6px;
}
select[multiple] option:not(:first-child){
display: none;
}
.select2-results__option {
font-size: 12px;
padding: 6px;
}
.select2-results__option .l1 {
font-weight: 700;
}
.select2-results__option .l2 {
padding-left: 1em;
}
.modal.wide .modal-dialog {
max-width: 1200px;
width: 100%;
}
.modal.wide .modal-dialog .modal-body {
overflow: auto;
max-height: 85vh;
}
.modal.wide .close {
font-size: 30px;
opacity: 0.5;
}
.modal.wide .close:hover {
opacity: 0.8;
}
@media screen and (max-width: 767px) {
.modal.wide .modal-dialog {
margin: 0;
}
}
.product-table .product-table-box-img,
.product-table .product-table-box-name{
cursor: pointer;
}
.basket-message-wrapper {
height: 80px;
position: fixed;
bottom: 0%;
color: #fff;
opacity: 1;
z-index: 100;
left: 0;
right: 0;
margin: 0 auto;
max-width: 300px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
/*border: 1px solid rgba(0, 0, 0, 0.1);*/
cursor: pointer;
}
.b2b-basket-icon-wrapper {
width: 80px;
height: 40px;
background-color: #5ead30;
display: flex;
justify-content: center;
align-items: center;
/* border-top-left-radius: 80px; */
/*border-radius: 50% 50% 0% 0% / 100% 100% 0% 0%;*/
border-top-left-radius: 50% 100%;
border-top-right-radius: 50% 100%;
transition: 0.4s;
padding-top: 15px;
}
.b2b-basket-icon {
height: 55px;
}
.b2b-basket-msg {
height: 40px;
background-color: #5ead30;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
transition: 0.4s;
}
.basket-add-alert.alert.alert-success {
max-width: 250px;
width: 100%;
position: absolute;
left: 70%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
}
.product-table-box-name{
position: relative;
}
.basket-message-wrapper:hover .b2b-basket-msg,
.basket-message-wrapper:hover .b2b-basket-icon-wrapper {
background-color: #494948;
transition: 0.4s;
}
.modal-content .product-labels,
.product-labels.product-labels--square1 {
display: none;
}
.modal-content .product-labels.product-labels--square1 {
width: 100%;
position: relative;
top: unset;
left: unset;
right: unset;
display: block;
}
.modal-content .product-labels.product-labels--square1 .product-label {
width: 100%;
}
.complaint-form .form-input-microphone {
display: flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
transition: all 0s;
position: absolute;
top: 6px;
right: 10px;
}
.complaint-form .form-input-microphone {
transition: all 0s;
}
.complaint-form .form-input-microphone {
order: 2;
font-size: 20px;
color: #aeaeae;
outline: none !important;
}
.form-input-microphone {
border: none;
padding: 0;
background-color: transparent;
}
.mb-50{
margin-bottom: 50px;
}
#complaint-form .collection-footer{
display: flex;
justify-content: center;
}
#complaint-form.form button.captcha-refresh{
right: 8px;
}
#complaint-form.form *[class*="form-element-collection"] > .form-element-name{
border: none;
text-align: center;
}