.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#505050;--e-global-color-accent:#B311A3;--e-global-color-98a9474:#FFD200;--e-global-color-c5d19c5:#F0C80E;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-55b83e6-font-family:"AkkoProBold";--e-global-typography-55b83e6-font-size:24px;--e-global-typography-55b83e6-font-weight:300;--e-global-typography-55b83e6-text-transform:uppercase;--e-global-typography-55b83e6-line-height:1em;--e-global-typography-04b8e4a-font-family:"Commissioner";--e-global-typography-04b8e4a-font-size:40px;--e-global-typography-04b8e4a-font-weight:800;--e-global-typography-04b8e4a-text-transform:uppercase;--e-global-typography-04b8e4a-line-height:1.2em;--e-global-typography-0f24469-font-family:"AkkoProBold";--e-global-typography-0f24469-font-size:17px;--e-global-typography-0f24469-font-weight:300;--e-global-typography-0f24469-line-height:1.3em;--e-global-typography-ddbd1fd-font-family:"Commissioner";--e-global-typography-ddbd1fd-font-size:30px;--e-global-typography-ddbd1fd-font-weight:800;--e-global-typography-ddbd1fd-text-transform:uppercase;--e-global-typography-ddbd1fd-line-height:1.2em;--e-global-typography-eeaa0aa-font-family:"Commissioner";--e-global-typography-eeaa0aa-font-size:30px;--e-global-typography-eeaa0aa-font-weight:700;--e-global-typography-eeaa0aa-text-transform:uppercase;--e-global-typography-eeaa0aa-line-height:1.2em;--e-global-typography-96aeaea-font-family:"AkkoProBold";--e-global-typography-96aeaea-font-size:16px;--e-global-typography-96aeaea-font-weight:200;--e-global-typography-96aeaea-line-height:1.9em;--e-global-typography-0e76e7e-font-family:"AkkoProBold";--e-global-typography-0e76e7e-font-size:16px;--e-global-typography-0e76e7e-font-weight:100;--e-global-typography-0e76e7e-line-height:1.7em;--e-global-typography-0be8a41-font-family:"AkkoProBold";--e-global-typography-0be8a41-font-size:15.5px;--e-global-typography-0be8a41-font-weight:300;--e-global-typography-0be8a41-line-height:1em;--e-global-typography-5254dae-font-family:"AkkoProBold";--e-global-typography-5254dae-font-size:18px;--e-global-typography-5254dae-font-weight:300;--e-global-typography-5254dae-line-height:1.4em;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-5{--e-global-typography-55b83e6-font-size:20px;--e-global-typography-55b83e6-line-height:1em;--e-global-typography-04b8e4a-font-size:35px;--e-global-typography-04b8e4a-line-height:1.2em;--e-global-typography-0f24469-font-size:16.5px;--e-global-typography-0f24469-line-height:1.3em;--e-global-typography-ddbd1fd-font-size:27px;--e-global-typography-ddbd1fd-line-height:1.2em;--e-global-typography-eeaa0aa-font-size:27px;--e-global-typography-eeaa0aa-line-height:1.2em;--e-global-typography-96aeaea-font-size:15px;--e-global-typography-96aeaea-line-height:1.9em;--e-global-typography-0e76e7e-font-size:15px;--e-global-typography-0e76e7e-line-height:1.7em;--e-global-typography-0be8a41-font-size:15px;--e-global-typography-0be8a41-line-height:1em;--e-global-typography-5254dae-font-size:17px;--e-global-typography-5254dae-line-height:1.4em;}}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-55b83e6-font-size:18px;--e-global-typography-04b8e4a-font-size:30px;--e-global-typography-04b8e4a-line-height:1.2em;--e-global-typography-0f24469-font-size:15px;--e-global-typography-0f24469-line-height:1.3em;--e-global-typography-ddbd1fd-font-size:24px;--e-global-typography-ddbd1fd-line-height:1.2em;--e-global-typography-eeaa0aa-font-size:24px;--e-global-typography-eeaa0aa-line-height:1.2em;--e-global-typography-96aeaea-font-size:14.5px;--e-global-typography-96aeaea-line-height:1.7em;--e-global-typography-0e76e7e-font-size:14.5px;--e-global-typography-0e76e7e-line-height:1.7em;--e-global-typography-0be8a41-font-size:14.5px;--e-global-typography-0be8a41-line-height:1em;--e-global-typography-5254dae-font-size:16px;--e-global-typography-5254dae-line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-55b83e6-font-size:15px;--e-global-typography-55b83e6-line-height:1em;--e-global-typography-04b8e4a-font-size:25px;--e-global-typography-04b8e4a-line-height:1.2em;--e-global-typography-0f24469-font-size:14.5px;--e-global-typography-0f24469-line-height:1.3em;--e-global-typography-ddbd1fd-font-size:22px;--e-global-typography-ddbd1fd-line-height:1.2em;--e-global-typography-eeaa0aa-font-size:22px;--e-global-typography-eeaa0aa-line-height:1.2em;--e-global-typography-96aeaea-font-size:14.5px;--e-global-typography-96aeaea-line-height:1.7em;--e-global-typography-0e76e7e-font-size:14.5px;--e-global-typography-0e76e7e-line-height:1.7em;--e-global-typography-0be8a41-font-size:14.5px;--e-global-typography-0be8a41-line-height:1em;--e-global-typography-5254dae-font-size:15.5px;--e-global-typography-5254dae-line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */::-webkit-scrollbar {width: 6px;}

