/*CODES
$transition = transition: all 0.25s ease-out 0s;
$outline = outline: 1px solid Red;
$content_max = width:80%; margin-right: auto;margin-left:auto;
$seda = #333;
$svetleseda = #666;
$oranzova = #f27b21;
$pruhlednaoranzova = rgba(242, 123, 33, 0.4);
$60 = 60%;
*/

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Oswald:wght@300;400;700&display=swap');


.col-flex {
  --loc-col-number: 4;
  --loc-col-gap: 24px;
 
  display: flex;
  flex-wrap: wrap;
  gap: var(--loc-col-gap);
}
 
.col-flex > * {
  flex: 0 0 calc((100% / var(--loc-col-number)) - (((var(--loc-col-number) - 1) * var(--loc-col-gap)) / var(--loc-col-number)));
}
 
.col-grid {
  --loc-col-number: 4;
  --loc-col-gap: 24px;
 
  display: grid;
  grid-template-columns: repeat(var(--loc-col-number), calc((100% / var(--loc-col-number)) - (((var(--loc-col-number) - 1) * var(--loc-col-gap)) / var(--loc-col-number))));
  gap: var(--loc-col-gap);
}
 
 
:root {
  --color-cream: #f5f2eb;
  --color-orange: #f4762d;
  --color-slate: #373836;
  --color-white: #ffffff;
  --color-light-cream: #f8f6f2;
  --color-lighter-cream: #fffcf5;
  --color-night-sky: #495673;
  --color-spring-green: #47c979;
  --color-gold-nugs: #f5b914;
  --color-skyfire: #d14b49;
  
  --color-beige: #f5f2eb;
  --padding-side-normal: 25px;
}
 

/* Default & normalize setter */
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
article,aside,footer,header,nav,section,figcaption,figure,blockquote,main,details,menu,picture,video{display:block;box-sizing:border-box;padding:0;margin:0;}
template,[hidden]{display:none;}
audio,video,canvas{display:inline-block;}
audio:not([controls]){display:none;height:0;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}


/* Normalize - Comerto specific 1  */
body,html,div,img,svg,figure,form,iframe{padding:0px;border:0px;margin:0px;box-sizing:border-box;border-style:none;}
ul,ol,li,a,span{box-sizing:border-box;}
div{position:relative;max-height:9999999px;}
main,footer,header,section{width:100%;}

/* Normalize - Comerto specific 2 */
body{min-height:101vh;}
.form,.form_submit,div{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;box-sizing:border-box;}
img, picture {max-width:100%;height:auto;display:block;}
iframe {max-width: 100%;}
a,.form_submit{cursor: pointer;} 
 
 
 
 
 
 
 
/* Page */
html{
  scroll-behavior: smooth;
  /* scroll-padding-top: var(--padding-main-top); */
}



/* FIGIMAGE & LZLoad */

.lzl{
   background-color: silver;
   font-size: 0.6rem;
   text-align: center;
   opacity: 0.6;
   overflow: hidden;
   transition: opacity 1s ease;
}

.lzl .fimg_img:not([src]), 
img.lzl:not([src]){
  opacity: 0;
}


 
 
.fimg{
  display:flex;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0px solid transparent;
}


.fimg_wrp, .fimg_pic, .fimg_img  {
  display:block;
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  
  display:flex;
  padding: 0;
  margin: 0;
  border: 0px solid transparent;
}
.fimg_wrp{
  width: 100%;
  height: 100%;
}
.fimg_pic{
  font-size: 0;
}

.fimg_img{
  object-fit: contain;
  object-position: top center;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*
********************************************************
DEFAULT
*/

#dealers_list h1{
clear: both;
width: 100%;
margin: 5% 0;
float: left;
}

#cat_dealers{
margin: 2.5% 0;
float: left;
width: 100%;
}

#cat_dealers tr td{
background: #eee;
padding: 5px;
}

#cat_dealers tr:hover td{
background: $svetleseda;
color: white;
}

#cat_dealers tr:hover td a{
color: white;
}

#cat_dealers tr:first-child td{
background: $seda;
color: white;
}

#dealers_list_submenu{
float: left;
width: 100%;
margin: 2.5% 0 0 0;
}

#dealers_list_submenu_links{
width: 80%;
float: left;
}

#dealers_list_submenu_city{
width: 20%;
float: right;
}

#dealers_list_submenu_city select{
width: 100%;
box-sizing: border-box;
padding: 14px;
display: block;
border: 2px solid $oranzova;
margin: 5px 0;
text-transform: uppercase;
}

.dealers_front_names{
font-size: 24px;
}

.products_list_products_item:hover .products_list_products_item_image img{
transform: scale(1.1);
}



#dealers_list_submenu a{
display: block;
float: left;
border: 2px solid $oranzova;
color: white;
background: $oranzova;
padding: 7px 15px;
margin: 5px;
text-decoration: none;
    text-transform: uppercase;
}

#dealers_list_submenu a.active,#dealers_list_submenu a:hover{
background: white;
color: $oranzova;
}

#small_menu{
display: none;
}

#cat_dealers{
width: 100%;
}

body,html{
height: 100%;
padding: 0;
margin: 0;
font-family: 'Oswald', sans-serif;
letter-spacing: 1px;
}

a,div, span, ul, li, ol, input,textarea, select,h1,h2,h3,h4,h5,h6{
box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6,ul,ol,li,p{
margin: 0;
padding:0;
}

a{
color: black;
$transition;
}

a img{
border: none;
}

a:hover{
text-decoration: none;
}


.container_size{
width: $60;
margin: 0 auto;
position: relative;
$transition;
}

body.new-26 .container_size {
  width: 100%;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.container-new {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}


#subpage_content{
overflow: auto;
}

#subpage_content p{
margin: 10px 0px;
}

header, footer,section,#product_menu{
width: 100%;
float: left;
}


img, iframe{
width:auto;
max-width: 100%;

box-sizing: border-box;
}

img{
height: auto;
}


body.new-26 {
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
  padding-top: 116px;
}

body.new-26.page_homepage {
  background-color: var(--color-beige);
}

/*
********************************************************
HEADER
*/

header{
font-size: 11px;
letter-spacing: 1px;
}

.page_homepage header section{
background: white;
}  

#header_main{
padding: 1.5% 0;
}

header.new-26 {
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
  padding: 0 var(--padding-side-normal);
  background-color: var(--color-beige);
  position: fixed;
  z-index: 99;
  width: 100%;
  left: 0;
  top: 0;
  padding-bottom: 20px;
  z-index: 9999;
}

header.new-26 .header-top {
  padding: 10px 0;
  position: relative;
}

header.new-26 .header-top::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #F8F6F2;
  height: 100%;
  width: 100vw;
  content: " ";
  top: 0;
}

header.new-26 #menu {
  float: none;
  width: auto;
  text-align: left;
  display: flex;
  justify-content: flex-end;
  column-gap: 20px;
}

header.new-26 #menu li {
  padding: 0;
  margin: 0;
}

header.new-26 #menu li a {
  font-size: 14px;
}

header.new-26 .header-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
}

header.new-26 .header-main .header-submenu #submenu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}

