/* BAST 2025 */
:root {
  --blue: #1C8CFF;
  --blue-hover: #4DB3FF;
  --indigo: #6610f2;
  --purple: #874299;
  --purple-hover: #A253BC;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #139696;
  --cyan-hover: #19BAB6;
  --gray: #222222;
  --gray-dark: #111111;
  --primary: #FFB600;
  --primary-hover: #FFA300;
  --secondary: #FF6600;
  --secondary-hover: #FF3300;
  --success: #5AA546;
  --success-hover: #D9E6A5;
  --info: #9EAAAF;
  --info-hover: #9EAAAF;
  --warning: #FFB404;
  --warning-hover: #FFCA6C;
  --danger: #DB283D;
  --danger-hover: #D85064;
  --white: #fff;
  --white-hover: #F9F9F9;
  --light: #F5F7F7;
  --light-hover: #FCFCFC;
  --dark: #000000;
  --dark-hover: #000321;
  --black: #000;
  --black-hover: #000321;
  --positive: #F5F7F7;
  --negative: #000000;
  --standard: #f2f2f2;
  --standard-hover: #e6e6e6;
  --webplus: #4a6cf7;
  --webplus-hover: #4667eb;
  --premium: #c9a24d;
  --premium-hover: #be9948;
  --breakpoint-xs: 448px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1280px;
  --breakpoint-xxl: 1420px;
  --breakpoint-xxxl: 1720px;
  --default-offset: 6rem;
  --default-offset-minus: -6rem;
  --default-offset-double: 12rem;
  --default-offset-double-minus: -12rem;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

@media (min-width: 768px) {
	html,*{
	cursor: none !important;
	}
}
html .scopeWrapper,
.scopeWrapper *{
cursor: auto !important;
}
html {
  scroll-behavior: initial;
}
html,
body {
  min-height: 100%;
  height: auto;
}

body {
	background: var(--white);
}
footer .last-line a:not(.btn) {
  color: var(--light);
  text-decoration: underline;
}
footer .footer-logo svg path {
  fill: var(--light);
}

.btn-standard {
  color: var(--dark);
  background-color: var(--standard);
  border-color: var(--standard)
}
.btn-standard.focus, .btn-standard:focus, .btn-standard:hover {
  color: var(--dark);
  background-color: var(--standard-hover);
  border-color: var(--standard-hover)
}
.btn-webplus {
  color: var(--white);
  background-color: var(--webplus);
  border-color: var(--webplus)
}
.btn-webplus.focus, .btn-webplus:focus, .btn-webplus:hover {
  color: var(--white);
  background-color: var(--webplus-hover);
  border-color: var(--webplus-hover)
}
.btn-premium {
  color: var(--white);
  background-color: var(--premium);
  border-color: var(--premium)
}
.btn-premium.focus, .btn-premium:focus, .btn-premium:hover {
  color: var(--white);
  background-color: var(--premium-hover);
  border-color: var(--premium-hover)
}

.bg-standard {
  background-color: var(--standard) !important
}
.bg-standard-hover {
  background-color: var(--standard-hover) !important;
}

.bg-webplus {
  background-color: var(--webplus) !important
}
.bg-webplus-hover {
  background-color: var(--webplus-hover) !important;
}

.bg-premium {
  background-color: var(--premium) !important
}
.bg-premium-hover {
  background-color: var(--premium-hover) !important;
}


.bg-positive {
	background: var(--positive) !important;
}
.bg-negative {
	background: var(--negative) !important;
}
.bg-gray {
	background: var(--gray) !important;
}

.z-index-10-negative { z-index: -10; }
.z-index-0 { z-index: 0; }
.z-index-10 { z-index: 10; }
.z-index-20 { z-index: 20; }
.z-index-30 { z-index: 30; }
.z-index-40 { z-index: 40; }
.z-index-50 { z-index: 50; }
.z-index-60 { z-index: 60; }
.z-index-70 { z-index: 70; }
.z-index-80 { z-index: 80; }
.z-index-90 { z-index: 90; }
.z-index-100 { z-index: 100; }
.z-index-110 { z-index: 110; }
.z-index-120 { z-index: 120; }
.z-index-130 { z-index: 130; }
.z-index-140 { z-index: 140; }
.z-index-150 { z-index: 150; }
.z-index-160 { z-index: 160; }
.z-index-170 { z-index: 170; }
.z-index-180 { z-index: 180; }
.z-index-190 { z-index: 190; }
.z-index-200 { z-index: 200; }

.cursor {
	position: fixed;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background-color: #fff;
   pointer-events: none;
   mix-blend-mode: difference;
   z-index: 1050;
   transition: transform 0.2s;
	margin-left: -10px;
  margin-top: -10px;
 }
 .mobile-menu {z-index: 1050;}
	.modal.ekko-lightbox {
		z-index: 1049;
	}
	.modal.ekko-lightbox.ekko-video {
	z-index: 1051;
	}
.cursor.slide-horizontal,
.cursor.playIcon,
.cursor.arrow-up-right,
.cursor.playIcon.zoom,
.slide-left,
.slide-right{ 
   background-color: #f60 !important;
	mix-blend-mode:normal !important;
}
.cursor.slide-horizontal::before {
  content: '\f07e';
  font-family: 'Font Awesome 6 Sharp';
  font-weight: 300;
  font-size: .5rem;
  position: absolute;
  color: var(--white);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  filter: brightness(1);
}

.cursor.slide-left::before {
  content: '\f060';
  font-family: 'Font Awesome 6 Sharp';
  font-weight: 300;
  font-size: .5rem;
  position: absolute;
  color: var(--white);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  filter: brightness(1);
}
.cursor.slide-right::before {
  content: '\f061';
  font-family: 'Font Awesome 6 Sharp';
  font-weight: 300;
  font-size: .5rem;
  position: absolute;
  color: var(--white);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  filter: brightness(1);
}
.cursor.arrow-up::before {
  content: '\e09f';
  font-family: 'Font Awesome 6 Sharp';
  font-weight: 300;
  font-size: .5rem;
  position: absolute;
  color: var(--white);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  filter: brightness(.5);
}
.cursor.arrow-up-right::before {
  content: '\e09f';
  font-family: 'Font Awesome 6 Sharp';
  font-weight: 300;
  font-size: .5rem;
  position: absolute;
  color: var(--white);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  filter: brightness(1);
}
.cursor.zoom::before {
  content: '\2b';
  font-family: 'Font Awesome 6 Sharp';
  font-weight: 300;
  font-size: .5rem;
  position: absolute;
  color: var(--white);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  filter: brightness(.5);
}
.cursor.playIcon::before,
.cursor.playIcon.zoom::before{
  content: '\f04b';
  font-family: 'Font Awesome 6 Sharp';
  font-weight: 300;
  font-size: .5rem;
  position: absolute;
  color: var(--white);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  filter: brightness(1);
}
.cursor.closeModal::before {
  content: '\f00d';
  font-family: 'Font Awesome 6 Sharp';
  font-weight: 300;
  font-size: .5rem;
  position: absolute;
  color: var(--white);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  filter: brightness(0);
}
.cursor.closeFormIcon::before {
  content: '\f00d';
  font-family: 'Font Awesome 6 Sharp';
  font-weight: 300;
  font-size: .5rem;
  position: absolute;
  color: var(--white);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  filter: brightness(0);
}

.accordion > .card, .collapsing, .dropdown-divider, .modal-open, .progress, .progress-bar, .toast {
  overflow-y: visible;
}

.small, small {
  font-size: 80% !important;
	line-height: initial;
}
/* Text */
.tinyTitle {
	font-weight: 900 ;
	font-size: 0.75rem ;
	letter-spacing: 0.05em ;
	text-transform: uppercase ;
	z-index: 999 
}
.nav-menu .tinyTitle {
	font-weight: 900 !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	z-index: 999 !important
}
[class*="info-"] .text-field a:not(.btn),
.accordion-item .text-field a:not(.btn){
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-size: 26px;
  font-weight: 600;
  transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
	letter-spacing: -0.04em;
}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, .h1 > a, .h2 > a, .h3 > a, .h4 > a, .h5 > a, .h6 > a, .detail-breadcrumb a { color: inherit; text-decoration: none;}
.display-1,
.display-2,
.display-3,
.display-4 {
	font-weight: initial;
	font-size: initial;
	letter-spacing: initial;
	text-transform: initial;
}

.display-1 {
  font-weight: 900;
  font-size:calc(50px + (180 - 50) * ((100vw - 300px) / (1600 - 300)));
  line-height: 1em;
  letter-spacing: -0.07em;
}
.display-2 {
  font-weight: 700;
  font-size:calc(30px + (80 - 30) * ((100vw - 300px) / (1600 - 300)));
  line-height: 1.2;
  letter-spacing: -0.04em;
}
.display-3, h3, .h3 {
  font-weight: 600;
  font-size:calc(20px + (36 - 20) * ((100vw - 300px) / (1600 - 300)));
  line-height: 1.4;
}
.display-4 {
  font-weight: 600;
  font-size:calc(20px + (26 - 20) * ((100vw - 300px) / (1600 - 300)));
  line-height: 1.4;
}
[class*="display-"] > strong { font-weight: 700; }
.lead, .quotes {
  font-size: 1.25rem;
}

.border-bottom {
	border-bottom: 1px solid rgba(150,150,150,0.25) !important;
}

/* Základní padding třídy */
.pt-6 { padding-top: 6rem !important; }
.pt-7 { padding-top: 12rem !important; }
.pb-6 { padding-bottom: 6rem !important; }
.pb-7 { padding-bottom: 12rem !important; }

/* Responsivní padding třídy pro SM (small) - ≥576px */
@media (min-width: 576px) {
  .pt-sm-6 { padding-top: 6rem !important; }
  .pt-sm-7 { padding-top: 12rem !important; }
  .pb-sm-6 { padding-bottom: 6rem !important; }
  .pb-sm-7 { padding-bottom: 12rem !important; }
}

/* Responsivní padding třídy pro MD (medium) - ≥768px */
@media (min-width: 768px) {
  .pt-md-6 { padding-top: 6rem !important; }
  .pt-md-7 { padding-top: 12rem !important; }
  .pb-md-6 { padding-bottom: 6rem !important; }
  .pb-md-7 { padding-bottom: 12rem !important; }
}

/* Responsivní padding třídy pro LG (large) - ≥992px */
@media (min-width: 992px) {
  .pt-lg-6 { padding-top: 6rem !important; }
  .pt-lg-7 { padding-top: 12rem !important; }
  .pb-lg-6 { padding-bottom: 6rem !important; }
  .pb-lg-7 { padding-bottom: 12rem !important; }
}

/* Responsivní padding třídy pro XL (extra large) - ≥1200px */
@media (min-width: 1200px) {
  .pt-xl-6 { padding-top: 6rem !important; }
  .pt-xl-7 { padding-top: 12rem !important; }
  .pb-xl-6 { padding-bottom: 6rem !important; }
  .pb-xl-7 { padding-bottom: 12rem !important; }
}

/* Responsivní padding třídy pro XXL (extra extra large) - ≥1400px (Bootstrap 5) */
@media (min-width: 1400px) {
  .pt-xxl-6 { padding-top: 6rem !important; }
  .pt-xxl-7 { padding-top: 12rem !important; }
  .pb-xxl-6 { padding-bottom: 6rem !important; }
  .pb-xxl-7 { padding-bottom: 12rem !important; }
}



.diff {
	mix-blend-mode: difference;
}

.opacity-0 {
	opacity: 0;
}
.btn-positive.mixitup-control-active {
  color: var(--white);
  background-color: var(--dark);
  border-color: var(--dark);
}

.accordion-item {
	overflow: hidden;
}

.videoIsHere.image-box > img {
  opacity: 0;
	z-index: 1;
}



/* Scroll sequence */
/* Pro background variantu */
.sequenceContainer.background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: transparent;
}
.scrollSequenceContainer.background {
    position: sticky;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 100vh;
    width: 100%;
    background: transparent;
}