::-webkit-scrollbar-track {background-color: white;}

::-webkit-scrollbar-thumb {background-color: black;}
 
/* Pro mobilní zařízení (šířka do 767px) */
@media (max-width: 767px) {
  .header-orez-loga {
    position: relative;
    z-index: 1;
   clip-path: polygon(100% 0, 100% 65px, calc(100% - 20px) 100%, 0 100%, 0 0);
 
  }
}

/* Pro tablety (šířka mezi 768px a 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .header-orez-loga {
    position: relative;
    z-index: 1;
     clip-path: polygon(100% 0, 100% 70px, calc(100% - 35px) 100%, 0 100%, 0 0);
  }
}

/* Pro větší zařízení (šířka nad 1024px) */
@media (min-width: 1024px) {
 .header-orez-loga {
    position: relative;
    z-index: 1;
    clip-path: polygon(100% 0, 100% 100px, calc(100% - 35px) 100%, 0 100%, 0 0);
  }
}

 
.pravazluta::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(100vw + 100px);
  margin-right: -100vw;
  right: -100px; /* Rozšíří se vlevo dostatečně daleko */
  left: 100%; /* Nastaví pravou hranici pseudoelementu */
  background-color: #EEC400;
  z-index: 888; /* Ujistí se, že pseudoelement je pod hlavním obsahem */;
}

.levazluta::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(100vw + 100px);
  margin-left: -100vw;
  left: -100px; /* Rozšíří se vlevo dostatečně daleko */
  right: 100%; /* Nastaví pravou hranici pseudoelementu */
  background-color: #EEC400;
  z-index: 888;
}




.pravazlutejsi::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(100vw + 100px);
  margin-right: -100vw;
  right: -100px; /* Rozšíří se vlevo dostatečně daleko */
  left: 100%; /* Nastaví pravou hranici pseudoelementu */
  background-color: #ffd200;
  z-index: 888; /* Ujistí se, že pseudoelement je pod hlavním obsahem */;
}

.levazlutejsi::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(100vw + 100px);
  margin-left: -100vw;
  left: -100px; /* Rozšíří se vlevo dostatečně daleko */
  right: 100%; /* Nastaví pravou hranici pseudoelementu */
  background-color: #ffd200;
  z-index: 888;
}






.pravacerna::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(100vw + 100px);
  margin-right: -100vw;
  right: -100px; /* Rozšíří se vlevo dostatečně daleko */
  left: 100%; /* Nastaví pravou hranici pseudoelementu */
  background-color: black;
  z-index: 888; /* Ujistí se, že pseudoelement je pod hlavním obsahem */;

}

.levacerna::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(100vw + 100px);
  margin-left: -100vw;
  left: -100px; /* Rozšíří se vlevo dostatečně daleko */
  right: 100%; /* Nastaví pravou hranici pseudoelementu */
  background-color: black;
  z-index: 888;
}






.pravaseda::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(100vw + 100px);
  margin-right: -100vw;
  right: -100px; /* Rozšíří se vlevo dostatečně daleko */
  left: 100%; /* Nastaví pravou hranici pseudoelementu */
  background-color: #E8E8E8;
  z-index: 888; /* Ujistí se, že pseudoelement je pod hlavním obsahem */;

}