header.new-26 .header-main .header-submenu #submenu .sub_1 {
  display: none;
}

header.new-26 .header-main .header-submenu #submenu a {
  text-transform: none;
  font-size: 16px;
  display: inline-block;
  padding: 12px 16px;
}

header.new-26 .header-main .header-submenu #submenu a:hover {
  text-decoration: none;
}

header.new-26 .header-main .header-submenu #submenu a .sub_0_image_main {
  display: none;
}

header.new-26 a#logo {
  width: 190px;
  float: none;
}

header.new-26 .search_container {
  float: none;
  position: relative;
  margin-top: 0;
  width: 320px;
}

header.new-26 .search_container .search_form input {
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  width: 100%;
  max-width: 320px;
  border-radius: 6px;
  border: 2px solid rgba(55, 56, 54, .08);
  background-color: rgba(255,255,255,0);
}

header.new-26 .search_container .search_form_submit {
  top: 50%;
  transform: translateY(-50%);
}

header.new-26 .search_container .search_form_submit input {
  background-image: url('/gfx/search-icon.svg');
  width: 30px;
  height: 30px;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

header.new-26 .search_container .search_form input:focus {
  background-color: rgba(255,255,255,1);
  outline: 2px solid #000;
}

header.new-26 .lang-menu-wrap img {
  width: 16px;
}

header.new-26 .header-top-right {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  align-items: center;
}


.header-submenu {
  position: initial;
}

#submenu-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: block;
  overflow: none;
  box-shadow: 0px 15px 30px rgba(23,46,84,0.1);
  pointer-events: none;
  opacity: 0;
  background-color: #fff;
}

#submenu-wrap.initialized {
  display: none;
  opacity: 1;
  pointer-events: auto;
}

#submenu-wrap .inner-wrap {
  padding: 50px 20px;
}

#submenu-wrap .menu-side .submenu-wrapper > ul {
  display: flex;
  gap: 16px;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
  justify-content: center;
}

#submenu-wrap .menu-side .submenu-wrapper > ul .sub_1_li {
  flex: 0 0 280px;
}

#submenu-wrap .menu-side .submenu-wrapper > ul .sub_1_a {
  width: 100%;
  aspect-ratio: 3 / 2;
  padding: 12px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 12px;
  overflow: hidden;
}

#submenu-wrap .menu-side .submenu-wrapper > ul .sub_1_a .sys_page_image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#submenu-wrap .menu-side .submenu-wrapper > ul .sub_1_a .sys_page_image .fimg_wrp,
#submenu-wrap .menu-side .submenu-wrapper > ul .sub_1_a .sys_page_image picture {
  width: 100%;
  height: 100%;
}

#submenu-wrap .menu-side .submenu-wrapper > ul .sub_1_a .sys_page_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#submenu-wrap .menu-side .submenu-wrapper > ul .sub_1_a .sub_name {
  position: relative;
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
}

#submenu-wrap .menu-side .submenu-wrapper > ul .sub_1_a:hover {
  text-decoration: none;
}

#submenu-wrap .menu-side .submenu-wrapper > ul .sub_1_a .sub_name::after {
  position: absolute;
  left: 0;
  width: 0;
  background-color: var(--color-orange);
  height: 3px;
  content: " ";
  top: 100%;
  transition: ease-in-out .3s width;
}

#submenu-wrap .menu-side .submenu-wrapper > ul .sub_1_a:hover .sub_name::after {
  width: 20px;
}

#submenu-wrap.initialized .menu-side > .submenu-wrapper {
  display: none;
}

#submenu-wrap .menu-side > .submenu-wrapper.show {
  display: block;
}

#submenu-wrap .sub_1_a {
  color: #000;
  font-weight: 400;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 0.025em;
  display: inline-block;
  line-height: 1.15;
  position: relative;
  transition: var(--transition);
  text-transform: none;
}

#submenu-wrap .sub_1_a:hover {
  text-decoration: underline;
  text-decoration-color: var(--color-orange);
}

.hero-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  position: relative;
  margin-top: 24px;
}

#lp-home-hero {
  width: 100%;
  max-width: 1920px;
}

.sm-only {
  display: none !important;
}

.hp-submenu .category_list,
body.new-26 .category_list {
  --loc-col-number: 6;

  padding-left: var(--padding-side-normal);
  padding-right: var(--padding-side-normal);
}

body.new-26.page_category .category_list {
  --loc-col-gap: 12px;
  --loc-col-number: 4;

  display: flex;
  flex-wrap: wrap;
  gap: var(--loc-col-gap);
  padding: 0;
}

.hp-submenu .category_list .category_list_item,
body.new-26 .category_list .category_list_item {
  border-radius: 12px;
  overflow: hidden;
  width: unset;
  border: none;
  float: none;
  background-color: var(--color-beige);
}

body.new-26 .category_list .category_list_item {
  flex: 0 0 calc((100% / var(--loc-col-number)) - (((var(--loc-col-number) - 1) * var(--loc-col-gap)) / var(--loc-col-number)));
}

.hp-submenu .category_list .category_list_item a,
body.new-26 .category_list .category_list_item a {
  width: 100%;
  aspect-ratio: 580 / 440;
  display: flex;
  padding: var(--loc-col-gap);
  flex-direction: column;
  justify-content: flex-end;
  text-decoration: none;
}

body.new-26.page_category .category_list .category_list_item a {
  background-color: rgba(55, 56, 54, 0.04);
  flex-direction: column-reverse;
  justify-content: flex-start;
  aspect-ratio: unset;
  padding-bottom: 24px;
}

.hp-submenu .category_list .category_list_item figure,
body.new-26 .category_list .category_list_item figure {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

body.new-26.page_category .category_list .category_list_item figure {
  position: relative;
  width: 100%;
  height: 120px;
}

.hp-submenu .category_list .category_list_item figure img,
body.new-26 .category_list .category_list_item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.new-26.page_category .category_list .category_list_item figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: darken;
}

.hp-submenu .category_list .category_list_item_name,
body.new-26 .category_list .category_list_item_name {
  position: relative;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: none;
  padding: 0;
}

body.new-26.page_category #subpage_content .category_list h2.category_list_item_name {
  text-align: center;
  color: var(--color-slate);
  margin-top: 10px;
  font-size: 14px;
  text-transform: none;
}

.hp-submenu .category_list .category_list_item_name::after,
body.new-26 .category_list .category_list_item_name::after {
  position: absolute;
  left: 0;
  width: 0;
  background-color: var(--color-orange);
  height: 3px;
  content: " ";
  top: 100%;
  transition: ease-in-out .3s width;
}

body.new-26.page_category .category_list .category_list_item_name::after {
  left: -100%;
  width: 20px;
  height: 2px;
  top: calc(100% + 4px);
  transform: translateX(-50%);
  transition: ease-in-out .4s;
}

.hp-submenu .category_list .category_list_item:hover .category_list_item_name::after,
body.new-26 .category_list .category_list_item:hover .category_list_item_name::after {
  width: 23px;
}

body.new-26.page_category .category_list .category_list_item:hover .category_list_item_name::after {
  width: 20px;
  left: 50%;
}

