:root {


   --orange:           #fab505; 
   --red:            #ee2b2c; 
   --text-color:     #000000; 
   --grey:           #cecece;
   --dark-grey:      #353535;
   --in-basket:      #ffd700;
   --brown:      #52352c;
   --orange2:      #db1928;
	--d: 2500ms;
	--angle: 90deg;
	--gradX: 10%;
	--gradY: 50%;
	--c1: rgba(255,128,0, 1);
	--c2: rgba(255,128,0, 0.1);    
    --border:        #A8A8A8; 
    --btn-yellow: #ffd700;
    --green: #3f9d3d;
    --black: #000000;
    --white: #ffffff;
    --blue: #004ED3;
}

@font-face {
    font-family: 'Open Sans - lidero';
    src: url('/fonts/open-sans/OpenSans-Bold.woff2') format('woff2'),
         url('/fonts/open-sans/OpenSans-Bold.woff') format('woff'),
         url('/fonts/open-sans/OpenSans-Bold.ttf') format('truetype'),
         url('/fonts/open-sans/OpenSans-Bold.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'Open Sans - lidero';
    src: url('/fonts/open-sans/OpenSans-Regular.woff2') format('woff2'),
         url('/fonts/open-sans/OpenSans-Regular.woff') format('woff'),
         url('/fonts/open-sans/OpenSans-Regular.ttf') format('truetype'),
         url('/fonts/open-sans/OpenSans-Regular.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Open Sans - lidero';
    src: url('/fonts/open-sans/OpenSans-Light.woff2') format('woff2'),
         url('/fonts/open-sans/OpenSans-Light.woff') format('woff'),
         url('/fonts/open-sans/OpenSans-Light.ttf') format('truetype'),
         url('/fonts/open-sans/OpenSans-Light.svg#open_sansregular') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face{font-family:"famanual";font-style:normal;font-weight:900;src:url('/fonts/famanual.woff2') format("woff2"),url(/fonts/famanual.woff) format("woff");font-display: swap}
/* montserrat-100 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat2';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/montserrat-v29-latin_latin-ext-100.eot'); /* IE9 Compat Modes */
  src: url('/fonts/montserrat-v29-latin_latin-ext-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v29-latin_latin-ext-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/montserrat-v29-latin_latin-ext-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/montserrat-v29-latin_latin-ext-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/montserrat-v29-latin_latin-ext-100.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-200 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat2';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/montserrat-v29-latin_latin-ext-200.eot'); /* IE9 Compat Modes */
  src: url('/fonts/montserrat-v29-latin_latin-ext-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v29-latin_latin-ext-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/montserrat-v29-latin_latin-ext-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/montserrat-v29-latin_latin-ext-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/montserrat-v29-latin_latin-ext-200.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat2';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/montserrat-v29-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
  src: url('/fonts/montserrat-v29-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v29-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/montserrat-v29-latin_latin-ext-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/montserrat-v29-latin_latin-ext-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/montserrat-v29-latin_latin-ext-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat2';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/montserrat-v29-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: url('/fonts/montserrat-v29-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v29-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/montserrat-v29-latin_latin-ext-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/montserrat-v29-latin_latin-ext-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/montserrat-v29-latin_latin-ext-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat2';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/montserrat-v29-latin_latin-ext-500.eot'); /* IE9 Compat Modes */
  src: url('/fonts/montserrat-v29-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v29-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/montserrat-v29-latin_latin-ext-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/montserrat-v29-latin_latin-ext-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/montserrat-v29-latin_latin-ext-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat2';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/montserrat-v29-latin_latin-ext-600.eot'); /* IE9 Compat Modes */
  src: url('/fonts/montserrat-v29-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v29-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/montserrat-v29-latin_latin-ext-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/montserrat-v29-latin_latin-ext-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/montserrat-v29-latin_latin-ext-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat2';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/montserrat-v29-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: url('/fonts/montserrat-v29-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v29-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/montserrat-v29-latin_latin-ext-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/montserrat-v29-latin_latin-ext-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/montserrat-v29-latin_latin-ext-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat2';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/montserrat-v29-latin_latin-ext-800.eot'); /* IE9 Compat Modes */
  src: url('/fonts/montserrat-v29-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v29-latin_latin-ext-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/montserrat-v29-latin_latin-ext-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/montserrat-v29-latin_latin-ext-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/montserrat-v29-latin_latin-ext-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat2';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/montserrat-v29-latin_latin-ext-900.eot'); /* IE9 Compat Modes */
  src: url('/fonts/montserrat-v29-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v29-latin_latin-ext-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/montserrat-v29-latin_latin-ext-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/fonts/montserrat-v29-latin_latin-ext-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/montserrat-v29-latin_latin-ext-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}

.contrast-active {background-color:black;color:white}
.contrast-active body{background-color:black;color:white}
.contrast-active section{background-color:black;color:white}
.contrast-active nav{background-color:black;color:white}
.contrast-active .products-module-title{color:white !important}
.contrast-active .products-module-price{color:white !important}
.contrast-active .nav-top{background-color:#353434;color:white}
.contrast-active .btn-text{color:white}
.contrast-active .nav-top i{color:white}
.contrast-active .basket-icon i{color:white}
.contrast-active footer{background-color:#353434;color:white}
.contrast-active footer h3{color:white}
.contrast-active .grid-logo{background-color:black}
.contrast-active .thumbnails{background-color:black}
.contrast-active .products-list-title{color:white !important}
.contrast-active .cart-left{color:white !important;background-color:black !important}
.contrast-active .cart-right{color:white !important;background-color:black !important}

h1,h2,h3,h4,h5,h6 {font-weight:unset;font-size:unset;padding:unset;margin:unset}
html 			{height:100%; position:relative; font-size:1rem;font-family: "Open Sans - lidero", sans-serif;}
body 			{margin:0;padding:0;;;background-color:#EFEFEF; }
img             {max-width:100%;height:unset}
.container {max-width:1500px;width:100%;margin:0 auto;position: relative}
.header {position: relative;  width: 100%;  min-height: 95px;top:0;z-index: 12}
.header.absolute {position: absolute}
.header-phone a{text-decoration: none;color:var(--text-color)}
.menu-squares{position: absolute;top:1px;right:20px;display: grid;grid-template-columns: 1fr 1fr 1fr;justify-content: center;align-items: center;z-index: 9;cursor: pointer;z-index:12}
.menu-squares .sq{position: relative;width: 7px;height: 7px;background-color: var(--text-color);border-radius: 2px;margin: 4px;pointer-events: none;}
.menu-squares i{color:var(--text-color);font-size: 2rem}
.menu-start  { position: relative;top:30px;z-index: 10}
.menu-start ul {  display: flex;  list-style: none;  height: 100%;  align-items: center;  justify-content: center;padding:0;margin:0}
.menu-start li a{color:var(--text-color);text-decoration: none;margin: 0px}

.asq1 {animation: sq1 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq2 {animation: sq2 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq3 {animation: sq3 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq4 {animation: sq4 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq5 {animation: sq5 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq6 {animation: sq6 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq7 {animation: sq7 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq8 {animation: sq8 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq9 {animation: sq9 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}

.asq1b {animation: sq1b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq2b {animation: sq2b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq3b {animation: sq3b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq4b {animation: sq4b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq5b {animation: sq5b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq6b {animation: sq6b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq7b {animation: sq7b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq8b {animation: sq8b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}
.asq9b {animation: sq9b 0.3s forwards cubic-bezier(.25,1,.5,1) 1;}

 @keyframes show_up { 0% {margin-top:10% } 100% {margin-top:0; }}     
 @keyframes scale { 0% {transform:scale(0.2);opacity:0; } 100% {transform:scale(1);opacity:1; }}     

 
 @keyframes sq1 { 0% {top:0;left:0 } 100% {left: 3px;top: 3px;  transform: rotate(90deg);background-color:var(--orange)}}     
 @keyframes sq2 { 0% {top:0;left:0 } 100% {left: 0;top: 3px;  transform: rotate(90deg);background-color:var(--orange) }}     
 @keyframes sq3 { 0% {top:0;right:0 } 100% {right: 3px;top: 3px;  transform: rotate(90deg); background-color:var(--orange)}}     
 @keyframes sq4 { 0% {top:0;left:0 } 100% {left: 3px;top: 0;  transform: rotate(90deg); background-color:var(--orange)}}     
 @keyframes sq5 { 0% {top:0;left:0 } 100% {left: 0;top: 0;  transform: rotate(90deg); background-color:var(--orange)}}     
 @keyframes sq6 { 0% {top:0;right:0 } 100% {right: 3px;top: 0;  transform: rotate(90deg);background-color:var(--orange)}}     
 @keyframes sq7 { 0% {bottom:0;left:0 } 100% {bottom: 3px;left: 3px;  transform: rotate(90deg);background-color:var(--orange) }}     
 @keyframes sq8 { 0% {bottom:0;left:0 } 100% {bottom: 3px;left: 0;  transform: rotate(90deg);background-color:var(--orange)}}     
 @keyframes sq9 { 0% {bottom:0;right:0 } 100% {bottom: 3px;right: 3px;  transform: rotate(90deg);background-color:var(--orange) }}     
    
    
 
 @keyframes sq1b { 0% {top:3px;left:3px } 100% {left: 0;top: 0;  transform: rotate(90deg);}}     
 @keyframes sq2b { 0% {top:3px;left:0 } 100% {left: 0;top: 0;  transform: rotate(90deg);}}     
 @keyframes sq3b { 0% {top:3px;right:3px } 100% {right: 0;top: 0;  transform: rotate(90deg); }}     
 @keyframes sq4b { 0% {top:0;left:3px } 100% {left: 0;top: 0;  transform: rotate(90deg); }}     
 @keyframes sq5b { 0% {top:0;left:0 } 100% {left: 0;top: 0;  transform: rotate(90deg);} }     
 @keyframes sq6b { 0% {top:0;right:3px } 100% {right: 0;top: 0;  transform: rotate(90deg);}}     
 @keyframes sq7b { 0% {bottom:3px;left:3px } 100% {bottom: 0;left: 0;  transform: rotate(90deg); }}     
 @keyframes sq8b { 0% {bottom:3px;left:0 } 100% {bottom: 0;left: 0;  transform: rotate(90deg); }}     
 @keyframes sq9b { 0% {bottom:3px;right:3px } 100% {bottom: 0;right: 0;  transform: rotate(90deg); }}     
    
 

nav {display:block;position: relative;background-color:var(--orange);min-height:50px;top:0px;z-index: 11}
nav .nav-container{display:flex;margin: auto;max-width:1500px;justify-content: space-between;align-items: center;height:60px;position: relative}
nav .category-nav-container{display:flex;margin: auto;max-width:1500px;justify-content: space-between;align-items: center;position: relative}
nav .nav-item{color:var(--black);text-align: center;display: flex;  align-items: center;  justify-content: center;cursor:pointer;font-size:0.9rem;text-decoration: none;font-weight:600;padding: 0 20px;}
nav .nav-item:hover {text-decoration: underline}
nav .nav-item.btn-nav-category:hover {text-decoration: none}
nav .nav-item.btn-nav-category{color:black;background-color:var(--white);padding:8px 5px; border-radius:5px;display: flex;flex-basis:250px}
nav .nav-item.btn-nav-category span {flex-basis: 100%}
nav .nav-item.btn-nav-category i.fa-bars {flex-basis: 10%}
nav .nav-item.btn-nav-category i.fa-chevron-down {flex-basis: 10%}
nav .nav-item.btn-free-dlv {background-color:#004ED3;color:var(--white);padding:10px;border-radius:5px;font-size:0.8rem}

.category-nav {position: absolute;  top: 0px;  background-color: white;  width: 200px;  text-align: left;  border-radius: 5px;transition: 0.3s all; }
.category-nav-item {position: relative;display: flex;  flex-basis: 200px;}
.category-nav .nav-item {font-weight: normal;padding:10px 5px 10px 10px;text-align: left;align-items: flex-start;justify-content: flex-start}
.category-nav  i{color:#D2D2D2}
.category-nav .category-nav-submenu {position: absolute;top:0;left: 150px;background-color: white;  border-radius: 5px;width:200px;box-shadow: 0 0 15px -12px black}
.category-nav .category-nav-menu {position: relative}
.category-nav .subcategory-nav-menu {position: relative}
.category-nav .subcategory-nav-submenu {position: absolute;top:0;left: 150px;background-color: white;  border-radius: 5px;width:260px;box-shadow: 0 0 15px -12px black}


.logo {position:relative;display:inline-block;z-index: 10;left:10px;}
.logo a{font-size:2rem;color:var(--white);;text-decoration: none}
.logo a span{color:var(--orange)}
.grid-logo {display:grid;grid-template-columns: 1fr 1fr 1fr;padding: 0px 0 15px 0;  position: relative;background-color: var(--black);}
input[name="search"] {border: 2px solid var(--orange);  border-radius: 5px 0 0 5px;  padding: 10px 10px;  width: 80%;  font-size: 0.9rem;  color: var(--text-color);}
.btn-search {display:inline-block;background-color:var(--orange);color:var(--black);padding:10.8px 20px;font-size:1rem;border-radius:0 5px 5px 0;cursor: pointer;font-weight:500}
.search-container {display: flex;  justify-content: center;  align-items: center;}
.grid-logo img {max-width:350px}

.nav-top    {position: relative;background-color:var(--black);padding:20px ;}
.nav-top i   {color:var(--orange);font-size: 1.2rem;}
.nav-top .top-text   {color:var(--white);font-size:1rem}
.grid-nav-top    {display:flex;;max-width:350px;margin:0 20px 0 auto;grid-gap: 60px;}
.header-phone {position: relative;color:var(--text-color);grid-gap: 10px;}
.header-point {position: relative;color:var(--text-color);grid-gap: 10px;}
.header-mail {position: relative;color:var(--text-color);grid-gap: 10px;}
.header-login {position: relative;color:var(--text-color);grid-gap: 10px;}
.basket-icon {position: absolute;  top: 15px;  right: 30px;}
.basket-icon i{font-size:1.5rem;color:var(--white)}
.basketCount {position: absolute;  top: -10px;  left: -10px;  background-color: var(--orange);  color: black;  display: flex;  justify-content: center;  align-items: center;
  width: 20px;  height: 20px;  border-radius: 50%;  font-size: 0.7rem;}

.wcag_container {display: flex;  justify-content: center;  align-items: center;  grid-gap: 10px;height:100%}
.wcag_container .btn-font-size{border: 1px solid #666;padding: 3px 5px;border-radius: 3px;display: flex;justify-content:center;align-items: center;font-weight: bold;cursor: pointer;color:var(--white)}
.wcag_container .btn-size-normal{font-size: 0.8rem;}
.wcag_container .btn-size-bigger{font-size: 0.9rem;}
.wcag_container .btn-size-biggest{font-size: 1rem;}
.wcag_container .btn-contrast{cursor:pointer}
.active-size {background-color:black;color:white}

.language-box {position: absolute;display: block;right: 90px;top: 10px;z-index: 13;text-align: left;} 
.language-box .dropbtn {  background-color: white;  color: black;}
.language-box .dropbtn-footer { background-color: transparent;  color: var(--orange);  border: none;  font-size: 1.2rem;}
.language-box .dropdown-content-language {  width: 200px;min-width:200px}
.language-box header .container { }
.dropdown-content-language {  display: none;  position: absolute;  background-color: white;  min-width: 380px;color:black;    z-index: 1;right:0;box-shadow: 0 0 10px -4px black;border-radius: 10px;padding:20px;font-size: 1rem;
text-align: left;z-index: 12}
.show {display:block}
.dropdown-content-language span {  color: black;  padding: 5px;  text-decoration: none;  display: block;	cursor:pointer}
.btn-lang.selected_lang {background-color: var(--grey);color:black;border-radius:5px}
.btn-lang:hover {background-color: var(--grey);color:black;border-radius:5px}
.nav-language-title {display:inline-block;padding:10px 0 10px 5px}
.close-l-box {position: absolute;  right: 10px;  top: 4px;  cursor:pointer}
.close-l-box i{font-size:1.2rem}
.btn-lang img {padding:0 10px 0 0;vertical-align: middle}

.slider_container   {position: relative;;background-color: #072527}
.slider   {position: relative;max-width:100%;margin:0 0 0 auto;color:black;}
.slider .slider-container {}
.slider .slider-box-3 {display: grid !important;  grid-template-columns: 54% 46%;  grid-gap: 10px;  width: calc(100% - 10px) !important;  margin: 0 auto;}
.slider .slider-box-3 img{max-width:100%}
.slider .box-1{grid-row: 1/2 span;}
.slider .sliderBox {;height:500px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.slider .sliderBoxContainer {position: relative;max-width:1500px; margin:50px auto 0 auto}
.slider .sliderBox .sliderTitle {font-size: 1.1rem;  margin-bottom: 0px;color:white}
.slider .sliderBox .sliderText1 {font-size: 4rem;  margin-bottom: 0px;  font-weight: 600;color: var(--orange);;font-family: "Oswald", sans-serif;line-height: 100%}
.slider .sliderBox .sliderText2 {font-size: 4rem;  margin-bottom: 0px;  font-weight: 700;color:white;font-family: "Oswald", sans-serif;;line-height: 100%}
.slider .sliderBox .sliderText3 {font-size: 1.1rem;  color: white;  font-weight: 500;margin-top:10px}
.slider .sliderBox .sliderBtn {background-color:var(--orange);color:white;padding:10px 20px; border-radius:5px;font-size:1.2rem;display: inline-block;text-decoration: none;margin-top:30px}
.slider .prev {position: absolute;  left: 10px;  top: calc(50% - 20px);  z-index: 9999;  color: white;}
.slider .next {position: absolute;  right: 10px;  top: calc(50% - 20px);  z-index: 9999;  color: white;}
    
  

.contact_container   {position: relative;;background-color: white;padding:20px 0}
.contact  {position: relative;max-width:1100px; margin:20px auto 0 auto}
.contact  .grid-contact {display: grid;  grid-template-columns: 30% calc(70% - 50px);  justify-content:flex-start;  align-items: flex-start;grid-gap:0 50px ;}
.contact  .grid-contact-icon {display: grid;  grid-template-columns: 20% 80%;  justify-content: flex-start;  align-items: center; margin-bottom:10px;border-bottom:1px solid #cecece; padding-bottom:10px}
.contact  .grid-contact-icon i {font-size:1.2rem;color:#616161}
.contact  .contact-right {background-color:#ebebeb;padding:20px}
.contact  .section-title {font-size:1.2rem;font-weight:bold;margin-bottom:10px}

.contact .form-input {position: relative;margin:10px 0;color:#cecece}
.contact .form-label {position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s;}
.contact .form-input input::placeholder {  color: transparent;}
.contact .form-input input{ padding:10px;border-radius: 5px;width:calc(100% - 20px);border:1px solid var(--border);}
.contact .form-input input:focus{ border:2px solid #00e42e !important;box-shadow:unset}
.contact .form-input input:placeholder-shown ~ .form-label{position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s; }
.contact .form-input input:not(:placeholder-shown) ~ .form-label{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.contact .form-input input:focus ~ .form-label { position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.contact .grid-form { display: grid;grid-template-columns: 1fr 1fr;justify-content: flex-start;align-items: flex-start;grid-gap:0 20px }
.contact .form-input input[name="agree"] {width:20px}
.contact .form-input  input[name="agree"].required {border:1px solid red}
.contact .form-input  .requiredCheckbox {border:1px solid red}
.contact .form-input span {color:black}

.contact .form-input textarea{width:calc(100% - 5px);height:200px;border-radius:5px;border:1px solid var(--border)} 
.contact .form-input label{font-size:1.0rem;color:#cecece;font-family: "Open Sans - lidero"} 
.contact .form-input textarea::placeholder{font-size:1.0rem;color:#cecece;font-family: "Open Sans - lidero"} 
.contact .form-input textarea:focus-visible{outline: 2px solid #00e42e;} 
.contact .contact-title{font-weight:600} 
.contact .contact-text{font-weight:400;font-size:0.9rem;margin-top:5px} 
.contact .btn-send{width: 200px;  background-color: var(--orange);  text-align: center;  padding: 10px;  border-radius: 5px;    margin: 0 0 0 auto;} 
.contact .id_aggre{position: absolute;  top: 25px;  left: 7px;  background-color: white;  color: red;  padding: 0px 10px;  font-size: 0.8rem;} 


.banners_container   {position: relative;;background-color: transparent}
.banners.banners_category {position: relative;max-width:1500px; margin:50px auto 0 auto}
.banners   {position: relative;max-width:100%;margin:0 0 0 auto;color:black;}
.banners .bannersBox {;height:230px;background-position: center;background-repeat: no-repeat;background-size: cover;padding:20px;border-radius:10px}

.banners .bannersBox .bannersTitle {font-size: 1.1rem;  margin-bottom: 20px;color:white}
.banners .bannersBox .bannersText1 {font-size: 2.6rem;  margin-bottom: 0px;  font-weight: 900;color:white;}
.banners .bannersBox .bannersText1.smallerTitle1 {font-size: 2.1rem;}
.banners .bannersBox .bannersText1.tinyTitle1 {font-size: 1.6rem;}
.banners .bannersBox .bannersText2 {font-size: 2.6rem;  margin-bottom: 0px;  font-weight: 900;color:var(--orange)}
.banners .bannersBox .bannersText2.smallerTitle2 {font-size: 2.1rem;}
.banners .bannersBox .bannersText2.tinyTitle2 {font-size: 1.6rem;}
.banners .bannersBox .bannersText3 {font-size: 1.5rem;  color: var(--white);  font-weight: 700;position: absolute;bottom:20px}
.banners .bannersBox .bannersBtn {background-color:var(--orange);color:white;padding:10px 20px; border-radius:5px;font-size:1.2rem;display: inline-block;text-decoration: none;margin-top:30px;}
.banners .size50{ display: grid;  grid-template-columns: 1fr 1fr;  justify-content: center;  align-items: center;  grid-gap: 20px;}
.banners .size25{ display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr;  justify-content: center;  align-items: center;  grid-gap: 20px;}
.banners .size20{ display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;  justify-content: center;  align-items: center;  grid-gap: 20px;}
.banners .size100{ display: grid;  grid-template-columns: 1fr ;  justify-content: center;  align-items: center;  grid-gap: 20px;}



    
.section-category   {max-width:1500px;margin:50px auto 0 auto;background-color:white;padding:20px 0;}
.section-category   .title{font-size:1.2rem;text-align: center;font-weight:bold}
.section-category   .category-grid{display: grid;grid-template-columns:  1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:10px;padding:10px}
.section-category   .category-item{display:block;padding:10px;border-radius:5px}
.section-category   .category-item .icon{font-size:3rem;text-align: center;min-height:91px}
.section-category   .category-item .name{font-size:1rem;text-align: center}
.section-category   .category-item .icon img{max-height:80px}
.categoryImg {max-width:50%}

.section-products-module {max-width:1500px;margin:50px auto;background-color:white;padding:20px 0;position: relative;border-radius: 5px;}
.section-products-module .section-title{font-size:1.2rem;font-weight:bold;text-align: center;margin-bottom:20px}
.section-products-module .section-title span{color:var(--orange)}
.section-products-module .section-items{display: flex;justify-content: center;align-items: center;;}
.section-products-module .products-module{border:1px solid #cecece;text-decoration: none;padding-bottom:10px;border-radius:5px}
.section-products-module .products-module-foto {padding:20px;min-height:170px;text-align: center}
.section-products-module .products-module-foto img{max-width:100%;max-height:170px;}
.section-products-module .products-module-title {min-height:85px;padding:0 10px;-webkit-line-clamp: 3;  -webkit-box-orient: vertical;  display: -webkit-box;color:black;font-weight:600;margin-bottom:10px }
.section-products-module .products-module-content {text-align: left}
.section-products-module .products-module-price {text-align: left;color: var(--blue);  font-size: 1.2rem;font-weight: bold;text-decoration: none;padding:0 10px}
.section-products-module .btn-item-details {background-color:var(--orange);color:var(--black);font-weight:bold;text-align: center;width:calc(100% - 40px);padding:10px;display:inline-block;margin-left:10px;border-radius:5px;margin-top:10px;font-size: 0.9rem}
.section-products-module .slick-slide {margin: 0 10px;}
.section-products-module .slick-list {      margin: 0 -10px;  }
.section-products-module .slick-slider { width:95% ;margin:0 auto}
.section-products-module .slick-slide img {  display: inline-block;}

.line-thru {color:black;font-size:0.8rem;text-decoration-line: line-through;margin-right:10px}




.section-news-module {max-width:1500px;margin:50px auto;background-color:white;padding:20px 0;position: relative;border-radius: 5px;}
.section-news-module .section-title{font-size:1.2rem;font-weight:bold;text-align: center;margin-bottom:20px}
.section-news-module .section-title span{color:var(--orange)}
.section-news-module .section-items-news{display: flex;justify-content: center;align-items:flex-start;;grid-gap:20px;padding:0 20px}
.section-news-module .news-module{flex-basis: 100%; border:1px solid #cecece;text-decoration: none;padding-bottom:10px;border-radius:5px}
.section-news-module .news-module-foto {padding:20px;min-height:170px;text-align: center;background-position: center;background-size: cover;background-repeat: no-repeat}
.section-news-module .news-module-foto img{max-width:100%;max-height:170px;}
.section-news-module .news-module-title {min-height:40px;padding:0 10px;-webkit-line-clamp: 2;  -webkit-box-orient: vertical;  display: -webkit-box;color:black;font-weight:600;margin-bottom:10px }
.section-news-module .news-module-short {color:black;font-weight:300;margin-bottom:10px ;min-height:40px;padding:0 10px}
.section-news-module .news-module-content {text-align: left}
.section-news-module .btn-item-details {background-color:var(--orange);color:white;font-weight:bold;text-align: center;width:calc(100% - 40px);padding:10px;display:inline-block;margin-left:10px;border-radius:5px;margin-top:10px}


.news .section-items-news {display:grid;grid-template-columns: 200px auto;justify-content: flex-start;align-items: flex-start;grid-gap:20px;border-bottom:1px solid #cecece;margin-bottom:10px; padding-bottom:10px}
.news .news-module-foto {min-height:150px;background-position: center;background-size: cover;background-repeat: no-repeat}
.news .btn-item-details {background-color:var(--orange);color:white;font-weight:bold;text-align: center;width:200px;padding:10px;display:inline-block;border-radius:5px;margin-top:10px;text-decoration: none}
.news .news-module-title {font-weight:bold;font-size:1.2rem;margin-bottom:10px}
.news .section-title{font-size:1.2rem;font-weight:bold;margin:20px 0}




.section-workshops-module {max-width:1500px;margin:50px auto;background-color:white;padding:20px 20px;position: relative;border-radius: 5px;}
.section-workshops-module .section-title{font-size:1.2rem;font-weight:bold;text-align: center;margin-bottom:20px}
.section-workshops-module .section-title span{color:var(--orange)}
.section-workshops-module .section-items-workshops{display: flex;justify-content: center;align-items:flex-start;;grid-gap:20px;padding:0 20px}
.section-workshops-module .news-module{flex-basis: 100%; border:1px solid #cecece;text-decoration: none;padding-bottom:10px;border-radius:5px}
.section-workshops-module .news-module-foto {padding:20px;min-height:170px;text-align: center;background-position: center;background-size: cover;background-repeat: no-repeat}
.section-workshops-module .news-module-foto img{max-width:100%;max-height:170px;}
.section-workshops-module .news-module-title {min-height:40px;padding:0 10px;-webkit-line-clamp: 2;  -webkit-box-orient: vertical;  display: -webkit-box;color:black;font-weight:600;margin-bottom:10px }
.section-workshops-module .news-module-short {color:black;font-weight:300;margin-bottom:10px ;min-height:40px;padding:0 10px}
.section-workshops-module .news-module-content {text-align: left}
.section-workshops-module .btn-item-details {background-color:var(--orange);color:white;font-weight:bold;text-align: center;width:calc(100% - 40px);padding:10px;display:inline-block;margin-left:10px;border-radius:5px;margin-top:10px}


.section-workshops-module .prev {position: absolute;  left: 10px;  top: calc(50% - 20px);  z-index: 9999;  color: var(--black);}
.section-workshops-module .next {position: absolute;  right: 10px;  top: calc(50% - 20px);  z-index: 9999;  color: var(--black);}
.section-workshops-module .workshops-grid{display: grid;  grid-template-columns:  25% 15% 20% 25% 15%;;justify-content: flex-start;align-items: flex-start;border-bottom:1px solid #cecece;margin-bottom:10px;padding-bottom: 10px}
   
.workshops-map {width:100%;height:400px;}

  .gm-ui-hover-effect {    outline: none !important;    box-shadow: none !important;    border: none !important; }
  .gm-ui-hover-effect > span {    background: black !important;  }
.workshop_details {display:grid;grid-template-columns: 30% 70%;grid-gap:20px;justify-content: flex-start;align-items: flex-start;padding:20px 0}



.section-products-list .list-items.view_box {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr ;grid-gap:20px }
.section-products-list .list-items.view_lines {display:grid;grid-template-columns: 1fr ;grid-gap:20px }
.section-products-list .list-items.view_lines .products-list-item {display:grid;grid-template-columns: 233px calc(100% - 233px);grid-gap:20px;align-items: center }
.section-products-list .list-items.view_lines .products-list-content {display:grid;grid-template-columns:calc(70% - 40px) 30%;grid-gap:20px;justify-content: flex-start;align-items: center}

.view_lines .products-list-title {min-height:unset ;padding:0}
.view_box .products-list-title {min-height:135px ;}
.view_box .products-list-title h3 {min-height: 70px;}

.view_lines .products-list-foto { padding:0}
.view_box .products-list-foto {padding:20px}

.view_box .products-list .product-list-producer {margin-top:0;font-size:0.8rem}
.view_box .products-list .product-list-producer img{max-height:30px}
.view_box .products-list .product-list-application {font-size:0.8rem;font-weight:normal}
.view_box .products-list .product-list-symbol {font-size:0.8rem;font-weight:normal}

.section-products-list .list-items.view_box .product-list-application span{display:inline-block}

.view_lines .products-list-item {padding:10px }
.view_lines .products-list .product-list-producer img{max-height:35px}

.section-products-list {max-width:1500px;margin:0 auto;background-color:white;padding:20px 0;position: relative}
.section-products-list .section-title{font-size:1.2rem;font-weight:bold;text-align: center}
.section-products-list .section-items{display: flex;justify-content: center;align-items: center;;}
.section-products-list .products-list{border:1px solid #cecece;text-decoration: none;padding-bottom:0px;cursor:pointer}
.section-products-list .products-list-foto img{max-width:100%}
.section-products-list .products-list-content {text-align: center;padding-bottom: 10px;}
.section-products-list .products-list-price {text-align: left;color: var(--blue);  font-size: 1.2rem;font-weight: bold;text-decoration: none;padding:0 10px 30px 10px}
.btn-item-details {background-color:var(--orange);color:var(--black);font-weight:bold;text-align: center;width:calc(100% - 40px);padding:10px;display:inline-block;text-decoration: none;font-size:0.9rem;cursor:pointer}


.section-services {max-width:1460px;margin:20px auto;background-color:white;padding:20px;position: relative}
.section-services .list-items.view_lines {display:grid;grid-template-columns: 1fr ;grid-gap:20px }
.section-services .list-items.view_lines .products-list-item {display:grid;grid-template-columns: 100px calc(100% - 100px);grid-gap:20px;align-items: center }
.section-services .list-items.view_lines .products-list-content {display:grid;grid-template-columns:calc(50% - 40px) 25% 25%;grid-gap:20px;justify-content: flex-start;align-items: center}
.section-services .products-list-price {  text-align: left;  color: var(--blue);  font-size: 1.2rem;  font-weight: bold;  text-decoration: none;  padding: 10px;}
.section-services .products-list {  text-decoration: none; }
.section-services .list-items {  border: 1px solid #cecece;  text-decoration: none;   cursor: pointer;}
.services-item {  cursor: default !important}

.view_lines .products-list-title {min-height:unset ;padding:0}

.change-view{display: inline-block;position: absolute;right: 70px;  top: 23px; }
.change-view i{font-size: 1.5rem;margin: 0 5px;cursor:pointer}
.change-view i:hover{color:var(--dark-grey)}


.brands_container {position: relative;background-color:var(--black)}
.section-brands   {max-width:1100px;margin:50px auto;padding:20px 0 40px 0;color:var(--white)}
.section-brands   .select-container {padding:0 20px}
.section-brands  .section-title{font-size:1.2rem;font-weight:bold;text-align: center}
.section-brands  .section-title h2{font-size:1.6rem;font-weight:bold;text-align: center}
.section-brands  select{background-color:var(--white);border:1px solid #cecece;border-radius:5px;padding:12px 20px;width:100%;font-size:1rem}
.section-brands  .btn-orange {width:100%;padding: 11px 20px;font-size:1rem}

.product-list-brand .section-brands{width:100%; margin:0 auto;padding:10px 0}
.product-list-brand .section-brands .section-title {display:none}
.product-list-brand .section-brands .select-container {padding:0;margin:0}
.product-list-brand .section-brands {width:100%; margin:0 auto;padding:10px 0}
.product-list-brand .section-brands  select {  padding: 10px 20px;}
.product-list-brand .section-brands  .btn-orange{  padding: 9.15px 20px;}

.avgs_container {position: relative;background-color:#E9E9E9;display:grid;justify-content: center;align-items: center;min-height:100px}
.section-avgs   {max-width:1100px;margin:0px auto;;color:var(--white)}
.section-avgs   .avgs-container {padding:0 20px}
.section-avgs  .avgs-title{font-size:1rem;font-weight:bold;text-align: left;color:var(--black)}
.section-avgs  .avgs-text{font-size:1rem;font-weight:normal;text-align: left;color:#6E6E6E}
.section-avgs  i{font-size:2rem;color:var(--orange)}
.section-avgs  .avgs-grid{display: grid;grid-template-columns: 50px calc(100% - 50px);grid-gap:0 10px;border-right:1px solid #cecece;padding-right:20px}
.section-avgs  .avgs-grid:last-child{border-right:none}

.brands_logo_container {position: relative;display:grid;justify-content: center;align-items: center;grid-template-columns: 1fr;width:100%}
.section-brands-container   {max-width:1500px;margin:50px auto 0 auto;;color:var(--white);background-color:var(--white);width:100%}
.section-brands-container   .brands-logo-container {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:50px;width: 1500px;justify-content: center;align-items: center}
.section-brands-container   .brands-logo-container img{max-width:50%}
.section-brands-container   .title {text-align: center;margin:10px 0 20px 0;color:black;font-size:1.2rem;font-weight:bold}



.products_type_container {position: relative;background-color:var(--white)}
.section-products-type   {max-width:1100px;margin:0px auto;padding:20px 0 40px 0;color:var(--black)}
.section-products-type  .section-title{font-size:1.2rem;font-weight:bold;text-align: center;margin-bottom:10px}
.section-products-type  .section-title h2{font-size:1.6rem;font-weight:bold;text-align: center}
.section-products-type  .btn-orange {width:100%}
.section-products-type  .grid-products-type  {display:flex;justify-content: center;align-items: flex-start;grid-gap:20px}
.section-products-type  .products-type-module-foto {padding:20px;height:200px;background-position: center;background-size: contain;background-repeat: no-repeat}
.section-products-type  .products-type-module-item {flex-basis: 100%;border:1px solid #cecece;border-radius:10px;}
.section-products-type  .products-type-module-title {font-weight:bold;text-align: center;padding:10px 0;font-size:1.2rem;min-height:50px}
.section-products-type  .products-type-btn {text-align: center;padding-bottom:10px}
.section-products-type  .btn-item-details {border-radius:5px}




.category_filter {background-color:#E7E7E7;padding:10px 5px;margin-top:20px}
.filter_name {font-weight:bold;padding:10px 5px;border-bottom:1px solid #cecece;margin:5px 0;border-top:1px solid #cecece;}

 .sort-results  {min-width:5%;font-size: 1.5rem;text-align: center;;cursor:pointer;position: absolute;  right: 0;  top: 20px;}
 .btn-item-type-filter {min-width:5%;cursor: pointer;}
.dropdown-content-sort {  display: none;  position: absolute;  background-color: white;  min-width: 250px;color:black;    z-index: 1;right:0;box-shadow: 0 0 10px -4px black;border-radius: 10px;padding:20px;text-align: left}
.dropdown-content-sort span {  color: black;  padding: 5px;  text-decoration: none;  display: block;	cursor:pointer;font-size:1rem}
.show {display:block}




.grid-category {display: grid;grid-template-columns: 250px 1fr;justify-content: flex-start;align-items: flex-start;grid-gap:20px;padding:10px}
.category-item {position: relative; display:block; padding: 7px 10px;   cursor: pointer;  font-size: 1.0rem;;color:#666;text-decoration: none }
.category-item:hover {outline:1px solid #dedede}
.category-title {font-size: 1.2rem;  font-weight: bold;  padding: 0 10px 10px 10px ;}
.products-list-title {font-size: 1.1rem;  font-weight: bold;  padding: 0 10px 10px 10px ;color:black;text-align: left;}
.product-list-symbol {font-size: 1.1rem; font-weight:normal; padding: 0 ;color:black;text-align: left;margin-top:7px}
.product-list-symbol span{font-weight:bold}
.product-list-producer {font-size: 1.1rem; font-weight:normal; padding: 0 ;color:black;text-align: left;}
.product-list-producer img{max-height:40px;vertical-align: middle;}
.products-list-name {font-size: 1.1rem;  font-weight: bold;  padding: 0 10px 10px 10px ;color:black;text-align: left;;}
.product-list-application {font-weight: normal}
.product-list-application span{font-weight: normal}
.btn-item-details.inBasket {background-color:var(--in-basket);color:black;border:1px solid black;;}

.cart-info {width:60%; margin:20px auto;grid-gap:10px }
.gotocart {text-decoration: none}
.cart .btn-icon i {position: absolute;left:20%; font-size:1.2rem; top:10px}
.cart .btn-icon {display:block}

.close-sort-box {position: absolute;right: 5px;top: -4px;color: black;border-radius: 10px;cursor:pointer;font-size:1.8rem}
.close-sort-box:hover {color: var(--dark-grey)}
.nav-sort-title {display:inline-block;font-weight: bold;font-size:1rem}

.prevItem, .nextItem {  display: inline-block;color: black;cursor: pointer;z-index: 9;position: absolute;  top: 45%;  background-color: white;  border-radius: 50%;  box-shadow: 0 0 29px -4px #b6a7a7;  padding: 10px;}
.prevItem {left:-20px;}
.nextItem {right: -20px;}


.btn-yellow-std {display: inline-block;text-align: center;padding: 8px 20px;color: black;background-color: var(--btn-yellow);border-radius: 5px;cursor: pointer;min-width: 100px; position: relative;font-size: 0.8rem;}
.btn-yellow-std:hover {background-color:var(--btn-yellow);color:black;}

.btn-orange-ghost{display:inline-block; text-align: center;padding:8px 15px; color:orange; border-radius:5px;cursor:pointer;position:relative; border:1px solid orange;font-size:1rem;font-weight:normal} 
.btn-orange-ghost:hover { } 


.btn-cyan-ghost-small {display: inline-block;font-size: 0.8rem;text-align: center;padding: 7px 0px;color: darkcyan;border-radius: 5px;border: 1px solid darkcyan;cursor: pointer;min-width: 150px;max-width:200px; width:100%;position: relative;font-weight: normal;text-decoration: none;} 
.btn-cyan-ghost-small:hover {  background-color: darkcyan;color:white} 

.btn-red-ghost-small {display: inline-block;font-size: 0.8rem;text-align: center;padding: 7px 0px;color: var(--red);border-radius: 5px;border: 1px solid var(--red);cursor: pointer;min-width: 150px;max-width:200px; width:100%;position: relative;font-weight: normal;text-decoration: none;} 
.btn-red-ghost-small:hover {  background-color: var(--red);color:white} 


.logon {height: 90%;padding:20px} 
.login.recov-container {max-width:60%}
.login .title {padding:10px; font-size:1.5rem;font-weight:bold; text-align: center}
.login input {border: 1px solid #cecece;  padding: 10px 20px;  font-size: 1.2rem;  color: #333;  border-radius: 5px;  width: calc(100% - 20px);}
.login .form-content {max-width: 80%;  margin: 0 auto;padding:20px}
.login .login-remember {position: relative;left: 45%;text-align: left;}
.login .login-remember label{text-align: left;margin-left:10px;font-size:0.8rem;}
.login .remember-me {width:auto}
.login .login-buttons {text-align: right}
/*.login div {text-align: right;}*/
.login .login-info {font-size:0.8rem; ; margin-top:20px}
.login .register-info {position:relative; padding:10px; border-radius:10px; border:3px solid darkcyan; width:100%; text-align: center}
.login .register-info a{font-size:1rem}

.login .steps-box {  position: relative; perspective: 1000;display: block;width: 100%;height: 100%;top: 0;}
.login .logon-steps {   transform-style: preserve-3d; transition: all  ease-in-out 0.4s;height:100%}
.login .changeToPass {  transform: rotateY(180deg);  }
.login .changeToPass2 {  transform: rotateY(0deg) !important; z-index:4 }
.login .logon-step-one {  position: absolute;  width: 100%;  height: 100%;  backface-visibility: hidden;}
.login .logon-step-two{transform: rotateY(180deg); position: absolute; width: 100%; height: 100%; backface-visibility: hidden;z-index:3}
.login .logon-step-two-email{transform: rotateY(180deg); position: absolute; width: 100%; height: 100%; backface-visibility: hidden;z-index:3}
.login .logon-step-three{transform: rotateY(180deg); position: absolute; width: 100%; height: 100%; backface-visibility: hidden;z-index:2}
.login .login-container-left {display: block;position: relative;height: 100%;width:100%;margin: 0 0 0 auto;}
.login .login-email-box {width: 58%;position: relative;display: inline-block;border-radius: 5px;border: 1px solid darkgray;}
.login .login-phone-box {width: 100%;position: relative;display: inline-block;border-radius: 5px;border: 1px solid darkgray;}
.login .login-sms-box {width: 100%;position: relative;display: inline-block;border-radius: 5px;border: 1px solid darkgray;}
.login .viewPass {position:absolute;right: 10px;  top: 10px; font-size:1.5rem;z-index:99;cursor:pointer}
.login #a_login img {max-width: 100%}
.login .btn-text-blue {color:var(--blue);font-size:1rem;text-decoration: none}

.login .viewPass:hover {color:black;}
.login .remember-me-box label {padding-left:0;font-size: 0.8rem;;width:100%;text-align: right}
.login .remember-me-box label input{width:30px; margin:0; padding:0;display:inline-block}
.grid-login {  display: grid;  grid-template-columns: 28% 70%;  align-items: flex-start;grid-gap:2%}
.btn-login {background-color: #00b300;  border: none;  border-radius: 5px;  padding: 10px 20px;  color: white;  font-size: 1.0rem;  min-width: 150px;}




.login .form-input {position: relative;margin:15px 0;color:#cecece}
.login .form-label {position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s;}
.login .form-input input::placeholder {  color: transparent;}
.login .form-input input{ padding:10px;border-radius: 5px;}
.login .form-input input:focus{ border:2px solid #00e42e !important;box-shadow:unset}
.login .form-input input:placeholder-shown ~ .form-label{position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s; }
.login .form-input input:not(:placeholder-shown) ~ .form-label{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.login .form-input input:focus ~ .form-label { position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}










.register {height: 90%;padding:20px}
.register .title {padding:10px ; font-size:1.5rem;font-weight:bold; text-align: center }
.register input {border:1px solid #cecece; padding:10px 20px; font-size:1.2rem; color: #333;;border-radius:5px;width:calc(100% - 20px)}
.register .form-content {max-width: 70%;  margin: 0 auto;padding:20px}
.register p {margin:0; padding:0;position:relative}
.register .input-loader {position:absolute;display:none;text-align: left;top:15px;right:20px}
.register .input-loader img {max-width:30px;}
.register .checker {position: relative;text-align: left;}
.register .checker label{margin-right:5%}
.register .check-login-info {display:none; position:relative; font-size:0.8rem;}
.register .check-email-info {display:none; position:relative; font-size:0.8rem; text-align: left;margin-left: 0%; color: green;}
.register .pass-strong {display: none;position: relative;margin-left: 0%;font-size: 0.6rem;text-align: left;}
#strength_score {display:inline-block;position:relative; font-size:0.6rem; }
.register .error-info {position:relative; color:red;; font-size:0.8rem;display: block; }
.register .newsletter {position: relative;text-align: right;margin:10px 0}
.register .newsletter label{text-align: left; width:auto; margin-left:10px;font-size:0.8rem;}
.register .subscribe-newsletter {width:auto}
.register .register-info {font-size:0.8rem; ; margin-top:20px;text-align:right}
.register .btn-check {font-size:0.8rem; ; position:absolute; right:10px; background-color:gray; color:white;top: 27%;padding: 8px;border-radius: 10px;cursor:pointer}
.register .btn-check:hover {background-color:var(--light-blue)}
.register .r_ok {background-color:var(--user)}
.register .r_no {background-color:var(--red)}
.register .r_no:hover {background-color:var(--red); cursor:unset}
.register .r_ok:hover {background-color:var(--user); cursor:unset}
.register  .viewPass {position:absolute;right: 10px;  top: 10px; font-size:1.5rem;z-index:9;cursor:pointer}
.register  .recomended {color:black;font-size:1.0rem;font-weight: bold; cursor:pointer}
.register  .register-buttons {text-align: right;margin-top:20px}
.btn-register {background-color: #0959f3;  border: none;  border-radius: 5px;  padding: 10px 20px;  color: white;  font-size: 1.0rem;  min-width: 150px;}

.register .regulation-check {width:20px}
.register .regulation  {display:grid;grid-template-columns: 20px 1fr;grid-gap:20px;border-top:1px solid #cecece;padding-top:5px; margin-top:5px;font-size:0.9rem}
.register .regulation label {width:100%;text-align: left}
.register .regulation .btn-text-blue {font-size: 0.9rem}



.register .progress-bar {width: 100%;height: 5px;background-color: #eee;border-radius: 5px;margin-bottom: 15px;overflow: hidden;}

.register    .progress {height: 100%;width: 0%;transition: width 0.3s;}

.red { background-color: red; }
.orange { background-color: orange; }
.yellow { background-color: gold; }
.green { background-color: green; }
.register   ul {list-style: none;padding: 0;}
.register   li {margin-bottom: 5px;color: #888;}
.register   li.valid {color: green;font-weight: bold;}
.register   #passwordRules {font-size:0.8rem}




.register .form-input {position: relative;margin:15px 0;color:#cecece}
.register .form-label {position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s;}
.register .form-input input::placeholder {  color: transparent;}
.register .form-input input{ padding:10px;border-radius: 5px;}
.register .form-input input:focus{ border:2px solid #00e42e !important;box-shadow:unset}
.register .form-input input:placeholder-shown ~ .form-label{position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s; }
.register .form-input input:not(:placeholder-shown) ~ .form-label{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.register .form-input input:focus ~ .form-label { position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}





.forgotForm {height: 90%;  padding: 20px;}
.forgotForm .form-content {  max-width: 550px;  margin: 0 auto;  padding: 20px;}
.forgotForm .checker {  position: relative;  text-align: right;}
.forgotForm label {  width: 30%;  text-align: right;  display: inline-block;}
.forgotForm .checker label {  margin-right: 5%;}
.forgotForm input {  border: 1px solid #cecece;  padding: 10px 20px;  font-size: 1.2rem;  color: #333;  border-radius: 5px;  width: 55%;margin-bottom:10px}
.forgotForm input:focus {  outline: none !important;  box-shadow: 0 0 10px #719ECE;  width: 55%;}
.forgotForm .btn-register {  margin-top:10px}
.forgotForm #register-from {text-align: right}

.dashboard  {max-width:1500px;margin:20px auto;background-color:white;padding:20px;position: relative;border-radius: 5px;}
.dashboard .section-title{font-size:1.2rem;font-weight:bold;text-align: left;margin-bottom:20px}
.dashboard  .dashboard-ordered-list-elem {display: grid;grid-template-columns:20% 80%;font-size: 0.8rem;padding: 10px;background-color: white;;align-items: flex-start;position: relative;border-bottom:1px solid #cecece}
.dashboard .grid-order {display: grid;  grid-template-columns: 100px 1fr;}
.dashboard .priceSmall {font-weight:bold}
.dashboard img {max-height:50px}
.dashboard img {max-height:50px}
.dashboard .orders-details {background-color: #ececec;  padding: 5px;font-size:0.8rem}
.dashboard .dlv-order-data {text-align: right}

.dashboard .dashboard-box-title {font-weight:bold;margin-bottom:20px}
.dashboard .dashboard-box {border-right:1px solid #cecece;height: 100%;padding-right: 20px;}
.dashboard .dashboard-box:last-child {border-right:none}
.dashboard .dashboard-invoices-list-elem {display: grid;grid-template-columns:1fr 1fr 1fr ;font-size: 0.8rem;padding: 10px;background-color: white;;align-items: flex-start;position: relative;border-bottom:1px solid #cecece}
.dashboard .btn-download-invoice {text-decoration: none; background-color:var(--orange);color:white;width:100%; padding:5px 5px; border-radius:5px}

.btn-orders-details {width: 100%;  position: relative;  color: var(--orange);  display: block;  text-align: right;  font-weight: bold;  margin-top: 10px;text-decoration: none}

.confirm.container {margin:50px auto;}
.confirm .title {padding:10px 10px 10px 20px; font-size:1.5rem;font-weight:bold; text-align: center }
.info-container {width:50%; margin:0 auto;padding:50px 0 }
.error {background-color:#FDCDCE; color:black; display:block;border-radius: 10px; }
.error div {border-bottom:1px solid white; display:block; padding:20px}
.correct {background-color:var(--dark-green); color:black; display:block;border-radius: 10px; }
.correct div {border-bottom:1px solid white; display:block; padding:20px}


.forgot-container {width:400px; margin:0 auto}
.forgot-container input[name='phone'] {padding:10px 15px}
.forgot-form .title {text-align: center}
.forgot-form .text-medium {text-align: center}

.forgot-email-box {  width: 100%;  position: relative;  display: inline-block;  border: 1px solid darkgray;border-radius: 5px;}
.btn-orange-small {display: inline-block;text-align: center;padding: 8px 20px;color: black;background-color: var(--orange);border-radius: 5px;cursor: pointer;min-width: 100px;position: relative;text-decoration: none;font-weight:normal;box-sizing: border-box;border:none}
.btn-orange-small:hover {background-color: #ffb13f;}



.user-nav-container {background-color: #e1dfdf;  padding: 15px;  text-align: center;font-size:0}
.user-nav-item {padding: 15px 20px;  border-right: 1px solid black;  text-decoration: none;  color: black;font-size:1rem;cursor:pointer}
.user-nav-item:hover {background-color: white}




#pagination  {list-style: none;padding:0;margin:0;position: relative;padding: 16px;}
#pagination li {display:inline-block; background-color:#696c74; color:white; padding:8px 10px;cursor: pointer}
#pagination .active {background-color:red}

.modal-map .modal-content {width:60%}
.modal-map #map {min-height:600px}
.modal-map .selectWorkshop {background-color:var(--orange);color:black;width:100%;padding:10px 0;cursor:pointer}

.product_details {background-color: white}
.product-grid {display: grid;grid-template-columns: calc(50% - 20px) 50%; justify-content: flex-start;align-items: flex-start;grid-gap:20px}
.product-images {text-align: center}
.product-images img{width:100%}
.product-details {position: relative;margin-top:20px}
.product-category {color:var(--dark-grey);font-size:0.9rem}
.product-title {color:var(--black);font-size:1.8rem;padding-right:50px}
.product-rate  {margin:10px 0 }
.product-rate i {color:var(--orange);}
.product-price {color:var(--blue);font-weight:500;font-size:1.8rem;margin:30px 0 }
.product-params {margin:30px 0 10px 0 }
.product-weight {margin:10px 0 10px 0 }
.product-producer img {max-width:100px;vertical-align: middle;}


.product_details  .propose-offer-container {display:block;grid-gap:20px 10px; margin-bottom: 1rem;flex-wrap: wrap;}
.product_details  .po-img {display:block;width: calc(100% - 30px) !important;background-position: center;  background-size: cover;  background-repeat: no-repeat;border:1px solid #cecece;padding:10px}
.product_details  .po-img-box {display:block;width: 100%;  height: 120px;  background-size: contain;background-repeat: no-repeat;background-position: center;}
.product_details  .po-link {color: black;text-decoration: none;min-width:50px;}
.product_details  .po-text {margin-top:5px;position: relative;display: block;min-height:50px}
.product_details  .show-all-propose {display: block;  max-width: unset;  margin-top: 20px;  position: relative;}
.product_details  .price-cs {font-weight: bold}
.product_details  .relatedType {border:1px solid #cecece;display:flex;justify-content: center;align-items: center;height:50px;padding:0 5px}
.product_details  .input-group-prepend {display:inline-block}
.product_details  .qty_input {width:50px;background-color:white; text-align: center;border:1px solid #cecece;padding: 10px 0;}
.product_details  .btn-number {background-color:var(--btn-yellow);color:black; font-size:1rem;text-align: center;padding:10px 10px;cursor:pointer;border: none;}
.product_details  input[type="number"] {  -moz-appearance: textfield;}
.product_details  .payment_info img{max-width:150px }
.product_details  .dlv_info img{max-width:100px }
.product_details  .dlv_grid_logo{display:grid;grid-template-columns:1fr 1fr;justify-content: flex-start;align-items: center}
.product_details  .payment-info {text-align: center; padding-top:1rem ;border-top:1px solid #cecece;margin:1rem 0}
.product_details  .payment-info img{max-width:300px;display:block;margin:0 auto}
.product_details  .product-image-details{max-width: 100%;   background-position: center;  background-size: cover;  background-repeat: no-repeat;}
.product_details  .slick-track {  margin-left: 0;}
 .product_details .offer-propose {border-top:1px solid #cecece;margin-top:10px; padding-top:10px}
 .product_details .showMap {display:inline;color:var(--blue);cursor: pointer}
 .product_details .showPopup {color:var(--blue);;cursor: pointer}
 
 .modal-i .modal-content {padding:20px}
 .modal-i .close-button {   margin: 10px;}
 .show-modal.modal-i .info-ghost-box{padding: 10px 20px 10px 85px;font-size: 2rem;text-align: center;}
 .info-ghost-box {padding:20px 20px 20px 85px;text-align: left;border-radius:10px;position: relative;border:2px solid var(--blue);font-size:1rem}
 .info-ghost-box .info-icon{position: absolute;background-color: var(--blue);height: 100%;width: 70px;top: 0;left: 0;border-radius: 7px 0 0 7px;display: flex;justify-content: center;align-items: center;font-size: 2rem;color: white;} 
 
 
 
 select[name="workshop"] {display: inline-block;padding:10px; border-radius:5px;border:1px solid #cecece;width:50%}
 select[name="accesories-type"] {display: block;padding:10px; border-radius:5px;border:1px solid #cecece;width:50%}
 select[name="install-product"] {display: block;padding:10px; border-radius:5px;border:1px solid #cecece;width:50%}
 select[name="install-accessories"] {display: block;padding:10px; border-radius:5px;border:1px solid #cecece;width:50%}

 
 .prevAccessories, .nextAccessories {  display: inline-block;color: black;cursor: pointer;z-index: 9;position: absolute;  top: 45%;  background-color: white;  border-radius: 50%;  box-shadow: 0 0 29px -4px #b6a7a7;  padding: 10px;}
.prevAccessories {left:-20px;}
.nextAccessories {right: -20px;} 
  
.offer-slider-container-thumb { }
.offer-slider-container-thumb .slick-list{margin:0 -5px;}
.offer-slider-container-thumb .slick-slide{margin:0 5px;}
.img-slider-thumb {max-width:100%;height:100px; background-position: center; background-size: contain;background-repeat: no-repeat; }

.br-details {border-right: 10px solid #EFEFEF;}

.accessories_container   .slick-dots li button::before {  font-size: 20px;}
.last-viewed-box   .slick-dots li button::before {  font-size: 20px;}
.section-products-module   .slick-dots li button::before {  font-size: 20px;}
.slick-dots li.slick-active button::before {  opacity: .99;  color: #0070ff !important;}

.product_details    .slick-dots li button::before {  font-size: 20px;}
.slick-dots li.slick-active button::before {  opacity: .99;  color: #0070ff !important;}

.product_details .prevImg {position: absolute;  left: 10px;  top: calc(50% - 20px);  z-index: 999;  color: black;}
.product_details .nextImg {position: absolute;  right: 10px;  top: calc(50% - 20px);  z-index: 999;  color: black;}



#share-link {position:absolute; right:3px;z-index:9;display:block;top:0px}
#share-link .hidden {display: none;}
#share-link svg {width: 20px;height: 20px;margin-right: 7px;}
#share-link button, #share-link .button {border:none;margin:0;display: inline-flex;align-items: center;justify-content: center;height: auto;padding: 5px 10px;color: black;text-align: center;font-size:1.5rem;font-weight: 100; line-height: 1.1;letter-spacing: 2px;text-transform: capitalize;text-decoration: none;white-space: nowrap;border-radius: 4px;cursor: pointer;background-color: transparent}
#share-link  button:hover, #share-link .button:hover {color:var(--grey)}
.share-dialog  button:hover, .share-dialog .button:hover {}



.share-dialog .dialog-title {font-size: 1.2rem;text-align: center}
.share-dialog .targets { display: block; margin-bottom: 20px;}
.share-dialog .targets .copyOK{ text-align: center;color:var(--green);}
.share-dialog .close-button {background-color: transparent;border: none;padding: 0;margin:10px}
.share-dialog .close-button svg {margin-right: 0;}
.share-dialog .link {display: flex;justify-content: space-between;align-items: center;padding: 10px;border-radius: 4px;background-color: #eee;}
.share-dialog .pen-url {margin-right: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.8rem;}
.share-dialog  svg {width: 20px;height: 20px;margin-right: 7px;}
.share-dialog  .share-container {width: 720px;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  background-color: white;  border-radius: 0.5rem;  display: block;padding:10px}

.share-dialog  .copy-link { background-color: darkgray;border-radius: 5px;padding: 5px;color: white;cursor:pointer}
.share-dialog .share-dialog {position: relative;font-size:1.2rem}
.share-dialog {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:9;}
 .share-dialog.is-open {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;z-index:999}
 .share-dialog i {font-size:1.2rem}

.offer-accessories {background-color: white;max-width: 1500px;  width: 100%;  margin: 20px auto;  position: relative;}
.offer-accessories .accessories_container{padding:20px}
.offer-accessories .title{font-weight:bold;font-size:1.2rem}
.offer-accessories .accessories-offer-grid{display:block;}
.offer-accessories .accessories-offer-grid .po-img{width: calc(100% - 20px) !important;   margin: 0 ;}
.offer-accessories .accessories-offer-grid .po-img-box{height:220px;background-repeat: no-repeat;background-size:contain;border-radius:10px}
.offer-accessories .po-link{text-decoration: none;colo:black}
.offer-accessories .po-text{color:black;min-height:60px;padding:0 10px;display:block}
.offer-accessories .price-cs{text-align: left;  color: var(--blue);  font-size: 1.2rem;  font-weight: bold;    padding: 10px ;}
.offer-accessories .po-img{border:1px solid #cecece;border-radius:10px}
.offer-accessories .slick-track {   margin-left: unset;  margin-right: unset;}
.offer-accessories .po-img{border:1px solid #cecece;border-radius:10px}



.offer-attrib {background-color: white;max-width: 1500px;  width: 100%;  margin: 20px auto;  position: relative;}
.offer-attrib .attrib_container{padding:20px}
.offer-attrib .title{font-weight:bold;font-size:1.2rem}
.offer-attrib .attribName{position: relative;padding-left:20px}
.offer-attrib .attribName::after{position: absolute;width:10px; height:10px; content:'\f00c';top:0px;left:0; font-family:"Font Awesome 6 Free";font-weight: 900;}
.offer-attrib .attrib-offer-grid{position: relative}


.btn-download {font-size:1rem;margin:5px 0;color:var(--black) ;text-decoration: underline;padding:5px 0;display: inline-block}
.btn-download:hover {color:var(--orange) }

.poducts-details-nav {background-color: white;max-width: 1500px;  width: 100%;  margin: 20px auto 0 auto;  position: relative;padding-top:10px;border-bottom: 1px solid #e6e6e6;}
.poducts-details-nav .grid-details-nav{display:grid;grid-template-columns: 1fr 1fr;max-width:400px;margin:0 auto}
.poducts-details-nav .grid-details-nav .btnNav{text-align: center;font-weight:bold;font-size:1.2rem;cursor:pointer}
.poducts-details-nav .grid-details-nav .btnNav:hover{}
.poducts-details-nav .grid-details-nav .btnNav.active{border-bottom:3px solid var(--orange);padding-bottom:10px;margin-bottom:0px}

.product-description {padding:20px}
.product-description .title{font-weight:bold;font-size:1.2rem}
.product-description h1{font-weight:bold;font-size:1.2rem}
.product-description h2{font-weight:bold;font-size:1.0rem}
.product-description h3{font-weight:normal;font-size:1.0rem}
.product-description h4{font-weight:normal;font-size:1.0rem}
.product-description h6{font-weight:normal;font-size:0.9rem}
.product_description_container {background-color: white;max-width: 1500px;  width: 100%;  margin: 0 auto 20px auto;  position: relative;}
.product_details .basketInfo {width:calc(100% - 20px);margin:30px 0}

.invoices {margin:20px auto 30px auto;background-color: white;padding:20px}
.invoices .invoices-list-elem {display: grid;grid-template-columns:1fr 1fr 1fr 1fr;font-size: 0.8rem;padding: 10px;background-color: white;;align-items: flex-start;position: relative;border-bottom:1px solid #cecece}
.invoices .section-title {font-size:1rem;font-weight:bold;color:var(--text-color);margin-bottom: 5px;  padding-bottom: 5px;position: relative}
.invoices .btn-download-invoice {text-decoration: none; background-color:var(--orange);color:white;width:200px; padding:5px 20px; border-radius:5px}
.invoices .invoices-btn  {text-align: right}
.invoices .btn-download-invoice {text-decoration: none; background-color:var(--orange);color:white;width:200px; padding:5px 20px; border-radius:5px}


.zoomed-image {position: absolute;top: 10%;left: 50%;width: 300px;height: 300px;background-repeat: no-repeat;background-size: 500%;display: none;border:1px solid #cecece;z-index: 10}


.settings .grid-user-settings{display:grid; grid-template-columns: 1fr 1fr 1fr;align-items: self-start; grid-gap:50px}
.settings .form-user-container {width: 1500px;  margin: 0 auto;  position: relative;background-color:white;padding:20px}
.settings .form-user-container input{width:calc(100% - 20px);border:1px solid var(--border);padding:5px;}
.settings .form-user-container select{width:calc(100% - 30px);border:1px solid var(--border);padding:6px;;background-color:white;font-size: 1rem;}
.settings .form-user-container textarea{width:calc(100% - 40px);border:1px solid var(--border);padding:5px;;min-height:100px;}
.settings .form-user-container .checkbox{display:block;margin-top:10px}
.settings .form-user-container .checkbox.hide{display:none}
.settings .form-user-container input[type=checkbox]{width:25px;height:20px;border:1px solid var(--border);margin-right:10px;display: inline-block;}
.settings .form-user-container input[type=radio]{width:25px;height:20px;border:1px solid var(--border);margin-left:10px;margin-bottom: 10px;top: 3px;position: relative;}
.settings .form-user-container .title{font-size: 2rem;  margin:  0 0 20px 0;}
.settings .form-user-container .section-title{font-weight:bold}
.settings .form-user-container .section-info{font-size: 0.9rem;  margin-top:10px;}
.settings .grid-b-r {border-right: 1px solid #cecece;  margin-right: 0px;  padding-right: 50px;}
.settings input[name="email_code"] {border-radius:5px;padding:10px}




.settings .form-input {position: relative;margin:10px 0;color:#cecece}
.settings .form-label {position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s;}
.settings .form-input input::placeholder {  color: transparent;}
.settings .form-input input{ padding:10px;border-radius: 5px;}
.settings .form-input input:focus{ border:2px solid #00e42e !important;box-shadow:unset}
.settings .form-input input:placeholder-shown ~ .form-label{position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s; }
.settings .form-input input:not(:placeholder-shown) ~ .form-label{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.settings .form-input input:focus ~ .form-label { position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.settings .form-input select {  width:100%}
.settings .form-input select::placeholder {  color: transparent;}
.settings .form-input select{ padding:10px;border-radius: 5px;}
.settings .form-input select:focus{ border:2px solid #00e42e !important;box-shadow:unset}
.settings .form-input select:placeholder-shown ~ .form-label{position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s; }
.settings .form-input select:not(:placeholder-shown) ~ .form-label{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.settings .form-input select:focus ~ .form-label { position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}

.settings .userDataOK {color:green;font-weight:bold;font-size:0.8rem;border-top: 1px solid #cecece;  margin-top: 20px;  padding-top: 10px;}
.settings .userDataNO {color:red;font-weight:bold;font-size:0.8rem;;border-top: 1px solid #cecece;  margin-top: 20px;  padding-top: 10px;}

.settings select.phone_prefix {display: inline-block;  width: 70px;  margin-right: 5px;}
.settings .flex label {left:80px}
.settings input[name="sms_code"] {padding: 10px;  border-radius: 5px;}
.settings .sms-flex {display:flex;justify-content: flex-start;align-items: center;grid-gap:20px}
.settings .email-flex {display:flex;justify-content: flex-start;align-items: center;grid-gap:20px}
.settings .hideSms {display:none}
.settings .hideEmail {display:none}



.btn-send-sms {display: inline-block;text-align: center;padding: 10px 20px;color: white;background-color: #667cd1;border-radius: 10px;cursor: pointer;min-width: 100px;position: relative;font-size:1rem;text-decoration: none}
.btn-send-sms:hover {background-color:#00b9b9;color:white;}
.btn-send-email {display: inline-block;text-align: center;padding: 10px 20px;color: white;background-color: #667cd1;border-radius: 10px;cursor: pointer;min-width: 100px;position: relative;font-size:1rem;text-decoration: none}
.btn-send-email:hover {background-color:#00b9b9;color:white;}

/*
input:focus {    outline: none !important;    box-shadow: 0 0 10px #719ECE;width: calc(100% - 40px);  }
input[type="checkbox"]:focus {    outline: none !important;    box-shadow: unset;width:inherit  }
*/


.pass-strong {display: none;position: relative;font-size: 0.7rem;text-align: left;}
#strength_score {display:inline-block;position:relative; font-size:0.6rem; }

.required {border:2px solid red !important}
.required::after {position: absolute;content:'';width:20px; height:30px; background-color:blue;}
.error_info {  position: absolute;  top: -9px;  right: 10px;  background-color: white;  color: red;  padding: 0px 10px;  font-size: 0.8rem;}


.btn-save {display:inline-block;padding:10px 30px;background-color:green;color:white;border-radius:10px;font-size:1.2rem}
.btn-gus {background-color: #667cd1;  display: inline-block;  border-radius: 5px;  color: white;  padding: 9px 10px;  position: absolute;  right: 0;  cursor: pointer;}
.btn-save[disabled] {background-color:grey}
#message {position:fixed;top:-150px; left: 50%;  transform: translateX(-50%);; background-color:green; border-radius:10px;opacity:1;box-shadow: 0px 0px 65px -5px black;z-index: 999}
#message .text{color:white;font-size:1rem; padding:30px 50px;line-height:200%;text-align: center}

.btn-cyan-small { border:none; display: inline-block;  font-size: 0.8rem;  text-align: center;  padding: 8px 10px;  color: white;  border-radius: 5px;  background-color: darkcyan;  cursor: pointer;  position: relative;  font-weight: normal;  text-decoration: none;  min-width: 100px;  box-sizing: unset;  margin: 10px 0;  max-width: 200px;  width: calc(100% - 20px);}

.btn-red-small {display:inline-block; text-align: center;padding:7px 20px; color: var(--red); border:2px solid  var(--red);border-radius:5px;cursor:pointer;min-width:100px;position:relative;font-size:0.8rem} 
.btn-red-small:hover {  background-color: var(--red);color:white} 

.address {margin:20px auto 30px auto;background-color: white;padding:20px}
.address .grid-pickup {  display: grid;  grid-template-columns: auto minmax(60px , 150px) minmax(60px , 150px);  align-items: center;  grid-gap: 10px;  padding: 5px 0 5px 0;}
.address .section-title {font-size:1rem;font-weight:bold;color:var(--text-color);margin-bottom: 5px;  padding-bottom: 5px;position: relative}
.address .btn-text{display:block;border-bottom:1px solid #cecece;padding:15px 20px;}
.address .addShipping{z-index: 9;position: absolute;top: 20px;right: 20px;cursor:pointer}
.address .section-title{margin:0 0 20px 0 }

.address .form-input input{width:calc(100% - 20px);border:1px solid var(--border);padding:5px;}
.address .form-input select{width:calc(100% - 30px);border:1px solid var(--border);padding:6px;;background-color:white;font-size: 1rem;}

.address .form-input {position: relative;margin:10px 0;color:#cecece}
.address .form-label {position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s;}
.address .form-input input::placeholder {  color: transparent;}
.address .form-input input{ padding:10px;border-radius: 5px;}
.address .form-input input:focus{ border:2px solid #00e42e !important;box-shadow:unset}
.address .form-input input:placeholder-shown ~ .form-label{position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s; }
.address .form-input input:not(:placeholder-shown) ~ .form-label{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.address .form-input input:focus ~ .form-label { position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.address .form-input select {  width:100%}
.address .form-input select::placeholder {  color: transparent;}
.address .form-input select{ padding:10px;border-radius: 5px;}
.address .form-input select:focus{ border:2px solid #00e42e !important;box-shadow:unset}
.address .form-input select:placeholder-shown ~ .form-label{position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s; }
.address .form-input select:not(:placeholder-shown) ~ .form-label{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.address .form-input select:focus ~ .form-label { position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.address select.phone_prefix {display: inline-block;  width: 70px;  margin-right: 5px;}
.address .flex label {left:80px !important}


.address .defaultDlv {position: absolute;background-color:var(--orange);color:white;padding:5px 10px; border-radius:5px;top:-25%;right:0}
.address .elem-dni {position: relative}






.orders {margin:20px auto 30px auto;background-color: white;padding:20px}
.orders .ordered-list-elem {display: grid;grid-template-columns:40% 12% 12% 12% 12% 12%;font-size: 0.8rem;padding: 10px;background-color: white;;align-items: flex-start;position: relative;border-bottom:1px solid #cecece}
.orders .grid-order {display: grid;  grid-template-columns: 100px 1fr;}

.orders .priceSmall {font-weight:bold}
.orders img {max-height:50px}
.orders .section-title {font-size:1rem;font-weight:bold;color:var(--text-color);margin-bottom: 5px;  padding-bottom: 5px;position: relative}
.orders .ordered-list-elem.canceled {background-color: #f7e4e4;}

.order-details {margin:20px auto 30px auto;background-color: white;padding:20px}
.order-details .title {font-weight:bold;margin:10px 0 }
.order-details .grid-details {display: grid;  grid-template-columns: 1fr 1fr;}
.order-details .ordered-list-elem {display: grid;grid-template-columns:40% 12% 12% 12% 12% 12%;font-size: 0.8rem;padding: 10px;background-color: white;;align-items: flex-start;position: relative;border-bottom:1px solid #cecece}
.order-details .grid-order-header {display: grid;  grid-template-columns: 150px calc(65% - 350px) 15% 10% 10% 200px; font-weight:bold;background-color:#eaeaea;padding:5px 10px}
.order-details .grid-order {display: grid;  grid-template-columns:150px calc(65% - 350px) 15% 10% 10% 200px;padding:5px 10px;border-bottom:1px solid #cecece;align-items: center}
.order-details .priceSmall {font-weight:bold}
.order-details img {max-height:50px}

.order-details .status1 {background-color:green;color:white;padding:5px 10px; border-radius:5px;position: relative;min-height: 15px;  max-width: 100px;} 
.order-details .status1::before {content:'OPŁACONE';position: absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content: center;align-items: center;font-size:0.8rem}

.order-details .status2 {background-color:orange;color:white;padding:5px 10px; border-radius:5px;position: relative;min-height: 15px;  max-width: 100px;} 
.order-details .status2::before {content:'PRZETWAŻANE';position: absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content: center;align-items: center;font-size:0.8rem}
.order-details .status3 {background-color:red;color:white;padding:5px 10px; border-radius:5px;position: relative;min-height: 15px;  max-width: 100px;} 
.order-details .status3::before {content:'ANULOWANE';position: absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content: center;align-items: center;font-size:0.8rem}


select[name="reason"] {width:calc(100% - 30px);border:1px solid var(--border);padding:6px;;background-color:white;font-size: 1rem;border-radius: 5px;}




.rabatInfo {background-color:#8CFAA6;color:black;padding:3px 5px;border-radius:5px;display:inline-block}


.cart-content {margin-top:10px}
.cart .cart-left {background-color:white;padding:20px}
.cart .cart-right {background-color:white;padding:20px}
.cart-all-remove {text-align:center; color:#008080; cursor:pointer;display:inline-block;padding:5px 10px;font-weight:bold} 
.cart-all-remove:hover {color:var(--red) } 
.cart .cart-title {font-size: 1rem;font-weight: bold;color: var(--text-color);padding: 10px 0;}
.cart .basket_product_grid {display: grid;  grid-template-columns:70px calc(55% - 140px) 25% 20% 70px;border-bottom:1px solid #cecece;padding:10px 0 ;align-items: center;position: relative}
.cart .grid-cart {display:grid;grid-template-columns: 75% calc(25% - 20px) ;justify-content: flex-start;align-items: flex-start;grid-gap: 20px;}
.cart .input-group-prepend {display:inline-block}
.cart .qty_input {width:50px;background-color:white; text-align: center;border:1px solid #cecece;padding: 5px 0;}
.cart .btn-number {background-color:var(--btn-yellow);color:black; font-size:1rem;text-align: center;padding:5px 10px;cursor:pointer;border: none;}
.cart input[type="number"] {    -moz-appearance: textfield;}

.cart .cart_price {display: block;  font-weight: bold;  color: var(--blue);}
.cart .price_cj {font-size: 0.8rem;margin-top:10px}

.cart .cart-right .title {font-weight:bold;font-size: 1.2rem;margin-bottom:20px}
.cart .priceInfo {margin-bottom:10px;}
.cart .priceFullInfo {background-color:#cecece;padding:20px;position: relative;left:-20px;width:calc(100% + 0px);margin-bottom:0}
.cart .cart_img img {max-width:90%}




.cart .form-input input{width:calc(100% - 20px);border:1px solid var(--border);padding:5px;}
.cart .form-input select{width:calc(100% - 30px);border:1px solid var(--border);padding:8.5px 10px;;background-color:white;font-size: 1rem;}

.cart .form-input {position: relative;margin:10px 0;color:#cecece}
.cart .form-label {position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s;}
.cart .form-input input::placeholder {  color: transparent;}
.cart .form-input input{ padding:10px;border-radius: 5px;}
.cart .form-input input:focus{ border:2px solid #00e42e !important;box-shadow:unset}
.cart .form-input input:placeholder-shown ~ .form-label{position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s; }
.cart .form-input input:not(:placeholder-shown) ~ .form-label{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.cart .form-input input:focus ~ .form-label { position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.cart .form-input select {  width:100%}
.cart .form-input select::placeholder {  color: transparent;}
.cart .form-input select{ padding:8.5px 10px;;border-radius: 5px;}
.cart .form-input select:focus{ border:2px solid #00e42e !important;box-shadow:unset}
.cart .form-input select:placeholder-shown ~ .form-label{position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s; }
.cart .form-input select:not(:placeholder-shown) ~ .form-label{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.cart .form-input select:focus ~ .form-label { position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.cart select.phone_prefix {display: inline-block;  width: 70px;  margin-right: 5px;}
.cart select.company_phone_prefix {display: inline-block;  width: 70px;  margin-right: 5px;}
.cart .flex label {left:80px !important}

.cart .btn-delivery-address-book { right:20px; top:13px;display: inline-block;  font-size: 0.8rem;  text-align: center;  color: darkcyan;  cursor: pointer;  position: absolute;}
.cart .btn-copy-address-book { right:0; top:13px;display: inline-block;  font-size: 0.8rem;  text-align: center;  color: darkcyan;  cursor: pointer;  position: absolute;}


.btn-product-link { display: block;  font-size: 1rem;  text-align: left;  color: darkcyan;  cursor: pointer;  position: relative;text-decoration: none;font-weight:500}


.cart .delivery-section {position: relative;border-top: 10px solid #EFEFEF;  width: 100%;  left: -20px;  padding: 0 20px;}

.cart .cart-remove {cursor:pointer}
.cart .form-input-checkbox {display:inline-block}
.cart .form-label-checkbox {display:inline-block}

.cart .btn-rabat    {position: absolute;  background-color: #bcf7c8;  padding: 9px 5px;  border-radius: 5px;  right: -1px;  top: 0;color:black;cursor: pointer}
.cart .rabatPriceInfo   {background-color:#bcf7c8;color:black;padding:20px;left: -20px;  width: calc(100% + 0px);position: relative}
.cart .rabatSectionPayment   {background-color:#cecece;color:black;padding:20px;left: -20px;  width: calc(100% + 0px);position: relative}
.cart .rabatError   {color:red}
.cart .rabatSection   {position: relative}




.cart  .payment_info img{max-width:150px }
.cart  .dlv_info img{max-width:100px }
.cart  .dlv_grid_logo{display:grid;grid-template-columns:1fr 1fr;justify-content: flex-start;align-items: center}

.cart .payments-grid {display:grid;grid-template-columns: 1fr 1fr;justify-content: flex-start;align-items: center;grid-gap:10px;margin-top:20px}
.cart .btn-payments-type {outline:2px solid #8a8a8a;padding:5px 10px;border-radius:5px;color:#8a8a8a;font-size:0.9rem;text-align: center;cursor:pointer}
.cart .btn-payments-type.active {outline:0;background-color:darkcyan;color:white}


.cart .free-dlv-info.active {background-color: #6be407;}
.cart .free-dlv-info {background-color: #959595;  width: calc(100% + 30px);  left: -20px;  position: relative;  border-radius: 0 0 5px 5px;  padding: 5px;}
.cart .free-dlv-left {display:inline;font-weight:bold}



.cart .grid-paczkomat {  display: grid;  grid-template-columns: 250px 1fr;margin-bottom:10px;justify-content: flex-start;  align-items: center;}
.cart .grid-paczkomat .btn-cyan-small{  margin:0}
.cart .id_paczkomat2 {  width: calc(100% - 12px ); padding: 7px;  border: 1px solid #dedede;border-radius:5px}



.cart .basketLogin {margin:10px 0; padding-top:20px !important}
.cart .cart-delivery {background-color:white;}
.cart .delivery-options {display:grid;grid-template-columns: 40px 1fr 100px;justify-content: flex-start;align-items: flex-start;padding:20px; border-radius:10px;margin:10px 0;border:1px solid #cecece;cursor:pointer}
.cart .delivery-options .dlvSelected {display: none}
.cart .delivery-options.active .dlvNotSelected {display: none}
.cart .delivery-options.active .dlvSelected {display: grid;}
.cart .delivery-options.active  { outline:2px solid green}
.cart .btn-container  {text-align: right;float:right;margin-top:3px}
.cart.headCart  {}


.cart .payment-options {display:grid;grid-template-columns: 40px 1fr 100px;justify-content: flex-start;align-items: flex-start;padding:20px; border-radius:10px;margin:10px 0;border:1px solid #cecece;cursor:pointer}
.cart .payment-options .paymentSelected {display: none}
.cart .payment-options.active .paymentNotSelected {display: none}
.cart .payment-options.active .paymentSelected {display: grid;}
.cart .payment-options.active  { outline:2px solid green}
.cart .outlineTop  {border-top: 10px solid #EFEFEF;  width: 100%;  left: -20px;  padding: 0 20px;position: relative}

.cart .note-section  {position: relative;}
.cart .note-section  input{width:20px;margin:0 10px 10px 0 }
.cart .note-section  textarea{height:100px;width:100%;border:1px solid #cecece;border-radius:10px}
.cart .note-section  .form-input{color:black}


.cart-check-email {padding:0 20px}
.cart-check-email .btn-blue{background-color: #075FBA;color:white;padding:8px 10px;text-align: center;border-radius:5px;text-decoration: none}
.cart-check-email .grid-2t{grid-gap:20px}





input[disabled] {  background-color: #f1f1f1;}
input[readonly] {  background-color: #f1f1f1;}

.btn-payment {background-color: var(--orange);  color: black;  text-align: center;  border-radius: 10px;  padding: 20px;  font-size: 1.2em;  margin-top: 20px;}
.btn-payment-login {display:block;background-color: var(--orange);  color: black;  text-align: center;  border-radius: 10px;  padding: 10px;  font-size: 1em;  margin-top: 20px;cursor:pointer}
.btn-payment-no-login {display:block;border:1px solid var(--orange);  color: var(--orange);  text-align: center;  border-radius: 10px;  padding: 10px;  font-size: 1em;  margin-top: 20px;cursor:pointer}
.modal-basket-login {padding:0 20px}

.dlv-modal {display:none;z-index: 1000;position: fixed;left: 0;top: 0;width: 100%;height: 100%;  background-color: rgba(0, 0, 0, 0.5);}
.dlv-modal .slider_dlv{position: fixed;width: 40%;background-color: white;top: 0;left: 0;margin: 0 auto;z-index: 12;top: 50%;left: 50%;transform: translate(-50%, -50%);padding:20px;border-radius:15px;padding-bottom: 53px;}
.dlv-modal .close-modal-delivery-sending {  position: absolute;  top: -2px; right: 0px;  font-size: 2rem;}
.dlv-modal .close-modal-delivery-address {  position: absolute;  top: -2px; right: 0px;  font-size: 2rem;}
.dlv-modal .select-modal-delivery {  position: absolute;  bottom: 0;  background-color: white;  z-index: 16;  width: calc(100% - 40px); text-align: center;}
.dlv-modal .modal-delivery-scroll {  max-height: 55vh;  overflow: auto;  padding-right: 5px;}
.dlv-modal .box-dlv {  border: 1px solid #cecece;  padding: 10px;    padding-bottom: 10px;  height: 100%;  border-radius: 10px;  cursor: pointer;  position: relative;  padding-bottom: 10px;  margin-bottom: 10px;}
.dlv-modal .box-dlv.selected {  border: 3px solid var(--green);}
.dlv-modal .dlvDefaultCart.active {  background-color: var(--green);  color: white;}
.dlv-modal .dlvDefaultCart {  width: calc(100% + 20px);  left: -10px;  position: relative;  top: -10px;  border-radius: 6px 6px 0 0;  text-align: center;  padding: 0px 0 3px 0;  font-size: 0.8rem;  height: 21px;}

.dlv-modal.show-modal {display:block}


.section-offer-box {position: relative;text-align: center;padding-bottom:100px;margin-bottom:200px}
.section-offer-box .section-box{margin:0 auto;width:80%;display:flex;flex-wrap: wrap;  grid-gap: 50px 0;margin-top:100px}
.section-offer-box .section-title{position: relative;font-size: 4rem;  color: white;display:inline-block}
.section-offer-box  .section-title span {color:var(--red)}
.section-offer-box  .section-title::after{content:'';position:absolute;bottom:-110px;left:50%;right:50%;width:100%;height:100%;max-width:80%;background-image: url('/img/claw.png');background-repeat: no-repeat;background-size: contain;transform: translate(-50%, -50%);}



.section-offer-box .offer-box-item{position: relative;}
.section-offer-box .offer-box-foto{position: relative; max-height:150px;z-index: 10 }
.section-offer-box .offer-box-content{position: relative;}
.section-offer-box .offer-box-title{position:relative;color:white;font-size:2.2rem;font-weight:bold;margin-bottom:10px;text-align: center}
.section-offer-box .offer-box{flex-basis: auto;position: relative;min-width: 20%;text-decoration: none;color:white}
.section-offer-box .offer-box img{max-height:125px;z-index: 11;position: relative;transition: all 0.3s;}

.section-offer-box .offer-box::after {content:'';position:absolute;bottom:-110px;left:50%;right:50%;width:100%;height:100%;max-width:70%;background-image: url('/img/menu-shine.png');background-repeat: no-repeat;background-size: contain;transform: translate(-50%, -50%);z-index: -1;opacity: 0.2;}

.section-offer-box .offer-box-item:hover > .offer-box-foto img{transform: scale(1.2)}



.section-offer-details {position: relative;text-align: center;padding-bottom:100px}
.section-offer-details .section-title{position: relative;font-size: 4rem;  color: white;display:inline-block}
.section-offer-details  .section-title span {color:var(--red)}
.section-offer-details  .section-title::after{content:'';position:absolute;bottom:-110px;left:50%;right:50%;width:100%;height:100%;max-width:80%;background-image: url('/img/claw.png');background-repeat: no-repeat;background-size: contain;transform: translate(-50%, -50%);min-width: 550px;}

.section-offer-details .offer-details-container {width:70%;margin:50px auto 0 auto;padding:50px;background-color:black}
.section-offer-details .offer-details-grid {display:grid;grid-template-columns: 20% calc(65% - 60px) 15%;justify-content: center;align-items: center;grid-gap:30px;border-bottom: 1px solid #ffffff40;}
.section-offer-details .offer-details-name {color:var(--orange);text-align: left;font-size:2.5rem}
.section-offer-details .offer-details-subname {color:white;text-align: left;font-size:1.5rem}
.section-offer-details .offer-details-price {font-size: 3rem;  color: var(--red);}




.section-map #map {width: 100%; height: 90vh; }

.section-footer {position: relative;padding:50px 0;background-color: #cecece;  color: black;margin-top:50px}
.section-footer img{max-width:300px;margin-bottom:20px}
.section-footer .footer-container{position: relative;max-width:80%;margin:0 auto;display:block;text-align: center;}




.section-offer-box-nav {position: relative;margin-bottom:30px}
.section-offer-box-nav .offer-box-nav{display: flex;  justify-content: center;  align-items: center;flex-basis: 100%;height:100px;background-color: black;text-decoration: none;overflow: hidden;position: relative;
    border: 2px solid black;
	}



.section-offer-box-nav .offer-box-item-nav{position: relative;height:60%;width:60%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: all 0.3s;}
.section-offer-box-nav .section-box-nav{display:flex;justify-content: flex-start;align-items: center;grid-gap: 0 10px;}

.section-offer-box-nav .offer-box-title-nav{display:flex;width:100%;height:100%;justify-content: center;align-items: center;color:white;text-decoration: none;z-index: 2;position: absolute;transition: all 0.3s;top:0}
.section-offer-box-nav .offer-box-title-nav h3{text-decoration: none}
.section-offer-box-nav .offer-box-item-nav::before{position: absolute;content:"";width:100%;height:100%;top:0;left:0;background-color:RGB(0,0,0,0.4);z-index: 1;transition: all 0.3s;}

.section-offer-box-nav .offer-box-nav:hover > .offer-box-title-nav{top:-100px}
.section-offer-box-nav .offer-box-nav:hover  .offer-box-item-nav::before {background-color:RGB(0,0,0,0.0)}
.section-offer-box-nav .offer-box-nav:hover  .offer-box-item-nav {transform: scale(1.4)}
.section-offer-box-nav .offer-box-nav:hover   {border-image: conic-gradient(from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn, var(--c2) 0.25turn) 30;animation: borderRotate var(--d) linear infinite forwards;background-color:#121212}


.blue-icon {color:#099bd7}
.gold-icon {color:#d77409}
.green-icon {color:#2ab537}

.text-yellow {color:var(--orange);}
.text-red {color:var(--red);}


.btn-blue-normal {font-size:2em; background-color:#0B74AE;color:white;padding:5px 20px;display: inline-block;font-weight:bold}




.footer-content {background-color:white;}
/*
.footer-content .language-box {position: absolute;display: inline-block;right: 20px;top: 10px;z-index: 13;text-align: left;} 
.footer-content .dropbtn {  background-color: white;  color: black;}
.footer-content .dropbtn-footer {  background-color: white;  color: black;}
.footer-content .dropdown-content-language {  width: 200px;min-width:200px}
*/
.footer-content header .container {  width: 100%;}
footer {background-color:#444444;padding:10px 0 ;min-height:100px}
footer .countries {border-bottom:1px solid #cecece; padding-bottom:5px}
footer .countries ul {list-style:none; padding:0; margin:0; display: flex; justify-content: center;align-items: center}
footer .countries li {display:inline;padding: 5px 10px;}
footer .footer-logo img {max-width:50%}
footer .footer-text {color:#fff; text-align: left; padding-top:50px}
footer ul {list-style:none;padding:0;margin:0}
footer .footer-offer {display: inline-flex;justify-content: space-between;}
footer .footer-link {color:#b1b1b1; text-decoration:none;font-size:0.8rem;position:relative}
footer .footer-link:hover {color:var(--orange); text-decoration:underline;}
footer .footer-offer-title {color:#b1b1b1; font-weight:700}
footer .text-center {text-align:center; font-size:0.8rem; color:#cecece; padding:10px 0 }
footer .menu-container {display: flex;justify-content: center;width: 90%;margin: 0 auto;margin-top:30px;grid-gap:50px}
footer h3 {font-size:0.8rem; color:white; font-weight:bold;text-decoration:none}
footer .footer-box  {position:relative;flex-basis: 100%}
footer .footer-box a {text-decoration:none;}

footer .footer-grid-grey {display:grid;grid-template-columns: 300px 1fr;grid-gap:20px;justify-content: flex-start;align-items: flex-start}
footer .footer-contact-box {margin-top: 30px;;font-size:0.8em}
footer .footer-contact-box-text {color:white}
footer .footer-contact-box .grid-20-80 {justify-content: center;align-items: center}
footer .footer-contact-box i {font-size:2rem;color:var(--orange)}
footer .footer-phone {color:white;font-weight:bold;font-size:1.2rem;text-decoration: none}
footer .footer-phone .footer-link{color:var(--orange);font-size:1rem}

.footer-menu {display:flex}

.grid-20-80 {display:grid; grid-template-columns: 20% calc(80% - 20px);align-items: flex-start; }



	#mobile-footer {opacity: 0;visibility: hidden;width: 100%;height: 100vh;left: 0;top: 0;background-color: RGBA(0,0,0,0.9);color: #fff;z-index: 9;display: block;position: fixed;transition: opacity .35s, visibility .35s, height .35s;;overflow-x: hidden;overflow-y: auto}	
	.open {opacity: 1 !important;visibility: visible !important;display: block !important;overflow: auto;}	
	#mobile-footer .mobile-menu {margin-top:0px;padding-bottom:60px}
.btn-expand-arrow-footer {display:none}
.btn-expand-arrow-attrib {display:none}
.footer-new {position: absolute;font-size: 0.6rem;left: 15%;background-color: var(--orange);color: black;padding: 2px;border-radius: 3px;top: -80%;}	
.header-footer {display:grid; grid-template-columns: 10% 89%; align-items: center;padding:10px;grid-gap:1%}
.header-footer img{max-width:120px}
.header-footer-nav {margin:0; padding:10px 20px;text-decoration: none;color:black;display:block;border-right: 1px solid #cecece;}
.header-footer-nav:hover {text-decoration:none;border-bottom:5px solid black;}
.footer-grid {display:none !important}

.footer section {margin: 20px 0;}
.footer .offer-title {font-size: 1rem;font-weight: bold;color: var(--text-color);padding: 10px 0;}
.footer .offer-category select	{padding: 10px 10px;border: 1px solid #cecece;max-width: 300px;margin: 10px 0;width:90%}
.footer .config-price select	{padding: 10px 10px;border: 1px solid #cecece;max-width: 300px;margin: 10px 0;;width:90%}
.footer .footer-calc input	{padding: 10px 10px;border: 1px solid #cecece;width: 280px;margin: 10px 0;}
.footer .footer-calc select	{padding: 10px 10px;border: 1px solid #cecece;width: 300px;margin: 10px 0;}
.footer .footer-calc .calculate	{display:block;width: 300px;max-width:unset;padding:10px 0 }
.footer .footer-calc .calculatedValue	{display:block;margin:10px 0 ;padding:10px 0;}
	

.footer-menu {margin-top:20px}

.sub-header-footer {width:100%;max-width: 1500px;  margin: 0 auto 20px auto;display:flex;text-align: center;margin-bottom: 5px;padding-bottom: 30px;position: relative}
.sub-header-footer::after {content:"";position:absolute;left:0;bottom:0px;border-bottom: 3px solid gray;height:3px;width: calc(100vw - 8px);  transform: translateX(-50vw);
  margin-left: 50%;}
.sub-header-footer-2 {width:100%;display:block;color:black;text-align: left;margin-top:20px}
.nav-footer-link {color:black;padding:10px 15px;text-decoration:none;font-size: 0.9rem;border-right: 1px solid #cecece;}
.nav-footer-link:hover {border-bottom:3px solid black;margin-bottom:-3px}
.nav-footer-link-2 {color:black;font-weight:bold;padding:10px 5px;text-decoration:none;border-bottom:1px solid black;font-size: 0.8rem;display:block;align-items: center;}
.nav-footer-link-2:hover {border-bottom:5px solid black;text-decoration: none}

.nav-footer-link-2:nth-child(n+6) {border-top:none}

.nav-footer-link-2:nth-child(n+6) {border-top:none}
.container-footer-right {padding-left:0px}
.container-footer-right .i-popup {margin-left:3px}

.nav-footer-link-3 {color:black;font-weight:bold;background-color:grey;padding:10px 5px;text-decoration:none;border-bottom:1px solid black;font-size: 0.8rem;border-top:1px solid white;display:block;align-items: center;}
.nav-footer-link-3:hover {border-bottom:5px solid grey;text-decoration: none}
.mob-nav-subfooter {}
.onlyMob {display:none}

.footer select {background-color:white;}

.footer .promoTitleCompany{background-color: var(--company);color: white;padding: 10px;margin-bottom: 10px;}
.footer .promoTitlePrivate{background-color: var(--user);color: white;padding: 10px;margin-bottom: 10px;}


.active-fl {text-decoration: none;  border-bottom: 5px solid black;}
.active-fl2 {text-decoration: none;  border-bottom: 5px solid black;}

.social-box-icon {display:inline-block; padding:0 10px}
.social-icon {color:white;}
.social-icon i { font-size:1.5rem}
.social-media {display: flex;justify-content: end;margin-top: 30px;}
.social-icon:hover {color:var(--orange);}


.currentCategory {background-color: #cecece;  padding: 4px;  border-radius: 5px;}
.categoryBack {color:var(--orange);font-weight:bold;display:block}

.elements .elements-title{position: relative;margin:20px 0 ;font-weight:bold;font-size:1.2rem}
.elements .elements-content{margin:20px 0 50px 0 }


.thumbnails {position: relative;background-color:#cecece;font-size:0.8rem}
.thumbnails a{color:grey;text-decoration: none;font-size:0.8rem}
.thumbnails-container {max-width:1500px;position: relative;margin:0 auto;text-align: left;padding:10px}






.text-white-big {font-size:3rem; color:white;}
.text-white-medium {font-size:2rem; color:white;}
.text-white-normal {font-size:1rem; color:white;}
.text-white-small {font-size:0.8rem; color:white;}
.text-white-tiny {font-size:0.7rem; color:white;}
.text-white-micro {font-size:0.6rem; color:white;}

.text-big {font-size:4rem; }
.text-medium {font-size:2.5rem;}
.text-middle {font-size:2rem;}
.text-normal {font-size:1rem;}
.text-small {font-size:0.8rem; }
.text-tiny {font-size:0.7rem;}
.text-micro {font-size:0.6rem; }

.font-big {font-size:3rem; }
.font-medium {font-size:2rem;}
.font-middle {font-size:1.5rem;}
.font-normal {font-size:1rem;}
.font-small {font-size:0.8rem; }
.font-tiny {font-size:0.7rem;}
.font-micro {font-size:0.6rem; }

.text-1-2 {font-size:1.2rem; }
.text-1-4 {font-size:1.4rem; }
.text-1-6 {font-size:1.6rem; }
.text-1-8 {font-size:1.8rem; }

.t-100 {font-weight: 100}
.t-200 {font-weight: 200}
.t-300 {font-weight: 300}
.t-500 {font-weight: 500}
.t-700 {font-weight: 700}
.t-900 {font-weight: 900}


.text-italic {font-style: italic}
.text-blue {color:#3d759c}
.text-quote {position: relative;}
.text-quote::before {position: absolute;content: '“';width:60px;height:60px;left:-80px;top:-40px;font-size:5rem;color:var(--brown);font-weight: bold}
.text-quote::after {position: absolute;content: '“';width:60px;height:60px;right:-80px;bottom:-40px;font-size:5rem;color:var(--brown);transform: rotate(180deg);font-weight: bold}

.grid-2c {display:grid; grid-template-columns: 1fr 1fr ;align-items: center;justify-content: center}
.grid-2 {display:grid; grid-template-columns: 1fr 1fr ;align-items: flex-start;justify-content: flex-start}
.grid-4 {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr;align-items: flex-start;justify-content: flex-start}
.grid-80-20 {display:grid; grid-template-columns: 90% 10%;align-items: center;justify-content: flex-start}
.grid-gap-1 {grid-gap:10px}
.grid-gap-2 {grid-gap:20px}
.grid-gap-3 {grid-gap:30px}
.grid-gap-4 {grid-gap:40px}
.grid-gap-5 {grid-gap:50px}
.grid-gap-0-2 {grid-gap:0 20px}


.grid-3t {display:grid; grid-template-columns: 50% 20% 30%;align-items: self-start; }
.flex {display:flex}
.grid {display:grid}
.bb {border-bottom:1px solid var(--border);}
.bt {border-top:1px solid var(--border);} 
.bt-w {border-top:1px solid white} 
.br {border-right:1px solid var(--border);} 
.mb-05 {margin-bottom:0.5rem}
.mb-1 {margin-bottom:1rem}
.ml-1 {margin-left:1rem }
.ml-2 {margin-left:2rem}
.mb-2 {margin-bottom:2rem}
.mr-2 {margin-right:2rem}
.mr-1 {margin-right:1rem}
.mb-3 {margin-bottom:3rem}
.mb-4 {margin-bottom:4rem}
.mb-5 {margin-bottom:5rem}
.mb-6 {margin-bottom:6rem}
.mb-8 {margin-bottom:8rem}
.mt-03 {margin-top:0.3rem}
.mt-1 {margin-top:1rem}
.mt-10 {margin-top:10px}
.mb-10 {margin-bottom:10px}
.mt-2 {margin-top:2rem}
.mt-3 {margin-top:3rem}
.mt-4 {margin-top:4rem}
.mt-5 {margin-top:5rem}
.mt-6 {margin-top:6rem}
.mt-8 {margin-top:8rem}
.mt--10 {margin-top:-10px !important}
.mt--9 {margin-top:-9px !important}
.mt--5 {margin-top:-5px !important}
.pb-03 {padding-bottom:3px}
.pb-05 {padding-bottom:5px}
.pb-06 {padding-bottom:6px}
.pb-1 {padding-bottom:1rem}
.pb-2 {padding-bottom:2rem}
.pb-04 {padding-bottom:0.4rem}
.pb-10 {padding-bottom:10px}
.pb-20 {padding-bottom:20px}
.pt-1 {padding-top:1rem}
.pt-10 {padding-top:10px}
.pl-1 {padding-left:1rem}
.pl-2 {padding-left:2rem}
.pl-10 {padding-left:10px}
.pt-2 {padding-top:2rem}
.pr-1 {padding-right:1rem}
.pr-2 {padding-right:2rem}
.pr-50 {padding-right:50px}
.pr-100 {padding-right:100px}
.p1 {padding:1rem;}
.p2 {padding:2rem;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.text-red {color:var(--red);font-weight:bold}
.text-cyan {color:darkcyan;font-weight:bold;text-decoration: none}
.text-0-8 {font-size:0.8rem;}
.text-1 {font-size:1rem;}
.text-1-2 {font-size:1.2rem;}
.text-1-4 {font-size:1.4rem;}
.text-1-6 {font-size:1.6rem;}
.disabled {background-color:grey !important}
.bold {font-weight:bold}
.dark-grey-box {background-color:var(--dark-grey); color:white;border-radius:10px; padding:20px; }
.hide {display:none}
.hide-f {display:none !important}
.text-center {text-align: center}
.text-left {text-align: left}
.text-right {text-align: right}
.pr {position: relative}
.oh {overflow: hidden}
.lh-2 {line-height:200%}
.w100 {width:100% !important} /* NEW */
.w50 {width:50% } /* NEW */
.w60 {width:60% } /* NEW */
.w70 {width:70% } /* NEW */
.w82 {width:82% } /* NEW */
.mw150 {min-width:150px}
.db {display:block}
.dib {display:inline-block}
.btn-container-right {position: relative;text-align:right }
.btn-container-center {position: relative;text-align:center}
.ar {position:relative; margin-right:0;margin-left:auto} /*  NEW  */
.al {position:relative; text-align: left} /*  NEW  */
.link-text {text-decoration:none;font-size:0.8rem;color:var(--dark-grey);}
.link-text:hover {text-decoration:underline;}
.link-pdf {text-decoration:none;font-size:1rem;color:var(--orange);font-weight: bold}
.link-pdf:hover {text-decoration:underline;}
.auto-rows {grid-auto-rows: 1fr;align-items: unset}
.h100 {height:100%;}
.grid-cb {display:grid; grid-template-columns: 20% 80%; justify-content: center;align-items: center}
.disabledBtn {background-color:grey !important;color:white !important}
.disabledBtnFav {color:grey !important}
.fr {float:right}
.orange {color:orange}
.dark-red {color:var(--red)}
.emptyInfo {background-color: white;padding:20px}
.backToTop {position: sticky;bottom: 20px;right: 0;background-color: white;border-radius: 50%;padding: 10px;box-shadow: 0px 0px 35px -10px black;left: 100%;display: inline-block;margin-bottom: 20px;}
.backToTop:hover {color:var(--red);}
.hideBack {display:none !important}
.gr13 {grid-row:1/3}
.gr12 {grid-row:1/2}
.gc914 {grid-column:9/14}
.gc913 {grid-column:9/13}
.v-center {display:flex;align-items: center;height:100%}
p {margin:0}
.tar {text-align: right}
 .checkCont input[type="checkbox"],.checkCont input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.mh60 {min-height:60px}
.mh100 {min-height:100px}
.mh150 {min-height:150px}
.mh200 {min-height:200px}
.mh300 {min-height:300px}
.mh500 {min-height:500px}
.pt-0 {padding-top:0}
.colorYellow {color:#ff9700}
.colorGreen {color:#3f9d3d}
.colorBlue {color:#056eb0}
.va-c {align-items: center}
.btn-text {text-decoration: none;color:var(--dark-grey);font-size:0.8rem}
.btn-text-white {text-decoration: none;color:var(--white);font-size:0.8rem}
.btn-text-orange {text-decoration: none;  color: #e05c0b;  font-weight: bold;}
.bg-white {background-color:white}
.to-right {float:right}
.grid-2t {display:grid; grid-template-columns: 1fr 1fr;align-items: start; }
.showMob {display:none}

.checkCont {display: inline-block;position: relative;padding-left: 35px;margin-bottom:0;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkmark { position: absolute; top: -1px; left: 0; height: 20px; width: 20px; background-color: white;border:2px solid #00aafb;border-radius:5px}
.checkCont:hover >.checkmark { background-color: #DFDFDF;}
.checkCont input:checked ~ .checkmark { background-color: #00aafb;}
.checkCont .checkmark:after { content: ""; position: absolute; display: none;}
.checkCont input:checked ~ .checkmark:after { display: block;}
.checkCont .checkmark:after { left: 6px;top: 2px; width: 5px; height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}


.warning-box {padding:20px 20px 20px 85px;text-align: left;border-radius:10px;position: relative;border:2px solid #f7c502;font-size:1rem;height:100%;display:flex}
.warning-box .warning-icon{position: absolute;background-color: #f7c502;height: 100%;width: 70px;top: 0;left: 0;
border-radius: 7px 0 0 7px;display: flex;justify-content: center;align-items: center;font-size: 2rem;color: white;}
.container-modal.warning-box .title{text-align: center}
.warning-box-span {grid-column: 2/2 span;}


#nav-icon3 {
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
 #nav-icon3 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 18px;
}

#nav-icon3 span:nth-child(4) {
  top: 36px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

@property --angle {
  syntax: '<angle>';
  initial-value: 90deg;
  inherits: true;
}

@property --gradX {
  syntax: '<percentage>';
  initial-value: 50%;
  inherits: true;
}

@property --gradY {
  syntax: '<percentage>';
  initial-value: 0%;
  inherits: true;
}


@keyframes borderRotate {
	100% {
		--angle: 420deg;
	}
}

@keyframes borderRadial {
	20% {
		--gradX: 100%;
		--gradY: 50%;
	}
	40% {
		--gradX: 100%;
		--gradY: 100%;
	}
	60% {
		--gradX: 50%;
		--gradY: 100%;
	}
	80% {
		--gradX: 0%;
		--gradY: 50%;
	}
	100% {
		--gradX: 50%;
		--gradY: 0%;
	}
}



.dots-container {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:9;}
.show-dots {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;z-index:999}
.dots-close {position:absolute;right:0;margin:20px;cursor: pointer;z-index:10;top:0}
.dots-content {background-color: white;  width: 30%;  right: 0;  position: absolute;  height: calc(100% - 40px);padding:20px;overflow: auto;color:black}
.dots-menu {text-align: center}
.dots-title {font-size: 1.6rem;padding:20px 10px;border-bottom:1px solid #cecece;cursor:pointer;display: block;text-decoration: none;color:black;background-color: white}
.dots-category {text-align: center;padding:10px 5px;background-color:var(--red);color:white;cursor:pointer;display: block;text-decoration: none;color:white}
.dots-items {display:grid;grid-template-columns: 10% calc(80% - 50px) 10%;justify-content: flex-start;align-items: center;grid-gap:20px;cursor:pointer;color:white;border-bottom:1px solid white;text-decoration: none}
.dots-img img{max-width:100%}
.dots-items .dots-name{}
.dots-category:hover {background-color:#cecece;color:black}
.dots-title:hover {background-color:#cecece;color:black}



.modal-category {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:9;}
.modal-category-content {background-color: white;  width: 30%; max-width:400px; left: 0;  position: absolute;  height: calc(100% - 40px);padding:20px;overflow: auto;}
.modal-category-close {position:absolute;right:0;margin:10px;cursor: pointer;z-index:10;top:0}
.modal-category-close i {font-size:1.5rem}
.modal-category-items {display:block;cursor:pointer;color:black;border-bottom:1px solid #d5d4d4;text-decoration: none;padding: 10px 0;}
.show-modal-category {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;z-index:999}




.modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:9;}
.close-button {position:absolute;right:0;margin:20px;width: 1.5rem;line-height: 1.5rem;text-align: center;cursor: pointer;border-radius: 0.25rem;background-color: #cecece;z-index:10;top:0}
.close-button:hover {background-color: darkgray;}
.show-modal {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;z-index:999}
.show-modal.modal-i .info-ghost-box{padding: 10px 20px 10px 85px;font-size: 2rem;text-align: center;}
.modal-content {width: 720px;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  background-color: white;  border-radius: 0.5rem;  display: block}
.modal-text {  text-align: center;  background-color: white;  border-radius: 0.5rem;}
.modal .powiadomienie {  max-height: 100vh;  overflow: auto;}
.modal .msg-modal {text-align: left; padding:50px 20px 20px 20px;}
.modal .msg-modal .temat_wiadomosci {margin-bottom:20px}
.modal .title {font-weight:bold;font-size:1.2rem;margin:20px 0 }







#mobile {  opacity: 0;  visibility: hidden;  width: 100vw;  height: 100vh;  left: 0;  top: 0;  background-color: RGBA(0,0,0,0.9);  color: #fff;  z-index: 9;  display: block;  position: fixed;  transition: opacity .35s, visibility .35s, height .35s;}

.open {  opacity: 1 !important;  visibility: visible !important;  display: block !important; }
#mobile .menu-item {  font-size: 4vw;  color: white;  padding: 10px 5px 10px 40px;  text-transform: uppercase;  letter-spacing: 5px;  display: inline-block;    text-decoration: none;}
#mobile ul, #mobile li {  list-style: none;}
#mobile .mobile-menu {  position: relative;  width: 100%;  text-align: left;  margin-top: 15%;  display: inline-block;  z-index: 2;  left: 0%;}
#mobile ul, #mobile li {  list-style: none;  padding: 0;  margin: 0;    margin-top: 0px;}


	.navSticky  {position: fixed;top: 0;z-index: 99;background-color:white;width:100%;grid-gap: 1%;box-shadow: 0px 0px 10px 0px black;}
	.navSticky  .headerSticky {   display: flex;  align-items: center;   padding: 10px;   grid-gap: 1%;;}
	.navSticky  .btn-nav-sticky { display: inline-block;text-align: center;text-decoration: none;color: var(--blue2);font-size:0.8rem;width:100%;position: relative;cursor:pointer}
	.navSticky  .btn-nav-sticky:hover { color: var(--blue2);}
	.navSticky  .btn-nav-sticky i{ font-size: 1.2rem;width:100%}
	.navSticky  .btn-nav-sticky i.rotateIcon{ transform: rotate(45deg);left: 5px;top: 5px;}
	.navSticky  .btn-nav-sticky:hover i{ color: var(--blue);}
	.navSticky  .hamburger-inner::before{top:-7px}
	.navSticky  .hamburger-inner::after{top:7px}
	.navSticky  .cart-item { top: 2px; left: unset;right:10%;width: 12px;height: 12px;font-size: 0.6rem;}
	.navSticky  .hamburger-inner, .navSticky .hamburger-inner::before, .navSticky .hamburger-inner::after {   width: 30px;}
	.navSticky  .hamburger-box {    width: 30px;height:15px}
	.navSticky  .hamburger-1.nol {   text-align: center;width:100%;top:0}
	.navSticky  .hamburger-text {  display:block; text-align: center;font-size:0.8rem;color: var(--text);}
	.hamburger-1.hamburger {display:none }
	.hamburger-1.hamburger.is-active {display:block !important}

.priceHistory {cursor:pointer;margin-bottom:10px}
.priceHistory:hover {text-decoration: underline}
.modal-right .modal-content {width: 550px;position: absolute;top: 0;right: 0;background-color: white;display: block;height: 100%;left:unset;transform:unset;border-radius:0}
.modal-right .title {font-size:1rem;font-weight:normal}
.modal-right .titleOffer {font-size:1rem;font-weight:bold;padding:10px}
.modal-right .subTitle {font-size:1rem;color:var(--orange);font-weight:bold}
.modal-right  .discount {  border-radius: 5px;  padding: 3px 5px;  font-size: 0.8rem;  display: inline-block;  font-weight: bold;}
.modal-right  .oldPrice {  display: inline-block;  text-decoration: line-through;  font-size: 0.8rem;  color: gray;  margin: 10px;}
.modal-right  .newPrice {  color: var(--orange);  font-size: 1.8rem;  font-weight: bold;}
.modal-right  .promoBox {  display: inline-block;  min-width: 30%;border-radius: 5px;padding: 5px;}
.modal-right  .tresc {  padding:20px}
.modal-right  .btn-icon i { position: absolute;    left: 10%;    font-size: 1.2rem;    top: 10px;}
.modal-right  .btn-orange-small{ min-width:200px}
.modal-right  .powiadomienie{ overflow: unset}
.modal-right  .text-left{ overflow: auto;max-height: calc(-415px + 100vh);}
.modal-info   .btn-orange-small.btn-icon{ min-width:200px}
.modal-info   .btn-orange-small.btn-icon i { position: absolute;    left: 10%;    font-size: 1.2rem;    top: 10px;}







.show-modal-quqi {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;z-index:999}
.quqi .modal-content {width: 100%;position: absolute;top: unset;left: 0;transform: unset;background-color: white;border-radius: 0;display: block;bottom: 0;}
.quqi .modal-content .modal-text .title {font-size:1.5rem}
.quqi .modal-content .modal-tresc {font-size:0.8rem}
.quqi .settings-quqi {max-width: 50%;  margin: 0 auto;  text-align: left;}
.quqi .title {  padding: 10px 0;position:relative;left:unset;top:unset;color:unset}
.quqi label {font-weight: bold}
.quqi .quqi-btn-container {text-align: center;display: flex;align-items: center;justify-content:center;grid-gap: 30px;position: relative;margin: 20px 0;}
.quqi .quqi-item {margin: 20px 0;}
.quqi .checkCont {  padding-left: 45px;}
.footer-quqi .settings-quqi {width:100%;max-width:100%}
.footer-quqi .title {font-weight: bold;  font-size: 1.5rem;}
.quqi .btn-orange-small{min-width:220px}
.quqi .set-quqi{min-width:200px}
.quqi .more-info-quqi{min-width:200px}
.quqi .btn-quqi-set{padding: 7px 10px;font-size: 0.8rem;}
.btn-orange-small {display: inline-block;text-align: center;padding: 8px 20px;color: black;background-color: #7CEA8D;border-radius: 5px;cursor: pointer;min-width: 100px;position: relative;text-decoration: none;font-weight: normal;box-sizing: border-box;}
.btn-cyan-small {display: inline-block;font-size: 0.8rem;text-align: center;padding: 8px 10px;color: white;border-radius: 5px;background-color: #4682F5;cursor: pointer;position: relative;font-weight: normal;text-decoration: none;min-width: 100px;box-sizing: unset;margin: 10px 0;max-width: 200px;width: calc(100% - 20px);}
.btn-cyan-ghost-small {display: inline-block;font-size: 0.8rem;text-align: center;padding: 7px 10px;color: #7a7979;border-radius: 5px;border: 1px solid #7a7979;cursor: pointer;min-width: 120px;max-width: 200px;width: calc(100% - 20px);position: relative;font-weight: normal;text-decoration: none;}
.btn-red-ghost-small {display: inline-block;font-size: 0.8rem;text-align: center;padding: 7px 10px;color: #c72f00;border-radius: 5px;border: 1px solid #AA0000;cursor: pointer;min-width: 120px;max-width: 200px;width: calc(100% - 20px);position: relative;font-weight: normal;text-decoration: none;}

.btn-orange {display: inline-block;text-align: center;padding: 11px 20px;color: var(--black);background-color: var(--orange);border-radius: 5px;cursor: pointer;min-width: 100px;position: relative;text-decoration: none;font-weight: 500;box-sizing: border-box;}


.star {  font-size: 10vh;  cursor: pointer;color:#cecece}
 .one {  color: rgb(255, 0, 0);} 
.two {  color: rgb(255, 191, 0);} 
.three {  color: rgb(164, 233, 95);} 
.four {  color: rgb(5, 233, 83);} 
.five {  color: rgb(24, 159, 14);}
.textarea-rating {width: 500px;  height: 100px;border-radius:5px;border:1px solid #cecece}
.textarea-rating-produkt {border-radius: 5px;  border: 1px solid #cecece;  width: 90%;  margin: 20px auto 0 auto;  height: 100px;  max-height: 100px;  text-align: left;overflow-y: auto}

.rate-star-bg {position:absolute;left:0;top:0;background-color:darkcyan;z-index:0;height:18px}
.rate-star-container {display:inline-block;position:relative;height:20px;width:100px;margin:0 10px 0 0}
.rate-star-img {position:relative;z-index: 2}
.rate-star-img img{max-width:100%;position: relative}

.offer-rate {display: flex;}


.grid-rate {display: grid;grid-template-columns: 30% 70%;justify-content: flex-start;align-items: flex-start}
.grid-rate .star { font-size: 5vh;}


.loadRating .modal-tresc {max-height:70vh;overflow-y:auto}
.modal-show-rating .offer-rate {display: flex;justify-content: center}


.loader {display:none}
.loader {position: fixed;z-index: 9999;background-color: RGBA(255,255,255,0.5);width: 100%;height: 100%;text-align: center;display:none;top:0;left:0}
.loader img {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);transform: -webkit-translate(-50%, -50%); transform: -moz-translate(-50%, -50%); transform: -ms-translate(-50%, -50%);}


.section-payment   {max-width:1500px;margin:50px auto;background-color:white;padding:20px 0;}
.section-payment  .section-title{font-size:1.2rem;font-weight:bold;text-align: center;margin-bottom:20px}
.section-payment .section-title span{color:var(--orange)}
.section-payment .section-info   {font-size:1rem;text-align: center;margin:50px 0}
.section-payment .payment-link   {text-align: center;margin:50px 0}
.section-payment .btn-pay   {display:none}

.text-bold {font-weight:bold;}




#mobileNav {display:none}
.hideMob {display:block}

.whatsapp {position: fixed;bottom:30px;right:30px;width:50px;margin:0 0 0 auto;display:block}
.whatsapp img{max-width:50px}

.btn-curr {border: 1px solid gray;border-radius: 5px;padding: 10px;margin: 10px;position: relative;display: inline-block;cursor: pointer;}




.fa-hook {font-family: "famanual" !important;}
.fa-hook:before{content:"\1FA9D"}







@media screen and (max-width : 1600px) {
.slider .slider-box-container {  width: 45%;}
.slider .slider-box {      min-height: 800px; }  
.slider .slider-title {     font-size: 3.2vw;}   

.text-white-big {   font-size: 2.5rem;}  
.text-white-medium { font-size: 1.5rem;}   
nav .nav-item {  padding: 10px 15px;}  
.slider  .slider-box-container {min-width: 400px;}   
.section-offer-box .section-box {  width: 95%;} 
.slider .sliderBoxContainer {  position: relative;  max-width: 1500px;  margin: 50px }
.prevItem {  left: 10px;}
.nextItem {  right: 10px;}
.section-brands-container .brands-logo-container {  width: 100%;}

}
@media screen and (max-width : 1440px) {
   nav .nav-item {    padding: 10px 10px;  }   
    
}

@media screen and (max-width : 1360px) {
   nav .nav-item {    padding: 10px 2px;  }   
.header-point {    right: 20%;}    
  .slider .slider-title::after {bottom: -80px;} 
.slider .slider-box-container { width: 35%;  top: 150px;    margin-left: 0px;}      
 .section-offer-box .offer-box img {    max-width: 244px;  } 
     .section-about .about-flex {  width: 95%; grid-gap:0 70px;  }
    .section-about .section-text {        font-size: 1.3rem;}    
 .section-why-us .why-us-flex {  width: 90%;      grid-gap: 0 80px;}   
 .section-why-us .why-us-title {     font-size: 1.6rem;}   
 .section-why-us .section-text {       font-size: 1.2rem;}    
    .section-big-box {  margin-bottom: 200px;  min-height: 700px;  }    
  .section-big-box .big-box-container {     right: 2%;top:5%}  
 .slider .slider-sub-title {  font-size: 1.4rem;}   
.section-offer-details .offer-details-container {    width: 90%;}    
 .section-offer-box-nav .offer-box-nav { height: 70px;}       
    .section-offer-box-nav .offer-box-title-nav { font-size: 0.6rem; } 
.section-offer-box .offer-box {  min-width: 19%;}
    
    
}

@media screen and (max-width : 1200px) {
   nav .overflow-x {overflow-x: scroll}  
   nav  .claim {display:none}  
   nav  .overflow-scroll-mob {width:1500px}  
   nav  .nav-container {padding:0 10px}  
   nav  .category-nav {left:10px}  
   .nav-top { padding: 15px;}
   .nav-top .top-text {  font-size: 0.9rem;}
   .grid-logo img {  max-width: 170px;}
   .grid-logo {  display: grid;  grid-template-columns: 1fr 2fr 150px;}
   .section-brands {width: calc(100% - 20px);}  
  .section-products-type {width: calc(100% - 20px);}  
  .section-products-type .products-type-module-title {min-height: 50px;}
  
  .banners .bannersBox {  height: 200px;}
  .section-category {  max-width: 100%;}
  .section-category .category-grid {  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
  
  .section-brands-container .brands-logo-container {  width: 100%;}  
  .section-brands-container .brands-logo-container img {  max-width: 80%;}
  
  .banners .bannersBox .bannersText1 {  font-size: 1.6rem;}
  .banners .bannersBox .bannersText2 {  font-size: 1.6rem;}
  .banners .bannersBox .bannersText3 {  font-size: 0.8rem;}
   .banners .bannersBox {    height: 150px;  }
  
  
  footer .footer-grid-grey {  grid-template-columns: 1fr;}
  footer h3 {margin-bottom:10px}
  footer .menu-container {width:95%;flex-wrap: wrap;}
  footer .footer-box {  flex-basis: calc( 50% - 50px);}
  
  .nextItem {  right: 10px;}
  .prevItem {  left: 10px;}
  
  .section-avgs {  max-width: 100%;}
  .section-avgs .avgs-grid {  padding-right: 10px;}
  
  #loadMoreBtn {display:none}
  
  .container {padding:0 10px;width:calc(100% - 20px)}
  
  .product-list-brand .section-brands {width:calc(100% - 20px);padding:10px}
  .section-products-list .list-items.view_box {  display: grid;  grid-template-columns: 1fr 1fr;  grid-gap: 10px;}
  .grid-category {   grid-template-columns: 200px 1fr}
  
  .products-list-title {    grid-column: 1/2 span;  }
   .section-products-list .list-items.view_lines .products-list-content {    grid-template-columns: calc(50% - 20px) 50%;    grid-gap: 5px;    padding: 5px 0;  }
  .section-products-list .products-list-price {    grid-column: 1/2 span;  }
  .add-basket {    grid-column: 1/2 span;}    
  .change-view {  right: 80px;}
  .sort-results {  right: 20px;}
  
  
  .product-details .grid-2 {grid-template-columns: 1fr}
  .product-price {  margin: 10px 0;}
  .product_details .basketInfo {  margin: 10px 0;}
  
  
.cart .cart-left {  padding: 10px;}  
.cart .grid-cart {  grid-template-columns: 70% calc(30% - 20px);}
.cart .grid-cart .cart_name {grid-column: 2/4 span;    grid-row: /1 span;}
.cart .grid-cart .cart_img {grid-row: 1/1 span;}
.cart .grid-cart .cart_img img { max-width: 90%;}
.cart .grid-cart .cart_price_sum {grid-column: 3/4 span;  grid-row: 2/1 span;}
.cart .grid-cart .cart_remove_item {grid-column: 4/4 span;  grid-row: 2/1 span;}
.cart .grid-cart .cart_count {grid-column: 2/4 span;  grid-row: 2/1 span; }

.cart .basket_product_grid {  display: grid;  grid-template-columns: 70px calc(75% - 120px) 25% 50px;align-items: start;}  
.cart .cart-left .grid-2t {grid-template-columns: 1fr}
.cart .btn-rabat {  position: relative;  right: 0px;  top: -10px;  text-align: center;}
.cart .price_cj {margin-bottom:10px} 
.cart .cart-right {  background-color: white;  padding: 10px;}  
.cart .priceFullInfo {  padding: 10px;   left: -10px;}
.cart .free-dlv-info {  width: calc(100% + 10px);  left: -10px;}
.cart .dlv_info img {  max-width: 70px;}
.cart .delivery-options {  padding: 10px;}

.login.container { min-height: 600px;}
.logon {  height: 100%;  padding: 10px;}
.login .form-content {  max-width: 100%;  margin: 0 auto;  padding: 10px;}
.login .login-email-box { width: 100%;}
.login label {  width: calc(100% - 20px);  text-align: left;  margin-right: 0%;padding: 5px;}

.register {  height: 100%;  padding: 10px;}
.register .check-email-info {  margin-left: 0%;}
.register input { width: calc( 100% - 20px);}
.register .viewPass {  top: 10px;}
.register .fa-lock-alt {  display: none}


.user-nav-container {  padding: 15px 5px;}
.btn-pay {max-width: 100%;}


.details .grid-3t {  display: grid;  grid-template-columns: 50% 25% calc(25% - 40px);grid-gap:20px}
.details .btn-cyan-ghost-small { min-width:unset;width:calc(100% - 20px)}
.details .btn-red-ghost-small { min-width:unset;width:calc(100% - 20px)}

.order-details  { padding-bottom:20px}
.order-details .grid-order-header {  grid-template-columns: 10% 40% 15% 10% 10% 15%;font-size:0.8rem}
.order-details .grid-order {  grid-template-columns: 10% 40% 15% 10% 10% 15%;;font-size:0.8rem}


.settings .form-user-container {  width: calc(100% - 40px);}
.settings .grid-user-settings {  grid-template-columns: 1fr 1fr;}

.settings .sms-flex {  display: grid;grid-gap:10px 0}
.settings .email-flex {  display: flex;}
.settings .btn-send-email {  min-width: 157px;}


.address .btn-cyan-ghost-small {min-width:unset;width:calc(100% - 20px)}
.address .btn-red-ghost-small {min-width:unset;width:calc(100% - 20px)}


}




@media screen and (max-width : 720px) {
nav {min-height:10px}  
.showMob {  display: block;}   
.hideMob {display:none}
.grid-nav-top    {display:none}
.grid-logo {display:block;}    
.grid-logo .logo{left:5px}    
.grid-logo .logo img{max-width:200px}    
.header {height:auto;position: relative;margin-top: 0px;}    
.container {max-width:100%;}   
nav     {position: relative;top:0}
nav   .nav-container   {display:none}
.nav-top {padding:10px}    
.nav-top.grid-2 {grid-template-columns: 1fr;padding:3px}    
.nav-top .top-text {display:none}    
.wcag_container {display:none}  
.header-phone { top: 75px;     left: 10%;}       
.header-phone img {  max-width: 30px;  max-height: 30px;}  
.header-point {  display:none}
.slick-list {  max-width: 100%;}
.navSticky {    display: block;    bottom: 0;    top: unset;  }   
.basketCount { top: -6px;  left: 25%;}
.language-box {  right: 10px;    top: 7px;}  
.basket-icon { display:none}  
.category-grid .category-item {display:none}  
.category-grid .category-item.visible {display:block}  
#loadMoreBtn {width: calc(100% - 20px);  margin: 0 auto; display: block; border-radius: 5px;background-color: var(--orange);  border: none;  padding: 10px 0;cursor:pointer}  

.language-box .dropdown-content-language {  width: 90%;  min-width: 250px;}
.dropdown-content-language span {  color: black;  padding: 10px 5px;}
.close-l-box i {  font-size: 1.6rem;}

.slider  {   max-width:100% }   
.slider .slider-title {    font-size: 8vw;    margin-top: 80px;  }   
.slider .slider-title::after {    bottom: -60px;  }  
.slider .slider-sub-title {    font-size: 1rem;  } 
.slider .text-number {    font-size: 1.4rem;}   
.slider .text-price {    font-size: 2rem;}   
.slider .slider-box {    min-height: 80vh;  }  


.section-category { max-width: 1500px;    margin: 5px auto;}    

.section-category .category-grid { grid-template-columns: 1fr 1fr 1fr;      } 
.slider .sliderBox {  height: 200px;  }
.slider .sliderBoxContainer {  left: 20px;     top: 10px;max-width: 90%;margin:0 0 0 20px}
.slider .sliderBox .sliderTitle {  font-size: 0.85rem;margin-bottom:10px}  
.slider .sliderBox .sliderText1 {     font-size: 1.4rem;;margin-bottom:5px}       
.slider .sliderBox .sliderText2 {     font-size: 1.4rem;;margin-bottom:5px}   
.slider .sliderBox .sliderText3 {     font-size: 0.85rem;}   
.slider .sliderBox {  background-size: cover;}    
.slider .sliderBox .sliderBtn {  padding: 5px 20px;  font-size: 0.9rem;  margin-top: 10px;}   
.nextItem {  right: 10px;}  
.prevItem {  left: 10px;}  

.avgs_container {justify-content: center;padding: 0;display:block} 
.section-avgs   .avgs-container {grid-template-columns: 1fr 1fr;grid-gap:0px;justify-content:center;padding:0px} 
.section-avgs  .avgs-container .avgs-grid{border-right:none;grid-template-columns: 1fr;justify-content: center ;text-align: center;border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;  padding: 10px;min-height:90px} 
.select-container {display: grid;  grid-template-columns: 1fr}  
.section-avgs .avgs-title {text-align: center;margin:0px 0 5px 0}   
.section-avgs .avgs-text {text-align: center;font-size:0.9rem;min-height:35px}   
.section-avgs i {  font-size: 1.6rem;}

.section-brands    {margin:10px auto}
.brands_container {  margin: 0 10px;}
.product-list-brand .section-brands .select-container {  padding: 5px 10px;}


.section-products-type .section-title h2 { font-size: 1.1rem;}   
.section-products-type .grid-products-type {display: grid;  grid-template-columns: 1fr 1fr;padding:10px}    
.section-products-type .products-type-module-foto {   height: 80px;border-radius: 10px;padding:0;margin:5px}  
.section-products-type .products-type-module-title {  font-size: 1rem;min-height: 45px;padding:10px 5px}   
.section-products-type .grid-products-type {  grid-gap: 10px;}   
.section-brands .section-title h2 {   font-size: 1.2rem;}    
.section-products-type {  padding: 20px 0 10px 0;}

.banners_container {padding:0 10px}
.banners.banners_category { max-width: 1500px;    margin: 10px auto}
.banners .bannersBox .bannersTitle { font-size: 1.0rem;}  
.banners .bannersBox .bannersText1 { font-size: 1.1rem;}  
.banners .bannersBox .bannersText2 { font-size: 1.1rem;}  
.banners .bannersBox {height: 130px;position: relative}   
.banners .size50 { grid-template-columns: 1fr;  grid-gap: 10px;}   
.banners .bannersBox .bannersText3 {  font-size: 0.8rem;}

.banners .bannersBox .bannersText2.smallerTitle2 {  font-size: 1.1rem;}
.banners .bannersBox .bannersText1.smallerTitle1 {  font-size: 1.1rem;}

.brands_logo_container { max-width: 1500px;    margin: 5px auto;}       
.section-brands-container {    margin: 0 auto;}       
.section-brands-container .brands-logo-container { grid-gap: 0px;  width: 100%;}     
.section-brands-container .brands-logo-container img {        max-width: 90%;}  
.section-brands select {  font-size: 1.1rem;padding: 9px 20px;}  
.section-brands select {  font-size: 1.1rem;padding: 9px 20px;}  
.section-brands .btn-orange {font-size: 1.1rem;padding: 9.5px 20px;}  

.section-products-module { max-width: 1500px;    margin: 10px auto;}       
.section-products-module .products-module-foto {  padding: 20px;  min-height: 100px;  }
.section-products-module .btn-item-details {font-size:0.7rem}    
.section-products-module .products-module-price {  font-size: 1.0rem;}    
.navSticky .btn-nav-sticky {  font-size: 0.6rem;  }        
.search-container { width: calc(100% - 20px);    margin: 0 auto 10px auto;}
input[name="search"] {  padding: 10px 5px 10px 5px;  }
.navSticky .btn-nav-sticky i {color:var(--black);margin-bottom:5px}  

.grid-category {display:block}


.section-products-module .slick-list {  margin: 0 0px;}    
.section-products-module .slick-slide {  margin: 0 5px;}

footer .footer-grid-grey {    grid-template-columns: 1fr;}   
footer .menu-container {   display:block;width:100%;margin-top:10px}
footer .countries ul {  flex-wrap: wrap;}
footer .footer-box ul {display: none}
footer .footer-box ul li:last-of-type{padding-bottom:20px}
footer .footer-box {border-bottom:1px solid #b1b1b1;padding-left:10px }
footer {padding-bottom:80px}
footer .countries li {max-width: 43%;}
footer .footer-grid-grey {grid-template-columns: 1fr;}
footer .footer-contact-box {padding:0 10px;margin-bottom:20px}
footer h3 {padding:10px 0}

.footer-contact-form-content {width:100%;}

.btn-expand-arrow-footer {display:block;position: absolute; top: 0px;right: 0%;border-radius:5px; padding:0 10px;color:white; font-weight:bold; cursor: pointer}
.btn-expand-arrow-footer i{font-size:2rem}  

.btn-expand-arrow-attrib {display: inline-block;position: relative;top: 6px;left: 10px;border-radius: 5px;padding: 0 0px;color: black;font-weight: bold;cursor: pointer;}
.btn-expand-arrow-attrib i{font-size:2rem}   

.btn-item-details {  font-size: 0.7rem;    }   
.products-list-title {    font-size: 1rem;}  
.section-products-list .list-items {  grid-template-columns: 49% 49%;grid-gap:10px}

#pagination {  padding:0;margin-top:10px}  
#pagination li{ margin-bottom:5px}  

footer .menu-container {       display: grid;grid-template-columns: 1fr 1fr;}
footer {padding-bottom:60px}


.login .passInfo.grid-2  {display: grid;    justify-content: center;    align-items: center;}
.login .grid-2  {display: block;}

.login label {width: auto;  text-align: left;  margin-right: 0%;padding:0 5px}
.login .login-email-box {  width: 100%;}

.logon {  padding: 10px;}
.login .title {  padding-top: 0;}

.login .form-content {  padding: 0px;max-width:100%}
.btn-login {width:100%}

.btn-2 {margin-top:10px}

.register {margin-top:20px;padding:10px}
.register .checker label {  margin-right: 0%;    }
.register input {width:calc(100% - 20px)}

.fa-lock-alt {display:none !important}

.register .viewPass {  top: 10px;}
.register .subscribe-newsletter {  width: 30px;  display: inline;}

.register .check-email-info {  margin-left: 0%;}
.register .newsletter {  text-align: left;}


.btn-register {width:100%}

.login .register-info {width:unset;text-align: left}
.login .register-info a {  font-size: 0.8rem;  color: black;}

.product-grid {display:block;padding:10px 0px}

.modal .grid-2 {  display: block;}

.koszyk-modal .cart-info .btn-orange-ghost {font-size:1rem;padding:10px 15px;margin:5px 0}
.koszyk-modal .cart-info .btn-yellow-std {font-size:1rem;padding:10px 15px;margin:5px 0}
.koszyk-modal .close-button {   margin: 10px;}

.forgot-container {  width: 100%; }


.btn-item-details {  width: calc(100% - 40px);}
.cart .grid-cart {display: block;}
.cart .cart-left {padding:10px;padding-bottom:0}
.cart .cart_name {grid-column: 1/5 span;}
.cart .cart_count {grid-column: 1/5 span;}
.cart .cart_remove_item {position: absolute;  top: 10px;right:10px;}
.cart .cart-all-remove {position: absolute;  right: 0;  top: 4px;}
.cart .cart_price {  display: block;  margin-left: 0px;}
.cart .price_cj { margin-bottom:5px}
.cart .cart_price_sum { font-size:1.2rem;font-weight:bold;grid-column: 1/5 span;}
.cart .outlineTop {grid-template-columns: 1fr} 
.cart .delivery-section .grid-2t {grid-template-columns: 1fr} 
.cart .form-input {  margin: 5px 0;}    
.cart .company-section .grid-2{  grid-template-columns: 1fr;padding-bottom: 10px;}    
.cart .btn-copy-address-book {position: relative;text-align: left;top:0}  
.cart .content.grid-2t.mt-2 {margin-top:8px;margin-bottom:5px;padding-bottom: 0px;grid-gap: 0px;}  
.cart .note-section .grid-2t {grid-template-columns: 1fr}  
.cart .cart-right  {borde-top:1px solid #cecece;padding:10px}
.cart .outlineTop {  width: 100%;  left: -10px;padding:0 10px}   
.cart .delivery-section {  width: 100%;  left: -10px;;padding:0 10px}   
.cart .delivery-section .grid-2t{ grid-gap: 0px;}   
.cart .free-dlv-info { width: calc(100% + 5px); left: -10px;padding-left:10px}
.cart .priceFullInfo {padding: 10px;  left: -10px; width: calc(100% -10px);}
.cart .note-section textarea {  width: calc(100% - 5px);}
.dlv-modal .slider_dlv { width: 80%;}
.view_lines  .btn-item-details {    width: calc(100% - 10px); font-size:0.8rem }
.cart .payment-options {  grid-template-columns: 40px 1fr;padding:10px}
.cart .priceDlv {  text-align: right}
.cart .grid-cart .cart_remove_item {    grid-column: unset;    grid-row: unset;  }
.cart .grid-cart .cart_name {    grid-column: 2/2 span;    grid-row: 1/1 span;  }
.cart.headCart {width:100%;padding:0}
.cart .grid-cart .cart_price_sum {    grid-column: 2/4 span;    grid-row: 3/1 span;  }
.add_info_cart .dlv_info {margin-top:0}
.cart .btn-rabat {    top: 0px;position: absolute;}
.cart .note-section .content  {padding-bottom:0;margin-bottom:0}
.dots-content {  width: 100%;padding:0;height:100%}
.cart .btn-delivery-address-book {  right: 0;  top: 10px; display: block; font-size: 0.8rem;  text-align: left;    position: relative;  left: 0;  margin-bottom: 0px;}
.cart .btn-delivery-address-book i{margin-right:10px}



.dashboard  {padding:10px;width:calc(100% - 20px)}
.dashboard .grid-3 {display:block;width: 100%;}
.dashboard .dashboard-box {padding-right:0;border-right:none}
.dashboard .dashboard-invoices-list-elem {        display: grid;  grid-template-columns: 1fr 1fr 131px;  font-size: 0.8rem;  padding: 10px 0;}



.details .grid-2t {display:block}
.details .grid-details {margin-bottom:10px}
.details .btn-cyan-ghost-small {margin-bottom:10px}
.details .grid-order-header{display:none}
.details .grid-order {  display: block;}
.product-details .buy-time  b{  display: block;}

.priceHistory {  font-size: 0.8rem;  text-align: center;}

.order-details {     margin: 10px auto 0px auto;width:calc(100% - 40px)}
.settings .form-user-container {max-width: 100%;width:calc(100% - 40px)}
.settings .grid-user-settings  {display:block}
.settings .sms-flex {display:block}
.settings .email-flex {display:block}
.settings .grid-b-r {  border-right: none;  padding-right: 0px;}
.settings .btn-save {  display: block;  padding: 10px 30px;  margin: 10px 0;}
.settings .btn-send-email {  display: block;  padding: 10px 30px;  margin-right:0;margin: 10px 0; }



.section-products-module .products-module-title {     min-height: 100px;display:block}
.footer-content header .container {  width: 90%;}
footer .menu-container {display:block}
.footer.container section {padding:10px}
 .backToTop {    bottom: 140px;    left: 85%;  }
.modal-right .modal-content {width: 100%;} 

.btn-user-mob {color: var(--text-color);padding:12px 0 12px 50px ;text-decoration:none;position: relative;width:calc(100% - 50px);display: inline-block;cursor:pointer;border-bottom: 1px solid #cecece;}
.btn-user-mob:hover {background-color:#333;color:white}
.btn-user-mob i {font-size: 1.7rem;vertical-align: middle;position: absolute; left: 7px; top: 10px;}


#mobileNav { display: none;}
#mobileNav {opacity: 0;visibility: hidden;width: 100%;height: 100vh;left: 0;top: 0;background-color: white;color: black;z-index: 99;display: block;position: fixed;transition: opacity .35s, visibility .35s, height .35s;;overflow-x: hidden;overflow-y: auto}	
.open {opacity: 1 !important;visibility: visible !important;display: block !important;overflow: auto;}	
#mobileNav .mobile-menu {margin-top:0px}
#mobileNav .close-hamburger-menu	{position: fixed;right: 0;bottom: 65px;font-size: 1rem;cursor: pointer;z-index: 999;background-color: white;border: 2px solid #cecece;width: calc(100% - 60px);left: 10px;text-align: center;padding: 10px 20px;border-radius: 5px;}		
.mobile-menu {max-height: calc(100vh - 120px);  overflow-y: scroll;}

.products-list-foto {max-width:100%;position: relative}
.section-products-list {padding-top:0px}
.products-list-container .grid-category {display:grid;grid-template-columns: 1fr;padding-top:0 }
.products-list-container .category-title {  padding: 0 0px 10px 0px;}
.section-products-list .list-items.view_box { grid-template-columns:  repeat(1, minmax(0, 1fr))}   

.products-list-item   .slick-dots li button::before {  font-size: 20px;}
.products-list-item   .slick-dots li button::before {  font-size: 20px;}
.products-list-item   .slick-dots li button::before {  font-size: 20px;}
.products-list-item li.slick-active button::before {  opacity: .99;  color: #0070ff !important;}

.products-list-item .prevProduct {position: absolute;  left: 10px;  top: calc(50% - 20px);  z-index: 9999;  color: black;}
.products-list-item .nextProduct {position: absolute;  right: 10px;  top: calc(50% - 20px);  z-index: 9999;  color: black;}

.sort-results {  right: 15px;top:8px   }
.add-basket {grid-column: 1/2 span;font-size:1rem}   
.basketInfo .add-basket {grid-column: 1/1 span;padding: 12px 10px;width: calc(100% - 30px);}   
.view_lines .products-list-item {  padding: 0px;}   
.view_lines .product-list-producer {  margin-top:0;font-size:0.8rem}   
.view_lines .products-list .product-list-producer img {  max-height: 30px;}
.view_lines .product-list-application { font-size:0.8rem}   
.view_lines .product-list-symbol { font-size:0.8rem}   
.section-products-list .list-items.view_lines .products-list-content { grid-template-columns: 1fr;grid-gap: 5px;padding:5px 0}   
.section-products-list .list-items.view_lines .products-list-item {  grid-template-columns: 100px calc(100% - 120px);grid-gap: 10px; }
.products-list-title {grid-column: 1/3 span;}
.section-products-list .list-items.view_lines .products-list-price {padding:10px 0} 
.section-products-list .list-items.view_box .products-list-price {padding:10px } 
.section-products-list .list-items.view_lines {grid-gap:10px} 
.section-products-list .list-items.view_lines .products-list {padding-bottom:0} 
.section-products-list .list-items.view_box .products-list {padding-bottom:5px } 
.section-products-list .products-list-price { grid-column: 1/2 span;} 
.products-list-name {padding-left:0px}
 .change-view { top: 10px;}
 .product_details .basketInfo { width: calc(100% - 0px);}
 .product_details .basketInfo.grid-2 { grid-template-columns: 60% 40%}
.poducts-details-nav .grid-details-nav .btnNav { font-size: 1rem;}
.section-products-list .products-list-foto img {  max-width: 100%;  width: 100%;}
 .category-container {border-bottom:1px solid #cecece}
 .view_box .products-list-foto {  padding: 10px;}
.view_box .products-list-title {  min-height: unset;font-size:1.2rem}



 .contact {margin-top: 0px;}
 .contact .grid-contact {  grid-template-columns: 1fr;}
 .contact_container {  padding: 20px 10px;}
 .contact .grid-form { grid-template-columns: 1fr;}
 .contact .contact-right {  padding: 10px;}
 .contact .contact-right .grid-2{ grid-template-columns: 1fr;}
 .contact .btn-send { width: calc(100% - 20px);}
 
 
 
 .elements.container {padding:10px;width: calc(100% - 20px);}
 .hamburger-3 {top:-5px;right:10px;left:unset;width:40px;position: absolute;cursor:pointer}
 .footer-grid {display:flex !important;height:30px;margin:10px 0;align-items: flex-start }
 .hamburger-footer {display: block;top:-2px;height:35px}
    .hamburger-footer-line {  height: 2px;  background-color:#808080;  margin: 5px 0;} 
 
 
 #mobile-footer {opacity: 0;visibility: hidden;width: 100%;height: 100vh;left: 0;top: 0;background-color: RGBA(0,0,0,0.98);color: #fff;z-index: 99;display: block;position: fixed;transition: opacity .35s, visibility .35s, height .35s;;overflow-x: hidden;overflow-y: auto}	
#mobile-footer .mobile-menu {margin-top:0px;padding-bottom:60px}
 .close-hamburger-menu-footer	{position: fixed;right: 0;bottom: 65px;font-size: 1rem;cursor: pointer;z-index: 999;background-color: white;border: 2px solid var(--grey);width: calc(100% - 60px);;left: 2.5%;text-align: center;padding: 10px 20px;border-radius: 5px;color:black}	
 
 .kategorie-mobile-menu-footer {color: var(--orange);padding: 15px 0px 15px 30px;text-decoration: none;position: relative;width: calc(100% - 30px);;display: inline-block;cursor: pointer;font-weight:bold}
	.kategorie-mobile-menu-footer:hover {;background-color:white;color:black}	
    
 .mob-nav-footer-link {color:white;padding: 8px 15px 8px 50px;font-size:0.9rem;display:block;text-decoration:none}
	.mob-nav-footer-link:hover {background-color:white;color:black}
 
 
 .modal-category {display:none}
 
 
 header .footer-menu{display: none}
 .sub-header-footer{display: none}
 
 .product-title {  font-size: 1.2rem;font-weight: bold}
 
 
 
 
 .user-nav-container {display:none}
 
 
 
 .dashboard .dashboard-ordered-list-elem {grid-gap:10px;padding:0}
 .orders-details .grid-2t {grid-template-columns: 1fr}
 .orders-details .dlv-order-data {text-align: left}
 .orders-details .btn-orders-details {background-color:var(--orange);color:black;text-align: center;padding:8px 0;border-radius:5px}
 
 .orders {padding:10px;width:calc(100% - 20px)}
 
 .ordered-list-elem.bold {display:none}
 .orders .ordered-list-elem {grid-template-columns: 40% 60%;padding:10px 0}
 .orders .orders-details {display:grid;grid-template-columns: 30% 70%;}
 
 
 .order-grid-products {display:grid;grid-template-columns: 100px calc(100% - 100px)}
 .orders .ordered-list-mob {font-size: 0.8rem;}
 .orders .orders-details {background-color: #ececec;  padding: 5px;font-size:0.8rem}
 .orders .prod-order-link {grid-column:1/2 span}
 
 
 
 .details {font-size:0.8rem}
 .details .grid-3t {grid-template-columns: 1fr}
 .details .grid-2t-mob {grid-template-columns: 1fr 1fr;display:grid;justify-content: flex-start;align-items: center;grid-gap:10px}
 .details .grid-2t-mob .btn-cyan-ghost-small{width:100%;padding:8px 0;max-width:unset;min-width:unset;margin:0}
 .details .grid-2t-mob .btn-red-ghost-small{width:100%;padding:8px 0;max-width:unset;min-width:unset;margin:0}
 
 
 .order-details .grid-order-header{display:none}
 .order-details .grid-order{grid-template-columns: 100px calc(100% - 100px);padding:5px 0}
 
 .order-details .grid-details {grid-template-columns: 50% calc(50% - 10px);grid-gap:10px;font-size:0.8rem}
 .order-details .grid-2t {grid-template-columns: 1fr}
 .order-details .addRating {padding:8px 0;width:100%;font-size:0.8rem;min-width:unset}

 .order-details .rate-details {grid-column:1/2 span}
 
 
 .modal-content {  width: 90%;} 
 
 
 .recoveryModal .btn-orange-small {margin:0;width: calc(50% - 5px);}
 
 .forgotForm .form-content {  max-width: 90%;  margin: 0 auto;  padding: 10px;}
 .forgotForm {  height: 100%;  padding: 0px;}
 .forgotForm #register-from {  text-align: left;}
 .forgotForm .checker {  position: relative;  text-align: left;}
 .forgotForm .checker label {  margin-right: 0%;width:100%;text-align: left}
 .forgotForm input {  width: calc(100% - 40px);}
 .forgotForm input:focus {width: calc(100% - 40px);}
 
 
 .offer-slider-container-thumb {display:none}
 .br-details {border-right:none}
 .offer-accessories .accessories-offer-grid .po-img { width: 100% !important;  margin: 0 ;}
 .accessories-offer-grid {flex-wrap: wrap;}

 
 .offer-accessories .accessories-offer-grid .po-img-box {  height: 120px;}
 .offer-accessories .po-text{min-height:120px;}
 .offer-accessories .slick-slide {  margin: 0 4px ;}
 .offer-accessories .slick-track {  display: flex !important;  gap: 0; margin-left:-4px  }
 .offer-accessories .slick-slide.slick-cloned {  margin: 0 4px ;}
.offer-accessories .accessories_container {  padding: 10px;}
 
 .accessories-slider .slick-slide.slick-active:last-of-type {  margin-right: 0;}
 
 
  .section-services .list-items.view_lines .products-list-item {    grid-template-columns: 100px calc(100% - 120px);    grid-gap: 10px;  }
 .section-services .list-items.view_lines .products-list-content {    grid-template-columns: calc(50% - 20px) 50%;    grid-gap: 5px;    padding: 5px 0;  }
 .section-services .products-list-price {    grid-column: 1/2 span;  }
 

.product_details .po-img { width: calc(100% - 30px) !important}
.product_details .propose-offer-container {display:block}
.product_details .slick-track { margin-left: 0;}

 .whatsapp {position: fixed;bottom:70px;right:10px;width:50px;margin:0 0 0 auto;display:block}
.whatsapp.move-right {      right: 60px;    }


.prevAccessories {left:10px;}
.nextAccessories {right: 10px;} 
.section-workshops-module .workshops-grid { grid-template-columns: 1fr;}
.section-workshops-module .workshops-grid .btn-item-details{ margin-left:0;width: calc(100% - 20px);}
.workshop_details { grid-template-columns: 1fr;margin:30px 0 }
.workshop_details a{ text-decoration: underline;color:var(--blue) }

table.single-column td {    display: block;    width: 100% !important;    box-sizing: border-box;  }
  table.single-column tr {   display: block;    margin-bottom: 10px;  }
table.single-column td ol {padding-left:20px  }
table.single-column img {width:100%}
}