@charset "UTF-8";
/*
Theme Name: Ecomarsel
Theme URI: https://ecomarsel.com/
Description: Szablon strony - Ecomarsel
Author: NORTEN
Author URI: http://www.norten.pl
Version: 1.0
*/

html {scroll-behavior: smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
:focus {outline: 0;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1.4;font-family: "sofia-pro-variable", sans-serif;position: relative; overflow-x: hidden;font-weight: 400;font-style: normal; color: #212121;-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;font-variation-settings: "wght" 400, "slnt" 0;}

a {text-decoration:none;outline: 0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance: none;-moz-appearance: none;}
input[type=search] {-webkit-appearance: none;-moz-appearance: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
textarea {overflow: auto;vertical-align: top;resize: vertical;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;max-width: 100%;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
html {font-size: 1em;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
a:focus {outline: none !important;}
a:active,
a:hover {outline: 0;}
p {font-size: 16px;line-height: 2;color: #212121;font-weight: 300;margin-bottom: 15px;font-family: "sofia-pro-variable", sans-serif;font-style: normal;font-variation-settings: "wght" 300, "slnt" 0;}
strong {font-weight: 600;font-variation-settings: "wght" 600, "slnt" 0;}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 0;margin: 0;padding: 0;}
legend {border: 0;padding: 0;white-space: normal;*margin-left: -7px;}
button,input,select,textarea {font-size: 100%;margin: 0;vertical-align: baseline; *vertical-align: middle; }
button,input {line-height: normal;}
button,select {text-transform: none;}
button,html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer;*overflow: visible;}
button[disabled],html input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto; vertical-align: top;resize: vertical;}
table {border-collapse: collapse;border-spacing: 0;}
html,button,input,select,textarea {color: #222;}
::-moz-selection {background: #212121;text-shadow: none; color:#fff;}
::selection {background: #212121;text-shadow: none;color:#fff;}
img {vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
img,
picture,
video {max-width: 100%;height: auto;}

h1,.h1{font-size:36px;font-weight:500;margin-bottom:18px;font-family: "sofia-pro-variable", sans-serif;  line-height: 1.4; color: #212121;font-variation-settings: "wght" 600, "slnt" 0;}
h2,.h2{font-size:34px;font-weight:500;margin-bottom:18px;font-family: "sofia-pro-variable", sans-serif;  line-height: 1.4; color: #212121;font-variation-settings: "wght" 600, "slnt" 0;}
h3,.h3{font-size:30px;font-weight:500;margin-bottom:16px;font-family: "sofia-pro-variable", sans-serif;  line-height: 1.4; color: #212121;font-variation-settings: "wght" 600, "slnt" 0;}
h4,.h4{font-size:30px;font-weight:600;margin-bottom:15px;font-family: "sofia-pro-variable", sans-serif;  line-height: 1.4; color: #212121;letter-spacing: 0.4px;font-variation-settings: "wght" 600, "slnt" 0;}
h5,.h5{font-size:28px;font-weight:600;margin-bottom:12px;font-family: "sofia-pro-variable", sans-serif; line-height: 1.4; color: #212121;letter-spacing: 0.4px;font-variation-settings: "wght" 600, "slnt" 0;}
h6,.h6{font-size:26px;font-weight:600;margin-bottom:12px;font-family: "sofia-pro-variable", sans-serif; line-height: 1.4; color: #212121;letter-spacing: 0.4px;font-variation-settings: "wght" 600, "slnt" 0;}

.content{width:100%;float:left}
.container{margin-right:auto;margin-left:auto;position:relative;}
.flexbox {display: flex;flex-wrap: wrap;justify-content: space-between;}
.flexbox2 {display: flex;flex-wrap: wrap;justify-content:flex-end;}

.col1 {width: 10%;}
.col2 {width: 20%;} .col23 {width: 23%;} .col25 {width: 25%;}
.col3 {width: 30%;} .col33 {width: 33%;}
.col4 {width: 40%;} .col48 {width: 48%;}
.col5 {width: 50%;}
.col6 {width: 60%;}
.col7 {width: 70%;} .col75 {width: 75%;}
.col8 {width: 80%;}
.col9 {width: 90%;} 

.toCenter {text-align: center;}
.toRight {text-align: right;}
.pad {}


/* ----- Header ------ */
header {position: relative;}


.header_middle {}
.logo {max-width: 150px;}
.header_middle .col5 {position: relative;}

.top_search {display: flex;align-items: center;width: 400px;}
.aws-container .aws-search-form .aws-form-btn {background-color:#f9f5ef; border-top: none; border-right: none;border-bottom: none; border-left: none;border-radius: 90px !important;}
.aws-container .aws-search-field {border-top: none; border-left:none; border-right: none;border-bottom: none;}
.aws-container .aws-show-clear .aws-search-field {padding-right: 20px;font-family: "sofia-pro-variable", sans-serif;font-weight: 300;font-size: 14px;letter-spacing: 0.1px;font-style: normal;font-variation-settings: "wght" 300, "slnt" 0; border-radius: 90px !important;padding-left: 10px;}

.aws-search-form {background-color: #f9f5ef; border-radius: 90px; padding-left: 10px;}
.aws-container .aws-search-field:focus {background-color: #f6f6f6;border-radius: 90px;padding-left: 10px;}
.aws-search-form input {background-color: transparent;}
.aws-container .aws-search-form .aws-form-btn:hover {background-color: #fff;}



.shop_icons {display: flex;align-items: center;}
.shop_icons ul li {display: inline-block;margin-left: 17px;}
.shop_icons ul li a {position: relative;}
.shop_icons ul li a::before {
  content: "";
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  border: 0;
  position: relative;
	display:inline-block;
  bottom:-4px;
}
.head-count {
  position: absolute;
  top: -3px;
  left: 13px;
  font-size: 12px;
  background-color: #7c9900;
  border-radius: 90px;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 13px;
  color: #fff;
}
.cart-count {display: inline-block;margin-left: 5px;font-size: 13px;vertical-align: middle;color: #000;}
.heart-ico::before {background-image: url("images/icon1.svg");}
.cart-ico::before {background-image: url("images/icon2.svg");}
.shop_login {margin-left: 55px;display: flex;align-items: center; font-size: 13px; letter-spacing: 0.2px;}
.shop_login a {
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 600;
  font-family: "sofia-pro-variable", sans-serif;
  font-size: 14px;
font-variation-settings: "wght" 500, "slnt" 0;
}
.shop_login a:hover {transition: 0.6s;color: #7c9900;}


.header_menu {}
/* ----- Menu ------ */
.topmenu {
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 999;
  border: none;
  outline: none;
}

.topmenu .wrapperm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
  max-width: 100%;
  height: auto;
}

.topmenu .navbar {max-width: 100%;height: auto;width: 100%;}
.topmenu .menu > .menu-item {position: relative;display: inline-block;margin: 0 1rem;}
.topmenu .menu > .menu-item:first-child {margin-left: 0;}
.topmenu .menu > .menu-item > a {
  display: block;
  font-family: "sofia-pro-variable", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: inherit;
  padding: 1.4rem 0;
  border: none;
  outline: none;
  color: #000;
  text-transform: capitalize;
  text-rendering: optimizeLegibility;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
	letter-spacing: 0.2px;
}

.menu-item-has-children a.dropdown-toggle::after {content: ""; background-image: url("images/menu-dark-arrow.svg"); display: inline-block; width: 9px; height: 5px; vertical-align: middle; margin-left: 7px; background-repeat: no-repeat;}
.navbar.active .menu-item-has-children a.dropdown-toggle::after {background-image: url("images/menu-dark-arrow.svg");}


.topmenu .menu > .menu-item:hover > a {color: #b5b5b5;}
.topmenu .menu > .menu-item:hover > a .expand::before, .topmenu .menu > .menu-item:hover > a .expand::after {background: #b5b5b5}
.topmenu .menu > .menu-item > a .expand::after {-webkit-transform: translate(-50%, -50%) rotate(-90deg);-ms-transform: translate(-50%, -50%) rotate(-90deg);transform: translate(-50%, -50%) rotate(-90deg);}
.topmenu .menu > .menu-item > .sub-menu > .menu-item > a:hover {color: #b5b5b5;}

.topmenu .menu > .menu-item > .sub-menu {
  position: absolute;
  left: -1rem;
  top: 100%;
  width: 14rem;
  height: auto;
  padding: 0.75rem 0;
  border: none;
  outline: none;
  opacity: 0;
  visibility: hidden;
  background: #ffffff;
  -webkit-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  transform: translateY(1rem);
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  text-align: left;
	z-index: 9;
}




/* Każdy element posiadający kolejne submenu */
.topmenu .sub-menu .menu-item-has-children {
    position: relative;
}

/* Submenu drugiego poziomu */
.topmenu .menu > .menu-item > .sub-menu {
    width: 240px;
    padding: 10px 0;
    border: 1px solid #eee9e3;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 12px 30px rgba(30, 25, 20, 0.08);
}

/* Submenu trzeciego poziomu */
.topmenu .menu .sub-menu .sub-menu {
  position: absolute;
  top: -11px;
  left: calc(100% + 0px);
  width: 240px;
  padding: 6px 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(10px);
  border: 1px solid #eee9e3;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(30, 25, 20, 0.08);
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
  z-index: 20;
	border-radius: 0px 10px 10px 0px;
}

/* Otwarcie trzeciego poziomu */
@media only screen and (min-width: 1121px) {
    .topmenu .sub-menu .menu-item-has-children:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }
}

/* Linki we wszystkich submenu */
.topmenu .menu .sub-menu a {
    display: block;
    padding: 10px 18px;
    color: #24211f;
    font-size: 14px;
    line-height: 1.4;
    text-transform: none;
    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

.topmenu .menu .sub-menu a:hover {
    color: #819f00;
    
}






.topmenu .menu > .menu-item > .sub-menu > .menu-item ul.sub-menu li {}
.topmenu .menu > .menu-item > .sub-menu > .menu-item ul.sub-menu li a {color:#959595}

.topmenu .menu > .menu-item > .sub-menu > .menu-item {display: block;}
.topmenu .menu > .menu-item > .sub-menu > .menu-item > a {
  display: block;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  padding: 0.4rem 1.05rem;
  color: #121212;
  text-rendering: optimizeLegibility;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.topmenu .opened-menu {
  position: relative;
  display: none;
  cursor: pointer;
  width: 2rem;
  height: 1rem;
  border: none;
  outline: none;
  opacity: 0;
  visibility: hidden;
  background: none;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.topmenu .opened-menu span {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  border: none;
  outline: none;
  opacity: 1;
  border-radius: 0.25rem;
  background: #000;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.topmenu .opened-menu span:nth-child(1) {top: 0;}
.topmenu .opened-menu span:nth-child(2), .topmenu .opened-menu span:nth-child(3) {top: 0.5rem;}
.topmenu .opened-menu span:nth-child(4) {top: 1rem;}

.topmenu .closed-menu {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
}
.topmenu .closed-menu::before {content: ""; background-image: url("images/close.svg"); display: block; width: 30px; height: 30px; background-repeat: no-repeat;}

.topmenu .closed-menu img.closed-icon {display: block;width: 1rem;height: auto;}
.topmenu .overlay {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

@media only screen and (min-width: 1121px) {
  .topmenu .menu > .menu-item-has-children:hover > .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .topmenu .menu > .menu-item-has-children:hover > a .expand::after {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
}

@media only screen and (max-width: 1120px) {
  .topmenu .overlay.active {display: block;opacity: 1;visibility: visible;}
  .topmenu .navbar {
    position: fixed;
    top: 0;
    left: -18rem;
    width: 18rem;
    height: 100%;
    padding: 1rem 0;
    z-index: 999;
    opacity: 0;
    overflow-y: auto;
    visibility: hidden;
    background: #ffffff;
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .topmenu .navbar.active {left: 0rem;opacity: 1;visibility: visible;}
  .topmenu .navbar::-webkit-scrollbar {width: 5px;}
  .topmenu .navbar::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    background: #e6e6e6;
    -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.12);
            box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.12);
  }
  .topmenu .menu {width: 100%;height: auto;margin-top: 2.4rem;}
  .topmenu .menu > .menu-item {display: block;margin: 0;}
  .topmenu .menu > .menu-item-has-children > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .topmenu .menu > .menu-item > a {padding: 0.75rem 1rem;color: #121212;border-bottom: 1px solid #f2f2f2;}
  .topmenu .menu > .menu-item:first-child > a {border-top: 1px solid #f2f2f2;}
  .topmenu .menu > .menu-item > a .expand::before, .topmenu .menu > .menu-item > a .expand::after {background: #121212;}
  .topmenu .menu > .menu-item-has-children.active > a .expand:after {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  .topmenu .menu > .menu-item > .sub-menu {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-height: 0;
    padding: 0px;
    border: none;
    outline: none;
    opacity: 1;
    overflow: hidden;
    visibility: visible;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
  }
  .topmenu .menu > .menu-item > .sub-menu > .menu-item > a {padding: 0.75rem 2rem;color: #121212;border-bottom: 1px solid #f2f2f2;}
  .topmenu .opened-menu {display: block;opacity: 1;visibility: visible;}
  .topmenu .closed-menu {position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;top: 1rem;right: 0.5rem;}
	.wrapperm {padding-top: 8px; padding-bottom: 10px;}
	
	/* Wszystkie poziomy submenu na telefonie */
.topmenu .menu .sub-menu {
    position: relative !important;
    top: auto !important;
    left: auto !important;

    width: 100% !important;
    max-height: 0;
    padding: 0 !important;
    margin: 0 !important;

    overflow: hidden;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    transition: max-height 0.35s ease;
}

/* Drugi poziom */
.topmenu .menu > .menu-item > .sub-menu > .menu-item > a {
    padding: 12px 22px 12px 32px;
    border-bottom: 1px solid #f0ede9;
}

/* Trzeci poziom */
.topmenu .menu .sub-menu .sub-menu > .menu-item > a {
    padding: 11px 22px 11px 52px;
    color: #77716b;
    font-size: 13px;
    background: #faf9f7;
    border-bottom: 1px solid #f0ede9;
}

/* Linki posiadające dzieci */
.topmenu .menu .menu-item-has-children > a {}
}

.topmenu .menu li.menu-item-has-children {
    position: relative;
}

.topmenu .submenu-toggle {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    z-index: 3;
}

.topmenu .submenu-toggle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #333;
    border-bottom: 1.5px solid #333;
    transform: translate(-50%, -65%) rotate(45deg);
    transition: transform 0.25s ease;
}

.topmenu .menu-item-has-children.active > .submenu-toggle::before {
    transform: translate(-50%, -35%) rotate(225deg);
	top: 25px;
}

@media only screen and (max-width: 1120px) {
    .topmenu .submenu-toggle {
        display: block;
    }

    .topmenu .menu li.menu-item-has-children > a {
        display: block;
        padding-right: 52px;
    }

    /*
     * Usuń starą strzałkę generowaną na linku.
     */
    .topmenu .menu li.menu-item-has-children > a::after {
        display: none !important;
        content: none !important;
    }
}




/* ---- Slider ----- */
#slider {overflow: hidden;-webkit-animation: fadeEffect 1s;animation: fadeEffect 1s;}
.slide {position: relative;}
.slide img {height: auto;max-width: inherit;min-height: 100%;}
.slide_in {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  align-items: center;
  height: 100%;
}
.slide_txt {z-index: 99;}
.slide-title {font-family: "sofia-pro-variable", sans-serif; font-size: 52px; font-weight: 600;font-style: normal;line-height: 1.2; margin-bottom: 30px;font-variation-settings: "wght" 600, "slnt" 0;}
.slide-title strong {color: #805c47; font-weight: 400;font-variation-settings: "wght" 400, "slnt" 0;}
.slide_txt p {font-family: "sofia-pro-variable", sans-serif; font-weight: 400; color: #4d4d4d; font-size: 20px; margin-bottom: 50px;line-height: 1.8;letter-spacing: 0.1px;font-variation-settings: "wght" 400, "slnt" 0;}
.slide_img img {margin-left: auto; margin-right: auto;}
.slide_button a {
  color: #fff;
  background-color: #7c9900;
  border-radius: 90px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 9px;
  padding-bottom: 11px;
  font-weight: 500;
  transition: 0.6s;
  font-family: "sofia-pro-variable", sans-serif;font-variation-settings: "wght" 500, "slnt" 0;
}
.slide_button a:hover {transition: 0.6s;background-color: #05443d;}
.background_slide {display: flex;justify-content: center;align-items: center;}


#breadcrumbs {font-size: 14px;margin-bottom: 0;}
#breadcrumbs span span a {color: #8c8c8c;}


/* ----- Ikony ------ */
#info_icons {padding-bottom: 0;}
.info_icons_in {background-color: #f9f5ef; border-radius: 12px; padding: 20px;}
.infoico {width: 24%; text-align: center;}
.infoico span {font-family: "sofia-pro-variable", sans-serif;font-variation-settings: "wght" 600, "slnt" 0; font-size: 18px;}
.icoin {display: block; position: relative; }
.icoin::before {
  content: "";
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-repeat: no-repeat;
  width: auto;
  background-position: center;
  height: 63px;
  display: block;
}
.ico01::before {background-image: url("images/ico1.svg");}
.ico02::before {background-image: url("images/ico2.svg");}
.ico03::before {background-image: url("images/ico3.svg");}
.ico04::before {background-image: url("images/ico4.svg");}





/* ---- Home Products ---- */
div.tab-pro {overflow: hidden;background-color: transparent;margin-bottom: 40px;}

/* Style the buttons inside the tab */
div.tab-pro button {
    background-color: inherit;
    float: left;
    border: none;
    border-bottom: 1px solid #ececec;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    width: 25%;
	font-size: 18px;
	font-family: "sofia-pro-variable", sans-serif;
	font-weight: 500;
	font-variation-settings: "wght" 500, "slnt" 0;
	font-style: normal;
	border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* Change background color of buttons on hover */
div.tab-pro button:hover {color: #7c9900;border-bottom: solid 1px #7c9900;}

/* Create an active/current tablink class */
div.tab-pro button.active {color: #212121;background-color: #f9f5ef;}


/* ----------- */
.komunikat-wysylki {float: left;width: 100%;margin-top: 20px;}
.statyczny-komunikat {float: left;width: 100%;}
.statyczny-komunikat p, .komunikat-wysylki p {margin-bottom: 10px;font-size: 14px;font-variation-settings: "wght" 400, "slnt" 0;}
.iks::before {content: ""; width: 30px; height: 30px;display: inline-block;background-size: contain;vertical-align: center; margin-right: 10px;}
.ik-wys::before {background-image: url("images/ik-wys.svg");}
.ik-free::before {background-image: url("images/ik-free.svg");}
.ik-zwr::before {background-image: url("images/ik-zwr.svg");width: 28px; height: 28px;}



/* Style the tab content */
.tabcontent {display: none;padding: 0;border-top: none;}
.tabcontent {-webkit-animation: fadeEffect 1s;animation: fadeEffect 1s; /* Fading effect takes 1 second */}

@-webkit-keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}
/*The card*/
  @media (min-width: 320px) {.flip-container {width: 100%}}
  @media (min-width: 768px) {.flip-container {width: 46%;}}
  @media (min-width: 992px){.flip-container {width: 32%;}}
 
.flip-container {float: left;margin: 5px;height: 400px;transition: all 0.2s;perspective: 900px;}
.front, .back {
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 100%;
  text-align: left;
  backface-visibility: hidden;
  transform-style: preserve3d;
  transition: all 0.4s;
}
.front {background: rgb(229,53,44);color: white;}
.back {background: rgb(0,174,229);color: white;transform: rotateY(-180deg);}

.flipped .back {transform: rotateY(0deg);}
.flipped .front {transform: rotateY(180deg);}


.profile-picture {width: 100%;height: auto;}
.profile-picture-container {max-height: 300px;overflow: hidden;}
.profile-banner {padding: 1em;}
.profile-bio {margin-top: 70px;padding: 1em;}
.profile-name {font-weight: 600;font-size: 18px;}
.fa {padding-top: 6px;}


.home_title {}
.page_title {margin-bottom: 20px;}
.home_title span, .page_title span {font-family: "sofia-pro-variable", sans-serif;font-weight: 400;font-size: 22px;margin-bottom: -6px;display: block;}
.home_title h2 {font-size: 44px;line-height: 1.2;}
.white {color: #7c9900;}
.page_title span {color: #7c9900;}
.home_title.center span, .page_title.center span, .home_title.center h2, .home_title.center .h2, .page_title.center h2, .page_title.center .h2 {text-align: center;}
.homeCat-container {margin-top: 50px;}


/* ----- Baner home 1 ------ */
#home-baner1 {position: relative; background-image: url("images/baner1a.webp"); background-repeat: no-repeat; background-size: cover; padding-top: 40px; padding-bottom: 40px; background-position: center center;}
.baner-in {margin-top: 6%}
.baner-in p {margin-bottom: 45px; color: #212121; font-size: 22px;font-family: "sofia-pro-variable", sans-serif;font-weight: 400;line-height: 1.5;font-variation-settings: "wght" 400, "slnt" 0;}


.left-site {width: 20%;margin-right: 3%;}
.shop-content {width: 75%;}



/* ------- Home kategorie prosukty ------ */
#home-produkty{}
.cat-homepr {width: 13%;padding: 20px;color: #000; transition: 0.6s; border-radius: 10px; overflow: hidden; position: relative; transition: 0.6s;}
.cat-homepr:hover {transition: 0.6s;filter: grayscale(100%);}
.cat-homepr h4 {
  font-size: 20px;
  margin-bottom: 15px;
  width: 50%;
  line-height: 1.3;
  font-variation-settings: "wght" 400, "slnt" 0;
}
.prod1 {background-image: url("images/prod1.webp"); background-size: cover;}
.prod2 {background-image: url("images/prod2.webp"); background-size: cover;}
.prod3 {background-image: url("images/prod3.webp"); background-size: cover;}
.prod4 {background-image: url("images/prod4.webp"); background-size: cover;}
.prod5 {background-image: url("images/prod5.webp"); background-size: cover;}
.prod6 {background-image: url("images/prod6.webp"); background-size: cover;}






/* ---- Categorie boxy ----- */
.homeCat-container {}
.cat-box {width: 13%; text-align: center; padding: 20px; background-color: #f4f4f4; color: #000; transition: 0.6s; border-radius: 10px;}
.cat-box:hover {transition: 0.6s;background-color: #805c47;}
.cat-box:hover h4 {color: #fff;}
.cat-box:hover .ico-cat::before {filter: invert(1);}
.cat-box h4 {font-size: 18px;font-family: "sofia-pro-variable", sans-serif; font-weight:600;}

.home-kat-box {width: 32%; min-height: 240px; border-radius: 12px; overflow: hidden; background-color: #f9f5ef;background-size: cover;background-position: center;}
.home-kat-box h4 {width: 50%;font-size: 26px;line-height: 1.3;font-variation-settings: "wght" 500, "slnt" 0; margin-left: 20px; margin-top: 30px;text-shadow: 2px 2px 5px #FFF9EB;}
.home-kat-box h4 span {display: block;color: #7c9900;font-variation-settings: "wght" 700, "slnt" 0; line-height: 1.1;}
.kat-box1 {background-image: url("images/kat-box1.webp");}
.kat-box2 {background-image: url("images/kat-box2.webp");}
.kat-box3 {background-image: url("images/kat-box3.webp");}


.wpb_wmca_accordion_wrapper_theme_transparent > ul > li.current-cat > a, .wpb_wmca_accordion_wrapper_theme_transparent ul li a:hover {background-color: #fff;text-decoration: underline !important;}
.wpb_category_n_menu_accordion > ul > li > a {padding-left: 10px;}
.wpb_category_n_menu_accordion ul li > a > span.wpb-submenu-indicator {top: -2px;}
.wpb_wmca_accordion_wrapper_theme_transparent > ul > li.wpb-wmca-current-cat-parent > a, .wpb_wmca_accordion_wrapper_theme_transparent > ul > li.wpb-submenu-indicator-minus > a {
  background-color: #f4f4f4;
}
.wpb_wmca_accordion_wrapper_theme_transparent > ul > li li:hover > a, .wpb_wmca_accordion_wrapper_theme_transparent > ul > li li.current-cat > a {border-color: #fff;
  text-decoration: underline;}




/* ---- Podstrony ----- */
#top_page {
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}
#top_page .container .page_title {margin-bottom: 0;}
#top_page .container .page_title h2 {margin-bottom: 10px;}
#top_page .container .page_title .h4 {margin-bottom: 3px;}
#top_page .container .page_title span {font-weight: 500;font-size: 16px;}
.single-product #top_page .container .page_title span {display: none !important;}

#content_page .container ul.wp-block-list, #content_page .container ol.wp-block-list {margin-bottom: 20px;}
#content_page .container ul.wp-block-list li {list-style: inside;color: #212121;font-weight: 300;margin-bottom: 5px;font-variation-settings: "wght" 300, "slnt" 0;}
#content_page .container ol.wp-block-list li {counter-increment: muffins;color: #212121;font-weight: 300;margin-bottom: 5px;font-variation-settings: "wght" 300, "slnt" 0;}
#content_page .container ol.wp-block-list li::before {content: counter(muffins) ". ";}
#content_page .container ol.wp-block-list li ol li::before {display:none;}
#content_page .container ol.wp-block-list li ol li {margin-left:31px;}
#content_page .container ol.wp-block-list li ol {margin-top:8px;margin-bottom: 8px;}
#content_page .container ol.wp-block-list {list-style: none;counter-reset: muffins;}
#content_page .container ol.wp-block-list li ul {margin-top:8px;margin-bottom: 8px;}
#content_page .container ol.wp-block-list li ul li {list-style: none;margin-left: 16px;}

#content_page .container p a, #content_page .container p strong a, #content_page .container ul li a, #content_page .container ol li a {color: #525252;} 
#content_page .container p a:hover, #content_page .container p strong a:hover, #content_page .container ul li a:hover, #content_page .container ol li a:hover {color:#000;}

.wp-block-separator {border-top: 1px solid #dfdfdf;margin-top: 35px;margin-bottom: 30px;}

.wpcf7-text {background-color: #f6f6f6;padding: 10px; border:none;border-radius: 25px; width:96%;font-size: 14px;font-variation-settings: "wght" 300, "slnt" 0;font-family: "sofia-pro-variable", sans-serif;}
.wpcf7-select {background-color: #f6f6f6;padding: 10px; border:none;border-radius: 25px;width:100%;font-size: 14px;font-variation-settings: "wght" 300, "slnt" 0;font-family: "sofia-pro-variable", sans-serif;}
.wpcf7-textarea {background-color: #f6f6f6;padding: 10px; border:none;border-radius: 15px;width:96%;font-size: 14px;font-variation-settings: "wght" 300, "slnt" 0;font-family: "sofia-pro-variable", sans-serif;max-height: 120px;}
.wpcf7-form p label {line-height:1.4;}
.wpcf7-form p label span {margin-left:-5px;}
.wpcf7-list-item {margin: 0 0 0 0;line-height: 1.4;}
.wpcf7-list-item-label {margin-left:0 !important;}
.wpcf7-submit {color: #fff;
  background-color: #805c47;
  border-radius: 90px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 9px;
  padding-bottom: 11px;
  font-weight: 500;
  transition: 0.6s;
  font-family: "sofia-pro-variable", sans-serif;
  font-variation-settings: "wght" 500, "slnt" 0; border:none;}
.wpcf7-submit:hover {transition: 0.6s;
  background-color: #05443d;}
.wpcf7-spinner {display:block;margin: 10px 24px;}


/* ---- Woocommerce ---- */
.products.columns-3, .products.columns-4, .products.columns-5 {display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap: wrap;justify-content: flex-start;gap: 16px;}
.products.columns-3 li.product {max-width: 31%;flex: 0 0 31%;}
.woocommerce ul.products li {position: relative;margin-bottom: 10px; border: 1px solid #ececec; border-radius: 12px; padding-bottom: 15px;transition: 0.6s;text-align: center;}
.woocommerce ul.products li:hover {transition: 0.6s;border: 1px solid #fff;box-shadow: 0px 0px 20px 1px #e7e7e7;}
.woocommerce ul.products li.product a img {background-color: #fcfcfc;}
.woocommerce ul.products li.product a {display: block;}

.products.columns-4 li.product {max-width: 25%;flex: 0 0 25%;}

.wc-block-grid__products {justify-content: space-between;}
li.wc-block-grid__product {text-align: center;}




.woocommerce-ordering {display: none;}

.hometxt {display: block; margin-bottom: 50px;}
.home-image {position: relative; overflow: hidden; border-radius: 10px; width: 84%; max-height: 700px;}
.home-image img {max-width: 130%; height: auto;}
.home-tekst-right .col5::before {content: ""; border-radius: 10px; width: 500px; height: 420px; background-color: #f4f4f4;position: absolute;top: -40px;}
.home-tekst-left .col5::before {content: ""; border-radius: 10px; width: 500px; height: 500px; background-color: #f4f4f4;position: absolute;top: -40px; right: 0;}

.home-tekst-right .home-image {float: right; margin-right: 8%;}
.home-tekst-left .home-image {float: left; margin-left:8%;}

#home-tekst {padding-top: 0;}

.underTxt_button {display: block; margin-top: 40px;}
.underTxt_button a {color: #fff;background-color: #7c9900;border-radius: 90px;padding-left: 20px;padding-right: 20px;padding-top: 12px;padding-bottom: 14px; font-family: "sofia-pro-variable", sans-serif;font-weight: 600;font-variation-settings: "wght" 500, "slnt" 0;}

.subcategories-container {margin-bottom: 50px;}
.subcategories-container .slick-list .slick-track {margin-left: 0;}
.subcategories-container .product-category {margin-right: 10px;}
.subcategories-container .product-category a {display: block;transition: 0.6s;}
.subcategories-container .product-category a:hover img {transition: 0.6s; opacity: 0.7;}
.subcategories-container .product-category a img {border: solid 1px #f4f4f4;background-color: #f6f6f6;border-radius: 10px;transition: 0.6s;}
.subcategories-container .product-category a .cat-title {font-size: 13px;color: #8c8c8c;font-family: "sofia-pro-variable", sans-serif;font-weight: 400;font-variation-settings: "wght" 400, "slnt" 0; margin-top: 8px;transition: 0.6s;}
.subcategories-container .product-category a:hover .cat-title {transition: 0.6s; color: #805c47;}

.wc-block-checkbox-list li.show-more {margin-top: 15px;font-size: 13px;}

/****** ------- SIdebar ----- /
/* mobile version only (--default)  */
.sidebar:not(.sidebar--static) {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index-fixed-element, 10);
  width: 100%;
  height: 100%;
  visibility: hidden;
  transition: visibility 0s 0.3s;
	background-color:rgba(0, 0, 0, 0.5);
	transition: 0.3s;
}
.sidebar:not(.sidebar--static)::after { /* overlay layer */
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.3s;
  z-index: 1;
}
.sidebar:not(.sidebar--static) .all-sidebar { /* content */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  max-width: 370px;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  transform: translateX(-100%);
  transition: box-shadow 0.3s, transform 0.3s;
	padding: 15px;
}
.sidebar:not(.sidebar--static).sidebar--right-on-mobile .all-sidebar {
  left: auto;
  right: 0;
  transform: translateX(100%);
}
.sidebar:not(.sidebar--static).sidebar--is-visible {
  visibility: visible;
  transition: none;
}
.sidebar:not(.sidebar--static).sidebar--is-visible::after {
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.85);
}
.sidebar:not(.sidebar--static).sidebar--is-visible .all-sidebar{
  transform: translateX(0);
  box-shadow: var(--shadow-md);
}

/* end mobile version */
.sidebar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
}

.sidebar__close-btn {
  --size: 32px;
  width: var(--size);
  height: var(--size);
  display: flex;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: var(--inner-glow), var(--shadow-sm);
  transition: 0.2s;
	right: 7px;
	top: 7px;
  position: absolute;
	color: #2f2f2f;
}
.sidebar__close-btn .icon {
  display: block;
  margin: auto;
}
.sidebar__close-btn:hover {
  background-color: var(--color-bg-lighter);
  box-shadow: var(--inner-glow), var(--shadow-md);
}
/* desktop version only (--static) 👇 */
.sidebar--static {
  flex-shrink: 0;
  flex-grow: 1;
}
.sidebar--static .sidebar__header {
  display: none;
}

.sidebar--sticky-on-desktop {
  position: sticky;
  top: var(--space-sm);
  max-height: calc(100vh - var(--space-sm));
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* end desktop version */
.sidebar, .sidebar-loaded\:show {
  opacity: 0; /* hide sidebar - or other elements using the .sidebar-loaded:show class - while it is initialized in JS */
}

.sidebar--loaded {
  opacity: 1;
}

/* detect when the sidebar needs to switch from the mobile layout to a static one - used in JS */
[class*=sidebar--static]::before {
  display: none;
}

.sidebar--static::before {
  content: "static";
}

.sidebar--static\@xs::before {
  content: "mobile";
}
@media (min-width: 32rem) {
  .sidebar--static\@xs::before {
    content: "static";
  }
}

.sidebar--static\@sm::before {
  content: "mobile";
}
@media (min-width: 48rem) {
  .sidebar--static\@sm::before {
    content: "static";
  }
}

.sidebar--static\@md::before {
  content: "mobile";
}
@media (min-width: 64rem) {
  .sidebar--static\@md::before {
    content: "static";
  }
}

.sidebar--static\@lg::before {
  content: "mobile";
}
@media (min-width: 80rem) {
  .sidebar--static\@lg::before {
    content: "static";
  }
}

.sidebar--static\@xl::before {
  content: "mobile";
}
@media (min-width: 90rem) {
  .sidebar--static\@xl::before {
    content: "static";
  }
}

.buttonfilter {background-color: transparent;border: none;}
.buttonfilter::before {
  content: "";
  background-image: url("images/filtr.svg");
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 8px;
}


/* ----- Blog ----- */
#home-blog {background-color: #fff;order-top: 1px solid #ececec;}
.blog-content {margin-top: 50px;}
.blog-box {
  width: 31%;
  border: 1px solid #ececec;
  border-radius: 10px;
  padding-bottom: 8px;
	background-color: #f9f5ef;
	margin-bottom:30px;
}
.blog-boxImg {overflow: hidden; margin-bottom: 18px;display: flex;justify-content: center;align-items: center; height: 300px;-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;}
.blog-boxImg img {max-width: inherit;}
.blog-boxInf {width: 94%; margin-left: auto; margin-right: auto; margin-bottom: 12px;font-size: 12px;font-weight: 500;letter-spacing: 0.2px;}
.blog-boxInf li a {
  background-color: #7c9900; color: #fff !important;
  font-size: 13px;
  margin-right: 8px;
  border-radius: 10px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-variation-settings: "wght" 500, "slnt" 0;
  transition: 0.6s;
}
.blog-boxInf li a:hover {transition: 0.6s; background-color: #000; color:#7c9900;}
.blog-boxTit {width: 94%; margin-left: auto; margin-right: auto; font-size: 18px; font-weight: 600;font-family: "sofia-pro-variable", sans-serif;letter-spacing: 0;line-height: 1.6;}
.blog-boxTit a {color: #212121;}
.blog-box p {width: 94%; margin-left: auto; margin-right: auto; font-size: 15px; line-height: 1.6;}
.single_image {float: right; margin-left: 30px; margin-bottom: 20px; overflow: hidden; border-radius: 12px;}
.related-posts {float: left; width: 100%; margin-top: 30px; display: block;}
.related-title {font-size: 20px;font-weight: 700;}


.shop-content .blog-box {width: 48%;}
.shop-content .blog-box .blog-boxImg img {min-width: 100%; height: auto;}
.shop-content .blog-box p {width: 94%; margin-left: auto; margin-right: auto;font-size: 15px;line-height: 1.7em;color: #8c8c8c;}

.widget-title {font-weight: 700; font-size: 20px; margin-bottom: 15px;}

.wp-block-categories-list li {line-height: 1.7em;}
.wp-block-categories-list li a, .wp-block-latest-posts__list li a {color: #8c8c8c;}

.widget_recently_viewed_products ul li a {color: #212121;}
.widget_recently_viewed_products ul li .woocommerce-Price-amount {color: #7c9900;font-size: 14px;}

.wc-block-components-checkbox__mark {display: none;}



/* ---- Baner 2 Garden ---- */
#home-baner2 {position: relative; background-image: url("images/baner2a.webp"); background-repeat: no-repeat; background-size: cover; background-position: center center;padding-bottom: 40px; color: #fff;}
#home-baner2 .baner-in {

  position: relative;
  top: 0;
  margin-top: 0;
  left: 0;
  padding-top: 3%;
  padding-bottom: 1%;
  padding-left: 5%;
  padding-right: 5%;
}
#home-baner2 h3 {color: #212121; font-size: 50px; line-height: 1.2;font-weight: 600;margin-top: 10px;}
#home-baner2 h3 strong {color: #7c9900;font-weight: 600;}
#home-baner2 .baner-in p {color: #212121;}
#home-baner2 .slide_button a {background-color: #7c9900;}





/* ---- Stopka ---- */
footer {padding-top: 50px; padding-bottom: 30px;background-color: #fff;}
.foot_logo {max-width: 130px; margin-bottom: 20px;}
.foot_1 p {width: 90%;}
footer p, .foot ul li {font-size: 14px;}
footer p a {color: #7c9900;} footer p a:hover {color:#000;}
.foot ul li {line-height: 2.2;}
.foot ul li a {color: #212121; font-weight: 400;}
.foot-title {font-size: 20px; margin-bottom: 10px; font-weight: 600;font-family: "sofia-pro-variable", sans-serif;font-variation-settings: "wght" 600, "slnt" 0;}

.footer2 {padding-top: 30px; border-top: solid 1px #e8e5e3; margin-top: 30px;font-size: 13px;}

.foot-inst {position: relative; display: block;}
.foot-inst::before {content: ""; background-image: url("images/inst.svg");width: 22px;height: 22px;display: block;background-size: contain;}

#backToTop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    background: #7c9900;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 22px;
    font-weight: bold;
    box-shadow: 0 5px 15px rgba(0,0,0,.2);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all .35s ease;
    z-index: 9999;
}

#backToTop.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#backToTop:hover {
    background: #3fa113;
    transform: translateY(-3px);
}


.yith-wcwl-share li a svg {color: #fff;}
table.wishlist_table tr th {background-color: #f9f5ef;}


/************************  Mobile first ******************************/



@media (max-width: 601px) {
	h1,.h1{font-size:26px;margin-bottom:10px;}
	h2,.h2{font-size:22px;margin-bottom:10px;}
	h3,.h3{font-size:22px;margin-bottom:8px;}
	h4,.h4{font-size:20px;margin-bottom:8px;}
	h5,.h5{font-size:20px;margin-bottom:6px;}
	h6,.h6{font-size:18px;margin-bottom:6px;}
	.home_title span, .page_title span {font-size: 16px;margin-bottom: 2px;}
	.page-title {font-size: 22px;}
	
	.only_mobile_button {display:inline-block;}
	.shop_login {display:none}
	
	.logo {max-width: 120px;}
	.container{width: 92%;}
	.header_middle {padding-top: 12px; padding-bottom: 12px;width: 70%;float: right;}
	.header_middle .container {width: 100%;}
	.header_middle .col2 {width: 50%; text-align: center;}
	.header_middle .col5 {width: 48%;position: absolute;top: 52px;left: 75px;}
	.aws-container .aws-search-form {height: 35px;width: 90%;margin-top: 10px;margin-left: 3%;}
	.aws-container .aws-search-field {font-size: 14px;}
	.header_middle .col5::after {display: none;}
	.header_middle .col3 {width: 50%;}
	
	.header_menu {width: 30%;float: left;padding-top: 12px;}
	.header_menu .container {width: 100%;}
	.topmenu .opened-menu {left: 15%;top: 10px;}
	.shop_icons {margin-right: 10%;}
	
	.top_search {display: none;}
	
	#top_page {padding-top: 15px;padding-bottom: 15px;}
	#top_page .container .page_title span {font-size: 14px;}
	
	.shop_login a {padding-left: 16px;padding-right: 16px;padding-top: 8px;padding-bottom: 8px;}
	.shop_login {margin-left: 10px;}
	#slider, .background_slide {height: 400px;}
	.slide_in {width: 80%;}
	.slide_txt {width: 70%;}
	.slide-title {font-size: 22px;margin-bottom: 10px;line-height: 1.3;}
	.slide_txt p {font-size: 14px;margin-bottom: 20px;line-height: 1.6;}
	.slide_img {position: absolute;margin-right: -20%;}
	
	#info_icons {padding-bottom: 20px;}
	.infoico {width: 49%;}
	.icoin::before {height: 50px;}
	.infoico span {font-size: 16px; margin-bottom: 7px;}
	.infoico p {font-size: 14px;line-height: 1.4;}
	
	#breadcrumbs { display: block;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;

    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
	}
	#breadcrumbs::-webkit-scrollbar {display: none;}
	
	
	
	.homeCat-container {margin-top: 20px;}
	.cat-homepr {width: 39%;padding: 15px;margin-bottom: 12px;}
	.cat-homepr h4 {font-size: 18px;line-height: 1.2;width: 100%;text-align: center;margin-bottom: 5px;font-variation-settings: "wght" 500, "slnt" 0;}
	
	.home-kat-box {margin-bottom: 15px;min-height: 200px; width: 100%;}
	.home-kat-box h4 {background-color: #f9f6f2;border-radius: 30px;width: 70%;}
	
	.background_slide img {position: relative;right: -10%;}
	.slide_img img {max-height: 320px; width: auto;}
	.slide_button a {padding-left: 16px;padding-right: 16px;padding-top: 10px;padding-bottom: 11px;font-size: 15px;}
	.pad {padding-top: 20px; padding-bottom: 20px;}
	#home-baner2 {min-height: 360px;}
	#home-baner1 {min-height: 280px;}
	#home-baner1 {background-position: left center;text-align: center;}
	#home-baner1 .container .col5 {width: 100%;}
	#home-baner1 .container .col5 .home_title h2 {font-size: 24px;line-height: 1.2;}
	.baner-in p {font-size: 18px;}
	
	#top_page {margin-bottom: 30px;}
	#content_page {margin-bottom: 20px;}
	.products.columns-4 li.product {max-width: 48%;flex: 0 0 47%;margin-bottom: 22px;}
	.products.columns-5 li.product {max-width: 48%;flex: 0 0 47%;}
	.products.columns-4, .products.columns-5 {gap: 2%;}
	div.tab-pro button {padding: 10px 5px;font-size: 14px;width: 50%;}
	.cat-box {width: 38%;margin-bottom: 20px;}
	.home_title h2 {font-size: 32px;}
	
	.tabcontent {padding: 0;}
	
	.ico-cat {width: 40px;height: 40px;margin-bottom: 10px;margin-top: 10px;}
	.ico-cat::before {width:40px;height: 40px;}
	.cat-box h4 {font-size: 16px;}
	
	#home-tekst > div > div > .col5 {display: none;}
	#home-tekst > div > div > .col48 {width: 100%;}
	
	#home-baner2 .col4.baner-in {width: 70%;top: 20px;left: 5%;}
	#home-baner2 h3 {font-size: 34px;}
	
	.blog-content {margin-top: 15px;}
	.blog-box {width: 48%;}
	.blog-boxImg {height: 200px;}
	
	.col23 {width: 100%;margin-bottom: 10px;}
	
	.buttonfilter {bottom: 6px;position: relative;display: block;z-index: 9;font-family: "sofia-pro-variable", sans-serif;font-variation-settings: "wght" 400, "slnt" 0;}
	.single-product #content_page .buttonfilter {display: none;}
	
	.shop-content {width: 100%;}
	.products.columns-3 li.product {max-width: 50%;flex: 0 0 50%;}
	#backToTop {right: 10px;}
}

@media (max-width: 430px) {
	.header_dark {font-size: 12px;padding-top: 5px;padding-bottom: 5px;}
	.logo {max-width: 100px;}
	.topmenu .opened-menu {left: 15%;top: 6px;}
	.shop_icons {margin-right: 15%;}
	.header_middle .col2 {width: 50%;}
	.header_middle .col3 {width: 50%;}
	.header_middle .col5 {top: 44px;width: 51%;}
	.aws-container .aws-show-clear .aws-search-field {}
	.shop_icons ul li a::before {width: 18px;height: 18px;}
	.shop_icons ul li {margin-left: 10px;}
	 .shop_login a {padding-left: 12px;padding-right: 12px;padding-top: 6px;padding-bottom: 7px;font-size: 12px;}
	.header_dark > div > .col7 {width:40%;}
	.header_dark > div > .col3 {width:60%;}
	.header_menu {width: 34%;}
	.header_middle {width: 66%;}
	.darkTop_right li {margin-left: 10px;}
	.blog-content {margin-top: 10px;}
	.blog-box {width: 100%;margin-bottom: 20px;}
	 #slider, .background_slide {height: 360px;}
	#home-baner2 .col4.baner-in {width: 82%;}
	#home-baner2 h3 {font-size: 25px;}
	.slide_img img {max-height: 280px;}
	div.tab-pro button {width: 25%; display: block;border-bottom: 1px solid #f0f0f03b;}
	#home-baner2 {min-height: 320px;}
	#home-baner1 {min-height: 280px;}
	.cat-box {width: 36%;margin-bottom: 15px;}
	#home-tekst {height: 440px;overflow-x: scroll;width: 94%;margin-left: 3%;border: solid 1px #e1e1e1;background-color: #f9f7f7;padding-top: 15px;border-radius: 10px;background-color: #f9f5ef;}
	#top_page {padding-top: 10px;padding-bottom: 10px;}
}

@media (min-width: 601px) {
	h1,.h1{font-size:30px;margin-bottom:10px;}
	h2,.h2{font-size:28px;margin-bottom:10px;}
	h3,.h3{font-size:24px;margin-bottom:8px;}
	h4,.h4{font-size:21px;margin-bottom:8px;}
	h5,.h5{font-size:21px;margin-bottom:6px;}
	h6,.h6{font-size:20px;margin-bottom:6px;}
	.home_title span, .page_title span {font-size: 17px;margin-bottom: -4px;}
	
	.only_mobile_button {display:inline-block;}
	.shop_login {display:none}
	
	.logo {max-width: 100px;}
	.container{width: 90%;}
	.header_middle {padding-top: 12px; padding-bottom: 12px;}
	.header_middle .col2 {width: 40%;}
	.header_middle .col5 {width: 40%;position: absolute;top: 52px;left: 75px;}
	.aws-container .aws-search-form {height: 35px;}
	.header_middle .col5::after {display: none;}
	.header_middle .col3 {width: 50%;}
	.shop_login {margin-left: 25px;}
	#slider, .background_slide {height: 500px;}
	.slide_in {width: 90%;}
	.slide_txt {width: 90%}
	.slide-title {font-size: 40px;margin-bottom: 15px;}
	.slide_txt p {font-size: 18px;margin-bottom: 30px;}
	.slide_img {position: absolute;}
	.slide_img img {max-height: 400px; width: auto;}
	.pad {padding-top: 20px; padding-bottom: 20px;}
	#home-baner1, #home-baner2 {min-height: 360px;}
	#top_page {margin-bottom: 30px;}
	#content_page {margin-bottom: 20px;}
	.left-site {display:none;}
	
	div.tab-pro button {padding: 10px 10px;font-size: 16px;}
	.cat-box {width: 42%;margin-bottom: 20px;}
	.home_title h2 {font-size: 32px;}
	
	.mobile-search {display: none;}
	
	.ico-cat {width: 40px;height: 40px;margin-bottom: 10px;margin-top: 10px;}
	.ico-cat::before {width:40px;height: 40px;}
	.cat-box h4 {font-size: 16px;}
	
	#home-tekst > div > div > .col5 {display: none;}
	#home-tekst > div > div > .col48 {width: 100%;}
	
	#home-baner2 .col4.baner-in {width: 70%;top: 20px;left: 5%;}
	#home-baner2 h3 {font-size: 36px;}
	
	.blog-content {margin-top: 20px;}
	.blog-box {width: 48%;}
	
	.col23 {width: 48%;}
	#home-baner1 .container .col5 {width: 70%;}
	
	.buttonfilter {bottom: -10px;position: relative; display: block; z-index: 9;}
	.single-product #content_page .buttonfilter {display: none;}
	
	.shop-content {width: 100%;}
	.products.columns-3 li.product {max-width: 48%;flex: 0 0 48%;}
	.products.columns-4 li.product {max-width: 32%;flex: 0 0 32%;margin-bottom: 20px;}
	.products.columns-3, .products.columns-4, .products.columns-5 {gap: 2%;}
	.products.columns-5 li.product {max-width: 31%;flex: 0 0 31%;}
}

@media (min-width: 799px) {
	h1,.h1{font-size:32px;margin-bottom:12px;}
	h2,.h2{font-size:28px;margin-bottom:12px;}
	h3,.h3{font-size:26px;margin-bottom:10px;}
	h4,.h4{font-size:26px;margin-bottom:10px;}
	h5,.h5{font-size:24px;margin-bottom:10px;}
	h6,.h6{font-size:22px;margin-bottom:8px;}
	.home_title span, .page_title span {font-size: 18px;margin-bottom: -4px;}
	
	.only_mobile_button {display:none !important;}
	.shop_login {display:flex;}
	
	.logo {max-width: 120px;}
	.container{}
	.header_middle {}
	.header_middle .col2 {width: 20%;}
	.header_middle .col5 {width: 35%; position: relative; top: inherit; left: inherit;}
	.header_middle .col5::after {display: block;}
	.aws-container .aws-search-form {height: 44px;}
	.header_middle .col3 {width: 45%;}
	.shop_login {margin-left: 35px;}
	#slider, .background_slide {height: 550px;}
	.slide_in {width: 80%;}
	.slide_txt {width: 42%}
	.slide-title {font-size: 52px;margin-bottom: 30px;}
	.slide_txt p {font-size: 18px;margin-bottom: 50px;}
	.slide_img {position: relative;}
	.slide_img img {max-height:inherit; width: auto;}
	.pad {padding-top: 30px; padding-bottom: 30px;}
	#home-baner1, #home-baner2 {min-height: 360px;}
	#top_page {margin-bottom: 40px;}
	#content_page {margin-bottom: 30px;}
	.products.columns-4 li.product {max-width: 32%;flex: 0 0 32%;}
	.products.columns-5 li.product {max-width: 31%;flex: 0 0 31%;}
	div.tab-pro button {padding: 14px 16px;font-size: 18px;}
	.cat-box {width: 27%;margin-bottom: 20px;}
	.home_title h2 {font-size: 36px;}
	
	.ico-cat {width: 45px;height: 45px;margin-bottom: 15px;margin-top: 15px;}
	.ico-cat::before {width:45px;height: 45px;}
	.cat-box h4 {font-size: 16px;}
	
	#home-baner2 .col4.baner-in {width: 60%;top: 20px;left: 5%;}
	#home-baner2 h3 {font-size: 40px;}
	
	.blog-content {margin-top: 30px;}
	.blog-box {width: 48%;}
	#home-baner1 .container .col5 {width: 50%;margin-bottom: 7%;}
	
	.shop-content {width: 100%;}
	.products.columns-3 li.product {max-width: 31%;flex: 0 0 31%;}
	.products.columns-3, .products.columns-4, .products.columns-5 {gap: 2%;}
	
}
@media (min-width: 1024px) {
	.buttonfilter, .sidebar__close-btn, .buttonfilter {}
	.shop-content {}
	.pad {padding-top: 50px; padding-bottom: 50px;}
	
}
@media (min-width: 1180px) {
	h1,.h1{font-size:34px;margin-bottom:14px;}
	h2,.h2{font-size:30px;margin-bottom:14px;}
	h3,.h3{font-size:28px;margin-bottom:12px;}
	h4,.h4{font-size:28px;margin-bottom:10px;}
	h5,.h5{font-size:26px;margin-bottom:10px;}
	h6,.h6{font-size:24px;margin-bottom:8px;}
	.home_title span, .page_title span {font-size: 20px;margin-bottom: -5px;}
	
	.logo {max-width: 180px;}
	.container{width: 1120px;}
	.header_middle {padding-top: 20px; padding-bottom: 20px;}
	.header_middle .col5 {width: 40%;}
	.header_middle .col3 {width: 40%;}
	.shop_login {margin-left: 25px;}
	#slider, .background_slide {height: 580px;}
	.slide_in {width: 80%;}
	#home-baner1 {min-height: 400px;}
	#home-baner2 {min-height: 400px;}
	.products.columns-4 li.product {max-width: 32%;flex: 0 0 32%;}
	.products.columns-5 li.product {max-width: 23%;flex: 0 0 23%;}
	

	
	.cat-box {width: 13%;}
	.home_title h2 {font-size: 40px;}
	
	.ico-cat {width: 50px;height: 50px;margin-bottom: 15px;margin-top: 15px;}
	.ico-cat::before {width:50px;height: 50px;}
	.cat-box h4 {font-size: 18px;}
	
	#home-tekst > div > div > .col5 {width: 50%; display: block;}
	#home-tekst > div > div > .col48 {width: 48%;}
	
	#home-baner2 .col4.baner-in {width: 40%;top: 0;left: 0;}
	#home-baner2 h3 {font-size: 46px;}
	
	.blog-content {margin-top: 50px;}
	.blog-box {width: 31%;}
	.col23 {width: 23%;}
	.products.columns-3, .products.columns-4, .products.columns-5 {gap: 2%}
	

}

@media (min-width: 1440px) {
	h1,.h1{font-size:36px;margin-bottom:18px;}
	h2,.h2{font-size:32px;margin-bottom:18px;}
	h3,.h3{font-size:26px;margin-bottom:8px;}
	h4,.h4{font-size:26px;margin-bottom:8px;}
	h5,.h5{font-size:24px;margin-bottom:8px;}
	h6,.h6{font-size:24px;margin-bottom:8px;}
	.home_title span, .page_title span {font-size: 20px;margin-bottom: 0px;}
	
	.container{width: 1340px;}
	.header_middle {}
	.header_middle .col5 {width: 30%;}
	.header_middle .col3 {width: 50%;}
	.aws-container .aws-search-form {width: 130%;}
	#slider, .background_slide {height: 640px;}
	.slide_in {width: 80%;}
	.products.columns-4 li.product {max-width: 24%;flex: 0 0 24%;margin-bottom: 10px;}
	.products.columns-5 li.product {max-width: 19%;flex: 0 0 19%;margin-bottom: 10px;}
	.home_title h2 {font-size: 44px;}
	
	.ico-cat {width: 60px;height: 60px;margin-bottom: 20px;margin-top: 20px;}
	.ico-cat::before {width: 60px;height: 60px;}
	.cat-box h4 {font-size: 18px;}
	
	.cat-homepr {min-height: 160px}
	
	#home-baner2 .col4.baner-in {width: 40%;}
	#home-baner2 h3 {font-size: 40px;}
	.products.columns-3, .products.columns-4, .products.columns-5 {gap:14px;}

	
}

@media (min-width: 1610px) {
	.container{width: 1560px;}
	.header_middle {padding-top: 24px; padding-bottom: 24px;}
	.aws-container .aws-search-form {width: 140%;}
	#slider, .background_slide {height: 660px;}
	.slide_in {width: 80%;}
	.pad {padding-top: 70px; padding-bottom: 70px;}
	#home-baner1 {min-height: 460px;}
	#home-baner2 {min-height: 400px;}
	#top_page {margin-bottom: 70px;}
	#content_page {margin-bottom: 50px;}
}