.hp-submenu .category_list_item:hover .category_list_item_name,
body.new-26 .category_list_item:hover .category_list_item_name {
  background: none;
}

.hp-submenu.fancy {
  margin-top: 100px;
}

.hp-submenu.fancy .category_list {
  display: grid;
  --loc-col-gap: 24px;
  --loc-height-unit: calc(100vw / 17);
  gap: var(--loc-col-gap);
}

.hp-submenu.fancy .category_list .category_list_item:first-child {
  grid-row: 1 / 3;
  grid-column: 1 / 7;
  height: calc(8 * var(--loc-height-unit)) + var(--loc-col-gap);
}

.hp-submenu.fancy .category_list .category_list_item:nth-child(2) {
  grid-row: 1 / 1;
  grid-column: 7 / 13;
  height: calc(4 * var(--loc-height-unit));
}

.hp-submenu.fancy .category_list .category_list_item:nth-child(3) {
  grid-row: 1 / 1;
  grid-column: 13 / 18;
  height: calc(4 * var(--loc-height-unit));
}

.hp-submenu.fancy .category_list .category_list_item:nth-child(4) {
  grid-row: 2 / 2;
  grid-column: 7 / 12;
  height: calc(4 * var(--loc-height-unit));
}

.hp-submenu.fancy .category_list .category_list_item:nth-child(5) {
  grid-row: 2 / 2;
  grid-column: 12 / 18;
  height: calc(4 * var(--loc-height-unit));
}

.hp-submenu.fancy .category_list .category_list_item a {
  aspect-ratio: unset;
  width: 100%;
  height: 100%;
}

.promo-boxes-cont {
  --loc-col-gap: 0px;
}

.promo-boxes-cont .box-item {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  position: relative;
  aspect-ratio: 1 / 1;
  color: #fff;
  justify-content: center;
}

.promo-boxes-cont .box-item figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  aspect-ratio: 1 / 1;
}

.promo-boxes-cont .box-item figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.promo-boxes-cont .box-item .box-header {
  position: relative;
  font-weight: 600;
  opacity: 0;
  margin-bottom: 12px;
}

.promo-boxes-cont .box-item.opened .box-header {
  opacity: 1;
}

.promo-boxes-cont .box-item .box-desc {
  font-size: 18px;
  font-weight: 400;
  opacity: 0;
}

.promo-boxes-cont .box-item.opened .box-desc {
  opacity: 1;
}

.promo-boxes-cont .box-item .switch-btn {
  border: 1px solid var(--color-orange);
  background-color: rgba(244, 118, 45, .5);
  width: 60px;
  aspect-ratio: 1 / 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  cursor: pointer;
}

.promo-boxes-cont .box-item .switch-btn::after {
  content: " ";
  width: 30px;
  height: 2px;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.promo-boxes-cont .box-item .switch-btn::before {
  content: " ";
  height: 30px;
  width: 2px;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.promo-boxes-cont .box-item.opened .switch-btn::before {
  opacity: 0;
}

h2.decorated {
  font-size: 54px;
  font-weight: 900;
  padding-left: calc(var(--padding-side-normal) - 8px);
  margin-bottom: 32px;
  position: relative;
  line-height: 1;
  font-family: sans-serif;
  color: var(--color-slate);
}

h2.decorated::before {
  position: absolute;
  left: 0;
  bottom: .1em;
  content: " ";
  height: 4px;
  width: 10px;
  background-color: var(--color-orange);
}

.products-cont {
  margin-top: 100px;
}

.category_list_products,
body.new-26 #products_list_products {
  --loc-col-number: 4;
  --loc-col-gap: 48px;

  padding-left: var(--padding-side-normal);
  padding-right: var(--padding-side-normal);
  border: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  padding-left: var(--padding-side-normal);
  padding-right: var(--padding-side-normal);
}

body.new-26 #products_list_products {
  --loc-col-number: 4;
  --loc-col-gap: 24px;

  gap: var(--loc-col-gap);
  padding: 0;
}

body.new-26.page_homepage #products_list_products {
  --loc-col-number: 4;
  --loc-col-gap: 48px;

  padding-left: var(--padding-side-normal);
  padding-right: var(--padding-side-normal);
}

.category_list_products .products_list_products_item,
body.new-26 .products_list_products .products_list_products_item {
  width: unset;
  border: none;
  padding: 0;
  flex: 0 0 calc((100% / var(--loc-col-number)) - (((var(--loc-col-number) - 1) * var(--loc-col-gap)) / var(--loc-col-number)));
  max-width: ((100% / var(--loc-col-number)) - (((var(--loc-col-number) - 1) * var(--loc-col-gap)) / var(--loc-col-number)));
  float: none;
}

.category_list_products .products_list_products_item a,
body.new-26 .products_list_products .products_list_products_item a {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 12px;
}

body.new-26.page_homepage .products_list_products .products_list_products_item a {
  padding: 48px;
}

body.new-26.page_category #products_list {
  position: relative;
  display: flex;
  gap: 24px;
}

body.new-26.page_category #products_list::before {
  content: " ";
  height: 100%;
  background-color: var(--color-beige);
  flex: 0 0 215px;
  height: 840px;
}

.category_list_products .products_list_products_item:hover a:after,
body.new-26 .products_list_products .products_list_products_item:hover a:after {
  display: none;
}

.category_list_products .products_list_products_item .product_name,
body.new-26 .products_list_products .products_list_products_item .product_name {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  color: var(--color-slate);
  position: relative;
}

.category_list_products .products_list_products_item .product_name::after,
body.new-26 .products_list_products .products_list_products_item .product_name::after {
  position: absolute;
  top: calc(100% + 10px);
  left: -100%;
  width: 30px;
  height: 3px;
  background-color: var(--color-orange);
  content: " ";
  transition: ease-in-out .4s;
  transform: translateX(-50%);
}

.category_list_products .products_list_products_item:hover .product_name::after,
body.new-26 .products_list_products .products_list_products_item:hover .product_name::after {
  left: 50%;
}

#menu_403_li .sub_0_a {
  position: relative;
  display: flex;
  align-items: center;
}

#menu_403_li .sub_0_a::before {
  display: inline-block;
  margin-right: 5px;
  width: 11px;
  height: 16px;
  background-image: url('/gfx/icons/Location-Merrell.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: " ";
  position: relative;
  top: -1px;
} 

.page_category.new-26 #subpage_content h1 {
  background-color: rgba(255,255,255,0);
  margin-bottom: 40px;
  color: var(--color-slate);
  padding: 0;
  font-weight: 600;
  font-size: 32px;
  text-transform: none;
}






#product_menu{
background: $seda;
}

#product_menu ul{
float: left;
width: 100%;
}

#product_menu li{
display: inline-block;    
float: left;       
}

#product_menu li:first-child{
margin-left: -20px;
}

#product_menu li a{
color: white;
font-weight: bold; 
padding: 15px 20px;
font-size: 12px;
display: block; 
width: 100%;
position: relative;
letter-spacing: 2px;
}

#product_menu li a:hover,#product_menu li a.active,#product_menu li a.parent{
background: #484848;
text-decoration: none;
}