/* Pro image variantu */
.sequenceContainer.image {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
    background: transparent;
}
.scrollSequenceContainer.image {
    position: relative;
    z-index: 1;
    height: 0;
    width: 100%;
    background: transparent;
}

.scrollSequenceContainer canvas {
  max-width: 100%;
}
.sequence-loader {
    position: absolute;
    width: auto;
	height: auto;
	bottom: 0;
    right: 0;
    /*right: 0;
    bottom: 0;*/
    background: rgba(0, 0, 0, 0);
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    transition: opacity 0.3s ease;
	z-index: 999;
}

.sequence-loader-progress {
    color: rgba(255,255,255,0.5);
    font-size: 16px;
    font-weight: 900;
	padding: 4rem;
}
.sequence-loader-progress::before {
	content: "video..";
	font-weight: 200;
}
.noise-white > .sequenceContainer > .scrollSequenceContainer::after,
.noise-dark > .sequenceContainer > .scrollSequenceContainer::after,
.noise-white .video-holder::after,
.noise-dark .video-holder::after,
.noise-white .image-box::after,
.noise-dark .image-box::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/img/noise-white.webp") repeat;
	opacity: 0.25;
}
.noise-dark > .sequenceContainer > .scrollSequenceContainer::after,
.noise-dark .video-holder::after,
.noise-dark .image-box::after{
	background: url("/img/noise-dark.webp") repeat;
	opacity: 0.85;
}


.js-animate {
    transition: transform 0.01s linear;
    will-change: transform;
    opacity: 0;
}

.js-animate.is-show {
    opacity: 1;
    transition: opacity 0.5s ease-out, transform 0.01s linear;
}



.will-change-transform {
    will-change: transform;
	transform-origin: center center;
}

/* Breadcrumb */


.breadcrumb-container {
	position: absolute;
	left: auto;
	top: 0;
	z-index: 999;
}

.breadcrumb {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0rem;
  margin-bottom: 0;
  background-color: transparent;
  font-size: .85rem;
  letter-spacing: .04em;
  text-transform: normal;
	color: var(--dark);
	font-weight: 600;
}

.text-white .breadcrumb-item > a:not(.btn) { color: #fff !important; }

.breadcrumb-item:hover > a, .breadcrumb-item:last-child > a { 
	/*color: var(--primary) !important; */
	color:#0049FF;
}

.breadcrumb-item { transition: none; }

.text-white .breadcrumb-item:hover > a, .text-white .breadcrumb-item:last-child > a { color: #fff !important; }

.breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
  padding-right: .5rem;
  color: var(--dark);
  content: "/";
	-webkit-text-stroke-width: none !important;
	-webkit-text-stroke-color: rgba(255,255,255,0);
}

.breadcrumb-item+.breadcrumb-item { padding-left: .5rem; }

.text-white .breadcrumb-item+.breadcrumb-item::before { color: var(--primary) !important; }

.breadcrumb {
	overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  white-space: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
}



.disco > div {
	padding: 0 1rem;
	line-height: 1em;
	white-space: nowrap;
}
.disco > div:nth-child(even) {
	font-weight: 200;
}

.lightBoldTitle span:last-of-type {
	font-weight: 700 !important;
}
.lightBoldTitle span:first-of-type {
	font-weight: 300 !important;
}
/*span.word {
    display: inline-block;
    float: left;
    padding-right: 0.875rem;
}

span.word.clearBoth {
    clear: both;
}*/

.ci-line-element {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	width: 20%;
	height: 2px;
	position: absolute;
	top: 0;
	left: auto;
	margin-top: -28px;
	max-width: 66px;
}
.justify-content-center .ci-line-element {
  left: 50%;
  transform: translateX(-50%);
}
.ci-line-element > div {
	display: inline-flex;
}
.ci-line-element > div:nth-child(1) {
	width:11%;
	height: 100%;
	background: #E57F0A;
}
.ci-line-element > div:nth-child(2) {
	width:3%;
	height: 100%;
	background: #FFBC00;
}
.ci-line-element > div:nth-child(3) {
	width:14%;
	height: 100%;
	background: #DD441F;
}
.ci-line-element > div:nth-child(4) {
	width:3%;
	height: 100%;
	background: #FFBC00;
}
.ci-line-element > div:nth-child(5) {
	width:7%;
	height: 100%;
	background: #DD441F;
}
.ci-line-element > div:nth-child(6) {
	width:30%;
	height: 100%;
	background: #C5231C;
}
.ci-line-element > div:nth-child(7) {
	width:16%;
	height: 100%;
	background: #97141C;
}
.ci-line-element > div:nth-child(8) {
	width:16%;
	height: 100%;
	background: #000000;
}
.text-white .ci-line-element > div:nth-child(8),
.bg-dark .ci-line-element > div:nth-child(8),
.text-light .ci-line-element > div:nth-child(8){
	background: #fff;
}

.ci-line-left .ci-line-element {
	top: 0%;
	left: 3rem;
	margin-top: -1px;
}


.playBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
	width: 4rem;
	height: 4rem;
	border-radius: 4rem;
	background: var(--dark);
  transform: translate(-50%,-50%);
	z-index: 10;
	opacity: 0.25;
}
.playBtn::after {
  content: "\f04b";
  position: absolute;
  top: 50%;
  left: calc(50% + .25rem);
  transform: translate(-50%,-50%);
	font-family: 'Font Awesome 6 Sharp';
  	font-weight: 300;
  	font-size: 2rem;
	color: var(--white);
	z-index: 20
}


.font-size-2rem {
	font-size: 2rem;
}
.arrow-right-right {
	display:flex;
	align-items: center;
}
.arrow-right-right::after {
	content: '\f063';
  	position: relative;
  	display: inline-block;
  	font-family: 'Font Awesome 6 Sharp';
  	font-weight: 300;
  	font-size: 2rem;
	margin-left: 4rem
}
.arrow-down {
	display:flex;
	align-items: center;
}
.arrow-down::after {
	content: '\f063';
  	position: relative;
  	display: inline-block;
  	font-family: 'Font Awesome 6 Sharp';
  	font-weight: 300;
  	font-size: 2rem;
	margin-left: 4rem
}
.arrow-down-bottom-right::after {
	content:'\f063';
  position: relative;
	bottom: 0;
	left: 0;
  display: inline-block;
  font-family: 'Font Awesome 6 Sharp';
  font-weight: 300;
	font-size: 2rem;
	transform: translateY(50%);
}
@media (max-width: 991.9999px) {
	.arrow-down-bottom-right::after {
		transform: translateY(0%);
	}
}
.arrow-down-bottom-center::after {
	content:'\f063';
  position: relative;
	bottom: 0;
	left: 0;
  display: inline-block;
  font-family: 'Font Awesome 6 Sharp';
  font-weight: 300;
	font-size: 2rem;
	transform: translateY(50%);
}
.pointer-events-none {
	pointer-events: none;
}
/* Základní sticky positioning */
.position-sticky {
  position: sticky !important;
}

/* Small devices (landscape phones) */
@media (min-width: 576px) {
  .position-sm-static {
    position: static !important;
  }
  .position-sm-relative {
    position: relative !important;
  }
  .position-sm-absolute {
    position: absolute !important;
  }
  .position-sm-fixed {
    position: fixed !important;
  }
  .position-sm-sticky {
    position: sticky !important;
  }
}

