/*
Theme Name: Archevio5
Theme URI: https://www.archevio.cz
Description: Child theme of Divi theme for the Divi theme
Author: Netion
Author URI: https://www.netion.cz
Template: Divi
Version: 5.0.0.24
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Fri, 03 Oct 2025 12:52:05 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

@font-face {
  font-family: 'Vujahdayscript';
  src: url('fonts/vujahdayscript-regular-webfont.woff2') format('woff2'),
    url('fonts/vujahdayscript-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Thu, 26 May 2022 15:02:17 +0000 */
/* The plugin now uses the recommended approach for loading the css files.*/

/**** CUSTOM ****/
/*** GLOBAL ***/
::-moz-selection {
  background: #343333b5;
  color: #FFFFFF;
}

::selection {
  background: #343333b5;
  color: #FFFFFF;
}

a {
  transition: all 300ms ease 0ms;
  font-weight: 600;
}

a:hover {
  transition: all 300ms ease 0ms;
}

a,
.et_pb_text a,
:root :where(a:where(:not(.wp-element-button))) {
  text-decoration: none !important;
}

.et_pb_text a:hover {
  color: #333333;
  text-decoration: underline;
}

*,
p {
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 300;
}

h1 {
  font-weight: 700;
  text-transform: uppercase;
}

img {
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

@keyframes pulse-white {
  0% {
    scale: 0.95;
    filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.7));
    /* box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); */
  }

  70% {
    scale: 1;
    filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.0));
    /* box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); */
  }

  100% {
    scale: 0.95;
    filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.7));
    /* box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); */
  }
}

/*** GLOBÁLNÍ PRVKY ***/
body.popup-open {
  overflow: hidden;
}

#popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
}

.row-fullwidth {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 30px !important;
}

.row-fullscreen {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100vh;
  padding: 0 !important;
}

.row-dlazdice-3 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto;
  padding: 0 30px;
}

.row-dlazdice-3 .et_pb_column,
.et_pb_gutters1.row-dlazdice-3 .et_pb_column,
.et_pb_row.et_pb_gutters1.row-dlazdice-3 .et_pb_column {
  margin: 0 auto 8px auto;
}

@media (max-width: 479px) {
  .et_pb_gutters1.row-dlazdice-3 .et_pb_column {
    margin: 0 auto 8px auto !important;
  }

  .et_pb_gutters1.et_pb_row.row-dlazdice-2 .et_pb_column {
    margin-bottom: 8px !important;
  }
}

@media (min-width: 981px) {
  .row-dlazdice-2 .et_pb_column {
    width: calc(50% - 8px) !important;
    margin-right: 8px !important;
  }

  .row-dlazdice-2 .et_pb_column:last-child {
    margin-right: 0 !important;
  }

  .row-dlazdice-3 .et_pb_column {
    width: calc(33.3333% - 8px) !important;
    margin-right: 8px !important;
  }

  .row-dlazdice-3 .et_pb_column:last-child {
    margin-right: 0 !important;
  }
}

@media all and (max-width: 980px) {
  .row-dlazdice-2 .et_pb_column {
    width: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 8px !important;
  }

  .row-mobile-2-1 {
    display: flex;
    flex-direction: column-reverse !important;
  }
}

.row-video-1-2 {
  aspect-ratio: 16/9;
}

.hero-title h1 {
  font-size: 2.5rem !important;
  line-height: 1.3em !important;
  text-transform: uppercase;
  font-weight: 700;
}

@media all and (max-width:980px) {
  .hero-title h1 {
    font-size: 2.2rem !important;
  }

  .row-mobile-3-3.et_pb_row {
    display: flex;
  }

  .row-mobile-3-3.et_pb_row .et_pb_column {
    width: 31.333% !important;
    margin-bottom: 0;
    margin-right: 3%;
  }

  .row-mobile-3-3.et_pb_row .et_pb_column:last-child {
    margin-right: 0;
  }
}

@media all and (max-width:480px) {
  .hero-title h1 {
    font-size: 1.7rem !important;
  }

  .row-mobile-4-2.et_pb_row.et_pb_row_4col .et_pb_column {
    width: 47.25% !important;
    margin-bottom: 0;
  }
}

.button-round {
  display: flex !important;
  aspect-ratio: 1/1;
  width: fit-content;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 1% !important;
}

/** video background **/
.mejs-container,
.mejs-container.mejs-video,
.et_pb_section_video_bg,
.et_pb_section_video_bg .mejs-container.mejs-video,
.et_pb_section_video_bg .mejs-container.mejs-video .mejs-inner,
.et_pb_section_video_bg .mejs-container.mejs-video .mejs-inner .mejs-mediaelement,
.et_pb_section_video_bg .mejs-container.mejs-video .mejs-inner .mejs-controls {
  background: transparent !important;
}

/** .embed-iframe {} **/

@media all and (min-width:769px) {
  .code-embed-iframe iframe {
    width: 100%;
    /* height: 450px; */
    aspect-ratio: 16/9;
  }
}

@media all and (max-width:768px) {
  .code-embed-iframe iframe {
    width: 100%;
    height: 75vh;
  }

  .code-embed-iframe iframe.embed-low {
    height: 120vw;
  }

  .code-embed-iframe iframe.embed-square {
    height: auto;
    aspect-ratio: 1/1;
  }
}

/** DIVI Popups **/
#et-boc .area-outer-wrap .da-close {
  font-size: 30px;
  width: 30px;
  height: 30px;
}

.et_pb_video_slider .et_pb_slide {
  padding: 0;
}

button.mfp-arrow,
button.mfp-close {
  text-shadow: 0px 0px 5px #0000008f;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder button.mfp-close {
  cursor: pointer !important;
}

/* .video::-webkit-media-controls {} */

/* Could Use this as well for Individual Controls */
.tym-video video::-webkit-media-controls-play-button {
  display: none;
}

.tym-video video::-webkit-media-controls-volume-slider {
  display: none;
}

.tym-video video::-webkit-media-controls-mute-button {
  display: none;
}

.tym-video video::-webkit-media-controls-start-playback-button {
  display: none;
}

.tym-video video::-webkit-media-controls-time-remaining-display {
  display: none;
}

.tym-video video::-webkit-media-controls-fullscreen-button {
  display: none;
}

video::-webkit-full-page-media::-webkit-media-controls-panel {
  display: none;
}

.tym-video video::-webkit-media-controls-timeline {
  background-color: #343333;
  padding-bottom: 0;
  margin-bottom: 20px;
}

.tym-video video::-webkit-media-controls-current-time-display {
  display: none;
}

.py-3 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.sluzba-hero {
  padding-top: 0;
  padding-bottom: 1vh;
}

.sluzba-hero h1 {
  text-transform: uppercase !important;
  font-size: 2.5rem;
}

@media only screen and (max-width: 980px) {
  .sluzba-hero h1 {
    font-size: 2.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .sluzba-hero h1 {
    font-size: 1.7rem;
  }
}

/*** HEADER ***/
/** MOBILE MENU **/
#main-header {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: 0 !important;
}

#main-header .et_menu_container {
  width: 90%;
}

body.parent-pageid-27 #main-header:not(.et-fixed-header),
body.tax-project_category #main-header:not(.et-fixed-header) {
  background: #FFFFFF;
}

/* všechny projekty průhledné pozadí */
body.single-project #main-header:not(.et-fixed-header) {
  background-color: transparent !important;
}

/* všechny projekty bílé logo */
body.single-project header#main-header:not(.et-fixed-header) a {
  color: #FFFFFF;
}

body.single-project header#main-header:not(.et-fixed-header) #logo,
body.single-project header#main-header:not(.et-fixed-header) #logo {
  content: url('/wp-content/uploads/logo-white.svg') !important;
}

/* všechny projekty bílé burger menu */
body.single-project #main-header:not(.et-fixed-header) .mobile_menu_bar:before,
body.single-project #main-header:not(.et-fixed-header) .mobile_menu_bar:before {
  color: #FFFFFF !important;
}

/* projekty se světlým náhledem tmavé pozadí */
body.single-project.tax_ar #main-header.et-fixed-header,
body.single-project.tax_dynamicky-3d-model #main-header.et-fixed-header {
  background-color: #FFFFFF !important;
}

body.single-project.tax_ar #main-header:not(.et-fixed-header),
body.single-project.tax_dynamicky-3d-model #main-header:not(.et-fixed-header) {
  background-color: #ffffff8c !important;
}

/* všechny projekty tmavé burger menu */
body.single-project.tax_ar #main-header .mobile_menu_bar:before,
body.single-project.tax_dynamicky-3d-model #main-header .mobile_menu_bar:before {
  color: #343434;
}

/* bílé logo na homepage */
/* body.home header#main-header:not(.et-fixed-header) #logo,
body.page-template-page-hp header#main-header:not(.et-fixed-header) #logo {
	content: url('/wp-content/uploads/logo-white.svg') !important;
} */

/* tmavé burger menu na homepage  */
body.home #main-header:not(.et-fixed-header) .mobile_menu_bar:before,
body.page-template-page-hp #main-header:not(.et-fixed-header) .mobile_menu_bar:before,
body.page-template-page-scenes-gallery #main-header:not(.et-fixed-header) .mobile_menu_bar:before {
  color: #343333 !important;
}

body.home #main-header:not(.et-fixed-header),
body.page-template-page-hp #main-header:not(.et-fixed-header),
body.page-id-3336 #main-header:not(.et-fixed-header),
body.page-id-30 #main-header:not(.et-fixed-header),

/*** KONTAKT ***/
body.page-id-2 #main-header:not(.et-fixed-header)

/* TEST HP */
  {
  background: transparent !important;
}

.osoby-row.et_pb_row_4col .et_pb_column {
  width: 45%;
  margin-right: 5%;
  row-gap: 3rem;
}

.osoba-blurb .et_pb_blurb_container .et_pb_module_header {
  max-width: 9.5rem !important;
}

.osoby-row {
  flex-direction: column;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.osoby-row>.et_pb_column {
  width: 100% !important;
  margin-right: 0 !important;
}

/*@media all and (max-width:980px) {
	.osoby-row .et_pb_column {
		width: 50%;
	}
}

@media all and (max-width:768px) {
	.osoby-row .et_pb_column {
		width: 100%;
	}
}*/

.osoba-blurb {
  max-width: 24rem;
  margin: 0 auto;
}

.osoba-blurb .et_pb_blurb_content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.osoba-blurb .et_pb_main_blurb_image {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  z-index: 1;
  margin-bottom: 0;
}

.osoba-blurb .et_pb_main_blurb_image .et_pb_image_wrap {
  width: 80%;
  max-width: 12.5rem;
}

.osoba-blurb .et_pb_main_blurb_image .et_pb_image_wrap img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}

.osoba-blurb .et_pb_blurb_container {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  z-index: 5;
  align-self: end;
  display: grid;
  grid-template-columns: 1.5fr 1.5fr !important;
  grid-template-rows: 0.9fr 1fr;
  gap: 0;
  width: 100%;
  max-height: 100%;
}

.osoba-blurb .et_pb_blurb_container .et_pb_module_header {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  align-self: start;
  justify-self: start;
  transform: translateY(0%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 75%;
  height: auto;
  min-height: 8em;
  aspect-ratio: 1 / 1;
  margin-top: 0;
  border-radius: 100%;
  box-shadow: 3px 3px 10px 1px #0000007a;
  padding: 1rem;
  background-color: #FFFFFF;
  text-align: left;
  cursor: pointer;
  animation: pulse-white 2s infinite !important;
}

.osoba-blurb .et_pb_blurb_container .et_pb_module_header a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 600;

  font-size: 1rem !important;
  line-height: 1rem !important;
}

.osoba-blurb .et_pb_blurb_container .et_pb_blurb_description {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  justify-self: end;
  align-self: start;
}

.osoba-blurb .et_pb_blurb_container .et_pb_blurb_description p {
  font-family: 'Vujahdayscript', cursive;
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 2rem;
  padding-bottom: 0;
  
  a {
      font-size: .85rem;
      line-height: 1.5rem;
      color: #fff;
  }
}


.osoba-blurb .et_pb_blurb_container .et_pb_module_header {
  max-width: 80%;
}

.osoba-blurb .et_pb_blurb_container .et_pb_module_header {
  transform: translateY(-20%);
}

.osoba-blurb .et_pb_blurb_container .et_pb_blurb_description {
  align-self: center;
}

#page-container {
  padding-top: 102px !important;
}