a#logo{
width: 25%;
display: block;
float: left;
}

header a{
color: $seda;
text-transform: uppercase;
text-decoration: none;
}

header a:hover{
text-decoration: underline;
}

header #header_main_right{
float: right;
width: 75%;
position: relative;
}

header #menu{
float: right;
width: 90%;
text-align: right;
}

header #menu li{
display: inline-block;
margin: 0 2%;
}

header #header_languages{
float: right;
width: 10%;
text-align: right;
}

header #header_languages_inner{
position: absolute;
top: 0;
right: -10px;
background: white;
padding: 10px;
z-index: 950;
border: 1px solid grey;
display: none;
}
header #header_languages_inner span{
display: block;
margin-bottom: 10px;
text-align: center;
cursor: pointer;
}


header #lang_selector img{
vertical-align: middle;
cursor: pointer;
margin: 2px;
}

header #menu_lang li{
list-style: none;
}

header #menu_lang li a{
color: $seda;
}


#menu_lang li a{
display: block;
background: no-repeat left center;
margin-bottom: 5px;
text-align: left;
padding-left: 21px;
}

#menu_lang li a.lang_1{
background-image: url('icons/ico_lang_cs.png')
}
#menu_lang li a.lang_7{
background-image: url('icons/ico_lang_sk.png')
}
#menu_lang li a.lang_6{
background-image: url('icons/ico_lang_hu.png')
}

header .search_container{
float: right;
clear: right;
position: relative;
margin-top: 1%;
}

header .search_container .search_form_submit{
position: absolute;
top: 2px;
right: 7px;
}

header .search_container .search_form input{
width: 200px;
height: 30px;
padding-left: 10px;
}

header .search_container .search_form_submit input{
background: url('icons/ico_search_button.png');
width:18px;
height: 17px;
cursor: pointer;
border: none;
color: transparent;
font-size: 0;
text-indent: -999;
}


/*
********************************************************
HOMEPAGE
*/

.page_homepage section:not(.new-26){
background: url('back_homepage.png');
}

.page_homepage footer section {
background: none !important;
}

#homepage_slider,
#homepage_slider_bottom{
overflow: hidden;
position: relative;
}

.page_homepage .bx-wrapper,
.page_homepage .bx-viewport,
.page_homepage ul.sliderbx_data,
.page_homepage ul.sliderbx_data li{
   height: 100%;
/*   min-height: 60vh; */
}

.page_homepage .bx-viewport{
position: relative;
}

.page_homepage li{  
background-size: cover;
}

.page_homepage li .sliderbx_data_li_container,
.page_homepage li.prava .sliderbx_data_li_container{
float: right;
margin-right: 20%;
margin-top: 3%;
text-align: center;
$transition;
}  

.page_homepage li.leva .sliderbx_data_li_container{
margin-left: 20%;
margin-right: 0;
float: left;
width: 60%;
}

.page_homepage .sliderbx_data_li_container .sliderbx_data_li_header_name{
font-size: 40px;
text-transform: uppercase;
font-weight: bold;
display: inline-block;
float: left;
text-align: left;
width: auto;
}

.page_homepage .sliderbx_data_li_container span.sliderbx_data_li_header_name span{
background: $oranzova;

padding: 0.5% 1.5%;
}


span#first-line{
margin-left: 25px;
}

.page_homepage .prava .sliderbx_data_li_container .sliderbx_data_li_header_name{
float: right;
}

.page_homepage .prava .sliderbx_data_li_text,
.page_homepage .prava a.sliderbx_data_li_link_a{
float: right;
clear: both;
}

.page_homepage .sliderbx_data_li_text{
background: #f27b21;
margin-top: 10px;
width: 30%;
margin: 0 auto;
display: inline;
float: left;
clear: both;
}

.page_homepage a.sliderbx_data_li_link_a{
color: #fff;
background: $oranzova;
font-size: 24px;
padding: .2em .4em;
text-transform: uppercase;
letter-spacing: .01em;
text-decoration: none;
margin-top: 10px;
display: inline-block;
float: left;
clear: both;
}

.page_homepage a.sliderbx_data_li_link_a:hover{
background: white;
color: $oranzova;
}

.page_homepage .bx-controls{
z-index: 950;
width: 100%;
position: relative;
}

.page_homepage .bx-controls .bx-pager{
position: absolute;
bottom: 10px;
text-align: center;
width: 100%;
}

.page_homepage .bx-controls .bx-pager .bx-pager-item{
display: inline-block;
}

.page_homepage .bx-controls .bx-pager .bx-pager-item a{
width: 16px;
height: 16px;
display: block;
text-indent: -9999px;
background: rgba(255,255,255,0);
border: 3px solid $oranzova;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
margin: 0 10px;
}

.page_homepage .bx-controls .bx-pager .bx-pager-item a.active{
background: white;
border-color: white;
}

#homepage_slider #bx-controls-user{
position: absolute;
bottom: -45px;
width: $60;
left: 20%;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}

#homepage_slider:hover #bx-controls-user{
bottom: 45px;
}

#homepage_slider #bx-controls-user span a{
display: block;
width: 70px;
height: 40px;
border: 1px solid white;
float: left;
background: url('icons/ico_slider_prev.png') no-repeat center center;
font-size: 0;
color: transparent;
text-indent: -9999px;
}

#homepage_slider #bx-controls-user span a:hover{
background-color: $oranzova;
border-color: $oranzova;
}

#homepage_slider #bx-controls-user span a.bx-next{          
background-image: url('icons/ico_slider_next.png');
float: right;
}


#homepage_articles{
padding: 3% 0;
}

.articles_small_item,
.articles_list_item{
float: left;
width: 33.3333333%;
}

.articles_list_item{
margin-bottom: 5%;
}

.articles_list_item:nth-child(3n+1){
clear: both;
}

.articles_small_thumb,
.articles_list_thumb{
overflow: hidden;
}

.articles_small_item img,
.articles_list_item img{
width: 100%;
display: block;
$transition;
}

.articles_small_item:hover img,
.articles_list_item:hover img{
transform: scale(1.1)
}

.articles_small_title,
.articles_list_title{
background: white;
width: 80%;
margin: 0 auto;
margin-top: -13%;
z-index: 950;
position: relative;
padding: 5% 10%;
text-transform: uppercase;   
}

.articles_list_title, #section_detail_references .articles_small_title{
border: 1px solid $oranzova;
}

.articles_small_title a,
.articles_list_title a{
text-decoration: none;
}

.articles_small_link a,
.articles_list_link a{
background: $oranzova;
color: white;
float: right;
margin-right: 15%;
margin-top: -5%;
position: relative;
z-index: 950;
text-decoration: none;
padding: 5px 10px;
text-transform: uppercase;   
border: 1px solid $oranzova;
}

.articles_small_link a:hover,
.articles_list_link a:hover{
color: $oranzova;
background: white;
}


.homepage_products .homepage_products_info{
position: absolute;
width: 100%;
top: -60px;
z-index: 950;
text-transform: uppercase; 
}

.homepage_products{
padding: 5% 0;
}