/* Medium devices (tablets) */
@media (min-width: 768px) {
  .position-md-static {
    position: static !important;
  }
  .position-md-relative {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
  .position-md-fixed {
    position: fixed !important;
  }
  .position-md-sticky {
    position: sticky !important;
  }
}

/* Large devices (desktops) */
@media (min-width: 992px) {
  .position-lg-static {
    position: static !important;
  }
  .position-lg-relative {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
  .position-lg-fixed {
    position: fixed !important;
  }
  .position-lg-sticky {
    position: sticky !important;
  }
}

/* Extra large devices (large desktops) */
@media (min-width: 1200px) {
  .position-xl-static {
    position: static !important;
  }
  .position-xl-relative {
    position: relative !important;
  }
  .position-xl-absolute {
    position: absolute !important;
  }
  .position-xl-fixed {
    position: fixed !important;
  }
  .position-xl-sticky {
    position: sticky !important;
  }
}

/* Extra extra large devices */
@media (min-width: 1400px) {
  .position-xxl-static {
    position: static !important;
  }
  .position-xxl-relative {
    position: relative !important;
  }
  .position-xxl-absolute {
    position: absolute !important;
  }
  .position-xxl-fixed {
    position: fixed !important;
  }
  .position-xxl-sticky {
    position: sticky !important;
  }
}

/* Pomocné třídy pro nastavení sticky pozicování */
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

/* Breakpoint variables */
:root {
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
}

/* XS - defaultní mobilní zobrazení (0px+) */
.h-0 { height: 0; }
.min-vh-200 { min-height: 200vh !important; }
.min-vh-300 { min-height: 300vh !important; }
.min-vh-400 { min-height: 400vh !important; }
.min-vh-500 { min-height: 500vh !important; }
.min-vh-600 { min-height: 600vh !important; }
.min-vh-700 { min-height: 700vh !important; }
.min-vh-800 { min-height: 800vh !important; }
.min-vh-900 { min-height: 900vh !important; }
.min-vh-1000 { min-height: 1000vh !important; }

.top-0 { top: 0; }
.top-50 { top: 50%; }
.top-100 { top: 100%; }
.top-vh-50 { top: 50vh; }
.top-vh-100 { top: 100vh; }
.bottom-0 { bottom: 0; }
.bottom-50 { bottom: 50%; }
.bottom-100 { bottom: 100%; }
.left-0 { left: 0; }
.left-50 { left: 50%; }
.left-100 { left: 100%; }
.right-0 { right: 0; }
.right-50 { right: 50%; }
.right-100 { right: 100%; }

.translate-top-50 { transform: translateY(-50%); }
.translate-bottom-50 { transform: translateY(50%); }
.translate-left-50 { transform: translateX(-50%); }
.translate-right-50 { transform: translateX(50%); }
.translate-left-50.translate-top-50 { transform: translate(-50%, -50%); }

/* SM - tablety (576px+) */
@media (min-width: 576px) {
  .h-sm-0 { height: 0; }
  .min-vh-sm-200 { min-height: 200vh !important; }
  .min-vh-sm-300 { min-height: 300vh !important; }
  .min-vh-sm-400 { min-height: 400vh !important; }
  .min-vh-sm-500 { min-height: 500vh !important; }
  .min-vh-sm-600 { min-height: 600vh !important; }
  .min-vh-sm-700 { min-height: 700vh !important; }
  .min-vh-sm-800 { min-height: 800vh !important; }
  .min-vh-sm-900 { min-height: 900vh !important; }
  .min-vh-sm-1000 { min-height: 1000vh !important; }

  .top-sm-0 { top: 0; }
  .top-sm-50 { top: 50%; }
  .top-sm-100 { top: 100%; }
  .top-vh-sm-50 { top: 50vh; }
  .top-vh-sm-100 { top: 100vh; }
  .bottom-sm-0 { bottom: 0; }
  .bottom-sm-50 { bottom: 50%; }
  .bottom-sm-100 { bottom: 100%; }
  .left-sm-0 { left: 0; }
  .left-sm-50 { left: 50%; }
  .left-sm-100 { left: 100%; }
  .right-sm-0 { right: 0; }
  .right-sm-50 { right: 50%; }
  .right-sm-100 { right: 100%; }

  .translate-top-sm-50 { transform: translateY(-50%); }
  .translate-bottom-sm-50 { transform: translateY(50%); }
  .translate-left-sm-50 { transform: translateX(-50%); }
  .translate-right-sm-50 { transform: translateX(50%); }
  .translate-left-sm-50.translate-top-sm-50 { transform: translate(-50%, -50%); }
}

/* MD - malé notebooky (768px+) */
@media (min-width: 768px) {
  .h-md-0 { height: 0; }
  .min-vh-md-200 { min-height: 200vh !important; }
  .min-vh-md-300 { min-height: 300vh !important; }
  .min-vh-md-400 { min-height: 400vh !important; }
  .min-vh-md-500 { min-height: 500vh !important; }
  .min-vh-md-600 { min-height: 600vh !important; }
  .min-vh-md-700 { min-height: 700vh !important; }
  .min-vh-md-800 { min-height: 800vh !important; }
  .min-vh-md-900 { min-height: 900vh !important; }
  .min-vh-md-1000 { min-height: 1000vh !important; }

  .top-md-0 { top: 0; }
  .top-md-50 { top: 50%; }
  .top-md-100 { top: 100%; }
  .top-vh-md-50 { top: 50vh; }
  .top-vh-md-100 { top: 100vh; }
  .bottom-md-0 { bottom: 0; }
  .bottom-md-50 { bottom: 50%; }
  .bottom-md-100 { bottom: 100%; }
  .left-md-0 { left: 0; }
  .left-md-50 { left: 50%; }
  .left-md-100 { left: 100%; }
  .right-md-0 { right: 0; }
  .right-md-50 { right: 50%; }
  .right-md-100 { right: 100%; }

  .translate-top-md-50 { transform: translateY(-50%); }
  .translate-bottom-md-50 { transform: translateY(50%); }
  .translate-left-md-50 { transform: translateX(-50%); }
  .translate-right-md-50 { transform: translateX(50%); }
  .translate-left-md-50.translate-top-md-50 { transform: translate(-50%, -50%); }
}

/* LG - velké notebooky a desktopy (992px+) */
@media (min-width: 992px) {
  .h-lg-0 { height: 0; }
  .min-vh-lg-200 { min-height: 200vh !important; }
  .min-vh-lg-300 { min-height: 300vh !important; }
  .min-vh-lg-400 { min-height: 400vh !important; }
  .min-vh-lg-500 { min-height: 500vh !important; }
  .min-vh-lg-600 { min-height: 600vh !important; }
  .min-vh-lg-700 { min-height: 700vh !important; }
  .min-vh-lg-800 { min-height: 800vh !important; }
  .min-vh-lg-900 { min-height: 900vh !important; }
  .min-vh-lg-1000 { min-height: 1000vh !important; }

  .top-lg-0 { top: 0; }
  .top-lg-50 { top: 50%; }
  .top-lg-100 { top: 100%; }
  .top-vh-lg-50 { top: 50vh; }
  .top-vh-lg-100 { top: 100vh; }
  .bottom-lg-0 { bottom: 0; }
  .bottom-lg-50 { bottom: 50%; }
  .bottom-lg-100 { bottom: 100%; }
  .left-lg-0 { left: 0; }
  .left-lg-50 { left: 50%; }
  .left-lg-100 { left: 100%; }
  .right-lg-0 { right: 0; }
  .right-lg-50 { right: 50%; }
  .right-lg-100 { right: 100%; }

  .translate-top-lg-50 { transform: translateY(-50%); }
  .translate-bottom-lg-50 { transform: translateY(50%); }
  .translate-left-lg-50 { transform: translateX(-50%); }
  .translate-right-lg-50 { transform: translateX(50%); }
  .translate-left-lg-50.translate-top-lg-50 { transform: translate(-50%, -50%); }
}

/* XL - větší desktopy (1200px+) */
@media (min-width: 1200px) {
  .h-xl-0 { height: 0; }
  .min-vh-xl-200 { min-height: 200vh !important; }
  .min-vh-xl-300 { min-height: 300vh !important; }
  .min-vh-xl-400 { min-height: 400vh !important; }
  .min-vh-xl-500 { min-height: 500vh !important; }
  .min-vh-xl-600 { min-height: 600vh !important; }
  .min-vh-xl-700 { min-height: 700vh !important; }
  .min-vh-xl-800 { min-height: 800vh !important; }
  .min-vh-xl-900 { min-height: 900vh !important; }
  .min-vh-xl-1000 { min-height: 1000vh !important; }

  .top-xl-0 { top: 0; }
  .top-xl-50 { top: 50%; }
  .top-xl-100 { top: 100%; }
  .top-vh-xl-50 { top: 50vh; }
  .top-vh-xl-100 { top: 100vh; }
  .bottom-xl-0 { bottom: 0; }
  .bottom-xl-50 { bottom: 50%; }
  .bottom-xl-100 { bottom: 100%; }
  .left-xl-0 { left: 0; }
  .left-xl-50 { left: 50%; }
  .left-xl-100 { left: 100%; }
  .right-xl-0 { right: 0; }
  .right-xl-50 { right: 50%; }
  .right-xl-100 { right: 100%; }

  .translate-top-xl-50 { transform: translateY(-50%); }
  .translate-bottom-xl-50 { transform: translateY(50%); }
  .translate-left-xl-50 { transform: translateX(-50%); }
  .translate-right-xl-50 { transform: translateX(50%); }
  .translate-left-xl-50.translate-top-xl-50 { transform: translate(-50%, -50%); }
}

/* XXL - největší desktopy (1400px+) */
@media (min-width: 1400px) {
  .h-xxl-0 { height: 0; }
  .min-vh-xxl-200 { min-height: 200vh !important; }
  .min-vh-xxl-300 { min-height: 300vh !important; }
  .min-vh-xxl-400 { min-height: 400vh !important; }
  .min-vh-xxl-500 { min-height: 500vh !important; }
  .min-vh-xxl-600 { min-height: 600vh !important; }
  .min-vh-xxl-700 { min-height: 700vh !important; }
  .min-vh-xxl-800 { min-height: 800vh !important; }
  .min-vh-xxl-900 { min-height: 900vh !important; }
  .min-vh-xxl-1000 { min-height: 1000vh !important; }

  .top-xxl-0 { top: 0; }
  .top-xxl-50 { top: 50%; }
  .top-xxl-100 { top: 100%; }
  .top-vh-xxl-50 { top: 50vh; }
  .top-vh-xxl-100 { top: 100vh; }
  .bottom-xxl-0 { bottom: 0; }
  .bottom-xxl-50 { bottom: 50%; }
  .bottom-xxl-100 { bottom: 100%; }
  .left-xxl-0 { left: 0; }
  .left-xxl-50 { left: 50%; }
  .left-xxl-100 { left: 100%; }
  .right-xxl-0 { right: 0; }
  .right-xxl-50 { right: 50%; }
  .right-xxl-100 { right: 100%; }

  .translate-top-xxl-50 { transform: translateY(-50%); }
  .translate-bottom-xxl-50 { transform: translateY(50%); }
  .translate-left-xxl-50 { transform: translateX(-50%); }
  .translate-right-xxl-50 { transform: translateX(50%); }
  .translate-left-xxl-50.translate-top-xxl-50 { transform: translate(-50%, -50%); }
}

.modal-backdrop.show {
	opacity: 0.95;
}

.ratio-auto img {
  position: relative;
	width: auto;
	object-fit: contain;
	height: auto;
}
.ratio-auto {
  padding-bottom: 0;
  height: auto;
}
.image-box > iframe {
	position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.scroll-top {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0 1rem;
	z-index: 1039;
	mix-blend-mode: difference;
	opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.scroll-top.show {
    opacity: 1;
    visibility: visible;
}

.scroll-top .scroll-button {
	width: auto;
	height: auto;
	background: #fff;
	color: #000;
	
}
.scroll-top .scroll-button i{
	padding: 1.5rem;
	width: auto;
}

.ultraRefMenuCover {
	padding-right: 0;
	padding-left: 0;
}
.ultraRefMenuCover > .row > .container {
	padding-right: 0;
	padding-left: 0;
}
.ultraRefMenuCover .tinyTitle,
.ultraRefMenuCover .text-field > h1,
.ultraRefMenuCover .text-field > h2,
.ultraRefMenuCover .text-field > h3,
.ultraRefMenuCover .ref-submenu,
.ultraRefMenuCover .ref-menu {
  padding-left: 2rem;
  padding-right: 2rem;
}

.ref-menu, 
.ref-submenu {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 0rem;
	font-size:calc(20px + (26 - 20) * ((100vw - 300px) / (1600 - 300)));
	font-weight: 700;
	flex-wrap: nowrap;
}


.ref-menu-cover {
	position: relative !important;
	padding-right: 0px;
	overflow: hidden;
	margin-top: 2rem;
}
@media(min-width:992px){
	.ref-menu-cover {
		margin-top: 0rem;
	}
}
.ref-menu-cover::after {
	/*content: "";*/
	width: 100px;
	height: 100%;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 90%);
	pointer-events: none;
}
.ref-menu a {
	text-decoration: none !important;
}
.ref-menu a.active,
.ref-menu a:hover{
	color: var(--dark);
	text-decoration: underline;
}


@-webkit-keyframes showIt {
    0% {
        width: calc(22px);
		right: 0px;
    }    
    100% {
        width: calc(100% - 50px);
		right: 0;
    }
}
@-moz-keyframes showIt {
    0% {
        width: calc(22px);
		right: 0px;
    }    
    100% {
        width: calc(100% - 50px);
		right: 0;
    }
}
@-ms-keyframes showIt {
    0% {
        width: calc(22px);
		right: 0px;
    }    
    100% {
        width: calc(100% - 50px);
		right: 0;
    }
}
@-o-keyframes showIt {
    0% {
        width: calc(22px);
		right: 0px;
    }    
    100% {
        width: calc(100% - 50px);
		right: 0;
    }
}
@keyframes showIt {
    0% {
        width: calc(22px);
		right: 0px;
    }    
    100% {
        width: calc(100% - 50px);
		right: 0;
    }
}


.detail-breadcrumb {
  position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.detail-breadcrumb + section {
  padding-top: calc( 110px + 2rem );
}
@media (max-width: 991.9999px) {
  .detail-breadcrumb + section {
    padding-top: calc( 140px + 2rem );
  }
}

.ref-menu a::before{
  content: "";
  width: calc(22px);
  height: 22px;
  position: absolute;
  background: var(--primary) !important;
  border-radius: 100px;
  z-index: -1;
  bottom: 5px;
  right: 0;
	opacity: 0;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
.ref-menu a:hover::before{
  content: "";
  width: calc(22px);
  height: 22px;
  position: absolute;
  background: var(--primary) !important;
  border-radius: 100px;
  z-index: -1;
  bottom: 5px;
  right: 0;
	opacity: 1;
}
.ref-menu a.active::before {
  content: "";
  width: calc(100% - 50px);
  height: 22px;
  position: absolute;
  background: var(--primary) !important;
  border-radius: 100px;
  z-index: -1;
  bottom: 5px;
  right: 0;
	opacity: 1;
	-webkit-animation: showIt 1s ease-in-out;
    -moz-animation: showIt 1s ease-in-out;
    -o-animation: showIt 1s ease-in-out;
    animation: showIt 1s ease-in-out;	
}

.ref-submenu .btn {
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 1rem;
	padding: 0.5rem 1.5rem 0.35rem 1.5rem;
}

@media(min-width:992px){
	.ref-menu .col a {
	  padding-left: 1rem;
	  padding-right: 1rem;
	}
}

@media(min-width:992px){
	.margin2nd {
		padding-top: 0rem;
	}
	.margin2nd .list-item:nth-child(2n) {
		margin-top: -10rem;
	}
	
	.margin2nd .list-item:nth-child(5) {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 10rem;
	}
	.margin2nd .list-item:nth-child(10),
	.margin2nd .list-item:nth-child(11),
	.margin2nd .list-item:nth-child(12){
		flex: 0 0 33.333%;
		max-width: 33.333%;
		margin-bottom: 10rem;
		margin-top: 0;
	}
}


.ref-menu,
.ref-submenu {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; /* Pro plynulé scrollování na iOS */
  scroll-behavior: smooth; /* Pro plynulý přechod při scrollování */
  white-space: nowrap; /* Zajistí, že obsah zůstane na jednom řádku */
  
  /* Skryjeme scrollbar v Chrome, Safari a novějších prohlížečích */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

/* Skryjeme scrollbar pro Webkit prohlížeče */
.ref-menu::-webkit-scrollbar,
.ref-submenu::-webkit-scrollbar {
  display: none;
}
nav[aria-label="breadcrumb"] ::-webkit-scrollbar {
  display: none; /* Pro Chrome, Safari a Edge */
	width: 0;
	height: 0;
}
/* Zajistíme, aby vnitřní prvky správně fungovaly s touch scrollováním */
.ref-menu .col,
.ref-submenu .col {
  display: inline-block;
  float: none;
}

[class*="article-list-"] .image-box {
	background: var(--positive);
}

.hp-321slide {
	padding-left: 2rem;
	padding-right: 1rem;	
}
.hp-321slide .container {
  max-width: calc( 100% - 2rem);
	margin-right: 0;
}
@media(max-width:768px){
	.hp-321slide {
		padding-left: 0rem;
		padding-right: 0rem;	
	}
}
@media(min-width:992px){
	.hp-321slide .container {
  		max-width: calc( 100% - 300px + 1rem);
	}
	.clientList .topText .col-12 {
		flex: 0 0 66%;
  		max-width: 66%;
	}
	
}

.text-decoration-none,
.text-decoration-none a {text-decoration: none !important;}

.navBtns .col-auto {
	flex: 0 0 100%;
	max-width: 100%;
}
.navBtns a {
	text-decoration: none !important;
	line-height: 1em;
}
.btn-nav {
  display:block;
}
.btn-nav::after {
  content: "\f061";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 300;
  margin-left: 0rem;
	opacity: 0;	
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
.btn-nav.active::after,
.btn-nav:hover::after{
  content: "\f061";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 300;
  margin-left: 2rem;
	opacity: 1;	
}
.btn-nav.active,
.btn-nav:hover{
  color:var(--primary);	
}

.row.slider-cover {
  width: calc(100% + 2rem);
  margin: 0 -1rem;
}
.hp-321slide .row.h-100 > .col-12 {
	border-radius: 10px;
	overflow: hidden;
}
.hp-321slide .image-box.ratio-4-3 {
  padding-bottom: 133.333%;
	border-radius: 10px;
	background: var(--positive) !important;
}
.hp-321slide .image-box.ratio-4-3 img {
  -o-object-position: left center;
  object-position: left center;
}
.hp-321slide .image-box.ratio-4-3.videoIsHere img {
  -o-object-position: center center;
  object-position: center center;
}


.hp-321slide.priceList-slide .image-box.ratio-4-3 {
  padding-bottom: 75% !important;
	border-radius: 10px;
	background: var(--positive) !important;
}
.hp-321slide.priceList-slide .image-box.ratio-4-3 img {
  -o-object-position: left center;
  object-position: left center;
}
.hp-321slide.priceList-slide .image-box.ratio-4-3.videoIsHere img {
  -o-object-position: center center;
  object-position: center center;
}


.hp-321slide [id*="customize-controls-"] {
	position: relative;
	height: auto;
}
.hp-321slide .tns-nav {
	position: relative;
	height: auto;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	padding-left: 12rem;
	padding-right: 3rem;
	display: flex;
	flex-wrap: nowrap;
  	justify-content: start;
  	align-items: center;
}
.hp-321slide .tns-nav > [aria-controls] {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  width: auto;
  height: 4px;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: rgba(245,247,247,1);
  border: 0;
  box-shadow: none;
  outline: none !important;
}
.hp-321slide .tns-nav > .tns-nav-active {
  background: var(--primary) !important;
}
.hp-321slide [id*="customize-controls-"] .prev,
.hp-321slide [id*="customize-controls-"] .next {
  position: absolute;
  top: calc( 100% - 2px );
  bottom: auto;
	left: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4rem;
  color: #fff;
  text-align: center;
  cursor: pointer;
	transform: translateY(-50%);
}
.hp-321slide [id*="customize-controls-"] .next {
  left: 4rem;
}
.hp-321slide [id*="customize-controls-"] .prev::before,
.hp-321slide [id*="customize-controls-"] .next::before{
	content: '\f060';
	  font-family: 'Font Awesome 6 Sharp';
	  font-weight: 300;
	  font-size: 2rem;
}
.hp-321slide [id*="customize-controls-"] .next::before {
	content: '\f061';
}


.footer-navigation .nav-menu > li > a:not(.btn):not(.btn-c2) {
	color: var(--light);
}

.bg-fadeOut-down {
	background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.321) 25%, rgba(0,0,0,0) 100%);
}

.showImageOrVideoOnOver > [class^="item-"]:hover {
	z-index: 10000000;	
}

.showImageOrVideoOnOver > [class^="item-"] > .row > .moveByCursor {
	opacity: 0;	
	/*display: none;*/
	visibility: hidden;
	-webkit-transition: .3s opacity ease-in-out;
	-o-transition: .3s opacity ease-in-out;
	transition: .3s opacity ease-in-out;
}

.showImageOrVideoOnOver > [class^="item-"]:hover > .row > .moveByCursor,
.showImageOrVideoOnOver > [class^="item-"]:active > .row > .moveByCursor,
.showImageOrVideoOnOver > [class^="item-"]:focus > .row > .moveByCursor{
	opacity: 1;	
	display: block;
	visibility: visible;
}
.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field,
.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field{
	display: flex;
	align-items: center;
}
.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"]:not(.moveByCursor),
.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"]:not(.moveByCursor) {
	z-index: 2 !important;
}
.p-like-showImageOrVideoOnOver {
	  padding: 1rem 1rem 0.25rem 1rem;
}
@media (min-width:992px) {
	.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field h1, 
	.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field h1,
	.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field h2, 
	.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field h2,
	.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field h3, 
	.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field h3 {
	  padding: 1rem 1rem 0.25rem 1rem;
	}
}
.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field h1::before, 
.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field h1::before,
.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field h2::before, 
.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field h2::before,
.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field h3::before, 
.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field h3::before {
  content: "";
  position: absolute;
  background: var(--primary);
  width: 0%;
  height: 100%;
  left: 0;
  top: 0%;
  z-index: -1;
	-webkit-transition: .5s width ease-in-out;
	-o-transition: .5s width ease-in-out;
	transition: .5s width ease-in-out;
}
.showImageOrVideoOnOver [class^="item-"]:hover .row [class^=" col-"] .text-field h1::before, 
.showImageOrVideoOnOver [class^="item-"]:hover .row [class^="col-"] .text-field h1::before,
.showImageOrVideoOnOver [class^="item-"]:active .row [class^=" col-"] .text-field h1::before, 
.showImageOrVideoOnOver [class^="item-"]:active .row [class^="col-"] .text-field h1::before,
.showImageOrVideoOnOver [class^="item-"]:focus .row [class^=" col-"] .text-field h1::before, 
.showImageOrVideoOnOver [class^="item-"]:focus .row [class^="col-"] .text-field h1::before,

.showImageOrVideoOnOver [class^="item-"]:hover .row [class^=" col-"] .text-field h2::before, 
.showImageOrVideoOnOver [class^="item-"]:hover .row [class^="col-"] .text-field h2::before,
.showImageOrVideoOnOver [class^="item-"]:active .row [class^=" col-"] .text-field h2::before, 
.showImageOrVideoOnOver [class^="item-"]:active .row [class^="col-"] .text-field h2::before,
.showImageOrVideoOnOver [class^="item-"]:focus .row [class^=" col-"] .text-field h2::before, 
.showImageOrVideoOnOver [class^="item-"]:focus .row [class^="col-"] .text-field h2::before,

.showImageOrVideoOnOver [class^="item-"]:hover .row [class^=" col-"] .text-field h3::before, 
.showImageOrVideoOnOver [class^="item-"]:hover .row [class^="col-"] .text-field h3::before,
.showImageOrVideoOnOver [class^="item-"]:active .row [class^=" col-"] .text-field h3::before, 
.showImageOrVideoOnOver [class^="item-"]:active .row [class^="col-"] .text-field h3::before,
.showImageOrVideoOnOver [class^="item-"]:focus .row [class^=" col-"] .text-field h3::before, 
.showImageOrVideoOnOver [class^="item-"]:focus .row [class^="col-"] .text-field h3::before
{
  width: calc(100% + 1rem);
}

.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field p,
.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field p {
	opacity: 0;	
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	/*padding: 0 3rem;
	margin: 0;
	padding-left: 6rem;*/
	padding: 2rem;
	background: var(--dark);
	color: var(--white);
	right: 0%;
	position: absolute;
	top:100%;
	width: 60%;
	font-size: 1.25rem;
}



.bg-dark .showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field p,
.bg-dark .showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field p {
	background: var(--white);
	color: var(--dark);
}
.showImageOrVideoOnOver [class^="item-"]:hover .row [class^=" col-"] .text-field p,
.showImageOrVideoOnOver [class^="item-"]:hover .row [class^="col-"] .text-field p {
	opacity: 1;	
	/*padding-left: 3rem;*/
	right: 5%;
}
.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field p::before, 
.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field p::before {
  content: "";
  position: absolute;
  background: var(--dark);
  width: 100%;
  height: 2px;
  right: 0;
  top: 0%;
  z-index: -1;
	-webkit-transition: .5s width ease-in-out;
	-o-transition: .5s width ease-in-out;
	transition: .5s width ease-in-out;
}
.showImageOrVideoOnOver [class^="item-"]:hover .row [class^=" col-"] .text-field p::before, 
.showImageOrVideoOnOver [class^="item-"]:hover .row [class^="col-"] .text-field p::before {
  width: 150%;
}
.bg-dark .showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field p::before, 
.bg-dark .showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field p::before {
  background: var(--white);;
}
.moveByCursor {
	pointer-events: none !important;
	z-index: 0 !important;
}
.moveByCursor .stretched-link {
	display: none;
}
.strict-height-cover {padding: 0;}
.showImageOrVideoOnOver a:hover {color: var(--primary)}

@media (max-width:992px) {
	.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field, .showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field {
		display: block;
 		align-items: center;
	}
	.showImageOrVideoOnOver > [class^="item-"]:hover {
	z-index: 0;	
}
	.bg-dark .showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field p, .bg-dark .showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field p {
	  background: var(--dark);
	  color: var(--white);
	}
	.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field p,
	.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field p {
		opacity: 1;	
		-webkit-transition: .3s all ease-in-out;
		-o-transition: .3s all ease-in-out;
		transition: .3s all ease-in-out;
		/*padding: 0 3rem;
		margin: 0;
		padding-left: 6rem;*/
		padding: 1rem 0 2rem 0;
		background: var(--white);
		color: var(--dark);
		right: auto !important;
		position: relative;
		top:0%;
		width: 100%;
		font-size: 1.25rem;
	}	
	.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field h1::before, 
	.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field h1::before,
	.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field h2::before, 
	.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field h2::before,
	.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field h3::before, 
	.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field h3::before {
	  content: "";
	  background: transparent;
	}
	.showImageOrVideoOnOver > [class^="item-"]:hover > .row > .moveByCursor,
	.showImageOrVideoOnOver > [class^="item-"]:active > .row > .moveByCursor,
	.showImageOrVideoOnOver > [class^="item-"]:focus > .row > .moveByCursor{
		opacity: 0;	
		display: none;
		visibility: hidden;
	}
	.showImageOrVideoOnOver [class^="item-"] .row [class^=" col-"] .text-field p::before, 
	.showImageOrVideoOnOver [class^="item-"] .row [class^="col-"] .text-field p::before {
	  content: "";
	  position: absolute;
	  background: var(--dark);
	  width: 100%;
	  height: 2px;
	  right: 0;
	  top: 0%;
	  z-index: -1;
		display: none;
		-webkit-transition: .5s width ease-in-out;
		-o-transition: .5s width ease-in-out;
		transition: .5s width ease-in-out;
	}
}

.toAdminItem-wrapper {
	z-index: 999999999;
}

.m-track {
  display: flex;
}

.m-scroll {
  animation: scroll321 60s linear infinite; 
}

@keyframes scroll321 {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}


body.hagro #custom-navbar,
body.hagro footer,
body.hagro-haly #custom-navbar,
body.hagro-haly footer,
body[class^="hagro-"] #custom-navbar,
body[class^="hagro-"] footer,
body[class^="unreal"] #custom-navbar,
body[class^="unreal"] footer 
{
	display: none !important;
}

.articleList-10 .articleTitle {
	opacity: 0;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
.articleList-10 .list-item:hover .articleTitle {
	opacity: 1;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.text-field ul,
.old-detail ul {
  position: relative;
  display: block;
  list-style-type: none;
  padding-left: 0;
  margin-top: 1rem;
}
.text-field ul li::before,
.old-detail ul li::before {
  content: '\f061';
  position: absolute;
  top: calc( 50% - 0.5rem );
  left: 0;
  width: 4rem;
  height: auto;
  font-family: 'Font Awesome 6 Sharp';
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.2em;
  color: var(--primary);
  transform: translateY(-50%);
}
.text-field ul li,
.old-detail ul li {
  position: relative;
  display: block;
  padding: 0 0 1rem 2.5rem;
  break-inside: avoid;
}
.text-field ul li:last-child,
.old-detail ul li:last-child {
  padding-bottom: 2rem;
}
.text-field ul li:last-child::before,
.old-detail ul li:last-child::before {
  top: calc( 50% - 1rem );
}
.text-field ol {
  list-style-type: upper-roman;
}
.text-field ol li::marker {
  font-weight: 600;
}

.container-fluid .carousel-item > .arrow-container {
  width: calc(100% - 0px);
  max-width: calc(100% - 0px);
  margin-left: 0;
}

.slide-arrows-left .carousel-control-next,.slide-arrows-left .carousel-control-prev {
	top:auto;
	left: 4rem;
	right: auto;
	bottom: calc( 4rem + 24px );
}
.slide-arrows-left .carousel-control-prev {
	top:auto;
	left:  0;
	right: auto
}


.carousel-control-next, .carousel-control-prev {
	top:auto;
	right: 4rem;
	bottom: calc( 4rem + 24px );
}
.carousel-control-prev {
	top:auto;
	right:  calc( 4rem + 48px );
	left: auto;
}


.carousel-control-next::after, .carousel-control-prev::after {
	font-weight: 300;
	color: var(--dark) !important;
	opacity: 1;
}
.carousel-control-prev::after {
  content: '\f060';
}
.carousel-control-next::after {
  content: '\f061';
}

#top-4 .firstContainer {
	padding-top: 0 !important;
}
/*.otherReferences [class*="-top-reference"] {
	display: none !important;
	opacity: 0;
	visibility: hidden;
}
.otherReferences.notHere [class*="-top-reference"] {
	display: initial !important;
	opacity: 1;
	visibility: visible;
}*/

.rounded {border-radius: 10px !important;}
.rounded .image-box {border-radius: 10px !important;}


.clientList > .row > .container {
  padding-top: 7rem;
}
.clientList > .row > .container > .filter-COver {
  position: absolute;
  top: 0;
  left: auto;
	width: 100%;
}

/*.filter-COver::after {
  position: absolute;
  top: 0;
  right: 1rem;
  content: "";
  width: 100px;
  height: 100%;
  background: red;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 90%);
	pointer-events: none;
}
*/

.clientList .list-item .image-box img {
  -webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
.clientList .list-item:hover .image-box.first img {
  scale: 1.05;
}
.clientList .list-item:hover .image-box.second img {
  scale: 0.95;
}
.clientList .list-item .image-box.second img {
  width: 100%;
	height: auto;
}
.clientList .list-item .image-box.second {
  overflow: visible;
}

.navbar-brand {
	margin-top: 0.5rem;
}
.navbar-brand svg {
  position: relative;
  display: block;
  width: 200px;
  height: 35px;
}

.old-detail-2.reference {
	pointer-events: none;
	z-index: 2;
}
.old-detail-3 {
	z-index: 1;
}




.filterIsHere .list-item {
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
.soft-shadow {
	box-shadow:
  0px 2.8px 2.2px rgba(0, 0, 0, 0.02),
  0px 6.7px 5.3px rgba(0, 0, 0, 0.028),
  0px 12.5px 10px rgba(0, 0, 0, 0.035),
  0px 22.3px 17.9px rgba(0, 0, 0, 0.042),
  0px 41.8px 33.4px rgba(0, 0, 0, 0.05),
  0px 100px 80px rgba(0, 0, 0, 0.07)
;
}

.btn-sm {
	position: relative;
  font-family: 'VAG Rounded Std', sans-serif;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border-width: 2px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -.010em;
  line-height: 1.5;
  border-radius: 10rem;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
	font-size: 14px;
	padding: 0.95rem 2rem 0.75rem 2rem;
}


/* MODAL */
/* MODAL */

.bootbox.modal {
	background: transparent;
}
.modal-backdrop.show {
	backdrop-filter: blur(14px);
  background: rgba(0,0,0,0.95) !important;
	opacity: 1 !important;
}
.bootbox ~ .modal-backdrop.show {
	backdrop-filter: blur(14px);
  background: rgba(255,255,255,0.5) !important;
	opacity: 1 !important;
}

.modal-content {
	background: #fff;
	border-radius: 10px;
	padding: 1rem;
	position: relative;
	top: 0;
	left: 0;
	transform: translate(0%, 0%);
	width: 100%;
	height: auto;
	box-shadow: 0px 2.8px 2.2px rgba(0, 0, 0, 0.02), 0px 6.7px 5.3px rgba(0, 0, 0, 0.028), 0px 12.5px 10px rgba(0, 0, 0, 0.035), 0px 22.3px 17.9px rgba(0, 0, 0, 0.042), 0px 41.8px 33.4px rgba(0, 0, 0, 0.05), 0px 100px 80px rgba(0, 0, 0, 0.07);
	border-width: 0;
}
.modal-header,
.modal-footer {
	border-width: 0;
	align-items: center;
}
.modal-header h5{
	font-weight: 900;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.modal-body h2{
	font-size:24px;
}
.bootbox-close-button::before {
	content: '\f00d';
	  font-family: 'Font Awesome 6 Sharp';
	  font-weight: 300;
	  font-size: 2rem;
	  position: relative;
	  color: var(--dark);
	opacity: 1;
}
.bootbox-close-button {
	opacity: 1;
}


.rounded-circle {
  outline: none;
}

.email-protection,
.email-protection span{
        unicode-bidi: bidi-override;
        direction: rtl;
        cursor: pointer;
    }

.old-faq .display-3 {
  padding-top: 2rem;
}

.position-initial {position: initial;}
/* MODAL */
/* MODAL */
.embed-responsive {
	border-radius: 8px;
}
.modal-body {
  padding: 0.1rem;
}
.modal-content {
  padding: 0.1rem;
}
.bootbox .modal-body {
  padding: 1rem;
}
.formular_321 {
	position: fixed;
	pointer-events: none;
	top: 10%;
	opacity: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff !important;
	z-index: 1040;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
.formular_321.always-open {
	position: relative;
	pointer-events: auto;
	top: auto;
	opacity: 1;
	left: auto;
	width: 100%;
	height: 100%;
	z-index: 1037;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
.formular_321.always-open.bg-positive {
	background: var(--positive) !important;
}
.formular_321.always-open .colForm {
	max-height: initial;
	background: transparent;
	box-shadow: none;
}
body.formular-open .formular_321 {
	pointer-events:auto;
	top: 0%;
	opacity: 1;
}
.always-open .closeForm {display: none!important;}
.always-open #contactForm50Submit {margin-left: auto;}

.colForm > form > .container {
	width: 100%;
  }

.form-control {
	font-size: 1rem;
	font-weight: 600;
	border: 2px solid var(--dark);
	border-radius: 0.5rem;
	padding: .9625rem 1rem .9125rem 1rem;
	height: auto;
}
.col-form-label-sm {
	font-size: 1rem;
}

.formular_321 .colForm {
  background: #fff;
  border-radius: 10px;
  padding: 3rem 2rem;
  position: relative;
  top: 0;
  left: 0;
  transform: translate(0%, 0%); 
  width: 100%;
  height: auto;
	box-shadow:
  0px 2.8px 2.2px rgba(0, 0, 0, 0.02),
  0px 6.7px 5.3px rgba(0, 0, 0, 0.028),
  0px 12.5px 10px rgba(0, 0, 0, 0.035),
  0px 22.3px 17.9px rgba(0, 0, 0, 0.042),
  0px 41.8px 33.4px rgba(0, 0, 0, 0.05),
  0px 100px 80px rgba(0, 0, 0, 0.07);
	max-height: 100vh;
  overflow: auto;
} 
.formular_321 .form-row .inputCover {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.desktop-navbar {
		background: #FFF !important;
	}

.mobile-open header {transform: translateY(0px) !important;}






.mobile-menu-open > .menu-toggler::before {
	  color: #fff;
	}
	.modal-open.mobile-open .mobile-menu-open > .menu-toggler::before { content: "\f00d"; color:#0099ff; }
	
	.mobile-menu {
		left: 300px;
		right: 0;
  		top: 90px;
  		width: calc( 100% - 200px );
  		height: calc( 100% - 90px );
  		transform: none;
		opacity: 0;
		pointer-events: none;
		display: flex;
    	align-items: center;
		/*backdrop-filter: blur(14px);
 		background: rgba(255,255,255,0.85) !important;*/
	}
	.mobile-open .mobile-menu {
		left: 0px;
  		top: 90px;
  		width: calc( 100% - 0px );
  		height: calc( 100% - 90px );
  		transform: none;
		opacity: 1;
		pointer-events: auto;
	}
	.mobile-menu .mobile-menu-body {
		width: 100%;
  		display: flex;
  		flex-direction: column;
		padding: 0;
		max-height: 100%;
		height: 100%;
		justify-content: center;
	}
	.mobile-menu .nav-wrap {
		padding: 2rem 2rem;
	}
	.mobile-menu .nav-wrap .arrow-collapse {
		display: none;
	}
	.mobile-menu .nav-wrap:nth-child(2) {
		margin-top: auto;
		margin-bottom: 1rem;
		display: none;
	}
	.mobile-menu .nav-wrap > li > ul {
	  display: flex;
	  padding-left: 0rem;
	  position: relative;
	}
	.mobile-menu .nav-wrap > li > ul::before {
		  content: "\f061";
		  font-family: 'Font Awesome 6 Pro';
		  font-size: 3rem;
		  font-weight: 200;
		  position: absolute;
		  top: 50%;
		  transform: translateY(-50%);
		  padding-bottom: 0.85rem;
		  left: 3rem;
		display: none;
	}
	.mobile-menu .nav-wrap > li > ul > li {
	  display: block;
	  width: auto;
	}
	.mobile-menu .nav-wrap > li > ul > li > a {
		font-weight: 300;
		  font-size: calc(26px + (40 - 26) * ((100vw - 300px) / (1600 - 300)));
		  line-height: calc( 100vh / 14 );
		  letter-spacing: -0.04em;
		  width: auto;
		padding-left: 1rem;
	}
	.mobile-menu .nav-wrap > li{
		-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	}
	
	.mobile-menu .nav-wrap > li.active,
	.mobile-menu .nav-wrap > li:hover{
	  padding-left: 0rem;
	}
	/*.mobile-menu .nav-wrap > li.active::before {
	  content: "/";
	  position: absolute;
	  top: 50%;
	  left: 0;
	  font-weight: 700;
	  font-size: calc(40px + (80 - 40) * ((100vw - 300px) / (1600 - 300)));
	  line-height: 1;
	  letter-spacing: -0.04em;
	  transform: translateY(-50%);
	}*/
	/*#main {
		-webkit-transition: .3s all ease-in-out;
		  -o-transition: .3s all ease-in-out;
		  transition: .3s all ease-in-out;
		position: relative;
		left: 0;
	}
	.mobile-open #main {
		left: 100%;
	}*/
	.mobile-menu .nav-wrap > li.only-icon a {
		font-size: 1rem;
	}
	
	.mobile-menu .nav-wrap > li > a {
		font-weight: 700;
  		font-size: calc(26px + (40 - 26) * ((100vw - 300px) / (1600 - 300)));
  		line-height: calc( 100vh / 14 );
  		letter-spacing: -0.04em;
	}












@media (max-width:991.99999px) {
	.desktop-navbar .navbar-brand svg path:nth-child(2) {
		fill: #000 !important;
	}
	.mobile-menu-open > .menu-toggler::before {
		color: #000 !important;
	}
}

.opacity-001 {opacity: 0.01}
.opacity-005 {opacity: 0.05}
.opacity-010 {opacity: 0.10}
.opacity-020 {opacity: 0.20}
.opacity-030 {opacity: 0.30}
.opacity-040 {opacity: 0.40}
.opacity-050 {opacity: 0.50}


.accordion-item h4.display-3 {
  font-weight: 600 !important;
  font-size: calc(20px + (26 - 20) * ((100vw - 300px) / (1600 - 300)));
  line-height: 1.4;
	padding-top: 2rem
}


@media (max-width: 768px) {
	.container .carousel-item > .arrow-container {
		  max-width: calc(100% - 2rem);
		}
	.form-control {
		font-size: 14px;
		font-weight: 600;
		border: 2px solid var(--dark);
		border-radius: 0.5rem;
		padding: 0.5rem 0.5rem 0.4rem 0.875rem;
		height: auto;
	}
	.col-form-label-sm {
		font-size: 14px;
	}

	.formular_321 .colForm {
	  background: #fff;
	  border-radius: 10px;
	  padding: 1rem 0rem;
	  position: relative;
	  top: 0;
	  left: 0;
	  transform: translate(0%, 0%); 
	  width: 100%;
	  height: auto;
		box-shadow:none;
	} 
	.formular_321 .form-row .inputCover {
	  padding-top: 3px !important;
	  padding-bottom: 3px !important;
	}
}
@media (max-height: 760px) {
	.form-control {
		font-size: 14px;
		font-weight: 600;
		border: 2px solid var(--dark);
		border-radius: 0.5rem;
		padding: 0.5rem 0.5rem 0.4rem 0.875rem;
		height: auto;
	}
}



@media (min-width: 1940px) {
	.hp-321slide > .container {
	  width: 100%;
	  max-width: calc( 100% - 300px );
	}
	.container {
    max-width: calc(100% - 300px);
  }
}

@media (min-width: 768px) and (max-height: 750px) {
	header.fixed-top .navbar-brand {
		margin-top: 2rem;
	}
	header .socialPlace {
		margin-bottom: 2rem;
	}
}

@media (min-width:992px) {
	.arrow-right-right::after {
		content: '\f061';
	}
	.desktop-navbar {
		width: 200px;
		height: 100%;
	}
	header .desktop-navbar .container-fluid,
	header .desktop-navbar .container-fluid > .row{
		height: 100vh;
	}
	header .menuPlace {
		margin-top: 0rem;
		margin-bottom: 2rem;
	}
	header .socialPlace {
		margin-bottom: 4rem;
    	margin-top: 1rem;
	}
	header .phoneHp {
		white-space: nowrap;
  		margin-top: 4rem;
  		margin-bottom: 6rem;
		transform: rotate(-90deg);
  		transform-origin: center center;
	}
	header {
		mix-blend-mode: difference;
	}
	header .navbar-brand svg * {
		fill:#fff;
	}
	header.fixed-top {
		/*background: rgba(255,0,0,0.1);*/
		width: 200px;
		height: 100%;
		z-index: 1049;
	}
	
	header.fixed-top .navbar-brand {
		width: 50px ;
    	height: 291px ;
		padding: 0;
		margin: 4rem auto 1rem auto !important;
	}
	header.fixed-top .navbar-brand svg {
		width: 50px ;
    	height: 291px ;
	}
	header .container {
		margin-left: auto;
	}
	header a.socialSites {
		color:#fff !important;
	}
	.desktop-navbar {
		background: transparent !important;
	}
	div:not(.normalMargin) .container {
		margin-left: 300px;
		width: calc( 100% - 300px);
	}
	.colForm .container {
		margin-left: 0px !important;
		width: calc( 100% - 0px) !important;
		max-width: calc( 100% - 0px) !important;
	}
	.container > .container, .container .container {
		margin-left: auto;
	}
	.mobile-menu-open > .menu-toggler::before {
	  color: #fff;
	}
	.modal-open.mobile-open .mobile-menu-open > .menu-toggler::before { content: "\f00d"; color:#0099ff; }
	
	.mobile-menu {
		left: 300px;
		right: 0;
  		top: 0;
  		width: calc( 100% - 200px );
  		height: 100%;
  		transform: none;
		opacity: 0;
		pointer-events: none;
		display: flex;
    	align-items: center;
		/*backdrop-filter: blur(14px);
 		background: rgba(255,255,255,0.85) !important;*/
	}
	.mobile-open .mobile-menu {
		left: 200px;
  		top: 0;
  		width: calc( 100% - 200px );
  		height: 100%;
  		transform: none;
		opacity: 1;
		pointer-events: auto;
	}
	.mobile-menu .mobile-menu-body {
		width: 100%;
  		display: flex;
  		flex-direction: column;
		padding: 0;
		max-height: 100%;
		height: 100%;
		justify-content: center;
	}
	.mobile-menu .nav-wrap {
		padding: 3rem 5rem;
	}
	.mobile-menu .nav-wrap .arrow-collapse {
		display: none;
	}
	.mobile-menu .nav-wrap:nth-child(2) {
		margin-top: auto;
		margin-bottom: 1rem;
		display: none;
	}
	.mobile-menu .nav-wrap > li > ul {
	  display: flex;
	  padding-left: 8rem;
	  position: relative;
	}
	.mobile-menu .nav-wrap > li > ul::before {
		  content: "\f061";
		  font-family: 'Font Awesome 6 Pro';
		  font-size: 3rem;
		  font-weight: 200;
		  position: absolute;
		  top: 50%;
		  transform: translateY(-50%);
		  padding-bottom: 0.85rem;
		  left: 3rem;
		display: block;
	}
	.mobile-menu .nav-wrap > li > ul > li {
	  display: block;
	  width: auto;
	}
	.mobile-menu .nav-wrap > li > ul > li > a {
		font-weight: 300;
		  font-size: calc(40px + (80 - 40) * ((100vw - 300px) / (1600 - 300)));
		  line-height: 1.2;
		  letter-spacing: -0.04em;
		  width: auto;
	}
	.mobile-menu .nav-wrap > li{
		-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	}
	
	.mobile-menu .nav-wrap > li.active,
	.mobile-menu .nav-wrap > li:hover{
	  padding-left: 0rem;
	}
	/*.mobile-menu .nav-wrap > li.active::before {
	  content: "/";
	  position: absolute;
	  top: 50%;
	  left: 0;
	  font-weight: 700;
	  font-size: calc(40px + (80 - 40) * ((100vw - 300px) / (1600 - 300)));
	  line-height: 1;
	  letter-spacing: -0.04em;
	  transform: translateY(-50%);
	}*/
	/*#main {
		-webkit-transition: .3s all ease-in-out;
		  -o-transition: .3s all ease-in-out;
		  transition: .3s all ease-in-out;
		position: relative;
		left: 0;
	}
	.mobile-open #main {
		left: 100%;
	}*/
	.mobile-menu .nav-wrap > li.only-icon a {
		font-size: 1rem;
	}
	
	.mobile-menu .nav-wrap > li > a {
		font-weight: 700;
  		font-size: calc(40px + (80 - 40) * ((100vw - 300px) / (1600 - 300)));
  		line-height: calc( 100vh / 10 );
  		letter-spacing: -0.04em;
	}
	
	
	.rotate-right-90 {
	  transform: rotate(90deg);
	  transform-origin: center center;
	}
	.rotate-left-90 {
	  transform: rotate(-90deg);
	  transform-origin: center center;
	}
	.top-right {
	  transform-origin: top right;
	  right:0;
	  top:0;
	  transform: rotate(-90deg) translateY(-100%);
	}
	.top-left {
	  transform-origin: top left;
	  left:0;
	  top:0;
	  transform: rotate(-90deg) translateX(-100%) translateY(-100%);
	} 

	.bottom-right {
	  transform-origin:bottom right;
	  right:0;
	  bottom:0;
	  transform: rotate(-90deg) translateX(100%);
	}
	.bottom-left {
	  transform-origin:bottom left;
	  left:0;
	  bottom:0;
	  transform: rotate(-90deg) translateY(100%);
	}
	.tinyTitle.rotate-left-90.top-left {
		padding-right: 0.65rem;
		padding-bottom: 2rem;
	}
	.detail-btns-1 .row {
		  flex-direction: column;
		align-items: flex-end;
	}
	.detail-btns-1 .row .btn {
	  min-width: 331px;
	}
	.ref-menu, 
	.ref-submenu {
		padding-left: 7rem !important;
	}
	.klienti .ref-menu, 
	.klienti .ref-submenu {
		padding-left: 2rem !important;
	}
	.ci-line-left .ci-line-element {
		top:50%;
	}
			
}
@media (max-width:991.99999px) {
	.btn {
	  font-size: 14px;
	  padding: 0.95rem 2rem 0.75rem 2rem;
	}
}
@media (max-width: 991.9999px) {
  .container, .container-sm {
    max-width: initial;
  }
}
.d-none-important {display: none !important;}

#detail-3 .item-3 .row > .col-12:nth-child(5) {
	display: none;
}
@media (max-width: 991.9999px) {
	#detail-3 .item-3 .row {
		display: none;
	}
}

.wow {visibility: hidden; display: inline-block;}
@-webkit-keyframes fadeInRightLittle {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInRightLittle {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInRightLittle {
  -webkit-animation-name: fadeInRightLittle;
  animation-name: fadeInRightLittle;
}



.mobile-nav .mobile-search-open, .mobile-nav .mobile-cart-open, .mobile-nav .mobile-menu-open, .mobile-menu .mobile-menu-header .mobile-menu-close {
	width: 50px;
	height: 50px;
}
.menu-toggler-svg {
	width: 100%;
	height: 100%;
	display: block;
}

@media (max-width:991.99999px) {
	.menu-toggler-svg #ham321burger rect {fill:#000 !important;}
}


.menu-toggler-svg #ham321burger rect,
.menu-toggler-svg #ham321burger .centerLine-1,
.menu-toggler-svg #ham321burger .centerLine-2 {
    -webkit-transition: .25s all ease-in-out;
    -o-transition: .25s all ease-in-out;
    transition: .25s all ease-in-out;
}

/* Pro topLine a bottomLine používáme speciální animace místo transitions */

/* Animace při najetí myši */
@keyframes topLineExpand {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(0, -20%, 0); }
}

@keyframes bottomLineExpand {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(0, 20%, 0); }
}

/* Hover efekt - plynulá animace posunu linek od středu */
.menu-toggler-svg:hover #ham321burger .topLine {
    animation-name: topLineExpand;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.menu-toggler-svg:hover #ham321burger .bottomLine {
    animation-name: bottomLineExpand;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

/* Vylepšený bounce efekt při návratu s více kmity */
@keyframes topLineBounce {
    0% { transform: translate3d(0, -20%, 0); }
    40% { transform: translate3d(0, 8%, 0); }  /* Přestřelení dolů */
    65% { transform: translate3d(0, -5%, 0); } /* Přestřelení nahoru */
    85% { transform: translate3d(0, 2%, 0); }  /* Menší přestřelení dolů */
    100% { transform: translate3d(0, 0, 0); }  /* Návrat do původní pozice */
}

@keyframes bottomLineBounce {
    0% { transform: translate3d(0, 20%, 0); }
    40% { transform: translate3d(0, -8%, 0); }  /* Přestřelení nahoru */
    65% { transform: translate3d(0, 5%, 0); }   /* Přestřelení dolů */
    85% { transform: translate3d(0, -2%, 0); }  /* Menší přestřelení nahoru */
    100% { transform: translate3d(0, 0, 0); }   /* Návrat do původní pozice */
}

/* Aplikování animace při odjetí myši */
.menu-toggler-svg #ham321burger .topLine {
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
}

.menu-toggler-svg #ham321burger .bottomLine {
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
}

/* Trigger animace pouze při odchodu myši */
.menu-toggler-svg:not(:hover) #ham321burger .topLine {
    animation-name: topLineBounce;
}

.menu-toggler-svg:not(:hover) #ham321burger .bottomLine {
    animation-name: bottomLineBounce;
}


.mobile-open .menu-toggler-svg #ham321burger .topLine,
.mobile-open .menu-toggler-svg #ham321burger .bottomLine {
    opacity: 0;
}

.menu-toggler-svg #ham321burger .centerLine-1,
.menu-toggler-svg #ham321burger .centerLine-2 {
	transform-origin: center center;
}

.mobile-open .menu-toggler-svg #ham321burger .centerLine-1 {
    transform: rotateZ(45deg);
}
.mobile-open .menu-toggler-svg #ham321burger .centerLine-2 {
    transform: rotateZ(-45deg);
}


section.detail-breadcrumb,
section[id^="article-detail-"]:first-of-type {
	mix-blend-mode: difference;
	z-index: 9;
}
section.detail-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
section[id^="article-detail-"]:first-of-type .breadcrumb-item + .breadcrumb-item::before {
	color: #fff;
}
section.detail-breadcrumb .breadcrumb-item a,
section[id^="article-detail-"]:first-of-type .breadcrumb-item a {
	color: #fff;
} 

.masonryGallery .row > .col >.row ,
.masonryGallery-bts-detail {
	column-count: 2;
	column-gap: 0rem;
	display: block;
}

.masonryGallery.threeColumns .row > .col >.row,
.masonryGallery-bts-detail.threeColumns {
	column-count: 2;
	column-gap: 0rem;
	display: block;
}
.masonryGallery.fourColumns .row > .col >.row ,
.masonryGallery-bts-detail.fourColumns {
	column-count: 2;
	column-gap: 0rem;
	display: block;
}

@media (min-width: 992px) {
	.masonryGallery .row > .col >.row,
	.masonryGallery-bts-detail {
		column-count: 2;
		column-gap: 0rem;
		display: block;
	}

	.masonryGallery.threeColumns .row > .col >.row,
	.masonryGallery-bts-detail.threeColumns {
		column-count: 3;
		column-gap: 0rem;
		display: block;
	}
	.masonryGallery.fourColumns .row > .col >.row,
	.masonryGallery-bts-detail.fourColumns {
		column-count: 4;
		column-gap: 0rem;
		display: block;
	}
}

.e-mailove-podpisy p {margin: 0 !important;}


#other-articles-klient {
	display: none !important;	
}
body.klienti #other-articles-klient {
	display: flex !important;	
}
body.klienti #other-articles {
	display: none !important;	
}

