.main:not(.lin1,.lin2,.lin4), body {background-color:#272727;color:#ffffff;}
.fibg1 {background:#272727;}
.fibg2 {background:#272727;}
.fibg3 {background:#616161;}
.fibg4 {background:#008fb9;}
.fibgw {background:#ffffff;}
.fibgr {background:red;}
.fibgg {background:green;}

.lin1 {background: linear-gradient(45deg, #202020, #272727);}
.lin2 {background: linear-gradient(144deg, #272727 60%, #272727);}
.lin3 {background: linear-gradient(119deg, #272727 26%, #283235);} /*  #0099ba  */
.lin4 {background: linear-gradient(0deg, #4f4f4f, #202020);}

.cs {color:#ffffffc2;}
.cs a, .cs b, .cs strong {color:#e6e6e6;}
.cblue {color:#0099ba;}

h1.cblue, h2.cblue, h3.cblue {position: relative;padding-left:28px;}
h1.cblue:before, h2.cblue:before , h3.cblue:before {display:block;content:'';position:absolute;left:0px;top:0px;bottom:0px;margin: auto 10px auto 0px;width:40px;height:40px;background:transparent url(../im/icons/symbol1.svg) no-repeat left center / 17px;}

h1.cblue {}

.scroll-active .cblue {padding-left:0px;}
.scroll-active .cblue:before {display:none;}

.cwhite {position: relative;padding-left:26px;}
.cwhite:before {display:block;content:'';position:absolute;left:0px;top: -1px; bottom: 0px; margin: auto 10px auto 0px;width: 25px;height: 25px; background: transparent url(../im/icons/symbol1w.svg) no-repeat left center / 9px;opacity: 0.3;}

.ro1083 {transform:rotate(10.83deg);}

.bgo1 {background: #202020;background: #202020cc;background: linear-gradient(45deg, #202020cc, #0099ba4d);}

.search {color:#ffffff;background:#4f4f4f url(../im/icons/search-on-bl.svg) no-repeat right 21px center / 20px;border:0;padding:8px 48px 8px 21px;margin:16px 0px;border-radius:32px;transition:all 300ms ease-in;border:1px solid transparent;}
.search:hover {background-color:transparent;border:1px solid #4f4f4f;}
.search:focus {background-color:#151515;border:1px solid #363636;}
.menu-a-1 {padding-bottom: 20px;margin: 0px 0px 0px 0px;}
.menu-a-1 a {color:#ffffffc2;text-decoration: none;font-weight:500;letter-spacing:0.0166em;padding:4px 0px;}
.menu-a-1 a:hover {color:#ffffff;}
.menu-a-1 a.active-page {color:#008fbb;}
.menu-a-1 a.active {color:#008fbb;}
.menu-a-1.p0 {padding:0px;}
.menu-a-2 a {color:#9f9f9f;text-decoration: none;font-weight:400;letter-spacing:0.015em;margin:16px 0px;text-shadow: 1px 1px 2px black;}
.menu-a-2 ul a {margin:0px;}
.menu-a-2 a:hover {color:#ffffff;}
.menu .menu-a-1 a, .menu .menu-a-2 a {}

.menu-a-2 a.active { color: #0099ba;font-weight: 600;border: 0;}
.menu-a-2 li:nth-child(1) a.active {}

.menu-a-2 .sub {border:1px solid #4f4f4f;padding:16px;display:none;position:absolute;width:auto;min-width:100%;top:100%;left:0;flex-direction:column;justify-content: start;background:#272727;}
.menu-a-2 li {position:relative;}
.menu-a-2 li:hover .sub {display:flex;}

.menu-a-2 {padding-left:0px;}

.menu-a-2 li.has-sub {position:relative;padding-right:19px;background: transparent url(../im/icons/bard.svg) no-repeat right center / 12px;}
.menu-a-2 li.has-sub.active {background-image: url(../im/icons/bardbl.svg);}
.menu-a-2 li li.active {position:relative;background: transparent;}

.menu-transparent .menu-a-2 a {color:#f1f1f1;font-weight:500;}
.menu-transparent .menu-a-2 a:hover {color:#ffffff;}
.menu .menu-a-2 a {font-weight:500;}
.menu-transparent .menu-a-2 a.active {color:#0099ba;}

.menu-transparent {background-color:transparent;position:fixed;background:linear-gradient(0deg, transparent 44%, #27272733 67%, #272727a6 98%);} 
.menu-transparent .search {color:#ffffff;background:transparent url(../im/icons/search-w.svg) no-repeat right 21px center / 20px;border:0;}
.menu-transparent .search:focus {background-color:#15151522;}
.but-blue {background:#008fbb;color:#ffffff;border:0;font-weight:800;}
.but-green {background:#4caf50;color:#ffffff;border:0;font-weight:800;}

.border.but-blue {background:transparent;border:2px solid #008fbb;color:#ffffff;font-weight:800;}
.border.but-green {background:transparent;border:2px solid #4caf50;color:#ffffff;font-weight:800;}

.menu {box-shadow: 0px 10px 28px -26px #000000;}

.menu-transparent {box-shadow: 0px 0px 0px 0px #000000;transition: background 300ms linear;background:linear-gradient(0deg, transparent 25%, #27272733 50%, #272727a6 85%, #272727);}
.menu-transparent.scroll-active {background: linear-gradient(144deg, #272727 44%, #272727);}





.right-menu {}
.right-menu a {transition: all 100ms linear;text-decoration:none;display:flex;align-items:center;justify-content: center;border-radius:30px;padding: 10px 23px;border: 1px solid #ffffff1c;color: #ffffff;}
.right-menu a:hover {color:#ffffff;border: 1px solid #ffffff61;box-shadow: 0px 1px 7px -1px white;}
.right-menu a.active {color: #ffffff;border: 1px solid #0099ba; box-shadow: 0px 1px 7px -1px #0099ba;}
.product-menu {}
.product-contact-menu {}

.right-menu a.but-blue, .right-menu a.but-green {color:#ffffff;}

.bg-slider-dot {width: 46px;height: 18px;border-radius: 10px;border: 2px solid #ffffff82;}
.bg-slider-dot.active {background:#ffffff82;}
.bg-slider.opacity-slider {}


.ghost-button {background-color:transparent;transition: all 100ms linear;text-decoration:none;display:flex;align-items:center;justify-content: center;border-radius:5px;padding: 12px 16px;border: 1px solid #0099ba;color: #ffffff;}
.ghost-button input, .ghost-button textarea, .ghost-button select {color:#ffffff;background:transparent;border:0px;padding:0px;margin:7px 0px 0px;}
.ghost-button select option {background-color:#202020;}

.ghost-button:hover {border-color:#ffffff;}
header .ghost-button {padding:11px;border-radius: 36px;}

.ghost-button.white { color: #ffffff; border: 1px solid #ffffff61; box-shadow: 0px 1px 7px -1px white;}
.ghost-button.blue { color: #ffffff; border: 1px solid #0099ba;box-shadow: 0px 1px 7px -1px #0099ba;}

.opacity-slider {}
.opacity-slider .slide-info-bl {position:absolute;bottom:0;left:0;z-index:550;}
.opacity-slider .bg-slider-dots {position:absolute;bottom:24px;left:0;z-index:300;}
.opacity-slider .slide {z-index:50;transition:all 500ms linear;transform:rotateX(180deg);position:absolute;opacity:0;}
.opacity-slider .slide .img {position:relative;z-index:480;opacity:0.8;max-height:100vh;}
.opacity-slider .slide.active {z-index:200;transform:rotateX(0deg);position:relative;opacity:1;}

.firma-skew {transform:skewX(-13deg);position:relative;}
.firma-skew > * {}
.firma-skew:before {position:absolute;content:'';right:100%;top:0px;width:32px;height:100%;margin-right:8px;background:#008fb9;}

.paralax-slide {margin-bottom:24px;position:relative;background-position: center 0px;background-size:cover;background-color:transparent;background-repeat:no-repeat;}
.paralax-image {will-change: transform;width:100%;background: transparent no-repeat center 0px / cover;}
.paralax-image > img {opacity:0;}
.paralax-inited .paralax-image {opacity:0;}
.paralax-desc {gap:0px;z-index:199;opacity:0;position:fixed;bottom:-50%;top:auto;left:auto;width:320px;min-width:30%;right:0px;padding-left:0px;display:flex;flex-direction:column;justify-content: start;align-items: center;transition: all 450ms linear;}

.paralax-desc, .paralax-desc * {}
.paralax-desc p {color:#272727;font-size:13px;line-height:1.5;}
.paralax-desc > * {background:#ffffff;padding:32px;flex:auto;margin:0px;color:#272727;}
.paralax-desc > h3 {padding-bottom:0px;font-weight:100;}
.paralax-desc.active {opacity:1;bottom:0px;}

.ico-doc {transition: all 300ms linear;background: transparent url(../im/icons/ext-default.svg) no-repeat 19px center / 39px;padding: 12px 12px 12px 58px; text-decoration: none;color: #ffffff; border: 1px solid #4f4f4f; border-radius: 5px;}
.ico-pdf {background-image: url(../im/icons/ext-pdf.svg);}

.ico-email {background-image: url(../im/icons/email.svg);background-size:26px;background-position-x: 14px;}
.ico-message {background-image: url(../im/icons/email.svg);}
.ico-user {background-image: url(../im/icons/user.svg);background-size:26px;background-position-x: 14px;}


.file-row.ico-user {}
.file-row.ico-user:before {background-image: url(../im/icons/user.svg);background-repeat: no-repeat; background-position: center center; background-size: 39px;width: 50px;height: 50px; content: '';display: flex;position: relative;left: -1px;}

.ico-doc:hover {background-color:#ffffff14;}

.ico-nothing {padding:12px;background:transparent;}
.ico-nothing:hover {background:transparent;}
.ico-nothing input {border: 1px solid #6c6c6c;padding:6px;border-radius:3px;text-align:center;}


.ico-doc .chyba.left, .ghost-button .chyba.left, .chyba.left.transp {background-color:transparent;background-size: 18px;padding: 9px 0px 9px 37px;margin-bottom: 10px;border:0px;color:#ce9c9c;}

.ghost-button textarea {min-height:96px;}

.copy-html {cursor:pointer;opacity:0.6;transition:all 150ms linear;position:relative;justify-content: space-between;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.copy-html:after {content:'';display:flex;align-self:end;width:32px;height:32px;background: transparent url(../im/icons/copy.svg) no-repeat center center / 32px;}
.copy-html:hover {opacity:1;}

/*
.bg-slider {position: fixed;z-index:20;top:0;left:0;width:100%;height:100%;display:none;}
.bg-slider * {width:1px;height:1px;opacity:0;overflow:hidden;}
header, main, footer {position: relative;z-index:20;} */

.vyhody-slide {border: 1px solid #0099ba;border-radius:5px;background: transparent url(../im/icons/roh-rt.svg) no-repeat 4px bottom;padding-bottom: 37px;}

.layerfixed-close {z-index:15000;position:fixed;background:#27272799;top:0;left:0;width:100%;height:100%;cursor:pointer;}

.layerfixed.full {z-index: 18000;position: fixed;width:100%;background:#202020;background:linear-gradient(179deg, black, #272727f5);border:0px;top: 53px;bottom: 78px;height: 100vh;height: calc(100vh - 131px);}

.layerfixed.full .content {height: calc(100vh - 72px);max-height: calc(100vh - 72px);border-bottom: 1px solid #404040;}
.layerfixed.full .content {color:#ffffff;}
.layerfixed.full .head {border-top: 1px solid #404040;padding-bottom: 16px;padding-top: 16px;background:#272727;}
.layerfixed.full .head, .layerfixed.full .head * {color:#ffffff;font-size:14px;}
.layerfixed.full .head a.layerfixed-close {border-left: 0;background: transparent url(../im/icons/close.svg) no-repeat right center / 15px; right: 5px;}
.layerfixed.full .head a.layerfixed-close img {opacity: 0;}


.layerfixed.from-right {left: auto;right: 0px; width: 600px;background: #202020;bottom: 0px;height: 100%; margin: 0px;top: 0px;} 
.layerfixed.from-right > * {border:0px;background:transparent;padding:0px 24px;}
.layerfixed.from-right .head {border:0;background:transparent;min-height:72px;border-bottom:1px solid #404040;}
.layerfixed.from-right:before {display:none;}
.layerfixed.from-right .head a.layerfixed-close {position:static;}
.layerfixed.from-right .content {padding-top: 24px; border:0px;max-height: calc(100vh - 72px);overflow-y: auto;-webkit-overflow-scrolling: touch;}


.kontakt-row {color:#ffffffba;}
.kontakt-row .b1 {}
.kontakt-row .b1 > * {border: 1px solid #404040;border-bottom:0px;padding:8px 16px;}
.kontakt-row .b1 > *:nth-child(1) {border-radius: 4px 4px 0px 0px;}
.kontakt-row .b1 > *:nth-last-child(1) {border-radius: 0px 0px 4px 4px;border-bottom: 1px solid #404040;}
.kontakt-row a {color:#ffffff;text-decoration: none;opacity:0.4;transition:all 200ms linear;}
.kontakt-row a:hover {opacity:1;}


.ico-vcard {background: transparent url(../im/icons/vcard.svg) no-repeat right 5px center / 20px;padding-right:32px;}


.sikmy {display:flex;flex-direction:row;}
.sikmy > * {overflow:hidden;position:relative;display:flex;flex-direction:row;justify-content: stretch;transform: skewX(-13deg);}

.sikmy > *, .sikmy-click, .sikmy .img {transition: all 250ms linear;}

.sikmy-click {min-width:88px;position:relative;display:flex;background:#272727;z-index:5;border-left: 1px dashed #4f4f4f;border-right: 1px dashed #4f4f4f; }
.sikmy-click span {height: 49px;transform: rotate(270deg);position: absolute;left: 0;top: 0;right:0px;bottom: 0;padding: 12px 16px;display: flex; color: #ffffff;text-decoration: none;font-size: 16px;justify-content: center;align-items: center;font-weight: 600;z-index: 2;margin: auto;width: 300px;margin-left: -106px;text-align: center;}
.sikmy .img {opacity:0;display:flex;background-color:#131313;background-size: cover; background-position: center center;background-repeat:no-repeat;transform: skewX(13deg);z-index: 2;position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 1;}
.sikmy img {height:50vh;width:1px;opacity:0;max-height:480px;}

.sikmy > *.active .img {  right:-60px;opacity:1;  }
.sikmy > *.active img {width:100%;}
.sikmy > *.active .sikmy-click {background:#008fbb;z-index:4;border:0;}

.leftskew:before {z-index:1;position:absolute;content:'';left:-2px;top:-2px;bottom:-2px;width:200px;background: transparent url(../im/icons/leftskewb.svg) no-repeat right bottom / 100%;}

.menu-sc.scroll-active {position:fixed;width:100%;top:0px;left:0px;z-index:2000;background:linear-gradient(144deg, #272727 60%, #272727);box-shadow: 0px 8px 33px -20px #000000;}

.cs1 {color:#858585;}

.bb {}
.bc1 {border-color:#404040;}

.file-row {text-decoration: none;border: 1px solid #4f4f4f;border-radius: 10px;padding: 12px;background: linear-gradient(45deg, black, #151515);}
.file-row svg { width: 30px; height: 30px;display: flex;margin: 0px 6px;}
.file-row .fil0 {fill:#ffc107;}
.file-row span {font-size:14px;color:#f1f1f1;}

.file-row:hover .fil0 {fill:#ffffff;}
.file-row:hover span {color:#ffffff;}
.file-row:hover {background:#0099ba;}

.mh100 {min-height:100vh;}

.bc-wrap {}
.bc-wrap a {position:relative;color:#ffffff;padding-left:32px;padding-right:32px;background: transparent url(../im/icons/bc.svg) no-repeat right 7px center / 13px;}
.bc-wrap a:before {content:'';display:block;position:absolute;top:0px;bottom:0px;left:0px;width:24px;background: transparent url(../im/icons/folder.svg) no-repeat left center / 23px;}
.bc-wrap a:nth-last-child(1) {background:transparent;padding-left:0px;padding-right:0px;}
.bc-wrap a:nth-last-child(1):before {display:none;}

.bc-wrap a:nth-child(1)  {position:relative;color:#ffffff;padding-left:32px;padding-right:32px;background: transparent url(../im/icons/bc.svg) no-repeat right 7px center / 13px;}
.bc-wrap a:nth-child(1):before {display:block;}

.pouziti-slide:nth-child(2n) > .txt {order:2;padding:0px 0px 0px 64px;}
.pouziti-slide:nth-child(2n) > .leftskew {order:1;}
.pouziti-slide:nth-child(2n) > .leftskew:before {z-index:1;position:absolute;content:'';left:auto;right:-2px;top:-2px;bottom:-2px;width:200px;background: transparent url(../im/icons/rightskewb.svg) no-repeat right top / 100%;}

.koso {transform: skewX(-10.83deg);opacity: 0.7;filter: grayscale(0.8);transition: all 300ms linear;}
.koso2 {transform: skewX(-10.83deg);filter: grayscale(0.8);transition: all 300ms linear;}
.koso3 {transform: skewX(-10.83deg);transition: all 300ms linear;}
.kososhadow {box-shadow: 10px 10px 0px 0px #00000047;}
.antikoso {transform: skewX(10.83deg);}

.blackwhite {filter: grayscale(0.8);transition: all 250ms ease-in;}
.blackwhite:hover {filter: grayscale(0);}
.svg-schema svg {position:relative;top:0px;}

.with-circle {}

.list-image > img {width:100%;opacity:0.5;filter: grayscale(0.8);transition:all 300ms linear;transform: skewX(-10.83deg);border-radius:8px;}
.list-image:hover > img {opacity:0.9;filter: grayscale(0);}
.list-image > span {border-radius:32px 0px 0px 32px;transition: all 300ms linear;font-size: 13px;font-weight: 500;letter-spacing: 0.15em;text-transform: uppercase;color: #ffffff;position: absolute;top: auto;left: 0px;width: 100%;height: auto;display: flex;justify-content: center;align-items: center;text-align: center;bottom: 9.5%;background: linear-gradient(45deg, #272727, transparent); padding: 9px 11%;}
.list-image:hover > span {opacity:0.8;}

.list-image.imh320 > img {width:auto;max-width:240px;max-height:240px;transform: skewX(-10.83deg);border-radius:8px;aspect-ratio: 16 / 9;}

.process-item {padding:36px 70px 36px 0px;margin-right:50%;position:relative;}
.process-item:nth-child(2n) {margin-left:50%;margin-right:0px; margin-left: calc(50% - 6px);padding:36px 0px 36px 70px}
.process-item > * {display:flex;}
.process-item > .img {margin-right:0px;margin-left:34px;order:4;width:128px;height:128px;border-radius:128px;overflow:hidden;position:relative;justify-content: center;align-content: center;}
.process-item > .img > img {position:absolute;top:auto;left:auto;right:auto;bottom:auto;margin:auto;height:100%;align-self:center;}
.process-item > .txt {order:2;}
.process-item > .number-circle {color:#202020;box-shadow:0px 0px 89px 26px #272727;z-index: 40;margin-right: -43px;order: 3;position: absolute;bottom: 0px; top:0px; margin-top:auto; margin-bottom:auto;right: 0;left: auto; background: #0099ba;display: flex; padding: 24px 0px;width: 80px;border-radius:80px; height: 80px;justify-content: center;align-items: center;text-align: center;}
.process-item:nth-child(2n)  > .img {order: 2;margin-right: 34px;margin-left:0px;}
.process-item:nth-child(2n)  > .txt {order:3;}
.process-item:nth-child(2n)  > .number-circle {order:1;right:auto;left:0;margin-left: -43px;margin-right: auto;}

.process-item {border-right:6px dashed #575757;}
.process-item:nth-child(2n) {border:0;border-left:6px dashed #575757;} 

.process-item:nth-child(1):before {content:'';display:block;position:absolute;top:0px;z-index:10;right:-20px;width:40px;height:50%;
        background: linear-gradient(0deg, #27272700, #272727);} 
.process-item:nth-last-child(1):before {content:'';display:block;position:absolute;bottom:0px;z-index:10;right:-20px;width:40px;height:50%;
        background: linear-gradient(0deg, #272727, #27272700);} 

.process-item p {margin:0px;padding:0px;}

.big {transform: scale(1.25);}
.big.antikoso {transition: all 350ms linear;transform: scale(1.25) skewX(10.83deg);filter: grayscale(0.8);opacity: 0.9;background: #1b1b1b;}
.big.antikoso:hover {filter: grayscale(0);}

.product-part .koso {transition: all 350ms linear;filter:grayscale(0);}
.product-part .koso:hover{opacity:0.9;}
.menu-starts .koso {transition: all 350ms linear;filter:grayscale(0.8);}
.menu-starts .koso:hover {opacity:0.9;filter:grayscale(0);}

h1, h2, h3 {letter-spacing: 0.1em;text-transform: uppercase;}

.ft1 {line-height: 1.66;letter-spacing: 0.0166em;font-weight:300;} /* ft fotmat text */
.ft1ch * {line-height: 1.66;letter-spacing: 0.0166em;font-weight:300;}
.ft1-ch > * {line-height: 1.66;letter-spacing: 0.0166em;font-weight:300;}

.mh160px {max-height: 160px;}

.bg-hexa {}

.splitter:before {display:block;content:'';height:32px;width:100%;background:transparent url(../im/icons/separ-black-top.svg) repeat-x center top / cover;}
.splitter.rel:before {position:absolute;left:0;top: -2px;z-index: 3;}
.splitter.rel {padding-top:72px;}

/* ------------------------------ READMORE */

.readmore {
  position: relative;
  overflow: hidden;
  transition: max-height 0.5s ease;
  padding-bottom: 16px;
}

/* Gradient overlay */
.readmore::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 32px;
  background: linear-gradient(to top, #272727, #27272700);
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.readmore.open::after {
  opacity: 0;
}

.readmore.open {padding-bottom:32px;}

/* Tlačítko */
.readmore-btn {
  display: flex;
  text-align: center;
  cursor: pointer;
  outline: none;
  align-self:start;width:auto;flex:auto;
}


/* ------------------------------ SLIDER PRUH */
.slider-pruhy { position: relative; overflow: hidden; width: 100%; --slider-height: 33.33%; }
.slider-pruhy::before { content: ''; display: block; padding-top: var(--slider-height); }
.slide-pruh { position: absolute; top:0; left:0; width:100%; height:100%; background-position:left center; background-size:cover; background-repeat:no-repeat; opacity:0; transition:opacity 0.1s ease-in-out; }
.slide-pruh.active { opacity:1; z-index:20;}

.slide-pruh.z-index-10 {z-index:10;}

.slide-pruh.previous { opacity:0.98; }
.slide-pruh img { opacity:0; width:1px; height:1px; pointer-events:none; }
.caption { position: relative; z-index:30; color:#fff; text-align:center; font-size:1.5em; }

/* šipky */
.slider-arrows-pruhy { z-index:60; position:absolute; top:50%; left:0; width:100%; display:flex; justify-content:space-between; transform:translateY(-50%); opacity:0; transition:opacity 0.1s; }
.slider-pruhy:hover .slider-arrows-pruhy { opacity:1; }
.slider-arrows-pruhy button { background: rgba(0, 0, 0, 0.4);color: #fff;border: none;padding: 15px;cursor: pointer;font-size: 15px;border-radius: 50%;width: 45px;height: 45px;line-height: 1; margin:0px 12px;}

/* dots */
.slider-dots-pruhy {z-index:1100; position:absolute; bottom:15px; left:50%; transform:translateX(-50%); display:flex; gap:8px; }
.slider-dots-pruhy span { width:10px; height:10px; border-radius:50%; background: rgba(255,255,255,0.5); cursor:pointer; transition:background 0.3s; }
.slider-dots-pruhy span.active { background:#fff; }

/* play/pause */
.slider-playstop-pruhy {position:absolute; bottom:15px; right:15px; z-index:1100; }
.slider-playstop-pruhy .playstop { width:40px; height:40px; border-radius:50%; background:gray; color:#fff; border:none; font-size:18px; cursor:pointer;line-height: 1.5; }
.slider-playstop-pruhy .playstop.play { background:#0099ba; }

/* overlay proužků */
.strip-overlay-pruhy { position:absolute; inset:0; z-index:70; pointer-events:none; overflow:hidden; }
.strip-pruhy {position:absolute; top:-50%; bottom:-50%; background-size:cover; background-repeat:no-repeat; background-position:left center; opacity:1; transform:translateX(0) skewX(-10.83deg); }
.strip-pruhy.enter-from-left { box-shadow: -57px 57px 64px 4px #27272799; transform: translateY(-150vw) skewX(-10.83deg); }
.strip-pruhy.enter-from-right {  box-shadow: -57px 57px 64px 4px #27272799;transform: translateX(150vw) skewX(-10.83deg); }
.strip-pruhy.in-place {  box-shadow: 0px 0px 0px -20px #272727ff;transform:translateX(0) translateY(0) skewX(0deg);  /* transition:transform 0.6s cubic-bezier(.22,.9,.3,1); */ }

.footer {background: linear-gradient(0deg, #151515, transparent);}
.footer-bg {min-height:320px;}

.separ-black {width:102%;position:absolute;z-index:1000;height:70px;background: transparent url(../im/icons/separ-black.svg) no-repeat right bottom / cover;bottom:0;right:-1%;}

/* ------------------------------------  GALERIE */

.gal-layer, .gal-layer-close {position: fixed;top: 0; left: 0;width: 100%; height: 100%;z-index: 9999;}
.gal-layer-close {background: rgb(0 0 0 / 83%);cursor: pointer; z-index: 9950;}
.gal-layer {background-repeat: no-repeat; background-position: center; background-size: contain; transition: background-image 0.3s ease; pointer-events: none; /* kliky propadnou na close vrstvu */}
.gal-nav {position: fixed;top: 0%;display:flex;height: 100%;width:64px; justify-content: center;align-items: center; color: white; font-size: 28px; cursor: pointer; z-index: 10000;user-select: none;}
.gal-prev { left: 0px; }
.gal-next { right: 0px; }
.gal-nav:hover {background-color:#2727275a;}
.is-gal {cursor:pointer;}
.gal-caption { position: fixed;bottom: 7px; left: 0; width: 100%;background: rgba(0,0,0,0.85);color: #fff;font-size: 15px;line-height: 1.5;text-align: center; padding: 10px 15px;box-sizing: border-box;z-index: 10001;font-family: sans-serif;}

/* RESPO FIRMA START */

.respo-button {display:none;}

.product-part .ghost-button {flex: 1 1 auto;width: auto;align-self: start; margin-top: 24px;}

.pouziti {gap:16px;}

.product-part {}
.product-part:nth-child(2n) {background: linear-gradient(45deg, #202020, #272727);}

.product-part:nth-child(2n) .readmore::after { background: linear-gradient(45deg, #212121, #29292961);filter: blur(5px);bottom: -15px;border-radius: 12px; left: -12px;width: calc(100% + 24px);}

.last-has-shadow > *:nth-last-child(1) {position:relative;}
.last-has-shadow > *:nth-last-child(1):after {display: block;top: 100%; position: absolute;content: '';height: 3px; border-radius: 100%;filter: blur(4px);background: #27272796;margin-top: 66px;width: 180px;} 
.last-has-shadow > *:nth-last-child(1):before {display: block;top: 100%; position: absolute;content: '';height: 3px; border-radius: 100%;filter: blur(3px);background: #27272730;margin-top: 64px;width: 220px;} 


.footer-left {}
.copyr {}
.footer-fast-contact {}


.grid-gal {column-count: 4;column-gap: 16px;display: block;min-height: 54vh;}
.grid-gal > div {display: inline-block; width: 100%; break-inside: avoid; margin-bottom: 16px; }
.grid-gal img { width: 100%; height: auto; display: block;}
.grid-3cols {column-count: 3;}

.LR-menu {background: #1818186e;}
.LR-menu a {position:relative;padding: 16px 0px;}
.LR-menu a:before, .LR-menu a:after {width:11px;height:11px;content:'';display:flex;border-left:1px solid #ffffff;border-top:1px solid #ffffff;}
.LR-menu .ico-left:before {transform: rotate(-45deg);margin-right:8px;}
.LR-menu .ico-right:after {transform: rotate(135deg);margin-left:8px;}
.LR-menu .ico-left:after, .LR-menu .ico-right:before {display:none;}
.LR-menu a:hover:before, .LR-menu a:hover:after {border-color:#0099ba;}
.LR-menu a:hover {color:#0099ba;}


.cookies-box {z-index:999999;box-shadow:0px 12px 120px -20px #000000;width:560px;max-width:100%;position:fixed;left:0px;right:0px;bottom:0px;margin: auto auto 32px;background:#272727;border:1px solid #5c5c5c;border-radius:4px;}
.coo-content {max-height:100vh;max-height:calc(100vh - 144px);overflow-y: auto;-webkit-overflow-scrolling: touch;}
.cookies-box .title {font-size: 16px;box-shadow: 0px 9px 59px -19px #000000;z-index: 99;}
.cookies-box .close-cookies-box {}
.cookies-box .desc {}
.cookies-box.active .desc {display:none;}
.cookies-box .settings {display:none;}
.cookies-box.active .settings {display:flex;}
.cookies-box .buttons {}
.cookies-box a.activate {}
.cookies-box button {display:none;}
.cookies-box.active a.activate {display:none;}
.cookies-box.active button {display:flex;}
.cookie-choice-text {display:none;}
.cookie-choice-text.active {display:block;}
.ghost-but {border-radius:3px;border:1px solid #5c5c5c;color:#9e9e9e;text-decoration: none;transition:all 200ms linear;cursor:pointer;}
.ghost-but:hover {border:1px solid #cccccc;color:#ffffff;}
.cookie-choice {cursor:pointer;}




@media (max-width: 1280px) {
    .vh80 {min-height:10vh;}
}

@media (max-width: 1200px) {
    .w5-1200 {width:50%;}
}

/* 
@media (max-width: 1080px) { */
@media (max-width: 1136px) {
    .respo-menu {background:#202020;display:none;flex-direction:column;gap:0px;justify-content: start;align-items: start;position:fixed;top: 0px; right: 0; bottom: 0px;padding:64px 42px;overflow-y: auto;-webkit-overflow-scrolling: touch;}
    .respo-menu ul {position:static;display:flex;flex-direction:column;width:100%;}
    .respo-menu li {position:relative;display:flex;flex-direction:column;width:100%;}
    .respo-button {display:flex;}
    .respo-menu.active {display:flex;}
    .respo-button.active {background: transparent url(../im/icons/close.svg) no-repeat right center / 21px;}
    .respo-button.active img {opacity: 0;}
    header > nav {padding-top:8px;padding-bottom:8px;}
    .menu-a-2 .sub {display:none;top:0;position: relative;}
    .menu-a-2 li {position:relative;}
    .menu-a-2 li .sub, .menu-a-2 li:hover .sub, .menu-a-2 li.active .sub {display:flex;}
    .menu-a-2 li.has-sub {background: transparent url(../im/icons/bard.svg) no-repeat right 22px / 12px;padding: 0;width: 100%;}
    .menu-a-2 > li {border-bottom: 1px solid #454545;}
    .menu-a-2 .sub {border:0px;}
    .menu-a-2 {width:100%;}
    .respo-menu {width:45%;}
    .product-contact-menu {position:relative;z-index:10250;}
    .w10-1080 {width:100%;}
    .plr0-1080 {padding-left:0px;padding-right:0px;}
    .f10-1080 {flex: 1 1 100%;}
    .tl-1080 {text-align:left;}
    .fp1-1080 {flex: 0 1 160px;}
    .fw-1080 {flex-wrap:wrap;}
    .jcc-1080 {justify-content: center;}
    .jcs-1080 {justify-content: start;}
    .aic-1080 {align-items:center;}
    .scroll-active.info-fixed { top: 65px;}
    .right-menu a {padding:7px 9px;}
    .fs2-1080 {font-size:14px;}
    .process-item, .process-item:nth-child(2n) {padding:36px 0px 36px 64px;margin-right:0;margin-left:0;border-left: 6px dashed #575757;border-right:0px;width:100%;}

    .process-item > .number-circle {order:1;left:-43px;right:auto;}
    .process-item > .img, .process-item:nth-child(2n) > .img {order:2;margin-left:56px;margin-right:28px;width:16.66vh;height:16.66vh;}

    .process-item > .txt {order:3;}
    .process-item:nth-child(1):before {right:auto;left:-20px;}
    .process-item:nth-last-child(1):before {right:auto;left:-20px;}

    .vyhody {flex-direction:column;}
    .vyhody-slide {width:100%;}
    
    .pouziti {gap:64px;}
    .pouziti-slide, .pouziti-slide:nth-child(2n) {flex: 1;}
    .pouziti-slide > .txt {padding:0px 32px 0px 0px;}
    .pouziti-slide:nth-child(2n) > .txt {order:2;padding:0px 0px 0px 32px;}
    .pouziti-slide > .leftskew, .pouziti-slide:nth-child(2n) > .leftskew {order:1;width:45%;}
    .pouziti-slide:nth-child(2n) > .leftskew:before {z-index:1;position:absolute;content:'';left:auto;right:-2px;top:-2px;bottom:-2px;width:200px;background: transparent url(../im/icons/rightskewb.svg) no-repeat right top / 100%;}

    .mih480 {min-height:0px;}
    
    .opacity-slider .slide-info-bl {position:relative;order: 5;top:0px;bottom:auto;}
    .opacity-slider .bg-slider-dots {position: static;width:100%;}
    
    .main-projects {padding-top:64px;}
    .main-projects h1 {margin-top: 0px;position: static;padding-bottom: 16px;font-size: 22px;padding-top: 32px;letter-spacing: 0.2em;}
    
    .order1-1080 {}
    .order2-1080 {}
    .hide-1080 {display:none;}
    
    .tc-1080 {text-align:center;}

}

    .list-image.imh320 {flex: 1 1 100%;width:100%;}
    .list-image.imh320 > img {max-width: inherit;max-height: inherit;width:100%;}
    .podobne-li {flex: 1 1 28%;opacity:1;border-radius: 8px; }
    .podobne-li.li-50 {flex: 1 1 47%;}
    .podobne {padding:32px;}

@media (max-width: 960px) {
    .list-image > span {font-size:12px;}
}

@media (max-width: 800px) {
    
    .list-image > span {padding:6px 9%;}
    
    .f10-800 {flex: 1 1 100%;}
    .p0l-800 {padding-left:0px;}
    .vyhody {flex-direction: unset; flex-wrap: wrap; }
    .vyhody-slide {flex: 1 1 45%;}
    .fs7 {font-size:40px;}
    .technik-menu {display:none;}
    
    .f10-800 {flex:1 1 100%;}
    .p0t-800 {padding-top:0px;} 
    .p0b-800 {padding-bottom:0px;}  
    .p3b-800 {padding-bottom:24px;}
    
    .order2-800 {order:2;}
    .order3-800 {order:3;}
    
    .p2b-800 {padding-bottom: 16px;}
    .p2t-800 {padding-top: 16px;}
    
    .fc-800 {flex-direction:column;}
    
    .vyhody-slide {justify-content: start;align-items:center;padding:24px;}
    .vyhody-slide h3, .vyhody-slide p, .vyhody-slide img {margin:0;}
    .vyhody-slide h3, .vyhody-slide img {margin:0;justify-content: center;align-items:center;text-align:center;}
    .vyhody-slide p{margin:0;text-align:center;}
    .vyhody-slide img {margin-bottom:16px;}
    .vyhody-slide h3 {margin-bottom:8px;}
    
    .jcc-aic-800 {justify-content: center;align-items: center;}
    
    .w10-800 {width:100%;}
    
    .p1b-800 {padding-bottom:8px;}
    h1.nobefore-800:before {display:none;}
    h1.nobefore-800 {padding-left: 0px;}
    .hide-800 {display:none;}
    
    .f16-800 {flex: 1 1 16%;}
 
}

@media (max-width: 768px) {
    
    .podobne-li {flex: 1 1 48%;}
    .podobne-li.li-50 {flex: 1 1 100%;}
    .podobne-li.li-50 img {max-height: 320px;}
    
    .pouziti-slide {flex-direction: column;}
    .pouziti-slide > .txt, .pouziti-slide:nth-child(2n) > .txt {order:1;width:100%;padding:0px 0px 0px 0px;}
    .pouziti-slide > .leftskew, .pouziti-slide:nth-child(2n) > .leftskew {width:100%;order:2;position: relative;left:-32px;}
    
    .leftskew:before {right: -2px;left: auto;background: transparent url(../im/icons/rightskewb.svg) no-repeat right top / 100%;}
    
    .schema {flex-direction:column;}
    .schema > * {flex-direction:column;width:100%;}
    .schema > .svg-schema {width: 320px; margin: 0px auto 44px;}
    .schema .menu-a-1 a {justify-content: center;}
    
    .p0l-540 {padding-left:0px;}
    
    .scroll-active.info-fixed {top: 0px;}
    .odv-pas.scroll-active {display:none;}
    
    .layerfixed.from-right { width: 100%;}

    .f10-w10-768 {width:100%;flex:1 1 100%;}
    
}

@media (max-width: 640px) {
    .respo-menu { width: 320px; }
    .p0l-640 {padding-left:0px;}
    .ico-doc { flex-direction: column;justify-content: start; align-items: start;}
    .vyhody {flex-direction: column;}
    .main-projects .slide {margin-top:0px;}
    .w10-1080.plr0-1080 {padding-bottom:0px;}
    .ptb4-640 {padding-top:32px;padding-bottom:32px;}
    
}

@media (max-width: 540px) {
    .p0l-540 {padding-left:0px;}
    .f10-540 {flex: 1 1 100%;}
    .fs4,.fs3  {font-size: 18px;font-weight: 400;white-space: break-spaces;}
    
    h1.cblue, h2.cblue, h3.cblue {padding-left: 29px;}
    
    .cwhite {position: relative;padding-left: 29px;}

    .list-image.imh320 {flex: 1 1 100%;width:100%;}
    .list-image.imh320 > img {max-width: inherit;max-height: inherit;width:100%;}
    .podobne-li {flex: 1 1 48%;}
    .podobne {padding:32px;}
    
    .respo-menu {padding: 64px 28px;}
    
    .menu-transparent .menu-a-2 a, .menu .menu-a-2 a { padding-left: 16px;}
    .menu-a-2 li .sub, .menu-a-2 li:hover .sub, .menu-a-2 li.active .sub {background:transparent;border:0px;padding: 0px 16px 16px;}
    
    .w10-540 {width:100%;flex:1 1 100%;justify-content: start;align-items: center;padding: 32px 0px;}
    .last-has-shadow > *:nth-last-child(1):before, .last-has-shadow > *:nth-last-child(1):after {display:none;}
    .din-540 {display:none;}
    
}


@media (max-width: 480px) {
    .respo-menu { width: 100%; }
    header {flex-direction:row;gap:4px;justify-content: space-between;}
    header .ghost-button {padding: 6px;}
    header .ghost-button img {height: 19px;} 
    .vyhody-slide {flex: 1 1 100%;}
    header .icosh7 {height:38px;}
    .fp1-1080 { flex: 0 1 126px; }
    
    .right-menu a {padding: 6px;font-size: 12px;letter-spacing: -0.03em;}
    .product-menu {gap:2px;}
    
    .f25-480 {flex: 1 1 25%;max-width:32%;}
    .jcc-480 {justify-content: center;} 
    
    .fs7 { font-size: 32px;  font-weight: 200; }
    .footer-bg {margin-top:0px;padding-top:0px;}
    
}

@media (max-width: 380px) {
    header .icosh7 { height: 26px;}
    .list-image > span { font-size: 12px;letter-spacing: 0.05em;}
    .fw-1080.jcc-1080.aic-1080.gap4 {gap:16px;}
}