.homepage_products_info_intro{
background: $seda;
color: white;
display: inline-block;
float: left;
padding: 0.5% 1%;
}

.homepage_products_info_name{
background: $oranzova;
color: white;
float: left;
font-size: 28px;
clear: both;
height: 45px;
line-height: 45px;
padding: 0 2%;
}

.homepage_products_info_link{
float: left;
display: block;
text-align: center; 
    background: $svetleseda;
    padding: 0 1%;        
}


.homepage_products_info_link:hover{
background: $sseda;
}
.homepage_products_info_link a{
display: block;
position: relative;
color: white;
height: 45px;
line-height: 45px;
font-size: 14px;
text-decoration: none; 
}

.homepage_products_info_link:hover{
background: $seda;
}

.homepage_products_main{
width: 100%;
display: table;                
}

.homepage_products_main_photo_left,
.homepage_products_main_photo_right{
background: no-repeat center center;
background-size: cover;
position: relative;
}


.homepage_products_main_photo_left .fimg,
.homepage_products_main_photo_right .fimg{
  position:absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  height: 100%;
  width: 100%; 
}

.homepage_products_main_photo_left .fimg_img ,
.homepage_products_main_photo_right .fimg_img {
  object-fit: cover;
}


.homepage_products_main_photo_left,
.homepage_products_main_products,
.homepage_products_main_photo_right{
display: table-cell;
}

.homepage_products_main_products img{
width: 100%;
display: block;
}

.homepage_products_main_photo_left{
width: 40%;
}




#homepage_product_2 .homepage_products_main_photo_right{
width: 45%; 
}

#homepage_product_2 .homepage_products_main_photo_left{
width: auto;
}



.homepage_products_main_products{
width: 35%;
}

.homepage_products_main_products_product_1,
.homepage_products_main_products_product_2{
position: relative;
background-color:#F5812A;
background-color:#FFFFFF;
display: block;
overflow: auto;
padding: 0px 20px;
} 

.homepage_products_main_products_product_2{
background-color:#FFFFFF;
}    


.homepage_products_main_products_product_1 img,
.homepage_products_main_products_product_2 img{
height:auto;
max-height: 60%;
width: auto;
max-width: 100%;
display: block;
margin: 5% auto;  
}

.product_detail_section_item .products_list_products_item{
background: white;
}

.homepage_products_main_products_product_2 img{

}     

.homepage_products_main_products_product_1:hover .homepage_products_main_products_product_name{
/*color: white;  */



}
.homepage_products_main_products_product_2:hover .homepage_products_main_products_product_name{
/*color: $oranzova;  */
}

.homepage_products_main_products_product_name{
position: absolute;
position: absolute;
top: 7%;
left: 10%;
padding: 5px 10px;
display: block;
font-size: 22px;
text-transform: uppercase;

color: white;
background-color: $oranzova;

z-index:6;
}

.homepage_products_main_products_product_2 .homepage_products_main_products_product_name{
left: auto;
right: 10%;
}


/*
********************************************************
FOOTER
*/




footer,
footer section,
.page_homepage footer section{
background: $seda;
}


footer{
color: white;
padding: 4% 0;
font-size: 14px;
line-height: 200%;
color: #bebebe;
}

footer a{
color: #bebebe;
}


#footer_socials{
text-align: center;
margin-bottom: 6%;
}

#footer_socials h3{
font-size: 14px;
text-transform: uppercase;
color: white;
}

#footer_socials_links{
width: 100%;
margin-top: 2%;
}

#footer_socials_links a{
display: inline-block;
width: 36px;
height: 36px;
border-radius: 50%;
border: 2px solid $oranzova;
$transition;
margin: 0 15px;
background-repeat: no-repeat;
background-position: center center;
}


#footer_socials_links a:hover{
border-color: white;
background-image: url('icons/ico_social_fb_hover.png');
}

#footer_socials_links a#footer_socials_link_twi{
/*background-image: url('icons/ico_social_twi.png');*/
}

#footer_socials_links a#footer_socials_link_twi:hover{
background-image: url('icons/ico_social_twi_hover.png');
}

#footer_socials_links a#footer_socials_link_inst{
/*background-image: url('icons/ico_social_inst.png');*/
}

#footer_socials_links a#footer_socials_link_inst:hover{
background-image: url('icons/ico_social_inst_hover.png');
}

#footer_socials_links a#footer_socials_link_yt{
/*background-image: url('icons/ico_social_yt.png');*/
}

#footer_socials_links a#footer_socials_link_yt:hover{
background-image: url('icons/ico_social_yt_hover.png');
}


#footer_links{
float: left;
width: 80%;
}

#footer_links li{
float: left;
width: 25%;
list-style: none;
margin-bottom: 5%;
}  



#content_menu_1_li, #content_menu_401_li{
display:none;
}

#footer_links li:nth-child(5n+5){
/*clear: both; */
}

#footer_links li a,
#footer_newsletter h3{
text-decoration: none;
font-size: 22px;
text-transform: uppercase;
color: white;
}

#footer_links li ul{
width: 100%;
}

#footer_links li ul li{
width: 100%;
margin-bottom: 0%;
}

#footer_links li ul li a{
font-size: 14px;
text-transform: none;
color: #bebebe;
}

#footer_links li ul li a:hover{
color: $oranzova;
}

#footer_newsletter{
float: right;
width: 20%;
}
#footer_more{
clear: both;
width: 100%;
float: left;
margin-top: 5%;
}

#footer_more_left,
#footer_more_right{
float: left;
width: 50%;
}

#footer_more_right{
float: right;
text-align: right;
}

footer ul#menu_lang{
display: inline-block;
margin-left: 5px;  
}

footer #menu_lang li{
display: inline-block;
margin: 0 10px;
}

#menu_lang li a{
color: white;
text-decoration: none;
}

#menu_lang li a:hover{
text-decoration: underline;
}

#footer_menu li{
display: inline-block;
list-style: none;
margin: 0 10px;
}


#footer_menu li:last-child{
margin-right: 0;
}

#footer_text{
color: white;
text-transform: uppercase;
}

#footer_newsletter .cform_infotext{
margin: 10px 0;
}

#footer_newsletter .cform_item_type_text{
width: 75%;
float: left;
}

#footer_newsletter input{
width: 100%;
height: 40px;
background: #484848;
border: 0;
padding-left: 15px;
}

#footer_newsletter input.form_submit{
padding: 0;
background: $oranzova;
color: white;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
text-align: center;
line-height: 40px;
$transition;
}

#footer_newsletter input.form_submit:hover{
background: #2d8e16;
}

#footer_newsletter .cform_item_type_submit{
width: 20%;
float: left;
}

#breadcrumbs{
background: #eee ;
clear: both;
padding: 15px 0;
font-size: 12px;
}

body.new-26 #breadcrumbs {
  background-color: #fff;
}

#breadcrumbs a{
color: $seda;
}

#breadcrumbs .breadcrumbs_item{
padding-right: 13px;
background: url('icons/icon-breadcrumb-separator.png') no-repeat right center;
margin-right: 2px;
}

#breadcrumbs .breadcrumbs_item:last-child{
background: none; 
}