.imagePos {
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	display: none !important;
	border-top-right-radius:10px;
}
.photoName .imagePos {
	display: block !important;
}

/* Výchozí hodnoty */
:root {
	--letter-spacing-start: 0.04em;
	--letter-spacing-end-in: -0.07em;
	--letter-spacing-end-out: 0.07em;
  }
  
  /* Specifické hodnoty pro display-2 */
  .display-2 {
	--letter-spacing-end-in: -0.04em;
	--letter-spacing-end-out: 0.04em;
  }
  
  /* Keyframes používající proměnné */
  @keyframes letterSpacingIn {
	from {
	  letter-spacing: var(--letter-spacing-start);
	}
	to {
	  letter-spacing: var(--letter-spacing-end-in);
	}
  }
  
  @keyframes letterSpacingOut {
	from {
	  letter-spacing: var(--letter-spacing-end-in);
	}
	to {
	  letter-spacing: var(--letter-spacing-end-out);
	}
  }

  .container-bg-image {
	width: 100%;
	height: auto;
  }

  .fadeInOnHover:first-child {
	position: absolute;
	z-index: 1;
  }
  .fadeInOnHover:nth-child(2) {
	transition: opacity 0.3s ease;
	z-index: 2;
  }
  .fadeInOnHover:nth-child(2):hover {
	opacity: 0;
	transition: opacity 0.3s ease;
  }

  #main {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: column;
  }
  #main > section {
	width: 100%;
  }

  /* Keyframes pro animaci opacity */
  @-webkit-keyframes fadeInContactBtn {
    0% { opacity: 0; }
	50% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-moz-keyframes fadeInContactBtn {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-o-keyframes fadeInContactBtn {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @keyframes fadeInContactBtn {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
  }

  .contactBtnBg {
	background: rgba(0,0,0,0);
	position: fixed;
	top:0;
	right: 0;
	width: 400px;
	height: 400px;
	z-index: 1038;
	pointer-events: none;
	animation: fadeInContactBtn 3s forwards ease-in-out;
  }
  .contactBtnPlace {
	position: fixed;
	top:0;
	right: 0;
	width: auto;
	height: auto;
	padding: 3rem;	
	z-index: 1039;
	animation: fadeInContactBtn 4s forwards ease-in-out;
  }
  
  /* Blur efekty pro kontaktní tlačítko - diagonální gradient 45° */
  .blur-layer-1 {
	opacity: 1;
	position: absolute;
	inset: 0;
	z-index: 1;
	mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 100%);
	-webkit-mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 100%);
	border-radius: 0px;
	pointer-events: none;
	backdrop-filter: blur(10px);
  }
  
  .blur-layer-2 {
	opacity: 1;
	position: absolute;
	inset: 0;
	z-index: 2;
	mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0) 95%);
	-webkit-mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0) 95%);
	border-radius: 0px;
	pointer-events: none;
	backdrop-filter: blur(5px);
  }
  
  .blur-layer-3 {
	opacity: 1;
	position: absolute;
	inset: 0;
	z-index: 3;
	mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.7) 80%, rgba(0, 0, 0, 0) 90%);
	-webkit-mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.7) 80%, rgba(0, 0, 0, 0) 90%);
	border-radius: 0px;
	pointer-events: none;
	backdrop-filter: blur(2.5px);
  }
  
  .blur-layer-4 {
	opacity: 1;
	position: absolute;
	inset: 0;
	z-index: 4;
	mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0) 85%);
	-webkit-mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0) 85%);
	border-radius: 0px;
	pointer-events: none;
	backdrop-filter: blur(1.25px);
  }
  
  .blur-layer-5 {
	opacity: 1;
	position: absolute;
	inset: 0;
	z-index: 5;
	mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 85%);
	-webkit-mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 85%);
	border-radius: 0px;
	pointer-events: none;
	backdrop-filter: blur(0.625px);
  }
  
  .blur-layer-6 {
	opacity: 1;
	position: absolute;
	inset: 0;
	z-index: 6;
	mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 65%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0) 85%);
	-webkit-mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 65%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0) 85%);
	border-radius: 0px;
	pointer-events: none;
	backdrop-filter: blur(0.3125px);
  }
  
  .blur-layer-7 {
	opacity: 1;
	position: absolute;
	inset: 0;
	z-index: 7;
	mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.05) 65%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0) 85%);
	-webkit-mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.05) 65%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0) 85%);
	border-radius: 0px;
	pointer-events: none;
	backdrop-filter: blur(0.15625px);
  }
  
  .blur-layer-8 {
	opacity: 1;
	position: absolute;
	inset: 0;
	z-index: 8;
	mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 65%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0) 85%);
	-webkit-mask-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 65%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0) 85%);
	border-radius: 0px;
	pointer-events: none;
	backdrop-filter: blur(0.078125px);
  }

  /* Keyframes pro animaci opacity */
  @-webkit-keyframes fadeInOut {
    0% { opacity: 0; width: 150%; height: 150%; }
    25% { opacity: 1; width: 170%; height: 170%; }
    75% { opacity: 1; width: 0%; height: 0%; }
    100% { opacity: 0; width: 0%; height: 0%; }
  }
  
  @-moz-keyframes fadeInOut {
    0% { opacity: 0; width: 150%; height: 150%; }
    25% { opacity: 1; width: 170%; height: 170%; }
    75% { opacity: 1; width: 0%; height: 0%; }
    100% { opacity: 0; width: 0%; height: 0%; }
  }
  
  @-o-keyframes fadeInOut {
    0% { opacity: 0; width: 150%; height: 150%; }
    25% { opacity: 1; width: 170%; height: 170%; }
    75% { opacity: 1; width: 0%; height: 0%; }
    100% { opacity: 0; width: 0%; height: 0%; }
  }
  
  @keyframes fadeInOut {
    0% { opacity: 0; width: 150%; height: 150%; }
    25% { opacity: 1; width: 170%; height: 170%; }
    75% { opacity: 1; width: 0%; height: 0%; }
    100% { opacity: 0; width: 0%; height: 0%; }
  }
  
  .menu-toggler-svg::before {
	content: "";
	width: 150%;
	height: 150%;
	background: #0049FF; /* Modrá barva, která při mix-blend-mode: difference vytvoří oranžovou */
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%,-50%);
	opacity: 0;
	border-radius: 100%;
	
	/* Animace pro všechny prohlížeče */
	-webkit-animation: fadeInOut 2s ease-in-out 1s;
	-moz-animation: fadeInOut 2s ease-in-out 1s;
	-o-animation: fadeInOut 2s ease-in-out 1s;
	animation: fadeInOut 2s ease-in-out 1s;
  }



  .modal-body-close321 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	border: 0;
	appearance: none;
	width: 50px;
	height: 50px;
	background-color: var(--primary) !important;
	opacity: 1;
	transform: translate(50%,-50%);
	z-index: 999999;
  }
  .modal-body-close321:hover {
	background-color: var(--primary-hover) !important;
	opacity: 1 !important;
  }
  .modal-body-close321 i {
	text-shadow: none !important;
}