@media screen and (min-width: 375px) {
    .osoba-blurb .et_pb_blurb_container .et_pb_blurb_description p a {
      font-size: 1rem;
    }
}

@media screen and (min-width: 768px) {
  .osoby-row {
    display: grid !important;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
    row-gap: 1rem;
  }

  .osoby-row>.et_pb_column {
    width: auto !important;

    &:nth-child(1) {
      grid-row: 1;
      grid-column: 1;
    }

    &:nth-child(2) {
      grid-row: 1;
      grid-column: 2;
    }

    &:nth-child(3) {
      grid-row: 2;
      grid-column: 1;
    }

    &:nth-child(4) {
      grid-row: 2;
      grid-column: 2;
    }
  }
}

@media screen and (min-width: 1440px) {
  .osoby-row {
    max-width: 1600px !important; 
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .osoby-row>.et_pb_column {
    &:nth-child(1) {
      grid-row: 1;
      grid-column: 1;
    }

    &:nth-child(2) {
      grid-row: 1;
      grid-column: 2;
    }

    &:nth-child(3) {
      grid-row: 1;
      grid-column: 3;
    }

    &:nth-child(4) {
      grid-row: 1;
      grid-column: 4;
    }
  }
}

body.page-id-2 #page-container,
/* TEST HP */
/* KONTAKT / CONTACT */
/* body.home #page-container,
body.page-template-page-hp #page-container, */
body.single-project #page-container {
  padding-top: 0 !important;
}

.et_header_style_left #main-header .logo_container,
.et_header_style_left #main-header.et-fixed-header .logo_container {
  /* padding-bottom: 0.5rem; */
  inset: unset !important;
  padding: 0 !important;
}

.et_header_style_left #main-header .logo_container a,
.et_header_style_left #main-header.et-fixed-header .logo_container a {
  display: inline-block !important;
  position: relative !important;
  width: 30% !important;
  max-width: 300px !important;
  height: 100% !important;
  text-decoration: none !important;
}

.et_header_style_left #main-header #logo,
.et_header_style_left #main-header.et-fixed-header #logo {
  width: 100% !important;
  max-width: 100% !important;
  object-fit: contain;
  object-position: center center;
}

/* @media all and (min-width:981px) and (max-width: 1100px) {
	#main-header #logo, #main-header.et-fixed-header #logo {
	.et_header_style_left #main-header .logo_container a,
	.et_header_style_left #main-header.et-fixed-header .logo_container a {}
}
}

@media all and (min-width:768px) and (max-width: 980px) {

	#main-header #logo, #main-header.et-fixed-header #logo {
	.et_header_style_left #main-header .logo_container a,
	.et_header_style_left #main-header.et-fixed-header .logo_container a {}
}

@media (max-width: 980px) {
	.et_header_style_left #logo {}
}
} */

@media all and (max-width: 767px) {

  .et_header_style_left #main-header .logo_container a,
  .et_header_style_left #main-header.et-fixed-header .logo_container a {
    width: 50% !important;
  }
}

/*** HEADER logo claim  ***/
.et_header_style_left #main-header .logo_container a,
.et_header_style_left #main-header.et-fixed-header .logo_container a {
  display: inline-flex !important;
}

.et_header_style_left #main-header .logo_container a::after {
  content: 'Advanced visual communication';
  white-space: nowrap;
  color: inherit;
  font-size: 1.1rem;
  font-weight: 300;
}

@media all and (min-width:769px) {

  .et_header_style_left #main-header .logo_container a,
  .et_header_style_left #main-header.et-fixed-header .logo_container a {
    flex-direction: row;
    gap: 1rem;
    align-items: center;
  }

  .et_header_style_left #main-header .logo_container a::after {
    /* border-left: 1px solid #333333; */
    border-left: 1px solid;
    border-color: inherit;
    padding-left: 1rem;
  }
}

@media all and (max-width:768px) {

  .et_header_style_left #main-header .logo_container a,
  .et_header_style_left #main-header.et-fixed-header .logo_container a {
    flex-direction: column;
    gap: 0.5rem;
  }

  .et_header_style_left #main-header .logo_container a::after {
    border-left: 0;
    padding-left: 0;
  }
}

#main-header .mobile_menu_bar:before {
  color: #FFFFFF;
  font-size: 60px;
  font-weight: 400;
}

#main-header.et-fixed-header .mobile_menu_bar:before {
  color: #343333 !important;
}

body.parent-pageid-27 #main-header .mobile_menu_bar:before,
body.parent-pageid-27 #main-header.et-fixed-header .mobile_menu_bar:before,
body.parent-pageid-123 #main-header .mobile_menu_bar:before,
body.parent-pageid-123 #main-header.et-fixed-header .mobile_menu_bar:before,
body.tax-project_category #main-header .mobile_menu_bar:before,
body.tax-project_category #main-header.et-fixed-header .mobile_menu_bar:before {
  color: #343333 !important;
}

.mobile_menu_bar.et_pb_header_toggle {
  width: auto;
}

.et_header_style_fullscreen .et_slide_in_menu_container,
#mobile_menu_slide,
#mobile_menu_slide li,
#mobile_menu_slide li a {
  transition: none !important;
}

.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
  right: 20px;
  top: 20px;
}

.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened {
  opacity: 1;
}

#mobile_menu_slide li.lang-item,
#mobile_menu_slide li.wpml-ls-item {
  display: inline-block;
  margin: 2rem 0.5rem 0 0.5rem;
}

.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide a {
  font-weight: 400;
}

#main-header .et_pb_fullscreen_menu_opened .mobile_menu_bar:before,
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before {
  content: '\4d';
  color: #343333;
  font-size: 60px;
  font-weight: 400;
}

.et_pb_fullscreen_menu_opened #mobile_menu_slide.et_mobile_menu li.wpml-ls-item a,
.et_pb_fullscreen_menu_opened #mobile_menu_slide.et_mobile_menu li.wpml-ls-item a {
  background: #FFFFFF;
  border: 4px solid #272727;
  border-radius: 10px;
  padding: 10px !important;
  color: #272727 !important;
  height: auto;
  font-size: 2.5rem;
  line-height: 1px;
}

.et_pb_fullscreen_menu_opened #mobile_menu_slide.et_mobile_menu li.lang-item.current-lang a,
.et_pb_fullscreen_menu_opened #mobile_menu_slide.et_mobile_menu li.lang-item:hover a,
.et_pb_fullscreen_menu_opened #mobile_menu_slide.et_mobile_menu li.wpml-ls-item.wpml-ls-current-language a,
.et_pb_fullscreen_menu_opened #mobile_menu_slide.et_mobile_menu li.wpml-ls-item:hover a {
  background: #272727 !important;
  color: #FFFFFF !important;
  opacity: 1;
}

@media all and (max-width: 980px) {

  .et_fixed_nav #main-header,
  .et_fixed_nav #top-header,
  .et_non_fixed_nav.et_transparent_nav #main-header,
  .et_non_fixed_nav.et_transparent_nav #top-header {
    position: fixed;
    background-color: #FFFFFF;
  }

  #main-header {
    -webkit-box-shadow: 0 3px 50px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 50px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 50px rgba(0, 0, 0, .2);
  }

  #main-header.et-fixed-header {
    background-color: #FFFFFF;
  }

  body .et_header_style_fullscreen #et-top-navigation,
  body .et_header_style_fullscreen .et-fixed-header #et-top-navigation {
    padding: 0 0 0 0 !important;
  }

  .et_header_style_left header #et-top-navigation .mobile_menu_bar {
    padding: 12px 0;
  }

  #main-header .mobile_menu_bar:before {
    font-size: 40px;
  }

  #main-header .et_pb_fullscreen_menu_opened .mobile_menu_bar:before,
  .et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before {
    font-size: 40px;
  }

  .et_header_style_fullscreen .et_slide_in_menu_container {
    padding-top: 80px;
  }

  .et_slide_in_menu_container #mobile_menu_slide li a {
    padding: 1rem 0 !important;
    font-size: 2rem !important;
  }

  .et_pb_fullscreen_menu_opened .et_mobile_menu li.lang-item {
    display: inline-block;
    margin: 0 10px;
  }

  .et_pb_fullscreen_menu_opened .et_mobile_menu li.lang-item img {
    width: 20px;
    height: auto;
  }
}

@media only screen and (min-width: 981px) {
  .et_fullwidth_nav #main-header .container {
    padding-top: 0;
    padding-bottom: 0;
  }

  body .et_header_style_slide #et-top-navigation,
  body .et_header_style_fullscreen #et-top-navigation {
    /* padding: 1px 0 41px 0 !important; */
    /* padding: 5px 0 !important; */
    padding: 5px 0 0 0 !important;
  }

  .et_pb_fullscreen_menu_opened .et_mobile_menu li.lang-item {
    display: inline-block;
    margin: 0 10px;
  }

  .et_pb_fullscreen_menu_opened .et_mobile_menu li.lang-item img {
    width: 20px;
    height: auto;
  }
}

/* @media (min-width: 980px) {
.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu, #top-menu-nav {
    display: none;
}

.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu, #et_mobile_nav_menu {
    display: flex;
    float: none;
    margin: 0 6px;
    align-items: center;
}
} */
/*** HOMEPAGE ***/
#hp-hero.et_pb_section.et_pb_section_0,
#hp-hero.et_pb_section.et_pb_section_1 {
  max-width: 100vw !important;
  height: auto;
  /* padding-bottom: 2rem; */
  /* height: 100vh !important; */
  /* min-height: 100vh !important; */
  /* height: 100vh !important; */
}

#hp-hero.et_pb_section .et_pb_row:first-of-type {
  padding-top: 0 !important;
}

/* #hp-hero .et_pb_column {
	display: grid;
	grid-template-rows: auto 1fr auto;
}
.hp-hero-logo {
	grid-row: 1/2;
}
.hp-hero-claim {
	grid-row: 3/4;
}*/
.hero-down .et-pb-icon {
  animation: pulse-white 2s infinite !important;
}

#hp-hero .hp-hero-claim {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 10/1;
  background-image: url('/wp-content/uploads/hp-claim_cz-o.svg');
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
}

#hp-video,
#lp-video {
  min-height: inherit !important;
  height: inherit !important;
}

#hp-video .et_pb_code_inner,
#lp-video .et_pb_code_inner {
  min-height: inherit !important;
  height: inherit !important;
}

/** NEW HOMEPAGE **/
#hp-video video,
#lp-video video {
  display: block;
  width: 100%;
  min-height: inherit !important;
  height: auto;
  max-height: calc(100dvh - 101px);
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center bottom;
}

#lp-video video {
  aspect-ratio: 1/1;
}

@media all and (max-width: 767px) {
  #hp-video video {
    aspect-ratio: 9/16;
    max-height: calc(100dvh - 63px);
    overflow: hidden;
    object-fit: cover;
    object-position: center bottom;
  }
}

/* .hp-hero-button .et_pb_blurb_content {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
}

.hp-hero-button .et_pb_blurb_content .et_pb_main_blurb_image {
	margin: 0;
	width: auto;
	height: auto;
	border-radius: 100%;
	padding: 0.8rem;
	background-color: #FFFFFF;
}

.hp-hero-button .et_pb_blurb_content .et_pb_main_blurb_image img {
	display: block;
	width: 3rem;
	max-width: unset;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: contain;
	object-position: center center;
}

.hp-hero-button .et_pb_blurb_content .et_pb_blurb_container {
	padding-left: 0;
}

.hp-hero-button .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
	padding-bottom: 0;
}

.hp-hero-button .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header a {
	font-weight: 400;
} */

#hp-buttons {
  height: fit-content;
  max-height: 25dvh;
  margin: 0 auto;
}

#hp-buttons .et_pb_column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

#hp-buttons .et_pb_column .et_pb_text {
  flex: 1 0 100%;
}

#hp-buttons .et_pb_column .et_pb_button_module_wrapper {
  margin: 0 !important;
}

.hp-buttons .et_pb_column .et_pb_button_module_wrapper .et_pb_button,
#hp-buttons .et_pb_column .et_pb_button_module_wrapper .et_pb_button {
  min-width: 12rem;
}

@media all and (min-width:768px) {

  #hp-hero.et_pb_section.et_pb_section_0,
  #hp-hero.et_pb_section.et_pb_section_1 {
    padding: 0 0 2rem 0 !important;
  }

  #hp-hero .et_pb_row.et_pb_row_0 {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  #hp-buttons {
    bottom: 12dvw;
    /* top: calc(90dvh / (16 / 9)); */
    /* top: 75dvh; */
  }

  #hp-down {
    bottom: 6dvw;
  }
}