#subpage_content{
padding: 1% 0;
}

#subpage_content h1,
#subpage_content h2,
#subpage_content h3,
#subpage_content h4,
#subpage_content h5{
text-transform: uppercase;
color: $seda;
font-weight: normal;
}


.page_category #subpage_content h1{
background: $seda;
color: white;
width: auto;
display: inline-block;
padding: 5px 8px 5px 10px;
font-size: 24px;
line-height: 34px;
position: relative;
z-index: 950;
}


/*
************************************************
CATEGORY LIST
*/


#category_list{
float: left;
width: 100%;
}

.page_category #category_list{
margin-top: -18px;
} 

.category_list_item{
width: 50%;
float: left;
border: 1px solid white;  
border-top: 0;
position: relative;
overflow: hidden;
}

.category_list_item:hover .category_list_item_image img{
transform: scale(1.1);
}

.category_list_item:nth-child(even){
border-left: 0;
}

.category_list_item:nth-child(4n+3) .category_list_item_name,
.category_list_item:nth-child(4n) .category_list_item_name{
right: 5%;
left: auto;
}

.category_list_item_name{
position: absolute;
background: rgba(51, 51, 51, 0.49);
padding: 5px;
color: white;
top: 7%;
left: 5%;
z-index: 950;
$transition;
}

#subpage_content h2.category_list_item_name{
color: white;
}

.category_list_item:hover .category_list_item_name{
background: $oranzova;
}

.category_list_item_image img{
width: 100%;
display: block;
$transition;
}






    





    
/* Mod dealers new */
#map-canvas.dealers_list_map{
  position: relative;
  width: 100%;
  height: 35vh;
  padding: 0;
}

.dealers_filters{
  background-color: #eee;
  padding: 1rem 1rem; 
  margin-bottom: 1rem; 
  display:flex;
  overflow: visible;
  justify-content:center;
}



.dealers_filters_filter{
  overflow: visible;
  flex-grow: 1;
  margin: 0 0.25rem;
  position: relative;
  max-width: 50%;
}

.dealers_filters_filter a{
  text-decoration: none;
  display: block;
  color: #000000;
  transition: all 0.25s ease-in-out;
}
.dealers_filters_filter a:hover{
  background-color: #333;
  color: #FFFFFF !important; 
}

.dealers_filters_filter .name, .dealers_filters_filter .values{
  background: #FDFDFD;
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 3px;  
}
.dealers_filters_filter a, .dealers_filters_filter .name{
    padding: 0.25rem 0.5rem;
}
.dealers_filters_filter .name{
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.dealers_filters_filter .name img{
  transition: transform 0.25s ease-in-out;
  float:right;
  margin-top: 0.25em;
}
.dealers_filters_filter:hover .name img{
  
  transform: rotate(180deg);  
}

.dealers_filters_filter .values{
  overflow: auto;
  position: absolute;
  z-index: 10;
  top: 2.5rem;
  width: 100%;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.dealers_filters_filter:hover .values{
  max-height: 30vh;
  opacity: 1;
  overflow: auto;
}

.dealers_list_no_table{
  text-align: center;
  margin: 0 auto; 
  padding-bottom: 10rem; 
}
.dealers_regions_menu a{
  background-color: #f27b21;
  color: #FFFFFF;  
  
  padding: 0.25rem 0.5rem;
  margin: 0.5rem 0.5rem;
  text-decoration: none;
  display: inline-block;
  transition: all 0.25s ease-in-out;
}

.dealers_regions_menu a:hover{
  background-color: #333;
  color: #FFFFFF; 
}

.dealers_list_table{
  background-color: #FFFFFF;
  margin: 2rem auto 2rem auto;
  background-color: #FFFFFF;
  padding: 0rem 0;
  width: 100%;
  
}

.dealers_list_table td{
  text-align: left;
  padding: 0.25rem 0.5rem;
  background-color: #eee;
}

.dealers_list_table tr:hover td{
  background-color: #FAFAFA;
}

.dealers_list_table th{
  text-align: center;
  font-weight: 500;
  background-color: #333;
  color: #FFFFFF; 
}
.dealers_list_table td.name{
  font-weight:500;
}
.dealers_list_table td.web{
  text-align: center;
}
 
 
 
.dealers_countries_container{
  display:flex;
  flex-wrap:wrap;
}
.dealers_countries_container img{
  width: 100%;
  height:auto;
  max-width: 300px;
}
.dealers_countries_container h3{
  margin-top: 0;
}
.dealers_countries_container .item{
  width: 50%;
  min-width: 300px;
  padding: 0 1rem;
  box-sizing: border-box;
  text-align: center;
}

















/*
********************************************************
PRODUCTS LIST
*/

#products_list{
clear: both;
margin-top: 1.5%;
float: left;
width: 100%;
}

.page_products_list h1{
width: 35%;
float: left;
}

#sorting{
width: 65%;
float: right;
text-align: right;
margin-top: 18px;

display:none;
}

#sorting li{
list-style: none;
display: inline-block;
font-size: 14px;
margin: 0 10px;
}

#sorting li:first-child{
font-weight: bold;
}

#sorting li a{
text-decoration: none;
}

#sorting li a:hover{
color: $oranzova;
}

#products_list_filters{
border: 1px solid #ccc; 
border-right: 0; 
width: 25%;
font-size: 14px;
display:none;
}

.products_list_filter_item{
border-bottom: 1px solid #ccc;
}

.products_list_filter_item:last-child{
border-bottom: 0;
}

.products_list_filter_item_name{
cursor: pointer;
background: url('icons/ico_filter_top.png') no-repeat right center;
$transition;
text-transform: uppercase;
font-weight: bold;
}


.products_list_filter_item_name.closed{
background: url('icons/ico_filter_bottom.png') no-repeat right center;
}

.products_list_filter_item_inner{
padding: 5%;
}

.products_list_filter_item_options{
padding: 5% 0 0 0;
}

a.products_list_filter_item_link{
display: block;
color: $svetleseda; 
margin: 1% 0;
text-decoration: none;
}

a.products_list_filter_item_link:hover{
color: $oranzova;
}


#products_list_products{
float: right;
width: 75%;
width: 100%;
border: 1px solid #ccc; 
}

.products_list_products_item{
width: 33.33333%;

float: left;
text-align: center;
padding: 5%;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-transform: uppercase;
position: relative;
}

.products_list_products_item a:after{
position: absolute;
background: $pruhlednaoranzova;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: 'Detail';
padding-top: 50%;
color: white;
display: none;
$transition;
}

.products_list_products_item:hover a:after{
display: block;
}

.products_list_products_item_image{
display: block;
}
.products_list_products_item_image img{
  width: 100%;
  height: auto;
  $transition;
}

.products_list_products_item:nth-child(3n){
border-right: 0;
}

.products_list_products_item h2{
font-size: 20px;
margin-top: 10%;
}

.products_list_products_item_color{
clear:both;
width: 100%;
display: block;
}

.products_list_products_item_price{
margin-top: 10px;
width: 100%;
display: block;
color: $svetleseda;
clear:both;
}

#product_detail_sizes{
  font-weight: normal;
}

.products_list_products_item a{
text-decoration: none;
}


/*
********************************************************
PRODUCT DETAIL
*/

.page_product #subpage_content{
margin: 4% auto;
}


#product_detail_images{
width: 50%;
float: left;
border: 1px solid #ccc;
padding: 40px;
}

#product_detail_images .more{
  display:flex;
  gap: 10px;
  flex-wrap: nowrap;
  
  justify-content: center;
}


#product_detail_info{
text-align: center;
width: 100%;
float: right;
}

#product_detail_text{
width: 50%;
float: right;
padding: 0 10%;
}

#product_detail_color{
  font-size: 1.5rem;
}

#product_detail_info h1{

font-weight: bold;
    margin-bottom: 1%;
    width: 50%;
    float: right;
}


#product_detail_info_price{
color: $svetleseda;
    margin-bottom: 4%;
    width: 100%;
    display: block;
}

#product_detail_info_desc{
font-weight: 300;
text-align: justify;
    margin-bottom: 4%;
    width: 100%;

    line-height: 200%;
}


#product_detail_info_link{
display: block;
background: $oranzova;
color:white;
text-transform: uppercase;
text-decoration: none;
padding: 10px;
width: 70%;
margin: 8% auto 4% auto;
clear:both;
position: relative;
}

#product_detail_info_link:hover{
background: $seda;
}

#product_detail_sections{
background: #eee;
    float: left;
    width: 100%;
}

.product_detail_section_item{
border-bottom: 1px solid #ccc;
color: $svetleseda;

clear: both;
    float: left;
    width: 100%;
}


.product_detail_section_item:first-child{
border-top: 1px solid #ccc; 
}

.product_detail_section_item h2.section_header{
color: #333;
cursor: pointer;
text-transform: uppercase;
padding: 2% 0;
background: url('icons/ico_product_section_close.png') no-repeat right center;
}

.product_detail_section_item h2.section_header.closed{
background-image: url('icons/ico_product_section_open.png');
}

.product_detail_section_item_content{
float: left;
width: 100%;
padding-bottom: 2%;
}

.product_detail_section_item_content ul{
padding: 10px;
}

.product_detail_section_item_content li{
margin: 5px 20px;
}



.product_detail_section_item_content .articles_small_item {
  width: 33.33%;
  float:left; 
}




.cat_technologies_item{
  clear:both;
  margin: 20px 0px;
  overflow: auto;
  position: relative;
  display: block;
}


body#page_3687 .cat_technologies_item{
   border-bottom: 1px solid #333;
   padding: 20px;
   margin: 40px 0px;   
}

.cat_technologies_item:nth-child(odd) .cat_technologies_item_image{
  float:left;
  margin-right: 40px;
  margin-bottom: 20px;
}

.cat_technologies_item:nth-child(even) .cat_technologies_item_image{
  float:right;
  margin-left: 40px;
  margin-bottom: 20px;
}

.cat_technologies_item_text h3{
  color:#000000;
}


.page_blank #subpage_content{
padding: 1% 0;
font-weight: 300;
line-height: 200%;
}

.page_blank #subpage_content strong{
font-weight: 400;
}

.page_blank #subpage_content ul,
.page_blank #subpage_content ol{
padding: 5px 40px;
}

.page_blank #subpage_content ul li{
padding: 5px 20px;
list-style: none;
background: url(icons/ico_ul_li.png) no-repeat left center;
}

.page_blank #subpage_content ol li{
margin: 5px 20px;
}

#page_image{
float: right;
margin: 0 0 2% 2%;
max-width: 500px;
width: 100%;
height:auto;
box-sizing: border-box;
}

#page_image img{
    border-bottom: 5px solid #f57b20;
    border-right: 5px solid #f57b20;
}


.page_blank h1{
margin-bottom: 2%;
}

.cat_technologies_item_text h3{
word-break: keep-all;
}

.search_results_item{
width: 100%;
float: left;
margin: 2% 0;
padding: 2% 5%;
}

.search_results_item:nth-child(even){
background: #f3f3f3;
}

/*
input{
-webkit-appearance: none;
}
*/

@media only screen and (max-width: 1600px){    

.container_size{
width: 75%;
}

.page_homepage li .sliderbx_data_li_container,
.page_homepage li.prava .sliderbx_data_li_container{
margin-right: 12.5%;
}
.page_homepage li.leva .sliderbx_data_li_container{
margin-left: 12.5%;
}

}

@media only screen and (max-width: 1400px){    
.container_size{
width: 85%;
}

.page_homepage li .sliderbx_data_li_container,
.page_homepage li.prava .sliderbx_data_li_container{
margin-right: 7.5%;
}
.page_homepage li.leva .sliderbx_data_li_container{
margin-left: 7.5%;
}

}

@media only screen and (max-width: 1200px){    
.container_size{
width: 90%;
}

.page_homepage li .sliderbx_data_li_container,
.page_homepage li.prava .sliderbx_data_li_container{
margin-right: 5%;
}
.page_homepage li.leva .sliderbx_data_li_container{
margin-left: 5%;
}

}





.color_group{
  width: 100%;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0;
  
  justify-content: center;
  
}
.color_group .fimg.item{
  border: 1px solid #ccc;
  padding: 5px;
  width: max-content;
  
  max-width: 31%;  
  flex-direction: column;
}

.color_group .fimg.item.current{
  border-color: #f27b21;  
}
.color_group .fimg.item:hover{
  border-color: #000000;
}
.color_group .fimg_cap, .color_group .fimg_caps{
  padding: 0;
  margin: 0;
}
.color_group .fimg_caps{
  width: 100%;
  word-break: break-word;
}

.color_group .fimg_caps .sspace{
  font-size: 0px;
  user-select: none;
}


.color_group .fimg_img{
  width: 100%;
  aspect-ration: var(--loc-ratio);
}


/* Footer - new 26 */
footer.new-26 {
  background-color: var(--color-light-cream);
  padding: 0;
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

footer.new-26 .footer-main {
  display: flex;
  justify-content: space-between;
  padding: 120px 40px;
  padding-bottom: 160px;
}

footer.new-26 .footer-main .newsletter-side {
  flex: 0 1 550px;
}

footer.new-26 .footer-main .newsletter-side form {
  display: flex;
}

footer.new-26 .footer-main .newsletter-side h2,
footer.new-26 .footer-main .newsletter-side h3 {
  font-size: 40px;
  position: relative;
  font-weight: 700;
  color: #373836;
  margin-bottom: .75em;
  font-weight: 500;
}

footer.new-26 .footer-main .newsletter-side h2::before,
footer.new-26 .footer-main .newsletter-side h3::before {
  position: absolute;
  left: -40px;
  width: 25px;
  background-color: var(--color-orange);
  height: 4px;
  content: " ";
  top: .5em;
}

footer.new-26 .footer-main .newsletter-side form input {
  width: 100%;
  height: 48px;
  font-size: 17px;
  padding: 5px 15px;
}

footer.new-26 .footer-main .newsletter-side form input::placeholder {
  color: #aaa;
  opacity: 1;
}

footer.new-26 .footer-main .newsletter-side .cform_item_type_submit {
  flex: 0 0 80px;
}

footer.new-26 .footer-main .newsletter-side .cform_item_type_submit input {
  font-size: 0;
  background-color: var(--color-slate);
  border: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-image: url('/gfx/chevron-right.svg');
  background-repeat: no-repeat;
  background-size: auto 24px;
  background-position: 50% 50%;
}

footer.new-26 .footer-main .newsletter-side .cform_item_type_text {
  flex: 1 1 auto;
}

footer.new-26 #footer-socials-wrap {
  display: flex;
  justify-content: center;
  column-gap: 40px;
  flex-wrap: wrap;
  margin-top: 40px;
}

footer.new-26 #footer-socials-wrap a {
  width: 50px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}

footer.new-26 .footer-menu-side #content_menu {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  column-gap: 100px;
}

.footer-menu-side #content_menu .sub_0_a {
  font-size: 22px;
  color: #373836;
  font-weight: 500;
  text-decoration: none;
  transition: ease-in-out .3s;
}

.footer-menu-side #content_menu .sub_0_a:hover {
  color: var(--color-orange);
}

.footer-menu-side #content_menu .sub_1 {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: 10px;
}

.footer-menu-side #content_menu .sub_1_a {
  font-size: 20px;
  color: #373836;
  font-weight: 100;
  text-decoration: none;
  position: relative;
}

.footer-menu-side #content_menu .sub_1_a::before {
  height: 3px;
  width: 0;
  left: -30px;
  top: .65em;
  content: " ";
  transition: ease-in-out .3s;
  background-color: var(--color-orange);
  position: absolute;
}

.footer-menu-side #content_menu .sub_1_a:hover::before {
  width: 25px;
}

footer.new-26 .footer-bottom {
  background-color: var(--color-slate);
  padding: 56px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: var(--color-white);
}

footer.new-26 a {
  color: inherit;
}

footer.new-26 .footer-logo img {
  width: 100%;
  height: auto;
}




/* HP Hero - Special */
#lp-home-hero a {
    font-size: 1em;
    text-decoration: none;
  }
  #lp-home-hero img {
    border-radius: 0;
  }
  #lp-home-hero .lp-overlay {
    inset: 0;
    pointer-events: none;


    flex-direction: column-reverse;
    display: flex;
    align-items: center;
    pointer-events: none;
  }
  #lp-home-hero .lp-overlay .shoe-animation {
    width: 80%;
    max-width: 1100px;
  }
  #lp-home-hero .lp-overlay .shoe-animation .shoe-a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    -webkit-mask-image: url("/gfx/hero-hp/shoe-reveal-mask.svg");
    mask-image: url("/gfx/hero-hp/shoe-reveal-mask.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 74em 54em;
    mask-size: 74em 54em;
    -webkit-mask-position: 59em -7.7em;
    mask-position: 59em -7.7em;
  }
  @media (min-width: 641px) {
    #lp-home-hero .lp-overlay .shoe-animation .shoe-a {
      -webkit-mask-size: 117em 72em;
      mask-size: 117em 72em;
      -webkit-mask-position: 105em -5em;
      mask-position: 105em -5em;
      animation: maskRevealLoop-desktop 7.2s infinite;
    }
  }
  #lp-home-hero .lp-overlay .lockup {
    width: 49.2308em;
    margin: 10.503em 7.385em 0;
    height: auto;
  }
  @media (min-width: 641px) {
    #lp-home-hero .lp-overlay .lockup {
      width: 80%;
      height: auto;
      display: block;
      margin: 6em auto 0;
    }
  }
  #lp-home-hero .lp-overlay header {
    position: absolute;
    inset: 30.5em 7.4em auto auto;
  }
  @media (min-width: 641px) {
    #lp-home-hero .lp-overlay header {
      inset: 26em 26.7em auto auto;
    }
  }
  #lp-home-hero .lp-overlay header h2 {
    font-family: "Denim Ink WD", gira-sans;
    font-size: 2.4em;
    font-weight: 600;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--mer-orange);
  }
  @media (min-width: 641px) {
    #lp-home-hero .lp-overlay header h2 {
      font-size: 4.8em;
    }
  }
  #lp-home-hero .lp-overlay .content {
    margin: 39.713em 5.2em 0;
  }
  @media (min-width: 641px) {
    #lp-home-hero .lp-overlay .content {
      display: flex;
      width: 100%;
      align-items: center;
      margin: 53.3em 0 0;
    }
  }
  #lp-home-hero .lp-overlay .content .orange-line {
    width: 3.9385em;
    height: 0.6564em;
    margin: 0 auto;
    display: block;
  }
  @media (min-width: 641px) {
    #lp-home-hero .lp-overlay .content .orange-line {
      order: 1;
      width: 3em;
      margin: 0 3em 0 0;
    }
  }
  #lp-home-hero h3 {
    font-family: "Denim Ink WD", gira-sans;
    color: var(--White, #fff);
    color: #fff;
    text-align: center;
    font-size: 4.2667em;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 26px */
    letter-spacing: -0.26px;
    text-transform: uppercase;
    margin: 1.23em 0;
  }
  @media (min-width: 641px) {
    #lp-home-hero h3 {
      font-size: 4.125em;
      letter-spacing: -0.025em;
      margin: 0 1.45em 0 auto;
      order: 3;
      align-self: flex-end;
    }
  }
  #lp-home-hero .actions {
    display: flex;
    gap: 0.8em;
    text-transform: uppercase;
    justify-content: center;
  }
  @media (min-width: 641px) {
    #lp-home-hero .actions {
      flex-direction: row;
      order: 2;
    }
  }
  @media (min-width: 641px) {
    #lp-home-hero .cta-button {
      font-size: 2em;
    }
  }

  @keyframes maskRevealLoop-mobile {
    /* HOLD — start (mask on right, image A visible) */
    0%,
    16.67% {
      -webkit-mask-position: 59em -7.7em;
      mask-position: 59em -7.7em;
    }
    /* MOVE — slide to fully cover */
    50% {
      -webkit-mask-position: -9em -7.7em;
      mask-position: -9em -7.7em;
    }
    /* HOLD — fully covered (image B visible) */
    50%,
    66.67% {
      -webkit-mask-position: -9em -7.7em;
      mask-position: -9em -7.7em;
    }
    /* MOVE — slide off to the left */
    100% {
      -webkit-mask-position: -69em -7.7em;
      mask-position: -69em -7.7em;
    }
  }
  @keyframes maskRevealLoop-desktop {
    /* HOLD — start (mask off to the right, image A visible) */
    0%,
    16.67% {
      -webkit-mask-position: 105em -5em;
      mask-position: 105em -5em;
    }
    /* MOVE — slide to fully cover */
    50% {
      -webkit-mask-position: 9em -6em;
      mask-position: -5em -6em;
    }
    /* HOLD — fully covered (image B visible) */
    50%,
    66.67% {
      -webkit-mask-position: 9em -6em;
      mask-position: -5em -6em;
    }
    /* MOVE — slide off to the left */
    100% {
      -webkit-mask-position: -102em -6em;
      mask-position: -102em -6em;
    }
  }