.btsProgresss {
	
}
.btsProgresss .progresss-bar {
	height: 4px;
	background: none !important;
}
.btsProgresss .progresss-fill {
	background-color: var(--primary) !important;
	height: 4px;
	width: 0%;
}
.progresss-2 {
	animation: progresssPulsing 2s ease-in-out infinite;
}

@keyframes progresssPulsing {
	0% {
		opacity: 0.1;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.1;
	}
}

section {
	transition: background-color 0.5s ease;
}



.hpLogos {
}
.hapLogos-1 {
}
.hapLogos-2 {
}
.hapLogos-3 {
}
.hpLogos > div {
	padding: 0.5rem 0.5rem;
	flex: 0 0 33.333%;
	max-width: 33.333%;
}
.hpLogos img {
	height: auto;
	width: 100%;
	object-fit: contain;
	object-position: center;
  }


  @media (min-width: 768px) {
	.hpLogos > div {
		padding: 1rem 4rem;
		flex: 0 0 16.667%;
		max-width: 16.667%;
		display: inline-flex;
		align-items: center;
	}
}
.child100100 > * {
	width: 100% !important;
	height: 100% !important;
}


.isArticle .sequenceContainerSectionIsHere { display: none !important;}

/* Responsivní padding třídy pro LG (large) - ≥992px */
@media (min-width: 992px) {
 	.isArticle .sequenceContainerSectionIsHere { display: flex !important;}
}





/** CENIK **/
.text-logo {
  position: relative;
  color: rgba(0,0,0,0) !important;
  display: inline-block;
}
.text-logo::before {
  content: "";
  background-position:center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  position: absolute;
  height: 0;
  top: 50%;
  left: 0;
  padding-bottom: 75%;
  transform: translateY(-55%);
}
.text-logo-individual::before {
  background-image: url("/data/uploadHTML/images/cenik/individual-logo-1.svg");
}
.text-logo-standard::before {
  background-image: url("/data/uploadHTML/images/cenik/standard-logo-1.svg");
}
.text-logo-webplus::before {
  background-image: url("/data/uploadHTML/images/cenik/webplus-logo-1.svg");
}
.text-logo-premium::before {
  background-image: url("/data/uploadHTML/images/cenik/premium-logo-1.svg");
}
.letter-spacing-0 {
	letter-spacing: 0 !important;
}	
.priceList-price {
	font-size: calc(20px + (36 - 20) * ((100vw - 300px) / (1600 - 300))) !important;
	font-weight: 700 !important;
	text-transform: none !important;	
	letter-spacing: 0 !important;
}
.priceList-price span {
	font-size: calc(10px + (16 - 10) * ((100vw - 300px) / (1600 - 300))) !important;
	font-weight: 700 !important;
	text-transform: none !important;	
	letter-spacing: 0 !important;
}
.priceList ul li::before {
  content: '\f00c';
  font-weight: 400;
  font-size: 1rem;
  top: 0.45rem;
  transform: translateY(0%);
}
.priceList ul li, .priceList ul li:last-child {
  padding-bottom: 0.15rem;
  padding-left: 2rem;
}
.priceList-standard ul li::before {
	color: var(--dark) !important;
}
.priceList-webplus ul li::before {
	color: var(--webplus) !important;
}
.priceList-premium ul li::before {
	color: var(--premium) !important;
}

.activeDifferences.isActive li {
  height: 0;
  overflow: hidden;
}
.activeDifferences.isActive li.thisIsDifferent {
  height: auto;
}
ul li.thisIsDifferent::before {
	
}
ul li.thisIsInactive {
	color:rgba(0,0,0,0.3)
}
ul li.thisIsInactive::before {
	content: '\f00d';
	color:rgba(0,0,0,0.3) !important;
}

.priceListSwitch .custom-control-label { 
  padding-top: 0rem;
  padding-left: 2rem;
  padding-bottom: 0.1rem;
}
.priceListSwitch .custom-switch .custom-control-label::before {
  left: -2.25rem;
  height: 2rem;
  width: 3.5rem; 
  pointer-events: all;
  border-radius: 1rem;
}
.priceListSwitch .custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(2rem - 4px);  
  height: calc(2rem - 4px);  
  background-color: #adb5bd;
  border-radius: 2rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .priceListSwitch .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.priceListSwitch .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(1.5rem); 
  transform: translateX(1.5rem); 
}
.priceListSwitch .custom-control-input:checked ~ .custom-control-label::before {
  color: var(--white);
  border-color: var(--primary);
  background-color: var(--primary);
}
.custom-control-label {line-height: 1.5rem;}

#standard .priceList-slide .image-box {
  border: 2px solid #000 !important;
}
#webplus .priceList-slide .image-box,
#premium .priceList-slide .image-box {
  border: 2px solid #fff !important;
}

.standard #formular_321 {
  background: var(--standard) !important;
}
.webplus #formular_321 {
  background: var(--webplus) !important;
}
.premium #formular_321 {
  background: var(--premium) !important;
}
.individual #formular_321 {
  background: var(--dark) !important;
}

span[data-toggle="tooltip"] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/** CENIK **/