@media all and (max-width: 767px) {
  #hp-buttons {
    /* bottom: 10vw; */
    top: 30dvh;
    /* top: calc(100% /(9 / 16)); */
  }

  #hp-down {
    bottom: auto;
    top: 90dvh;
  }

  #hp-buttons .et_pb_column {
    margin-bottom: 1rem;
  }

  #hp-hero.et_pb_section.et_pb_section_0,
  #hp-hero.et_pb_section.et_pb_section_1 {
    min-height: unset !important;
    height: auto !important;
    aspect-ratio: auto;
    padding: 0 0 1.75rem 0 !important;
  }

  #hp-hero .et_pb_row.et_pb_row_0 {
    height: 100% !important;
  }

  .loga-row .et_pb_column {
    width: 28% !important;
    margin: 2.5% !important;
  }

  #hp-buttons .et_pb_column {
    margin-bottom: 1.5rem;
  }

  .hp-hero-button .et_pb_blurb_content .et_pb_main_blurb_image {
    padding: 0.6rem;
  }

  .hp-hero-button .et_pb_blurb_content .et_pb_main_blurb_image img {
    width: 2.5rem;
  }
}

@media all and (max-width:480px) {

  #hp-hero.et_pb_section.et_pb_section_0,
  #hp-hero.et_pb_section.et_pb_section_1 {
    padding: 0 0 1.5rem 0 !important;
  }

  #hp-buttons {
    bottom: unset;
    top: 30vh;
  }

  #hp-down {
    bottom: auto;
    top: 80%;
  }

  #hp-buttons .et_pb_column {
    margin-bottom: 1rem;
  }

  .hp-hero-button .et_pb_blurb_content .et_pb_main_blurb_image {
    padding: 0.5rem;
  }

  .hp-hero-button .et_pb_blurb_content .et_pb_main_blurb_image img {
    width: 2rem;
  }
}

@media all and (max-width:380px) {
  #hp-buttons {
    bottom: unset;
    top: 20dvh;
  }
}

#katalogy .katalogy-row .et_pb_column .image-1 {
  z-index: 1;
  transition: all 0.2s ease-in-out;
}

#katalogy .katalogy-row .et_pb_column .image-2 {
  opacity: 1;
  z-index: 2;
  transition: all 0.2s ease-in-out;
}

#katalogy .katalogy-row .et_pb_column:hover .image-1 {
  top: -1.5rem;
  left: -1.5rem;
  z-index: 10;
  transition: all 0.2s ease-in-out;
}

#katalogy .katalogy-row .et_pb_column:hover .image-2 {
  top: -1.5rem;
  left: -1.5rem;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

#katalogy .katalogy-row.katalogy-row-mobile {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}

#katalogy .katalogy-row.katalogy-row-mobile::after {
  display: none;
}

#katalogy .katalogy-row.katalogy-row-mobile .et_pb_column {
  flex: 0 1 8rem;
  margin-bottom: 0;
}

@media all and (max-width: 480px) {
  #katalogy .katalogy-row.katalogy-row-mobile .et_pb_column {
    flex: 0 1 40%;
    margin-bottom: 0;
  }
}


/*** GLOBÁLNÍ PRVKY ***/

.reference-loga .et_pb_column {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 5vw;
  grid-auto-rows: 1fr;
}

.reference-loga .et_pb_column .et_pb_module {
  margin-bottom: 0;
  animation: none !important;
  position: relative !important;
  inset: unset !important;
  margin: 0 !important;
  
}

@media all and (max-width: 980px) {
  .reference-loga .et_pb_column {
    grid-template-columns: repeat(3, 1fr);
  }
}

/*** FEEDBACKS SLIDER ***/
.feedback-slider .et_pb_slides .et_pb_slide {
  padding: 0;
}

.feedback-slider .et_pb_slides .et_pb_slide .et_pb_slider_container_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.feedback-slider .et_pb_slides .et_pb_empty_slide.et_pb_container {
  height: auto !important;
}

.feedback-slider .et_pb_slides .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image,
.feedback-slider .et_pb_slides .et_pb_slide.et-pb-active-slide .et_pb_slider_container_inner .et_pb_slide_image,
.feedback-slider .et_pb_slides .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img,
.feedback-slider .et_pb_slides .et_pb_slide.et-pb-active-slide .et_pb_slider_container_inner .et_pb_slide_image img,
.feedback-slider .et_pb_slides .et_pb_slide:first-child .et_pb_slider_container_inner .et_pb_slide_image img.active {
  position: relative;
  order: 2;
  inset: 0 !important;
  /* width: 100%; */
  max-height: unset !important;
  margin: 0 !important;
  padding: 0;
  /* animation-name: fadeInBottom; */
  animation-name: fadeIn;
  animation-duration: 750ms;
  animation-delay: 0ms;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
}

.feedback-slider .et_pb_slides .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description,
.feedback-slider .et_pb_slides .et_pb_slide.et-pb-active-slide .et_pb_slider_container_inner .et_pb_slide_description {
  position: relative;
  order: 1;
  inset: unset;
  margin: 0 !important;
  padding: 0;
  text-align: center;
  /* animation-name: fadeInBottom; */
  animation-name: fadeIn;
  animation-duration: 250ms;
  animation-delay: 0ms;
}

@media all and (max-width: 767px) {

  .feedback-slider .et_pb_slides .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image,
  .feedback-slider .et_pb_slides .et_pb_slide.et-pb-active-slide .et_pb_slider_container_inner .et_pb_slide_image,
  .feedback-slider .et_pb_slides .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img,
  .feedback-slider .et_pb_slides .et_pb_slide.et-pb-active-slide .et_pb_slider_container_inner .et_pb_slide_image img,
  .feedback-slider .et_pb_slides .et_pb_slide:first-child .et_pb_slider_container_inner .et_pb_slide_image img.active {
    display: block !important;
    max-height: unset !important;
  }
}

.feedback-slider .et-pb-controllers {
  bottom: -1rem;
}

/*** PROJEKTY VÝPIS ***/

#reference-vypis .divi-filter-archive-loop {
  float: none;
  width: 100%;
  display: block;
  margin-bottom: 8px !important;
}

#reference-vypis .pagination {
  /* margin-top: 2rem; */
  margin: 30px auto;
}

#reference-vypis .grid-posts.loop-grid,
.et_pb_de_mach_archive_loop_0 .divi-filter-archive-loop>:not(.no-results-layout) {
  display: grid;
  grid-auto-rows: inherit;
  grid-template-columns: repeat(3, minmax(120px, 1fr)) !important;
  grid-row-gap: 8px !important;
  grid-column-gap: 8px !important;
}

#reference-vypis .grid-posts.loop-grid .grid-col {
  margin-bottom: 0px !important;
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}

@media all and (max-width:980px) {
  #reference-vypis .grid-posts.loop-grid .grid-col {
    /*max-width: calc(100vw - 60px) !important;*/
    overflow: hidden;
  }
}

#reference-vypis .grid-col:nth-of-type(7n-6) {
  grid-column: span 2;
  grid-row: span 2;
}

#reference-vypis .grid-col:nth-of-type(7n-5) {
  grid-column: span 1;
  grid-row: auto;
}

#reference-vypis .grid-col:nth-of-type(7n-4) {
  grid-column: span 1;
  grid-row: auto;
}

#reference-vypis .grid-col:nth-of-type(7n-3) {
  grid-column: span 3;
  grid-row: span 2;
}

#reference-vypis .grid-col:nth-of-type(7n-2) {
  grid-column: span 1;
  grid-row: span 1;
}

#reference-vypis .grid-col:nth-of-type(7n-1) {
  grid-column: span 2;
  grid-row: span 2;
}

#reference-vypis .grid-col:nth-of-type(7n) {
  grid-column: span 1;
  grid-row: auto;
}

#reference-vypis .grid-col:nth-of-type(7n-2) * {
  height: 100%;
}

#reference-vypis .grid-col:nth-of-type(7n-2) img {
  height: 100%;
  object-fit: cover;
}

#reference-vypis .grid-col img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  /* object-position: bottom center; */
  object-position: center center;
}

#reference-vypis .grid-col video {
  height: 100% !important;
  object-fit: cover;
  object-position: center center;
}

#reference-vypis .grid-col:nth-of-type(n+1) .grid-item-cont,
#reference-vypis .grid-col:nth-of-type(n+1) .bc-link-whole-grid-card,
#reference-vypis .grid-col:nth-of-type(n+1) .et_pb_section,
#reference-vypis .grid-col:nth-of-type(n+1) .et_pb_row,
#reference-vypis .grid-col:nth-of-type(n+1) .et_pb_column,
#reference-vypis .grid-col:nth-of-type(n+1) .et_pb_de_mach_thumbnail .et_pb_module_inner {
  height: 100%;
}

@media all and (max-width:480px) {

  #reference-vypis .grid-posts.loop-grid,
  .et_pb_de_mach_archive_loop_0 .divi-filter-archive-loop>:not(.no-results-layout) {
    grid-template-columns: 1fr !important;
    grid-row-gap: 7px !important;
    grid-column-gap: 10px !important;
  }

  #reference-vypis .grid-col {
    grid-column: span 1;
    grid-row: span 1;
  }

  #reference-vypis .grid-col:nth-of-type(n+1),
  #reference-vypis .grid-col:nth-of-type(n+7) {
    grid-column: span 1;
    grid-row: span 1;
  }

  #reference-vypis .grid-col:nth-of-type(n+2),
  #reference-vypis .grid-col:nth-of-type(n+8) {
    grid-column: span 1;
    grid-row: span 1;
  }

  #reference-vypis .grid-col:nth-of-type(n+3),
  #reference-vypis .grid-col:nth-of-type(n+9) {
    grid-column: span 1;
    grid-row: span 1;
  }

  #reference-vypis .grid-col:nth-of-type(n+4),
  #reference-vypis .grid-col:nth-of-type(n+10) {
    grid-column: span 1;
    grid-row: span 1;
  }

  #reference-vypis .grid-col:nth-of-type(n+5),
  #reference-vypis .grid-col:nth-of-type(n+11) {
    grid-column: span 1;
    grid-row: span 1;
  }

  #reference-vypis .grid-col:nth-of-type(n+6),
  #reference-vypis .grid-col:nth-of-type(n+12) {
    grid-column: span 1;
    grid-row: span 1;
  }
}

.reference-article {
  padding: 0 !important;
}

.reference-article .et_pb_row {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.reference-article .et_pb_row .et_pb_column {
  display: grid;
  grid-template-rows: 1fr auto auto;
  grid-template-columns: 1fr;
}

.reference-article .reference-thumbnail,
.reference-article .reference-thumbnail-main,
.reference-article .reference-thumbnail-cat,
.reference-article .reference-thumbnail-video,
.reference-article .reference-thumbnail-cat-video {
  grid-row: 1/4;
  grid-column: 1/2;
  margin: 0 !important;
}

.reference-article .reference-thumbnail-main {
  z-index: 1;
}

.reference-article .reference-thumbnail-video {
  z-index: 2;
}

.reference-article .reference-thumbnail-cat {
  z-index: 3;
}

.reference-article .reference-thumbnail-cat-video {
  /* display: none; */
  z-index: 4;
}

@media all and (max-width:980px) {

  .reference-article .reference-thumbnail-video,
  .reference-article .reference-thumbnail-cat-video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
}

.reference-article .reference-thumbnail-cat-video>.et_pb_module_inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.reference-article .reference-thumbnail-cat-video>.et_pb_module_inner>.et_pb_module {
  grid-row: 1/2;
  grid-column: 1/2;
}

.reference-article .reference-thumbnail-cat-video,
.reference-article .reference-thumbnail-cat-video .et_pb_module,
.reference-article .reference-thumbnail-cat-video .et_pb_module_inner,
.reference-article .reference-thumbnail-cat-video .dmach-acf-item-container,
.reference-article .reference-thumbnail-cat-video .dmach-acf-item-content,
.reference-article .reference-thumbnail-cat-video .dmach-acf-video-wrapper,
.reference-article .reference-thumbnail-cat-video .wp-video,
.reference-article .reference-thumbnail-cat-video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}

.reference-article .reference-thumbnail-cat-video .mejs-controls {
  display: none;
}

.reference-article .reference-thumbnail-cat .et_pb_module_inner,
.reference-article .reference-thumbnail-cat div {
  height: 100%;
}

.reference-article .reference-thumbnail-cat-video .et_pb_module_inner,
.reference-article .reference-thumbnail-cat-video div {
  height: 100%;
}

.reference-article .reference-thumbnail-cat .dmach-acf-item-container {
  display: block;
}

.reference-article .reference-thumbnail-cat {
  height: 100%;
}

.reference-article .dmach-acf-item-container {
  display: block;
}

.reference-article .reference-thumbnail-cat .repeater_sep {
  display: none;
}

.reference-article .reference-thumbnail-cat .dmach-acf-item-container {
  background-color: #FFFFFF;
}

.reference-article .reference-thumbnail-cat img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: unset;
}

.reference-article .reference-thumbnail-video .et_pb_video_box,
.reference-article .reference-thumbnail-cat-video .et_pb_video_box {
  height: 100%;
}

.reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item {
  display: none;
}

#reference-vypis .dmach-postmeta-value {
  display: block;
  flex-wrap: unset;
  justify-content: unset;
  align-items: unset;
  -webkit-box-pack: unset;
}

body.term-interier .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-interier,
body.term-interior .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-interier,
body.term-exterier .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-exterier,
body.term-exterior .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-exterier,
body.term-animace .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-animace,
body.term-animation .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-animace,
body.term-zivy-obraz .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-obraz,
body.term-live-image .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-obraz,
body.term-konfigurator .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-konfigurator,
body.term-configurator .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-konfigurator,
body.term-dynamicky-3d-model .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-model,
body.term-dynamic-3d-model .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-model,
body.term-masterplans .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-masterplans,
body.term-masterplans-en .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-masterplans,
body.term-ar .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-ar,
body.term-ar-en .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-ar,
body.term-vr-prohlidka .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-vr,
body.term-vr-tour .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-vr,
body.term-3d-model .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-3d,
body.term-3d-model .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-3d,
body.term-foto-video-dron .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-dron,
body.term-photo-video-and-drone-shooting .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-dron,
body.term-2d-grafika .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-2d body.term-2d-graphics .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item.img-2d {
  display: block !important;
}

/* body.term-interier .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item:not(.img-interier),
body.term-exterier .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item:not(.img-exterier),
body.term-animace .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item:not(.img-animace),
body.term-zivy-obraz .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item:not(.img-obraz),
body.term-konfigurator .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item:not(.img-konfigurator),
body.term-dynamicky-3d-model .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item:not(.img-model),
body.term-masterplans .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item:not(.img-masterplans),
body.term-ar .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item:not(.img-ar),
body.term-vr-prohlidka .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item:not(.img-vr),
body.term-3d-model .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item:not(.img-3d),
body.term-foto-video-dron .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item:not(.img-dron),
body.term-2d-grafika .reference-article .reference-thumbnail-cat .et_pb_de_mach_acf_item:not(.img-2d)
{
	display: none;
} */
.reference-article .reference-title {
  grid-row: 2/3;
  grid-column: 1/2;
  /* 	display: none; */
  z-index: 5;
  transition: all .4s cubic-bezier(.28, 0, .49, 1);
}

.reference-article .reference-title .entry-title {
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  text-align: center !important;
}

.reference-article .reference-meta {
  grid-row: 3/4;
  grid-column: 1/2;
  /* 	display: none; */
  z-index: 6;
  transition: all .4s cubic-bezier(.28, 0, .49, 1);
}

.reference-article .reference-meta p {
  text-align: center;
}

@media all and (min-width:981px) {

  .reference-article .reference-title,
  .reference-article .reference-meta {
    opacity: 0;
  }

  .reference-article:hover .reference-title,
  .reference-article:hover .reference-meta {
    display: block;
    opacity: 1;
    transition: all .4s cubic-bezier(.28, 0, .49, 1);
  }
}

@media all and (max-width:980px) {
  .reference-article .reference-title {
    padding-top: 0.6rem;
  }

  .reference-article .reference-title,
  .reference-article .reference-meta {
    display: block;
    opacity: 1;
    transition: none;
    background-color: #00000066;
  }
}

/* .reference-article:hover .reference-thumbnail .et_pb_module_inner {} */

.reference-article .reference-thumbnail .et_pb_module_inner a {
  display: block;
  height: 100%;
  width: 100%;
  /* aspect-ratio: 16/9; */
  /* background-color: #242424; */
  /* opacity: 1; */
  filter: brightness(1);
  transition: all .4s cubic-bezier(.28, 0, .49, 1);
}

/* .reference-article:hover .reference-thumbnail .et_pb_module_inner a img { */
.reference-article:hover .reference-thumbnail {
  /* opacity: 0.3; */
  filter: brightness(0.75);
  transition: all .4s cubic-bezier(.28, 0, .49, 1);
}

.reference-article .reference-title {
  margin-bottom: 0px !important;
  color: #FFFFFF;
  text-align: center;
}

.reference-article .reference-title .entry-title {
  margin: 0 !important;
  padding: 0 !important;
}

.reference-article .dmach-postmeta-value,
.reference-article .dmach-postmeta-value span {
  color: #EBEBEB !important;
}

@media all and (max-width:767px) {
  .reference-article .reference-title {
    padding-bottom: 0.3rem;
  }

  .reference-article .entry-title {
    font-size: 0.9rem;
  }

  .reference-article .reference-meta {
    padding-bottom: 0.3rem !important;
  }

  .reference-article .dmach-postmeta-value span {
    font-size: 0.7rem;
  }
}

@media all and (min-width:768px) and (max-width:980px) {
  .reference-article .reference-title {
    padding-bottom: 0.5rem;
  }

  .reference-article .entry-title {
    font-size: 1.2rem;
  }

  .reference-article .reference-meta {
    padding-bottom: 0.5rem !important;
  }

  .reference-article .dmach-postmeta-value span {
    font-size: 0.9rem;
  }
}

@media all and (min-width:981px) {
  .reference-article .reference-title {
    padding-bottom: 0.8rem;
  }

  .reference-article .entry-title {
    font-size: 1.5rem;
  }

  body.et-db #et-boc .et-l .reference-article .reference-meta,
  .reference-article .reference-meta {
    padding-bottom: 0.8rem !important;
  }

  .reference-article .dmach-postmeta-value span {
    font-size: 1rem;
  }
}

/** FILTRACE PROJEKTŮ **/
.menu-projekt-kategorie {
  min-height: 40px;
}

.menu-projekt-kategorie .et_pb_menu__wrap,
.menu-projekt-kategorie .et_pb_menu__menu,
.menu-projekt-kategorie .et_pb_menu__wrap nav {
  width: 100%;
}

.menu-projekt-kategorie .et_pb_menu__menu ul.et-menu {
  display: flex;
  justify-content: flex-start;
  /* -webkit-box-pack: start;
  -ms-flex-pack: start; */
  -webkit-box-pack: unset;
  -ms-flex-pack: unset;
  position: relative;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 100%;
}

.menu-projekt-kategorie .et_pb_menu__menu ul.et-menu li {
  display: inline-flex !important;
  /* display: inline-block !important; */
  flex: 1 1;
  /* max-width: fit-content; */
  padding: 0 0 0 0 !important;
  margin: 0 5px 8px 0;
  white-space: nowrap;
}

.menu-projekt-kategorie .et_pb_menu__menu ul.et-menu li:first-of-type {
  padding: 0;
}

.menu-projekt-kategorie .et_pb_menu__menu ul.et-menu li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  border: 2px solid #343333;
  border-radius: 50px;
  padding: 0.3em 1em 0.3em 1em;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1em !important;
  text-align: center;
  transition: color 300ms ease 0ms, background-color 300ms ease 0ms;
}

.menu-projekt-kategorie .et_pb_menu__menu ul.et-menu li:hover a,
.menu-projekt-kategorie.et_pb_menu ul.et-menu li.current-menu-item a {
  background-color: #343333;
  border: 2px solid #343333;
  border-radius: 50px;
  color: #FFFFFF !important;
  transition: color 300ms ease 0ms, background-color 300ms ease 0ms;
}

@media all and (min-width:1441px) {
  .menu-projekt-kategorie .et_pb_menu__menu ul.et-menu li {
    padding-right: 10px !important;
  }
}

@media all and (max-width:1551px) {
  .menu-projekt-kategorie .et_pb_menu__menu ul.et-menu {
    flex-wrap: wrap;
    row-gap: 10px;
  }

  .menu-projekt-kategorie .et_pb_menu__menu ul.et-menu li {
    max-width: fit-content;
  }

  .menu-projekt-kategorie .et_pb_menu__menu ul.et-menu li a {
    max-width: initial;
  }
}

@media (max-width: 980px) {
  .menu-projekt-kategorie .et_mobile_nav_menu {
    display: none;
  }

  .menu-projekt-kategorie .et_pb_menu__menu {
    display: block;
  }
}

@media all and (min-width:1441px) {
  .projekty-filter .inline_checkboxes .divi-filter-item span {
    padding-right: 10px !important;
  }
}

@media all and (max-width:1440px) {
  .projekty-filter .et_pb_contact_field_options_list {
    flex-wrap: wrap;
    row-gap: 10px;
  }

  .projekty-filter .inline_checkboxes .divi-filter-item span {
    max-width: fit-content;
    padding-right: 0;
  }
}

.projekty-filter .inline_checkboxes .divi-filter-item>* {
  margin-right: 0;

}

.projekty-filter .inline_checkboxes .divi-filter-item span {
  padding-left: 0px !important;
  white-space: nowrap;
}

.projekty-filter .inline_checkboxes .divi-filter-item span:first-of-type {
  padding-left: 0 !important;
}

.projekty-filter .inline_checkboxes .divi-filter-item span label {
  margin: 0;
  text-align: center;
}

.menu-projekt-kategorie-cz {
  display: none;
}

.menu-projekt-kategorie-cz:lang(cs) {
  display: block !important;
}

.menu-projekt-kategorie-en {
  display: none;
}

.menu-projekt-kategorie-en:lang(en) {
  display: block !important;
}

/*** FILTRACE PROJEKTŮ A SCÉN NOVÁ ***/
.scene-library-section {
  min-height: 50vh;
}

.reference-filter-section {
  display: block;
  /*position: relative;*/
  width: 100%;
  /* padding: 10px 30px; */
  /*padding: 10px 30px 0 30px;*/
  padding: .5rem;
  z-index: 3;
}

.reference-filter-form {
  display: block;
  width: 100%;
}

.reference-filter-form ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  -webkit-box-pack: unset;
  -ms-flex-pack: unset;
  position: relative;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 100%;
}

.scene-library-section {
  .filter-sorts {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: .5rem;
    position: relative;
  }

  .filter-sorts .reference-filter-section,
  .filter-sorts .scene-sorting-section {
    flex-basis: 45%;
    flex-grow: 1;
    max-width: 50%;
  }

  .filter-sorts .scene-sorting-section {
    max-width: 213px
  }

  .reference-filter-form .tag-filters,
  .reference-filter-form .special-filters {
    padding: .5rem;
  }

  .scene-sorting-section {
    padding: .5rem;
  }

  @media (min-width: 981px) {
    .filter-sorts .reference-filter-section {
      max-width: 90%;
      padding-top: .7rem;
    }

    .filter-sorts .scene-sorting-section {
      width: 20%;
    }

    .reference-filter-form .tag-filters,
    .reference-filter-form .special-filters {
      padding: 0;
    }
  }

  @media (min-width: 1388px) {
    .filter-sorts {
      margin: 0 auto;
      padding: 0 32px;
      width: 100%;
      max-width: 1600px;
    }

    .filter-sorts .reference-filter-section {
      padding: .7rem 0 0 0;
    }
  }
}

/* ==========================================================================
   STYLY POUZE PRO FILTRY NA STRÁNCE PROJEKTŮ
   ========================================================================== */

/* Použijeme unikátní třídu stránky, aby se styly nepletly jinam */
.page-template-devpage-project-filter-php .reference-filter-section {
  position: relative;
  padding: 0.5rem;
}

/* --- Vzhled na desktopu --- */
.page-template-devpage-project-filter-php .reference-filter-form ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-template-devpage-project-filter-php .reference-filter-form li {
  margin: 0 5px 8px 0;
}

.page-template-devpage-project-filter-php .reference-filter-form li a {
  display: block;
  border: 2px solid #343333;
  border-radius: 50px;
  padding: 0.3em 1em;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1em !important;
  text-align: center;
  transition: color 300ms ease, background-color 300ms ease;
  cursor: pointer;
  white-space: nowrap;
  color: #343333;
  /* Výchozí barva textu */
}

.page-template-devpage-project-filter-php .reference-filter-form li a:hover,
.page-template-devpage-project-filter-php .reference-filter-form li a.active {
  background-color: #343333;
  border-color: #343333;
  color: #FFFFFF !important;
}

.page-template-devpage-project-filter-php .filter-menu-toggle {
  display: none;
  /* Na desktopu je tlačítko skryté */
}


/* --- Vzhled na mobilu --- */
@media (max-width: 980px) {
  .page-template-devpage-project-filter-php .filter-menu-toggle {
    display: flex;
    align-items: center;
    column-gap: 0.3rem;
    border: 0;
    padding: 0;
    background-color: transparent;
    font-size: 1.1rem;
    margin-bottom: 10px;
  }

  .page-template-devpage-project-filter-php .filter-menu-toggle .active-filter-text {
    color: #343333;
    font-weight: 600;
  }

  .page-template-devpage-project-filter-php .filter-menu-toggle::before {
    content: 'a';
    display: block;
    width: 32px;
    height: 32px;
    background: none;
  }

  .page-template-devpage-project-filter-php .reference-filter-form {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 100;
    height: 0;
    overflow: hidden;
    padding: 0 1rem;
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    transition: height 0.5s ease-in-out;
  }

  .page-template-devpage-project-filter-php .reference-filter-form.filter-menu-visible {
    height: auto;
    padding: 1rem;
    border-top: 3px solid #343333;
  }

  .page-template-devpage-project-filter-php .reference-filter-form ul {
    flex-direction: column;
    align-items: flex-start;
    border-top: none;
  }
}

@media (max-width: 1387px) {
  .reference-filter-form li {
    max-width: fit-content;
  }
}

.reference-filter-form input {
  /* display: inline-flex; */
  display: none;
  appearance: none;
}

.reference-filter-form ul {
  list-style: none;
}

.reference-filter-form li {
  display: inline-flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: center;
  white-space: nowrap;
  margin: 0 5px 8px 0;
}

.reference-filter-form li.back-library {
  flex: 0 0 min-content;
}


.reference-filter-form li a {
  display: block;
  width: 100%;
  border: 2px solid #343333;
  border-radius: 50px;
  padding: 0.3em 1em 0.3em 1em;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1em !important;
  text-align: center;
  transition: color 300ms ease 0ms, background-color 300ms ease 0ms;
  cursor: pointer;
}

.reference-filter-form ul li a.back {
  display: block;
  width: fit-content;
  border: 2px solid #343333;
  border-radius: 50px;
  padding: 0.3em 1em 0.3em 1em;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1em !important;
  text-align: center;
  cursor: pointer;
  background-color: #343333;
  border: 2px solid #343333;
  border-radius: 50px;
  color: #FFFFFF !important;
  transition: color 300ms ease 0ms, background-color 300ms ease 0ms;
}

.reference-filter-form ul li a.back:hover {
  color: #343333 !important;
  background-color: #FFFFFF;
  border: 2px solid #343333;
}

.reference-filter-form li a:hover {
  background-color: #343333;
  border: 2px solid #343333;
  border-radius: 50px;
  color: #FFFFFF !important;
  transition: color 300ms ease 0ms, background-color 300ms ease 0ms;
}

.reference-filter-form li a.active {
  /* padding: 0 0 0 0!important; */
  /* margin: 0 5px 8px 0; */
  background-color: #343333;
  border: 2px solid #343333;
  border-radius: 50px;
  color: #FFFFFF !important;
  transition: color 300ms ease 0ms, background-color 300ms ease 0ms;
}

/*** MOBILE FILTER MENU ***/
form.filter-menu {
  display: block;
}

.filter-menu-toggle {
  display: none;
}

@media (min-width: 981px) {
  form.filter-menu {
    height: fit-content !important;
  }
}

@media (max-width: 980px) {
  .filter-menu-toggle {
    appearance: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 0.3rem;
    margin: 0;
    border: 0;
    padding: 0;
    /* padding: 0.3em 1em 0.3em 1em; */
    background-color: transparent;
    font-size: 1.1rem;
  }

  .filter-menu-toggle .active-filter-text {
    display: inline-block;
    /*margin-right: 10px;*/
    vertical-align: middle;
    color: #343333;
    font-weight: 600;
  }

  .filter-menu-toggle::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M4 5L10 5M10 5C10 6.10457 10.8954 7 12 7C13.1046 7 14 6.10457 14 5M10 5C10 3.89543 10.8954 3 12 3C13.1046 3 14 3.89543 14 5M14 5L20 5M4 12H16M16 12C16 13.1046 16.8954 14 18 14C19.1046 14 20 13.1046 20 12C20 10.8954 19.1046 10 18 10C16.8954 10 16 10.8954 16 12ZM8 19H20M8 19C8 17.8954 7.10457 17 6 17C4.89543 17 4 17.8954 4 19C4 20.1046 4.89543 21 6 21C7.10457 21 8 20.1046 8 19Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
    background-size: 32px 32px;
    transition: all 0.5s ease-in-out;
    font-size: 32px;
    position: relative;
    left: 0;
    top: 2px;
    cursor: pointer;
    color: #343333;
    font-family: ETmodules !important;
    /* speak: none; */
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 0;
    direction: ltr;
  }

  .reference-filter-form {
    position: absolute;
    top: 49px;
    left: 0;
    z-index: 10000;
    height: 0;
    overflow: hidden;
    padding: 0;
    transition: height 0.5s ease-in-out;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  }

  .reference-filter-form.filter-menu-visible {
    display: block;
    /* height: auto; */
    /* overflow: hidden; */
    transition: height 0.5s ease-in-out;
  }

  .reference-filter-form {
    background-color: #FFFFFF;
  }

  .reference-filter-form ul {
    display: block;
    border-top: 3px solid #343333;
    padding-top: 8px;
  }

  .reference-filter-form ul li {
    display: block;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    white-space: nowrap;
    margin: 0 5px 8px 0;
  }
}

/** KONEC FILTRACE PROJEKTŮ **/

/** STRÁNKOVÁNÍ **/
.pagination .container {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 2rem;
  margin: 0 auto;
  text-align: center;
}

.pagination .container .et_pb_button {
  display: inline-flex;
  flex: 0 0;
  flex-direction: column;
  justify-content: center;
  white-space: nowrap;
  margin: 0;
  width: fit-content;
  border: 2px solid #343333;
  border-radius: 50px;
  padding: 0.3em 1em 0.3em 1em;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1em !important;
  text-align: center;
  transition: color 300ms ease 0ms, background-color 300ms ease 0ms;
  cursor: pointer;
}

.pagination .container .current-page {
  height: 2rem;
  width: auto;
  aspect-ratio: 1/1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: 2px solid #343333;
  background-color: #343333;
  color: #FFFFFF;
}

/*** DETAIL PROJEKTU ***/
.dmach-postmeta-value {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  -webkit-box-pack: unset;
}

.reference-kategorie .meta_button {
  margin-right: 15px;
  margin-bottom: 15px;
  cursor: default;
  pointer-events: none;
}

@media all and (max-width:480px) {
  .reference-kategorie .meta_button {
    font-size: 0.9rem;
  }
}

@media all and (min-width:481px) and (max-width:980px) {
  .reference-kategorie .meta_button {
    font-size: 1rem;
  }
}

.projekt-popis,
.projekt-popis p {
  font-weight: 400;
}

.reference-galerie .filtered-posts>:not(.no-results-layout) {
  /* grid-gap: 25px; */
  grid-gap: 8px;
}

.reference-galerie img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

@media all and (min-width: 981px) {
  .projekt-galerie-row .et_pb_column:nth-child(1) {
    width: 57%;
  }

  .projekt-galerie-row .et_pb_column:nth-child(2) {
    width: 37.5%;
  }
}

.projekt-galerie .et_pb_gallery_items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 8px;
}

.projekt-galerie .et_pb_gallery_items .et_pb_gallery_item {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
}

.projekt-galerie .et_pb_gallery_items .et_pb_gallery_item:first-of-type {
  display: block;
  grid-column: span 2;
  grid-row: span 2;
}

@media all and (max-width: 767px) {
  .reference-galerie .grid-posts .grid-item:first-of-type {
    grid-column: span 1;
  }
}

@media all and (min-width: 768px) {
  .reference-galerie .grid-posts .grid-item:first-of-type {
    grid-column: span 2;
  }
}

@media all and (min-width: 1080px) {
  .reference-galerie .grid-posts .grid-item:first-of-type {
    grid-column: span 3;
  }
}

.carousel-galerie.et_pb_gallery_grid .et_pb_gallery_items {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.carousel-galerie.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item {
  width: 25%;
  height: auto;
  aspect-ratio: 16/9;
  overflow: hidden;
  margin: 0 !important;
}

.carousel-galerie.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}

@media (min-width: 981px) {
  .carousel-galerie.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
  }
}

.single-project.et_pb_pagebuilder_layout .reference-navigation {
  width: 100%;
  max-width: 100%;
}

.reference-navigation span a {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  column-gap: 0.5em;
}

.reference-navigation span.nav-previous a {
  text-align: right;
}

.reference-navigation span.meta-nav {
  transform: rotate(180deg);
  display: inline-block;
}

/*** SLUŽBY **/
.sluzby-row .et_pb_column {
  margin-right: 12px;
}

.sluzby-card {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  aspect-ratio: 16/9;
}

.sluzby-card::before {
  content: "";
  /* display: block; */
  display: none !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-image: linear-gradient(180deg, #343333 0%, rgba(0, 0, 0, 0) 35%); */
  background-image: linear-gradient(180deg, #343333 0%, #3433332b 15%, rgba(0, 0, 0, 0) 40%);
  /* background-size: 20% 100%; */
  background-size: 100% 200%;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  transition: .4s;
  /* z-index: 3; */
  z-index: -1;
}

.sluzby-card:hover:before {
  /* background-size: 100% 100%; */
  background-image: linear-gradient(180deg, #343333 0%, rgba(0, 0, 0, 0) 40%);
  background-position: 0% 0%;
}

.sluzby-card-image {
  grid-row: 1/3;
  grid-column: 1/2;
  z-index: 1;
}

.sluzby-card-image,
.sluzby-card-image .et_pb_image_wrap,
.sluzby-card-image .et_pb_image_wrap img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.sluzby-card-image .et_pb_image_wrap img {
  object-fit: cover;
  object-position: center center;
  opacity: 1;
  transition: all 0.5s ease;
}

.sluzby-card:hover .sluzby-card-image img {
  opacity: 0;
  transition: all 0.5s ease;
}

.sluzby-card:hover .sluzby-card-image.image-static img {
  opacity: 1;
  transition: all 0.5s ease;
}

.sluzby-card-video {
  grid-row: 1/3;
  grid-column: 1/2;
  z-index: 2;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  opacity: 0;
}

.sluzby-card-video video {
  display: none;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center center;
  /* opacity: 0; */
  transition: all 0s ease;
}

.sluzby-card:hover .sluzby-card-video {
  display: block;
  opacity: 1;
  transition: display 0s, opacity 0.5s linear;
}

.sluzby-card:hover .sluzby-card-video video {
  display: block;
  transition: all 0s ease;
}

.sluzby-card-title {
  /* grid-row: 1/2;
  z-index: 4; */
  grid-row: 1 / 3;
  grid-column: 1/2;
  z-index: 10;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.sluzby-card-title .et_pb_text_inner {
  padding: 20px;
}

.sluzby-card-title * {
  display: block;
  width: inherit;
  height: inherit;
}

.sluzby-card-title h4:hover a,
.sluzby-card-title h4 a:hover {
  color: inherit;
}

/*** Služby grid ***/
.sluzby-grid .et_pb_column:not(.et-last-child) {
  margin-right: 12px;
}

.sluzba-blurb {
  transition: background-image 2s ease;
  aspect-ratio: 16/9 !important;
}

.sluzba-blurb:hover {
  transition: background-image 2s ease;
}

/* .sluzba-blurb.et_pb_preload,
.sluzba-blurb.et_pb_preload>div {
	visibility: visible !important;
} */

.faq .et_pb_accordion_item .et_pb_toggle_title,
.faq .et_pb_accordion_item .et_pb_toggle_content {
  padding: 0 15px;
}

.sluzby-navigace .et_pb_column {
  position: relative;
  margin: 0 auto 8px auto;
}

.sluzby-navigace .et_pb_column:last-child {
  margin-right: 0 !important;
}

@media (min-width: 981px) {
  .sluzby-navigace .et_pb_column {
    width: calc(50% - 8px) !important;
    margin-right: 8px !important;
  }

  .sluzby-navigace .et_pb_column:last-child {
    margin-right: 0 !important;
  }
}

@media all and (max-width:480px) {
  .sluzba-blurb .et_pb_blurb_description {
    display: none;
  }
}

.sluzby-navigace .et_pb_column:nth-of-type(1) .et_pb_blurb::after {
  content: '4';
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 25px);
  width: 80px;
  height: 80px;
  padding: 0;
  margin: 0;
  background: transparent !important;
  font-family: ETmodules;
  font-size: 5rem;
  line-height: 1em;
  text-align: center;
  color: #fff;
  opacity: .55;
  z-index: 2;
}

.sluzby-navigace .et_pb_column:nth-of-type(1) .et_pb_blurb:hover:after {
  opacity: 1;
}

.sluzby-navigace .et_pb_column:nth-of-type(2) .et_pb_blurb::after {
  content: '5';
  display: block;
  position: absolute;
  right: 0;
  top: calc(50% - 25px);
  width: 80px;
  height: 80px;
  padding: 0;
  margin: 0;
  background: transparent !important;
  font-family: ETmodules;
  font-size: 5rem;
  line-height: 1em;
  text-align: center;
  color: #fff;
  opacity: .55;
  z-index: 2;
}

.sluzby-navigace .et_pb_column:nth-of-type(2) .et_pb_blurb:hover:after {
  opacity: 1;
}

.sluzby-menu-row {
  display: block;
  width: 100%;
  padding: 0 30px;
}

.menu-sluzby .et_pb_menu__menu,
.menu-sluzby .et-menu-nav {
  width: 100%;
}

@media (max-width: 980px) {

  /* .menu-sluzby .et_pb_menu__menu {
		display: block;
	}

	.menu-sluzby .et_mobile_nav_menu {
		display: none;
	} */
  .menu-sluzby .et_mobile_nav_menu {
    margin-left: 0;
  }

  .menu-sluzby .et_pb_menu__wrap {
    justify-content: flex-start;
  }

  .menu-sluzby .et_pb_menu__wrap .mobile_nav .mobile_menu_bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 0.3rem;
    font-size: 1.1rem;
  }

  .menu-sluzby .et_pb_menu__wrap .mobile_nav .mobile_menu_bar::before {
    top: 0;
    transition: all 0.5s ease-in-out;
  }

  .menu-sluzby .et_pb_menu__wrap .mobile_nav.closed .mobile_menu_bar::before {
    content: "a";
    transition: all 0.5s ease-in-out;
  }

  .menu-sluzby .et_pb_menu__wrap .mobile_nav.opened .mobile_menu_bar::before {
    content: "a";
    transition: all 0.5s ease-in-out;
  }

  .menu-sluzby .et_pb_menu__wrap .et_mobile_nav_menu ul.et_mobile_menu {
    padding: 0;
  }

  .menu-sluzby .et_pb_menu__wrap .et_mobile_nav_menu ul.et_mobile_menu li a {
    padding: 0.5rem 2%;
  }

}

.menu-item-text {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  font-weight: 600;
}

.menu-sluzby.et_pb_menu .et_pb_menu__menu>nav>ul.nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  -webkit-box-pack: unset;
  -ms-flex-pack: unset;
  position: relative;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 100%;
}

@media (max-width: 1630px) {
  .menu-sluzby ul.nav li {
    max-width: fit-content;
  }
}

.menu-sluzby.et_pb_menu ul.nav li {
  display: inline-flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: center;
  white-space: nowrap;
  margin: 0 0.3rem 1rem 0;
  width: 100%;
  border: 2px solid #343333;
  border-radius: 50px;
  padding: 0 !important;
  color: #100f0f;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1em !important;
  text-align: center;
  transition: all 300ms ease 0ms;
  cursor: pointer;
}

.menu-sluzby .et_pb_menu__menu>nav>ul>li>a {
  display: block;
  width: 100%;
  height: inherit;
  padding: 0.3em 1em 0.3em 1em;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  transition: all 300ms ease 0ms;
}

.menu-sluzby ul.nav li:hover {
  background-color: #343333;
  border: 2px solid #343333;
  border-radius: 50px;
  color: #FFFFFF !important;
  transition: all 300ms ease 0ms;
}

.menu-sluzby ul.nav li:hover a {
  color: #FFFFFF;
  transition: all 300ms ease 0ms;
}

.menu-sluzby .et_pb_menu__menu>nav>ul>li>a:hover {
  opacity: 1;
}

.menu-sluzby ul.nav li.current-menu-item {
  /* padding: 0 0 0 0!important; */
  /* margin: 0 5px 8px 0; */
  background-color: #343333;
  border: 2px solid #343333;
  border-radius: 50px;
  color: #FFFFFF !important;
  transition: color 300ms ease 0ms, background-color 300ms ease 0ms;
}

.menu-sluzby ul.nav li.current-menu-item a {
  color: #FFFFFF;
}

/*** KONEC SLUŽBY ***/

/*** NOVÉ SLUŽBY ***/
/* Konfigurátor */
body.page-id-7319 *,
body.page-id-7319 p,
body.page-id-3243 *,
body.page-id-3243 p,
body.page-id-274 *,
body.page-id-274 p {
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 400;
}

body.page-id-7319 p strong,
body.page-id-7319 h3 strong,
body.page-id-7319 table strong,
body.page-id-3243 p strong,
body.page-id-3243 h3 strong,
body.page-id-3243 table strong,
body.page-id-274 p strong,
body.page-id-274 h3 strong,
body.page-id-274 table strong {
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700;
}

@media all and (min-width:1561px) {
  .text-sluzba h1 {
    font-size: 5rem;
  }
}

@media (1441px <=width <=1560px) {
  .text-sluzba h1 {
    font-size: 4.5rem;
  }
}

@media (1281px <=width <=1440px) {
  .text-sluzba h1 {
    font-size: 4rem;
  }
}

@media (1081px <=width <=1280px) {
  .text-sluzba h1 {
    font-size: 3.5rem;
  }
}

@media (981px <=width <=1080px) {
  .text-sluzba h1 {
    font-size: 3rem;
  }
}

@media (541px <=width <=980px) {
  .et_pb_text.text-sluzba h1 {
    font-size: 4rem;
  }
}

@media (max-width:540px) {
  .et_pb_text.text-sluzba h1 {
    font-size: 3rem;
  }
}

.text-sluzba table {
  height: 300px;
  width: 100%;
  border-collapse: collapse;
  border-style: solid;
}

.text-sluzba table tr td {
  border-color: #000000;
  border-style: solid;
}

.druh-sluzby-blurb .et_pb_image_wrap img {
  max-height: 200px;
  width: auto;
  object-fit: contain;
}

.druh-sluzby-blurb .et_pb_module_header span {
  font-weight: 700;
}

.text-before-after .et_pb_text_inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.text-before-after .et_pb_text_inner>div {
  display: block;
  width: fit-content;
  max-width: 50%;
}

.icon-box-shadow.et_pb_blurb .et_pb_module_header .et_pb_image_wrap {
  width: 100%;
  height: auto;
  aspect-ratio: 1.8 / 1;
}

.icon-box-shadow .et_pb_image_wrap img {
  max-width: 90%;
  max-height: 200px;
  width: auto;
  object-fit: contain;
}

.icon-box-shadow .et_pb_blurb_description p {
  font-weight: 600;
}

.icon-box-shadow-left {
  --icon-width: 7rem;

  width: 100%;
  max-width: 100%;
}

.icon-box-shadow-left .et_pb_blurb_content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: calc(var(--icon-width) / 4);
}

.icon-box-shadow-left .et_pb_blurb_content .et_pb_main_blurb_image {
  display: block;
  width: auto;
  margin-bottom: 0;
}

.icon-box-shadow-left.et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap {
  display: block;
  margin: auto;
  width: var(--icon-width);
  height: auto;
  aspect-ratio: 1 / 1;
}

.icon-box-shadow-left .et_pb_blurb_content .et_pb_main_blurb_image img {
  display: block;
  width: var(--icon-width);
  max-width: var(--icon-width);
  height: auto;
  max-height: unset;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
  margin-right: 0;
}

.icon-box-shadow-left .et_pb_image_wrap img {
  max-width: 20%;
  max-height: 100px;
  width: auto;
  object-fit: contain;
}

.icon-box-shadow-left.et_pb_blurb .et_pb_blurb_container .et_pb_module_header,
.icon-box-shadow-left.et_pb_blurb .et_pb_blurb_container .et_pb_module_header span,
.icon-box-shadow.et_pb_blurb .et_pb_blurb_container .et_pb_module_header,
.icon-box-shadow.et_pb_blurb .et_pb_blurb_container .et_pb_module_header span {
  font-weight: 700;
}

@media all and (max-width:1440px) {
  .row-vyhody .et_pb_column {
    width: 22% !important;
    margin-right: 3% !important;
  }

  .row-vyhody .et_pb_column .vyhoda-round-white {
    font-size: 1.4rem;
  }

  .row-vyhody .et_pb_column .vyhoda-round-white .et_pb_module_header {
    font-size: 2.3rem;
  }

}

@media all and (max-width:980px) {
  .row-vyhody .et_pb_column .vyhoda-round-white {
    font-size: 1.6rem;
  }

  .row-vyhody .et_pb_column .vyhoda-round-white .et_pb_module_header {
    font-size: 2.0rem;
  }

  .icon-box-shadow .et_pb_image_wrap img {
    max-width: 70%;
  }

  .icon-box-shadow-left {
    --icon-width: 5rem;
  }

  .icon-box-shadow-left .et_pb_image_wrap img {
    max-width: 20%;
  }
}

@media all and (min-width:768px) {
  .row-vyhody .et_pb_column {
    width: 22% !important;
    margin-right: 2% !important;
  }
}

@media all and (max-width:767px) {
  .row-vyhody .et_pb_column .vyhoda-round-white {
    font-size: 1.3rem;
  }

  .row-vyhody .et_pb_column .vyhoda-round-white .et_pb_module_header {
    font-size: 2.3rem;
  }
}

@media all and (max-width:767px) {
  .row-vyhody .et_pb_column {
    width: 45% !important;
    margin-right: 4% !important;
  }
}

@media all and (max-width:480px) {
  .icon-box-shadow-left {
    --icon-width: 3rem;
  }

  .row-vyhody .et_pb_column .vyhoda-round-white {
    font-size: 1rem;
  }

  .row-vyhody .et_pb_column .vyhoda-round-white .et_pb_module_header {
    font-size: 1.4rem;
  }
}

.vyhoda-round-white .et_pb_image_wrap img {
  max-height: 200px;
  width: auto;
  object-fit: contain;
}

.vyhoda-round-white .et_pb_module_header span {
  font-weight: 700;
}

/* .vyhoda-round-white.vyhoda-staty .et_pb_module_header::before {
	content: 'z';
	padding-right: .5ch;
	font: inherit;
	font-size: 70% !important;
	font-weight: 400;
	text-transform: none;
} */

.product-steps {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-around;
  transform: scale(1.1);
  transform-origin: center;
  width: 100%;
}

.product-steps::before {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #e9e9e900 0%, #e9e9e9 10%, #e9e9e9 90%, #e9e9e900 100%);
}

.product-steps .step {
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: radial-gradient(circle, #e9e9e9 40%, transparent 40%);
  background-repeat: no-repeat;
  background-position-y: 6px;
  min-width: 25%;
  min-height: 9rem;
  padding: 0;
  text-align: center;
}

.product-steps .step h3 {
  padding: 0;
  font-size: 1.5rem;
  font-weight: 700;
}

.product-steps .step p {
  font-size: 1.1rem;
}

@media all and (max-width:768px) {
  .product-steps {
    flex-direction: column;
    row-gap: 2rem;
    transform: none;
  }

  .product-steps::before {
    top: unset;
    left: 50%;
    display: block;
    width: 2px;
    height: 100%;
    background-image: linear-gradient(to bottom, #e9e9e900 0%, #e9e9e9 10%, #e9e9e9 90%, #e9e9e900 100%);
    transform: scale(1.2);
    transform-origin: center;
  }

  .product-steps .step {
    background-image: radial-gradient(circle, #e9e9e9 25%, transparent 25%);
  }
}

.vyhoda-rounded {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90%;
  height: auto;
  aspect-ratio: 1/1;
  margin: 0 auto;
}

@media all and (max-width:768px) {
  .vyhoda-rounded {
    margin: 1rem auto;
  }
}

/*** KONEC NOVÉ SLUŽBY ***/

/*** NÁŠ TÝM ***/

.team-person {
  max-width: 533px;
  margin: 0 auto;
}

.team-person .et_pb_module_header {
  font-size: 2.5rem;
  font-weight: 600;
  text-transform: uppercase;
}

@media only screen and (max-width: 980px) {
  .team-person .et_pb_module_header {
    font-size: 2rem;
    font-weight: 600;
  }
}

@media only screen and (max-width: 767px) {
  .team-person .et_pb_module_header {
    font-size: 1.5rem;
    font-weight: 600;
  }
}

.team-person-image {
  display: block;
  margin: 0 auto 20px auto !important;
  width: 533px;
  max-width: 100%;
  height: 300px;
  /* background-image: url(https://archevio.tennejlepsi.cz/wp-content/uploads/pas_1.jpg) !important; */
  background-size: cover !important;
  background-position: top left;
  background-repeat: no-repeat;
}

.team-person .et_pb_team_member_image {
  width: 100%;
  max-width: 100%;
  margin: 0 0 20px 0;
}

.team-person .et_pb_team_member_image img {
  display: block;
  width: 100%;
  aspect-ratio: 2/3;
  object-fit: cover;
  object-position: center;
  opacity: 1;
}

.team-person:hover .et_pb_team_member_image img {
  opacity: 0 !important;
}

.galerie-grid .et_pb_gallery_items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.galerie-grid .et_pb_gallery_item {
  width: 100% !important;
  margin: 0 !important;
}

.galerie-grid .et_pb_gallery_item:nth-of-type(1) {
  grid-row: span 2;
  grid-column: span 2;
}

.scene-sorting-section {
  text-align: right;
}

.scene-sorting-section select {
  width: 100%;
}

#scene_sort {
  padding: 8px 12px;
  border-radius: 5px;
  border: 1px solid #ccc;
  height: 100%;
}

/*** FORMS ***/
#form-footer div.wpforms-container-full {
  margin: 0 auto !important;
}

.kontakt-form input,
.kontakt-form textarea {
  background-color: #FFFFFF !important;
  border: 2px solid #343333 !important;
  padding: 16px !important;
  color: #000000 !important;
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 1px !important;
}

.kontakt-form input {
  border-radius: 50px !important;
}

.kontakt-form textarea {
  resize: none;
  border-radius: 20px !important;
}

.kontakt-form .wpforms-field:first-of-type {
  padding-top: 0 !important;
}

.kontakt-form input::placeholder,
.kontakt-form textarea::placeholder {
  color: #343333 !important;
  text-transform: uppercase !important;
}

.kontakt-form input:focus,
.kontakt-form textarea:focus {
  border: 2px solid #000000 !important;
}

.kontakt-form input.wpforms-smart-phone-field {
  padding-left: 16px 16px 16px 50px !important;
}

.kontakt-form.wpforms-container div.wpforms-uploader {
  border-radius: 20px !important;
  padding: 10px !important;
}

/* .kontakt-form .wpforms-submit-container {
	text-align: center;
} */

.kontakt-form button {
  border-color: #333333 !important;
  border-width: 2px !important;
  border-radius: 100px !important;
  background-image: initial !important;
  background-color: #333333 !important;
  color: #FFFFFF !important;
  letter-spacing: 2px !important;
  font-size: 1rem !important;
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 12px 18px !important;
  transition: all 300ms ease 0ms;
}

.kontakt-form button:hover {
  border-color: #333333 !important;
  background-color: #FFFFFF !important;
  color: #333333 !important;
  transition: all 300ms ease 0ms;
}

#form-footer .kontakt-form label.wpforms-error {
  color: #FFFFFF !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

#form-footer .kontakt-form input,
#form-footer .kontakt-form textarea {
  background-color: transparent !important;
  border: 2px solid #FFFFFF !important;
  color: #FFFFFF !important;
}

#form-footer .kontakt-form input::placeholder,
#form-footer .kontakt-form textarea::placeholder {
  color: #ffffffab !important;
}

#form-footer .kontakt-form button {
  background-color: transparent !important;
  border: 2px solid #FFFFFF !important;
  transition: all 300ms ease 0ms;
}

#form-footer .kontakt-form button:hover {
  border-color: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #333333 !important;
  transition: all 300ms ease 0ms;
}

#form-footer .field-gdpr,
#form-footer .field-gdpr label,
#form-footer .field-gdpr,
#form-footer .field-gdpr label a {
  font-size: 0.9rem !important;
  color: #FFFFFF !important;
}

/*** FOOTER ***/
footer.et-l--footer {
  position: relative;
  z-index: 990;
}

footer .et_builder_inner_content,
body.page-id-30 .et_builder_inner_content,
body.page-id-3336 .et_builder_inner_content {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}

footer .et_builder_inner_content {
  z-index: 5;
}

#footer {
  grid-row: 1/2;
  grid-column: 1/2;
  z-index: 2;
}

#footer-video-section {
  grid-row: 1/2;
  grid-column: 1/2;
  min-height: 100vh;
  z-index: 1;
}

#footer-video-section #hp-video video {
  aspect-ratio: unset;
  height: 100%;
}

.footer-cz {
  display: none;
}

.footer-cz:lang(cs) {
  display: block !important;
}

.footer-en {
  display: none;
}

.footer-en:lang(en) {
  display: block !important;
}

#footer.et_pb_section {
  min-height: 100vh !important;
  padding-top: 20vh;
}

#footer>.et_pb_row {
  width: 90%;
}

@media all and (max-width:980px) {
  #footer.et_pb_section {
    background-color: transparent;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.9) 100%);
  }

  #footer-video-section {
    opacity: 0.4;
  }
}

@media all and (min-width:981px) {
  #footer.et_pb_section {
    background-color: transparent;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 100%);
  }

  #footer-video-section {
    opacity: 0.5;
  }
}

.footer-blurb,
.footer-blurb a,
.footer-blurb * {
  font-weight: 500;
}

.grecaptcha-badge,
body.et_pb_recaptcha_enabled .grecaptcha-badge {
  display: none !important;
  visibility: hidden !important;
}

/*** 404 ***/
.notfound-cz {
  display: none;
}

.notfound-cz:lang(cs) {
  display: block !important;
}

.notfound-en {
  display: none;
}

.notfound-en:lang(en) {
  display: block !important;
}

/*** SIDE BANNER - OUŠKO ***/
body.home .side_button,
body.page-template-page-hp .side_button,
body.page-id-30 .side_button,
/* Kontakt */
body.page-id-3336 .side_button,
/* Contact */
body.page-id-7841 .side_button,
/* ukázka zdarma */
body.page-id-8026 .side_button,
/* free sample */
body.page-id-8949 .side_button,
/* scene gallery */
body.page-id-9203 .side_button,
/* Interior SG */
body.page-id-9205 .side_button,
/* Exterior SG */
body.page-id-9840 .side_button,
/* Landing page CZ */
body.page-id-10098 .side_button

/* Landing page EN */
  {
  display: none !important;
  visibility: hidden;
}

.side_button {
  display: none;
  /* outline: 2px solid red; */
  position: fixed;
  right: 0;
  bottom: 10vh;
  z-index: 20;
  overflow: hidden;
  max-height: 80vh;
  /* border-top: 3px dashed #a9927d8e;
	border-bottom: 3px dashed #a9927d8e;
	border-left: 3px dashed #a9927d26;
	border-right: 3px dashed #a9927d26; */
  box-shadow: -2px 3px 12px -2px #a9927d6e;
  transition: all 0.5s ease;
}

.side_button:hover {
  text-decoration: none;
  /* border-top: 3px dashed #a9927d;
	border-bottom: 3px dashed #a9927d;
	border-left: 3px dashed #a9927d;
	border-right: 3px dashed #a9927d; */
  box-shadow: -2px 3px 12px -2px #a9927d;
  transition: all 0.5s ease;
}

.side_button_close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  font-size: 3rem;
  line-height: 1rem;
  background-color: #FFFFFF;
  padding: 0.5rem;
  border-radius: 100%;
  box-shadow: 2px 2px 4px 0px #fcfcfc;
  cursor: pointer;
  transition: all 0.5s ease;
}

.side_button_close:hover {
  font-weight: 900;
  box-shadow: 2px 2px 4px 0px #dfdfdf;
}

.side_button h3 {
  padding-bottom: 0;
}

#side_button-video video {
  display: block;
  width: 100%;
  min-height: inherit !important;
  max-height: 60vh;
  height: auto;
  object-fit: contain;
  aspect-ratio: 9/16;
}

.side_button-cz:lang(en) {
  display: none !important;
}

.side_button-en:lang(cs) {
  display: none !important;
}

/*** LANDING PAGE ***/
.arrow-blurb-left.et_pb_module.et_pb_blurb {
  width: 100%;
  max-width: 20rem;
  transform: translate(-12vw, -3rem) rotate(-15deg);
}

.arrow-blurb-right.et_pb_module.et_pb_blurb {
  width: 100%;
  max-width: 20rem;
  transform: translate(16vw, -3rem) rotate(20deg);
  margin: 0 !important;
}

.arrow-blurb-left.et_pb_module.et_pb_blurb .et_pb_blurb_content,
.arrow-blurb-right.et_pb_module.et_pb_blurb .et_pb_blurb_content {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}

@media all and (max-width:1440px) {
  .arrow-blurb-left.et_pb_module.et_pb_blurb {
    transform: translate(-10vw, -2rem) rotate(20deg);
  }

  .arrow-blurb-right.et_pb_module.et_pb_blurb {
    transform: translate(10vw, -5rem) rotate(20deg);
  }
}

@media all and (max-width:1200px) {
  .arrow-blurb-left.et_pb_module.et_pb_blurb {
    transform: translate(-10vw, -2rem) rotate(20deg);
  }

  .arrow-blurb-right.et_pb_module.et_pb_blurb {
    transform: translate(3vw, -5rem) rotate(20deg);
  }
}

@media all and (max-width:980px) {
  .arrow-blurb-left.et_pb_module.et_pb_blurb {
    transform: translate(0vw, -2rem) rotate(-15deg);
  }

  .arrow-blurb-right.et_pb_module.et_pb_blurb {
    transform: translate(-6vw, -5rem) rotate(20deg);
  }
}

@media all and (max-width:768px) {
  .arrow-blurb-left.et_pb_module.et_pb_blurb {
    transform: translate(-6vw, -2rem) rotate(20deg);
  }

  .arrow-blurb-right.et_pb_module.et_pb_blurb {
    transform: translate(-6vw, -4rem) rotate(20deg);
  }
}

@media all and (max-width:480px) {

  .arrow-blurb-left.et_pb_module.et_pb_blurb,
  .arrow-blurb-right.et_pb_module.et_pb_blurb {
    max-width: 12rem;
  }

  .arrow-blurb-left.et_pb_module.et_pb_blurb {
    transform: translate(-8vw, -2rem) rotate(20deg);
  }

  .arrow-blurb-right.et_pb_module.et_pb_blurb {
    transform: translate(-6vw, -3rem) rotate(20deg);
  }

  .arrow-blurb-left.et_pb_module.et_pb_blurb .et_pb_blurb_description img,
  .arrow-blurb-right.et_pb_module.et_pb_blurb .et_pb_blurb_description img {
    max-width: 10rem;
  }
}

@media all and (max-width:980px) {

  .arrow-blurb-left.et_pb_module.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image,
  .arrow-blurb-right.et_pb_module.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
    display: none;
  }
}

/* #lp-form {
	min-height: calc(100vh - 108px);
} */

#lp-form h1 {
  font-weight: 400;
}

@media (min-width: 981px) {

  .video-form-row,
  #lp-form .video-form-row {
    display: flex;
    flex-direction: row;
    column-gap: 1%;
    row-gap: 2%;
  }

  .video-form-row::after,
  #lp-form .video-form-row::after {
    display: none;
  }

  .video-form-row .et_pb_column_0,
  #lp-form .video-form-row .et_pb_column_0 {
    width: 50%;
    margin-right: 0;
  }

  .video-form-row .et_pb_column_1,
  #lp-form .video-form-row .et_pb_column_1 {
    width: 50%;
  }

  .video-form-row .hero-video-column,
  #lp-form .video-form-row .hero-video-column {
    display: flex !important;
    align-items: start;
    justify-content: center;
    position: relative;
    height: auto;
    /* aspect-ratio: 1/1; */
  }

  .video-form-row .et_pb_column>span.et_pb_section_video_bg,
  #lp-form .video-form-row .et_pb_column>span.et_pb_section_video_bg {
    display: block;
    position: relative;
    margin: 0;
    width: 100%;
    height: auto;
    /* height: calc(100vh - 108px) !important; */
    aspect-ratio: 1/1 !important;
  }

  .video-form-row .et_pb_column>span.et_pb_section_video_bg .mejs-container,
  #lp-form .video-form-row .et_pb_column>span.et_pb_section_video_bg .mejs-container {
    height: inherit !important;
    width: 100% !important;
    position: relative !important;
    left: unset !important;
    margin: 0 !important;
    background: transparent !important;
  }

  .video-form-row .et_pb_column>span.et_pb_section_video_bg .mejs-container .mejs-mediaelement,
  #lp-form .video-form-row .et_pb_column>span.et_pb_section_video_bg .mejs-container .mejs-mediaelement {
    position: relative !important;
    aspect-ratio: 1/1;
  }

  .video-form-row .et_pb_column>span.et_pb_section_video_bg video,
  #lp-form .video-form-row .et_pb_column>span.et_pb_section_video_bg video {
    margin: 0px !important;
    width: inherit !important;
    height: 100% !important;
    aspect-ratio: 1/1;
    object-fit: contain;
  }

  .hp-hero .hp-buttons {
    max-width: 1300px !important;
  }
}

@media (max-width: 980px) {

  .video-form-row,
  #lp-form .video-form-row {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .video-form-row::after,
  #lp-form .video-form-row::after {
    display: none;
  }

  .video-form-row .et_pb_column:nth-of-type(1),
  #lp-form .video-form-row .et_pb_column:nth-of-type(1) {
    order: 2;
  }

  .video-form-row .et_pb_column:nth-of-type(2),
  #lp-form .video-form-row .et_pb_column:nth-of-type(2) {
    order: 1;
  }

  .row-video-1-2.et_pb_column.et_pb_column_empty,
  .row-video-1-2.et_pb_column.et_pb_column_empty,
  .video-form-row .hero-video-column.et_pb_column_empty,
  #lp-form .video-form-row .hero-video-column.et_pb_column_empty {
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1/1 !important;
  }

  .video-form-row .et_pb_column>span.et_pb_section_video_bg,
  .video-form-row .et_pb_column>span.et_pb_section_video_bg video,
  #lp-form .video-form-row .et_pb_column>span.et_pb_section_video_bg,
  #lp-form .video-form-row .et_pb_column>span.et_pb_section_video_bg video {
    width: 100% !important;
    height: auto !important;
    max-height: calc(100vh - 108px);
    aspect-ratio: 1/1 !important;
    object-fit: contain;
  }

  .video-form-row .et_pb_column>span.et_pb_section_video_bg .mejs-container,
  #lp-form .video-form-row .et_pb_column>span.et_pb_section_video_bg .mejs-container {
    /* height: inherit !important; */
    width: 100% !important;
    position: relative !important;
    left: unset !important;
    margin: 0 !important;
    background: transparent !important;
  }

  .video-form-row .et_pb_column>span.et_pb_section_video_bg .mejs-container .mejs-inner,
  #lp-form .video-form-row .et_pb_column>span.et_pb_section_video_bg .mejs-container .mejs-inner {
    width: inherit;
    height: inherit;
  }

  .video-form-row .et_pb_column>span.et_pb_section_video_bg .mejs-container .mejs-inner .mediaelementwrapper,
  #lp-form .video-form-row .et_pb_column>span.et_pb_section_video_bg .mejs-container .mejs-inner .mediaelementwrapper {
    display: block;
    width: inherit;
    height: inherit;
  }

  .video-form-row .et_pb_column>span.et_pb_section_video_bg .mejs-container .mejs-mediaelement,
  #lp-form .video-form-row .et_pb_column>span.et_pb_section_video_bg .mejs-container .mejs-mediaelement {
    position: relative !important;
    aspect-ratio: 1/1;
  }
}

.kontakt-form.wpforms-container-full,
#lp-form .kontakt-form.wpforms-container-full {
  margin: 0 auto !important;
}

.kontakt-form.wpforms-container-full .wpforms-form .wpforms-field,
#lp-form .kontakt-form.wpforms-container-full .wpforms-form .wpforms-field {
  padding: 5px 0 !important;
}

.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form div.wpforms-uploader .dz-message,
.et-db #et-boc .et-l #lp-form .et_pb_module div.wpforms-container-full .wpforms-form div.wpforms-uploader .dz-message {
  flex-direction: row;
  column-gap: 1rem;
}

/* 
.et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium,
#lp-form .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
	height: 60px !important;
} */

.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container,
.et-db #et-boc .et-l #lp-form .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container {
  padding: 0;
}

div.wpforms-container-full .wpforms-form .field-gdpr li,
.et-db #et-boc .et-l .et_pb_section .et_pb_module div.wpforms-container-full .wpforms-form .field-gdpr li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

div.wpforms-container-full .wpforms-form .field-gdpr label.wpforms-field-label-inline,
.et-db #et-boc .et-l .et_pb_section .et_pb_module div.wpforms-container-full .wpforms-form .field-gdpr label {
  display: inline-block;
  font-size: 0.8rem !important;
  line-height: 1.1em;
}

div.wpforms-container-full .mycaptcha label {
  font-weight: 400 !important;
  color: #000000 !important;
}

div.wpforms-container-full .mycaptcha p {
  font-weight: 700 !important;
  color: #000000 !important;
}

div.wpforms-container-full .mycaptcha span.wpforms-required-label {
  display: none !important;
}

.lp-text-graph {
  width: 100%;
  max-width: 50rem;
  padding: 0 !important;
  overflow: visible;
}

.lp-text-graph .et_pb_text_inner {
  padding: 2rem 5rem 2rem 2rem;
  overflow: visible;
}

.lp-text-graph-image {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2rem;
}

.button-claim {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  margin: 0 auto;
  width: fit-content;
  border: 2px solid black;
  border-radius: 100px;
  padding: 0.8rem 2rem 0.8rem 2.5rem;
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2em;
}

.button-black-white.button-claim {
  padding: 0;
  background: #000000;
  color: #FFFFFF;
  text-transform: uppercase;
}

.button-black-white-left {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  flex: 1;
  height: 100%;
  border-radius: 100px;
  padding: 0.8rem 2rem 0.8rem 2.5rem;
  background: #FFFFFF;
  color: #000000;
  font-weight: 600;
}

.button-black-white>span {
  display: block;
  padding: 0.8rem 1.5rem 0.8rem 0;
}

.button-black-white>span>span {
  font-size: 1.4em;
  font-weight: 600;
}

.button-white {
  gap: 1rem;
  background: #FFFFFF;
  color: #000000;
}

.button-black {
  gap: 1rem;
  background: #000000;
  color: #FFFFFF;
}

@media all and (max-width: 768px) {
  .lp-text-graph .et_pb_text_inner {
    padding: 1rem 5rem 1rem 1rem;
  }

  .button-claim {
    font-size: 1.2rem;
  }

  .button-claim img {
    max-height: 3rem;
    width: auto;
  }
}

@media all and (max-width:480px) {
  .button-claim {
    gap: 0.5rem;
    padding: 0.4rem 1rem 0.4rem 1.5rem;
    font-size: 1rem;
  }

  .button-black-white-left {
    gap: 0.5rem;
    padding: 0.4rem 1rem 0.4rem 1rem;
  }

  .button-black-white>span {
    padding: 0.4rem 1rem 0.4rem 0;
  }
}

@media all and (max-width: 980px) {

  body.page-id-7841 #footer .et_pb_row .et_pb_column,
  body.page-id-8026 #footer .et_pb_row .et_pb_column {
    margin-bottom: 0;
  }
}

body.page-id-7841 #footer .et_pb_row .et_pb_column_0_tb_footer,
body.page-id-8026 #footer .et_pb_row .et_pb_column_0_tb_footer {
  display: none;
}

body.page-id-7841 #footer .et_pb_row .et_pb_column_2_3,
body.page-id-8026 #footer .et_pb_row .et_pb_column_2_3 {
  margin: 0 auto !important;
}

body.page-id-7841 #form-footer,
body.page-id-8026 #form-footer {
  display: none !important;
}

/* Responsiveness fixes */
.et_pb_section_2_tb_footer .et_pb_row_7_tb_footer.et_pb_row {
  padding: 0 !important;
  padding-top: 3rem !important;
  width: 90%;
  margin: 0 auto;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.et_pb_section_2_tb_footer .osoby-row.et_pb_row_4col .et_pb_column {
  margin: 0 !important;
  width: 100%;
}

.et_pb_section_2_tb_footer .osoba-blurb .et_pb_blurb_container {
  grid-template-columns: .5fr 1fr;
}

.et_pb_section_2_tb_footer .et_pb_main_blurb_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.footer-credits,
.footer-credits p {
  font-size: 0.9rem !important;
}

.footer-cz .et_pb_row_2_tb_footer h2 {
    font-size: 3rem;
}

@media only screen and (max-width: 980px) {
    .footer-cz .et_pb_row_2_tb_footer h2 {
        font-size: 2.4rem;
    }
}

@media only screen and (max-width: 767px) {
    .footer-cz .et_pb_row_2_tb_footer h2 {
        font-size: 1.5rem;
    }
}

.row-vyhody .et_pb_blurb_description p {
    font-size: 1rem;
}

@media all and (min-width: 425px) {
  .et_pb_section_2_tb_footer .osoba-blurb .et_pb_blurb_container .et_pb_blurb_description img {
    height: 2rem;
  }
  
  .row-vyhody .et_pb_blurb_description p {
    font-size: 1.25rem;
  }
}

@media all and (min-width: 768px) {
  .et_pb_section_2_tb_footer .et_pb_row_7_tb_footer.et_pb_row {
    flex-direction: row;
    justify-content: space-between;
    row-gap: 3rem;
  }

  .et_pb_section_2_tb_footer .osoby-row.et_pb_row_4col .et_pb_column {
    width: 48%;
  }

  .et_pb_section_2_tb_footer .osoba-blurb .et_pb_blurb_container .et_pb_blurb_description img {
    height: 23px;
  }
}

@media all and (min-width: 1024px) {
  .et_pb_section_2_tb_footer .osoba-blurb .et_pb_blurb_container .et_pb_blurb_description img {
    height: 2rem;
  }
}

.row-vyhody {
  .odometer-inside {
    display: flex;
  }

  .odometer {

    .odometer-digit-spacer,
    .odometer-value {
      font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif !important;
      font-weight: 700 !important;
      text-transform: uppercase;
      color: #FFFFFF !important;
      text-align: center;
    }
  }

  .odometer .odometer-formatting-mark {
    margin: 0 0.1em;
    /* Můžete upravit šířku mezery, např. 0.15em */
  }

  /* Třída pro přidání znaménka "+" */
  .odometer-inside::after {
    content: "+";
    display: inline-block;
    margin-left: 2px;
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF !important;
    text-align: center;
  }
}

#hp-hero {
  position: relative;
  padding: 0 !important;
  margin-bottom: 1.5rem;

  .et_pb_row.et_pb_row_0 {
    padding: 0 !important;
  }

  #hp-buttons {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 2rem 1rem !important;
    margin: 0 auto !important;
    transform: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
  }

  h1 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}

@media all and (min-width: 500px) {
  #hp-hero h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

@media all and (min-width: 768px) {
  #hp-hero {
    #hp-buttons {
      padding: 2rem 2rem !important;
    }

    h1 {
      font-size: 2.25rem;
      line-height: 2.75rem;
    }
  }
  
  .row-vyhody {
      .et_pb_blurb_description p {
          font-size: 1.25rem;
      }
  }
}

@media all and (min-width: 1024px) {
  #hp-hero h1 {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}

@media all and (min-width: 1300px) {
  #hp-hero h1 {
    font-size: 3rem;
    line-height: 4rem;
    max-width: 1300px;
    margin: 0 auto;
  }
  
  .row-vyhody {
      .et_pb_blurb_description p {
          font-size: 1.75rem;
      }
      
      .odometer {
        .odometer-digit-spacer,
        .odometer-value {
          font-size: 3.25rem !important;
        }
      }
      
      .odometer-inside::after {
        font-size: 3.6rem !important;
      }
  }
}