.levaseda::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(100vw + 100px);
  margin-left: -100vw;
  left: -100px; /* Rozšíří se vlevo dostatečně daleko */
  right: 100%; /* Nastaví pravou hranici pseudoelementu */
  background-color: #E8E8E8;
  z-index: 888;
}









.pravabila::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(100vw + 100px);
  margin-right: -100vw;
  right: -100px; /* Rozšíří se vlevo dostatečně daleko */
  left: 100%; /* Nastaví pravou hranici pseudoelementu */
  background-color: white;
  z-index: 9999; /* Ujistí se, že pseudoelement je pod hlavním obsahem */;

}

.levabila::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(100vw + 100px);
  margin-left: -100vw;
  left: -100px; /* Rozšíří se vlevo dostatečně daleko */
  right: 100%; /* Nastaví pravou hranici pseudoelementu */
  background-color: white;
  z-index: 9999;
}



/* Clip Path 1 */


/* Pro větší zařízení (šířka nad 1024px) */
@media (min-width: 1024px) {
 .clippath1 {clip-path: polygon(100% 0, 100% 100%, 0 100%, 60px 0);
}
}


/* Pro tablety (šířka mezi 768px a 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
 .clippath1 {
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 28px 0)
  }
}

/* Pro mobilní zařízení (šířka do 767px) */
@media (max-width: 767px) {
.clippath1 {
  clip-path: polygon(100% 0, 100% 100%, 0 100%, 16px 0);
 
  }
}




/* Clip Path 2 */

/* Pro větší zařízení (šířka nad 1024px) */
@media (min-width: 1024px) {
.clippath2 {
    clip-path: polygon(calc(100% - 60px) 0, 100% 100%, 0 100%, 0 0);}
}


/* Pro tablety (šířka mezi 768px a 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
 .clippath2 {
     clip-path: polygon(calc(100% - 28px) 0, 100% 100%, 0 100%, 0 0);
  }
}

/* Pro mobilní zařízení (šířka do 767px) */
@media (max-width: 767px) {
.clippath2 {
  clip-path: polygon(calc(100% - 16px) 0, 100% 100%, 0 100%, 0 0);
 
  }
}



/* Clip Path 3 */

/* Pro větší zařízení (šířka nad 1024px) */
@media (min-width: 1024px) {
.clippath3 {
    clip-path: polygon(calc(100% - 60px) 0%, 100% 100%, 100% 0);

}
}

/* Pro tablety (šířka mezi 768px a 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
 .clippath3 {
    clip-path: polygon(calc(100% - 28px) 0%, 100% 100%, 100% 0);
  }
}

/* Pro mobilní zařízení (šířka do 767px) */
@media (max-width: 767px) {
.clippath3 {
  clip-path: polygon(calc(100% - 19px) 0%, 100% 100%, 100% 0);
 
  }
}




/* Clip Path 4 */

/* Pro větší zařízení (šířka nad 1024px) */
@media (min-width: 1024px) {
.clippath4 {
    clip-path: polygon(0% 0%, 0 100%, calc(100% - 60px) 0);

}
}

/* Pro tablety (šířka mezi 768px a 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
 .clippath4 {
   clip-path: polygon(0% 0%, 0 100%, calc(100% - 28px) 0);
  }
}

/* Pro mobilní zařízení (šířka do 767px) */
@media (max-width: 767px) {
.clippath4 {
  clip-path: polygon(0% 0%, 0 100%, calc(100% - 19px) 0);
 
  }
}




/* Clip Path 5 */

/* Pro větší zařízení (šířka nad 1024px) */
@media (min-width: 1024px) {
.clippath5 {
    clip-path: polygon(60px 0, 0 0, 0 100%);
}
}

/* Pro tablety (šířka mezi 768px a 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
 .clippath5 {
      clip-path: polygon(28px 0, 0 0, 0 100%);
  }
}

/* Pro mobilní zařízení (šířka do 767px) */
@media (max-width: 767px) {
.clippath5 {
    clip-path: polygon(19px 0, 0 0, 0 100%);
 
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'AkkoProBold';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('http://www.hardpart.cz/wp-content/uploads/2024/10/AkkoPro-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'AkkoProBold';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://www.hardpart.cz/wp-content/uploads/2024/10/AkkoPro-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */