@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Rubik:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
:root{
	--color1: #e2007a;
	--color2: #043a5b;
	--color3: #f3b150;
	--color4: #face1c;
	--color-yt: white;
	--navbar-bg: #043a5b;
	--navbar-link-color: white;
	--navbar-link-color-hover: var(--color1);
	--navbar-toggle-color1: white;
	--navbar-toggle-color2: white;
	--navbar-collapse-link-color: white;
	--navbar-collapse-bg: #232323;
	--block-header-color: #585858;
	--font2: 'Rubik', sans-serif;
	--btn-bg: #e6e4e2;
	--btn-a-bg: #e6e4e2;
	--btn-a-color: #585858;
	--btn-b-bg: white;
	--btn-b-color: #e2007a;
	--btn-b-hover-bg: #e2007a;
	--btn-b-hover-color: white;
	--btn-b2-bg: #dddddd;
	--btn-b2-color: #e2007a;
	--btn-b2-hover-bg: white;
	--btn-b2-hover-color: #333333;
	--btn-c-bg: green;
	--btn-c-color: white;
	--btn-c-hover-bg: #333333;
	--btn-c-hover-color: white;
	--btn-d-bg: #e2007a;
	--btn-d-color: white;
	--btn-d-hover-bg: white;
	--btn-d-hover-color: #e2007a;
	--btn-e-bg: var(--color2);
	--btn-e-color: white;
	--btn-e-hover-bg: white;
	--btn-e-hover-color: var(--color2);
	--header-e-bg: #3e3e3e;
	--header-e-color: #b8b8b8;
	--a-color: var(--color1);
	--a-hover-color: var(--color2);
	
	--color-logo1: #043a5b;
	--color-logo2: #e2007a;
	--color-audio: #1bc400;
	--color-audio-echo: white;
	--shadow-size:0.5rem;

	--translate-top: -1.5rem;
	--pulsationScale: 1.2;

}

html { scroll-behavior: smooth }
body { background:#fafafa; line-height:2; font-family: 'Montserrat', sans-serif; /*font-family: 'Rubik', sans-serif;*/ }
.f12 { font-size:1.2rem }
.f08 { font-size:0.9rem }
.f09 { font-size:0.8rem }
.f07 { font-size:0.7rem }

p { line-height:1.4 }
a { color:var(--a-color )}
a:hover { color:var(--a-hover-color )}
a.a-light { color:gray }
.l-block li + li { margin-top:0.2em }

.form-control:focus { border-color:var(--color1); box-shadow:0 0 0 0.25rem rgba(253, 121, 13, 0.25) }
.form-control.input-error { border-color:var(--color1); box-shadow:0 0 0 0.25rem #e2007a2b }
.form-control.input-ok { /*border-color:green; box-shadow:0 0 0 0.25rem rgba(13, 253, 17, 0.25)*/ }

.bg-color-logo1 { background-color:var(--color-logo1) }
.bg-color-logo2 { background-color:var(--color-logo2) }
.color-logo1 { color:var(--color-logo1) }
.color-logo2 { color:var(--color-logo2) }
.ccolor-logo1 { color:var(--color-logo1) !important }
.ccolor-logo2 { color:var(--color-logo2) !important }
.color-neon { text-shadow:1px 1px 0.3em var(--color-logo2);}
.color-red { color:red }
.color-green { color:green }
.lh-10 { line-height:1.0 !important; }
.lh-11 { line-height:1.1 !important; }
.lh-12 { line-height:1.2 !important; }
.z-index-100 { position:relative; z-index:100 }

.l-cursor-pointer { cursor:pointer; }

.l-share { color: white; background: black; position: fixed; z-index: 100; bottom: 2rem; left: 2rem; height: 42px; width: 42px; text-align: center; line-height: 38px; font-size: 1.2rem; padding: 0; border-radius: 50%; border: 2px solid white; box-shadow: 0 0 10px black; cursor: pointer; }
.l-scroll-anchor { position:relative; top:-150px; }
.l-content { margin-top: 150px; margin-bottom:4rem }
.l-content a { word-wrap: break-word }
.l-content h1 { margin-bottom:2rem; display:inline-block; width:100%; }
.color1 { color:var(--color1) }
.ccolor1 { color:var(--color1) !important; }
.color2 { color:var(--color2) }
.ccolor2 { color:var(--color2) !important; }
.l-text-color1 { background:var(--color1); color:white; padding:0 0.5em; }
.l-text-color2 { background:var(--color2); color:white; padding:0 0.5em; }
.flex-basis-100 { flex-basis: 100% }
.btn-flex-inline { display: inline-flex; align-items: center; justify-content: left; text-align: left }
.btn-flex-inline i { margin-right:1em }
.btn .x-subline { display:block; font-size:70% }
.l-header { margin:0; line-height:1.1 }
.l-header > span { margin:0; display:inline-block; text-align:center; padding:1rem 3rem; background:var(--btn-a-bg); clip-path: polygon(0 0, 0.5rem 50%, 0 100%, 100% 100%, calc(100% - 0.5rem) 50%, 100% 0% ); max-width:70vw; color:var(--btn-a-color); }
.l-header.header-b > span { background:var(--btn-b-bg); color:var(--btn-b-color) }
.l-header.header-c > span { background:var(--btn-c-bg); color:var(--btn-c-color) }
.l-header.header-d > span { background:none; clip-path: none; color:white; box-shadow:0 0 0.2rem black; line-height:1.3 }
.l-header.header-e > span { background:var(--header-e-bg); color:var(--header-e-color) }
.l-header.header-lg > span { font-size:1.5rem; padding:0.5rem 3rem }
.l-header.header-sm > span { font-size:1rem }
.l-header.header-shadow { filter:drop-shadow(0 0 0.5rem black) }


.l-button { /*filter:drop-shadow(0 0 0.3rem rgba(0,0,0,0.5));*/ line-height: 1.1; font-size:1rem; cursor:pointer; text-decoration:none }
.l-button > span { margin:0; display:inline-block; text-align:center; padding:1rem 3rem; color:black; text-decoration:none; background:var(--btn-bg);
	/*clip-path: polygon(0 0, 0.5rem 50%, 0 100%, 100% 100%, calc(100% - 0.5rem) 50%, 100% 0% );*/
	border-radius:1rem;
	box-shadow:8px 10px 20px 1px #dddddd, -10px -5px 16px 0 white, inset 10px 10px 50px #eaeaea;
	border:1px solid rgba(0,0,0,0.1)
}
.l-button:hover > span { color:var(--color1); text-shadow:0 0 0.5rem rgba(0,0,0,0.1); }
.l-button.button-b > span { background:var(--btn-b-bg); color:var(--btn-b-color) }
.l-button.button-b2 > span { background:var(--btn-b2-bg); color:var(--btn-b2-color); box-shadow:none;}

.l-button.button-b:hover > span { background:var(--btn-b-hover-bg); color:var(--btn-b-hover-color); box-shadow:none; }
.l-button.button-b2:hover > span { background:var(--btn-b2-hover-bg); color:var(--btn-b2-hover-color) }
.l-button.button-c > span { background:var(--btn-c-bg); color:var(--btn-c-color); box-shadow:0 0 1rem #a7a7a7 }
.l-button.button-c:hover > span { background:var(--btn-c-hover-bg); color:var(--btn-c-hover-color) }

.l-button.button-ls > span { background:white; color:var(--btn-b2-color); box-shadow:none; padding:1em}
.l-button.button-ls:hover > span { background:white; color:var(--btn-b2-hover-color) }

.l-button.button-d > span { background:var(--btn-d-bg); color:var(--btn-d-color); box-shadow:none;  }
.l-button.button-d:hover > span { background:var(--btn-d-hover-bg); color:var(--btn-d-hover-color) }

.l-button.button-e > span { background:var(--btn-e-bg); color:var(--btn-e-color); box-shadow:none;  }
.l-button.button-e:hover > span { background:var(--btn-e-hover-bg); color:var(--btn-e-hover-color) }

.l-button.button-lg > span { font-size:1.5rem; padding:0.5rem 3rem }
.l-button.button-effect1 > span { animation: buttonEffect1 2s infinite ease-out }
.l-button .icon-ls { background:url('/assets/icons/logo-600.png') no-repeat center center; background-size:contain; width:1em; height:1em; display:inline-block; vertical-align:middle; transform:scale(1.5); margin-right:1em; }

.l-button.button-block { display: block }
.l-button.button-block > span { width:100% }

.button-shadow > span { box-shadow:0 0 2rem black !important; }

.l-button2 {
	position: relative;
	top: 0;
	left: 0;
	width: 250px;
	height: 50px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#111111;
}
.l-button2 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: white;
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 30px;
	padding: 10px;
	letter-spacing: 1px;
	text-decoration: none;
	overflow: hidden;
	color: #fff;
	font-weight: 400;
	z-index: 1;
	transition: 0.5s;
	backdrop-filter: blur(15px);
}
.l-button2:hover a {
	letter-spacing: 3px;
}
.l-button2 a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: linear-gradient(to left, rgba(255, 255, 255, 0.05), transparent);
	transform: skewX(45deg) translate(0);
	transition: 0.5s;
	filter: blur(0px);
}
.l-button2:hover a::before {
	transform: skewX(45deg) translate(200px);
}
.l-button2::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
	bottom: -5px;
	width: 30px;
	height: 10px;
	background: #f00;
	border-radius: 10px;
	transition: 0.5s;
	transition-delay: 0.1s;
}
.l-button2:hover::before  {
	bottom: 0;
	height: 50%;
	width: 80%;
	border-radius: 30px;
}

.l-button2::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
	top: -5px;
	width: 30px;
	height: 10px;
	background: #f00;
	border-radius: 10px;
	transition: 0.5s;
	transition-delay: 0.1s;
}
.l-button2:hover::after {
	top: 0;
	height: 50%;
	width: 80%;
	border-radius: 30px;
}
.l-button2:nth-child(1)::before,
.l-button2:nth-child(1)::after {
	background: #ff1f71;
	box-shadow: 0 0 5px #ff1f71, 0 0 15px #ff1f71, 0 0 30px #ff1f71,
	0 0 60px #ff1f71;
}

.l-button2 .x-arrow { display:inline-block; width:2rem; height:2rem; position:absolute; z-index:1; right:0; top:0; pointer-events:none; color:lime; text-shadow:1px 1px 1px black; font-size:4rem; }
.l-button2 .x-arrow:after { content: "\f245"; font-family:"Font Awesome 6 Free"; font-weight:900; transform:rotate(230deg) }


.button-arrow { position:relative }
.button-arrow .x-arrow { display:inline-block; width:2rem; height:2rem; position:absolute; z-index:1; right:0; top:50%; pointer-events:none; color:lime; text-shadow:1px 1px 1px black; font-size:4rem; animation:pulsationEffect 1s infinite; }
.button-arrow .x-arrow:after { content: "\f245"; font-family:"Font Awesome 6 Free"; font-weight:900; transform:rotate(230deg) }

.l-button-intro { display:block; padding:1rem; background:var(--color-logo2); color:white; max-width: fit-content; margin:0 auto; border-radius:1rem; box-shadow: 8px 10px 20px 1px #dddddd, -10px -5px 16px 0 white; border: 1px solid rgba(0, 0, 0, 0.1); text-decoration: none }
.l-button-intro:hover { color:white; box-shadow: 8px 10px 20px 1px gray; }

app-audio .x-arrow,
.l-audio-play-link .x-arrow { display:inline-block; width:2rem; height:2rem; position:absolute; z-index:1; left:25px; top:36px; pointer-events:none; color:lime; text-shadow:1px 1px 1px black; font-size:4rem; }
app-audio .x-arrow:after,
.l-audio-play-link .x-arrow:after { content: "\f245"; font-family:"Font Awesome 6 Free"; font-weight:900; transform:rotate(230deg) }
.l-audio-play-link .x-arrow { top:-6px }

.l-link { position:relative }
.l-link .x-arrow { display:inline-block; width:2rem; height:2rem; position:absolute; z-index:1; left:100%; top:0; pointer-events:none; color:lime; text-shadow:1px 1px 1px black; font-size:4rem; }
.l-link .x-arrow:after { content: "\f245"; font-family:"Font Awesome 6 Free"; font-weight:900; transform:rotate(230deg) }

@keyframes buttonEffect1 {
	0% { padding-left: 3rem; padding-right: 3rem; }
	50% { padding-left: 2.5rem; padding-right: 2.5rem; }
	100% { padding-left: 3rem; padding-right: 3rem; }
}

.l-block { position:relative; border-radius:1rem; max-width:900px; margin:auto }
.l-block.block-noimage { padding-top:1rem !important; }
.l-block.block-imageonly { padding:0 !important; }
.l-block .x-img { background-repeat:no-repeat; background-position: center center; background-size: cover; aspect-ratio: 1 }
.l-block .x-header-top { z-index:2; position:absolute; left:0; top:0; width:100%; text-align:center; transform:translateY(-50%) }
.l-block .x-header-top2 { z-index:2; position:absolute; left:0; top:0; width:100%; text-align:center; transform:translateY(150%) }
.l-block .x-header-top3 { z-index:2; position:absolute; left:0; top:25%; width:100%; text-align:center;  }
.l-block .x-header-bottom { z-index:2; position:absolute; left:0; bottom:0; width:100%; text-align:center; transform:translateY(50%)  }
.l-block .x-header-bottom2 { z-index:2; position:absolute; left:0; bottom:0; width:100%; text-align:center; transform: translateY(-100%) }
.l-block .x-header-middle { z-index:2; position:absolute; left:0; top:50%; width:100%; text-align:center; transform: translateY(-50%) }
.l-block .x-title { text-align:center; margin:2rem 0 2rem 0; font-weight:bold; line-height:1.2 }
.l-block.block-bg3 .x-title { text-shadow:1px 1px 2px white;}
.l-block .x-title .x-because { display:block; font-weight: lighter; font-size:1rem }
.l-block .x-title .flip { display:inline-block; font-weight: bold; animation: flip 4s infinite; text-shadow:0 0 1rem gray; font-size:1rem }
.l-block .x-body { text-align:center; margin:1rem }
.l-block .x-body .x-text { max-width:600px; margin:auto }
.l-block .x-button { margin:2rem auto; cursor:pointer }
.l-block .x-img { position:relative }
.l-block .x-img-title { position:absolute; width:100%; bottom: 1rem; text-align:center; color:white; text-shadow:0 0 0.5rem black; font-size:2rem; line-height:1.2; padding:0 1rem; font-weight:bold; font-family: var(--font2) }
.l-block .x-img-title2 { position:absolute; width:100%; bottom: 0; text-align:center; transform: translateY(+50%); }
.l-block .x-img-title2 b { color:black }

@keyframes flip {
	0% { transform: scaleX(1) }
	20% { transform: scaleX(-1) }
	80% { transform: scaleX(-1) }
	100% { transform: scaleX(1) }
}

.l-block .x-more { padding:1rem; border-radius:0.5rem; margin-left:auto; margin-right:auto; max-width:700px; font-size:0.9rem }
.l-block.block-expanded-false .x-more { height:0; padding:0; overflow:hidden; opacity:0 }
.l-block.block-expanded-true .x-more { height:auto; padding:1rem; border-radius:1rem; box-shadow:0px 0.2rem 0.5rem 0.1rem rgba(0, 0, 0, 0.1); transition:opacity 1s; transform:translateY(var(--translate-top, -1.5rem)); padding-top:3rem; position:relative; z-index:1 }
.l-block.block-expanded-true .x-body {  }
.l-block.block-expanded .x-button { margin:0 }
.l-block.block-expanded .l-button { position:relative; z-index:2; border-radius:1rem }
.l-block.block-expanded .l-button > span { width:100%; max-width:500px; }

/*.l-block .x-more.ng-hide { opacity:0 }*/
/*.l-block .x-more:not(.ng-hide) { transition:0.5s all; opacity:1; }*/


.l-img { display:block; background:no-repeat center center; background-size:cover; border-radius:0.5rem; aspect-ratio:4/3; margin:0 auto }
.l-img.img-cf { background-image: url('../images/desktop/ls-cf.jpg?asset6'); aspect-ratio:1600/426 }
.l-img.img-heatmap { background-image: url('../images/desktop/ls-heatmap.jpg?asset6'); aspect-ratio:1600/426 }
.l-img.img-app-screens { background-image: url('../images/desktop/ls-app-screens.png?asset6'); aspect-ratio:919/552 }
.l-img.img-lei { background-image: url('../images/desktop/ls-lei.jpg?asset6'); aspect-ratio:1600/426 }
.l-img.img-book { margin:0 auto; aspect-ratio:1; max-width:100%; width:200px; background-size:cover; background: url('../images/desktop/ls-book.webp') no-repeat center center; text-align:center }
.l-img.img-chart-pl { background-image:url('../images/desktop/ls-chart-pl.jpg'); aspect-ratio:772/430 }
.l-img.img-app-chart1 { background-image:url('../images/desktop/guide/ls-app-chart1.webp'); aspect-ratio:700/525 }
.l-img.img-app-heatmap { background-image:url('../images/desktop/guide/ls-app-heatmap-en.webp'); aspect-ratio:700/525 }
.l-img.img-app-weekreports { background-image:url('../images/desktop/guide/ls-app-raporty.webp'); aspect-ratio:700/525 }
.l-img.img-quotations { margin:0 auto; aspect-ratio:700/185; max-width:100%; background-size:cover; background: url('../images/desktop/ls-quotations.jpg') no-repeat center center; text-align:center }
/*.l-img.img-app { margin:0 auto; aspect-ratio:700/436; max-width:400px; background:center center no-repeat; background-size:cover; background-image:url('../images/desktop/ls-app.png'); text-align:center }*/
.l-img.img-app { margin:0 auto; aspect-ratio:1265/1046; max-width:100%; background: url('../images/desktop/ls-top1.webp?b') no-repeat center center; background-size:cover; text-align:center }
.l-img.img-heatmap { aspect-ratio:4/3; background-image:url('../images/desktop/guide/ls-app-heatmap.webp?asset6') }

/*.l-start { position:relative; display:flex; justify-content: center; align-items: center; width:100%; min-height:100vh; padding-top:20vh; flex-direction: column; background:url('../images/mobile/start-black.webp?2') no-repeat center center; background-size: cover }*/
/*.l-start .x-logo { position:absolute; top:2rem; left:0; right:0; width:100%; display:block; background:url('../images/logo.webp?asset6') no-repeat center center; background-size: contain; height:5vh; filter:drop-shadow(2px 4px 6px black) }*/
/*.l-start .x-langs { !*display:flex; justify-content: center; align-items: center; flex-direction: column; *!margin-top: 7rem; text-align:center }*/
/*.l-start .x-lang { display:inline-block; margin:0.5rem 1rem; padding:1rem 2rem; box-shadow:0 0 0.5rem black }*/
/*.l-start .x-lang:hover { background:white; color:black; }*/
/*.l-start .x-lang i { display:inline-block; height:1.5em; aspect-ratio:1.5; background:no-repeat center center; background-size: contain; vertical-align: middle; margin-right:1rem }*/
/*.l-start .x-lang.lang-pl i { background-image:url('../images/flags/pl.png') }*/
/*.l-start .x-lang.lang-en i { background-image:url('../images/flags/us.png') }*/
/*.l-start .x-lang.lang-de i { background-image:url('../images/flags/de.png') }*/
/*.l-start .x-lang.lang-mk i { background-image:url('../images/flags/mk.png') }*/
/*.l-start .x-lang-1 { animation:langPulsation 2s infinite; animation-delay: 0s }*/
/*.l-start .x-lang-2 { animation:langPulsation 2s infinite; animation-delay: 0.6s }*/
/*.l-start .x-lang-3 { animation:langPulsation 2s infinite; animation-delay: 1.2s }*/
/*.l-start > div { z-index:1 }*/
/*.l-start .x-col2 { !*margin-bottom:4rem;*! z-index:3 }*/
/*.l-start .x-col2 .x-text { text-align: center; margin:auto; font-size:10vw; color:white; text-shadow:1px 1px 1rem black; font-weight: bold; font-family: var(--font2); line-height:1.1 }*/
/*.l-start:after { animation:gradientAnimation 5s infinite; animation-timing-function: ease-in-out; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background: radial-gradient(closest-side, transparent, black); background-size: 200% 200%; z-index:1; }*/

@keyframes pulsationEffect { 0% { transform: scale(1); } 50% {transform: scale(var(--pulsationScale, 1.2)); } 100% { transform: scale(1); } }

@keyframes gradientAnimation {
	0% { background-position: 50% 50%; }
	25% { background-position: 40% 10%; }
	50% { background-position: 10% 50%; }
	75% { background-position: 10% 30%; }
	100% { background-position: 50% 50%; }
}

/* TOP NAVBAR */
.navbar { background-color: var(--navbar-bg); font-weight: 600; font-size: 0.875rem; line-height: 0.875rem;
	/*background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,0.05) 10%,rgba(0,0,0,0.05) 20%,transparent 20%,transparent 25%,transparent 30%);*/
}
.navbar .container { padding:4px 0; }
.navbar .navbar-brand { padding-top: 0.125rem; padding-bottom: 0.125rem; }
.navbar .logo-image span { /*animation: logoEffect 3s infinite;*/ display: block; width: 250px; height: 40px; background:url('../images/logo.webp?asset6') no-repeat left center; background-size: contain; }
.navbar.top-nav-collapse { /*box-shadow:0 0 10px gray;*/ }
.navbar.top-nav-collapse .logo-image span { /*background-image: url('../images/logo2.webp');*/ }
.navbar.top-nav-collapse .nav-item .nav-link { color:var(--navbar-collapse-link-color) }
.navbar .logo-text { color: #002e8a; font-size: 2rem; line-height: 1rem; text-decoration: none; text-shadow:0 0 3px white; display:flex; flex-wrap:nowrap; font-weight:bold; }
.navbar-light .navbar-toggler { color:var(--navbar-toggle-color1); margin-right:1rem; }
.top-nav-collapse.navbar-light .navbar-toggler { color:var(--navbar-toggle-color2); }
.navbar .logo-text span { color:#A6A6A6; display:inline-block; margin:0; padding:0; }
.navbar:not(.top-nav-collapse) .logo-text span { color:white !important; text-shadow:none; }
.navbar.top-nav-collapse { background-color: var(--navbar-collapse-bg);}
.offcanvas-collapse { position: fixed; top: 66px; bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; background-color: var(--navbar-collapse-bg); transition: visibility .3s ease-in-out }
.offcanvas-collapse.open { visibility: visible; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.navbar .navbar-nav { margin-top: 0.75rem; margin-bottom: 0.5rem; }
.navbar .nav-item .nav-link { padding-top: 1rem; padding-bottom: 1rem; color: var(--navbar-link-color); text-decoration: none; transition: all 0.2s ease; margin-left:3px; }
.navbar .nav-item.dropdown.show .nav-link,
.navbar .nav-item .nav-link:hover,
.navbar .nav-item .nav-link.active { color: var(--navbar-link-color-hover) !important;  border-radius:0.1rem;}
.navbar.top-nav-collapse .nav-item.dropdown.show .nav-link,
.navbar.top-nav-collapse .nav-item .nav-link:hover,
.navbar.top-nav-collapse .nav-item .nav-link.active { background:transparent; color:white; }
.navbar .dropdown .dropdown-menu { animation: fadeDropdown 0.2s; }
.navbar .dropdown-menu { margin-top: 0.5rem; margin-bottom: 0.5rem; border: none; background-color: #eeeeee; }
.navbar .dropdown-item { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6b747b; font-weight: 600; font-size: 0.875rem; line-height: 0.875rem; text-decoration: none; }
.navbar .dropdown-item:hover { background-color: #f1f9fc; color: #ff6e84; }
.navbar .dropdown-divider { width: 100%; height: 1px; margin: 0.5rem auto 0.5rem auto; border: none; background-color: #d4dce2; }
.navbar .app-store-icons { display: block; }
.navbar .app-store-icons a { text-decoration: none; }
.navbar .fab { color: #002e8a; font-size: 1.25rem; transition: all 0.2s ease; }
.navbar .fab:hover { color: #86d45f; }
.navbar .fa-apple { margin-right: 0.375rem; }
.navbar .navbar-toggler { padding: 0; border: none; font-size: 1.7rem; color:rgba(255,255,255,0.5) }
.navbar .navbar-toggler:focus { box-shadow:none }
.navbar .x-btn-highlight2 { border:1px solid var(--color2); animation:btnPulsation3 1s infinite }
@keyframes btnPulsation3 { 0% { background:transparent; } 50% { background: #f6b53d; color:black; } 100% { background:transparent } }

@keyframes fadeDropdown { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes logoEffect {
	0% {
		transform: translate(1px, 1px) rotate(0deg);
	}
	5% {
		transform: translate(-1px, -2px) rotate(-1deg);
	}
	10% {
		transform: translate(-3px, 0px) rotate(1deg);
	}
	15% {
		transform: translate(3px, 2px) rotate(0deg);
	}
	20% {
		transform: translate(1px, -1px) rotate(1deg);
	}
	25% {
		transform: translate(-1px, 2px) rotate(-1deg);
	}
	30% {
		transform: translate(-3px, 1px) rotate(0deg);
	}
	35% {
		transform: translate(3px, 1px) rotate(-1deg);
	}
	40% {
		transform: translate(-1px, -1px) rotate(1deg);
	}
	45% {
		transform: translate(1px, 2px) rotate(0deg);
	}
	50% {
		transform: translate(1px, -2px) rotate(-1deg);
	}
}
/* //TOP NAVBAR */

/* FOOTER */

.l-logo2 a,
.l-logo a { display:block; height:60px; width:200px; background:url('../images/logo.webp?asset6') no-repeat left center; background-size:contain; margin: auto auto 0; }
.l-logo2 a { background-image:url('../images/logo2.webp?asset6'); }

footer { background:#010101; color:#aaaaaa; position:relative; z-index:2 }
footer > div { min-height:300px; padding:2rem 1rem 1rem 1rem; background:var(--navbar-bg); }
footer li { margin-top:1rem }
footer a { text-decoration: none; color:#aaaaaa; }
footer a:hover { text-decoration: underline; color:white; }
footer .x-copyright { color:#666666; line-height:1.1 }
footer .x-follow { line-height:1.1; text-align:center; margin-top:2rem; font-size:0.9rem; color:white; }
footer .x-follow a { text-decoration: none; display: inline-block; margin-left:0.8em; color:white }
footer .x-follow a:hover { color:var(--color1)}
footer .x-logo a { display:block; height:60px; width:200px; background:url('../images/logo.webp?asset6') no-repeat left center; background-size:contain; margin-bottom:0 }
footer .x-btn-highlight1 { padding:0.5em; border:1px solid var(--color2); animation:btnPulsation2 1s infinite }
@keyframes btnPulsation2 { 0% { background:transparent; } 50% { background: #f6b53d; color:black; } 100% { background:transparent } }
/* //FOOTER */

.l-contact-form { max-width:80%; margin: 3rem auto auto; }
.l-contact-form .form-control { border-radius:1rem; margin-bottom:1rem }
.l-contact-form .x-text { text-align:center; margin-bottom:1rem }
.l-contact-form .x-button { border-radius:1rem; border:none; background:#585858; color:white; display:block; width:100%; padding:0.5rem 1rem; text-align:center; text-decoration:none; }
.l-contact-form .x-button:hover { color:white; }
.l-contact-form .x-privacy { line-height:1; text-align:left; margin:0 1rem 1rem 1rem; display:flex;  }
.block-contactform .l-button2 a { color:#111111 }
.block-contactform .l-button > span { border:1px solid #111111 }
.l-block.block-bg2.block-contactform .x-more { border: none; box-shadow: none; padding: 1rem; background: #dddddd; }

.block-video video,
.block-video iframe { display:block; width:100%; aspect-ratio:16/9; border-radius:1rem; /*box-shadow:15px 15px 1rem 0px #a9a9a9 -15px -15px 1rem 0px white;*/ outline:0.2rem solid #2c536e }
.block-linkedin a { text-decoration:none; text-align: center; display:block }
.block-linkedin .x-linkedin { display:flex; font-size:1rem; justify-content: center;align-items: center; line-height: 1; color:black; text-decoration: none; margin:2rem 0 0 0; padding:0 2rem }
.block-linkedin .x-linkedin:hover { color:var(--color-logo2) }
.block-linkedin .x-linkedin i.fa-linkedin { font-size:4.5rem; }

.block-bg2 video,
.block-bg2 iframe { box-shadow:0 0 1rem black; outline:0.2rem solid #0000003b }

.block-articles a { color:#aaaaaa }

	/*.l-jumbo { position:relative; display:flex; height:calc(100vh - 50px); color:white; line-height:1; }*/
/*.l-jumbo .x-wrapper { position:relative; z-index:2; height:100%; width:100%; display:flex; flex-direction: column; align-items: center }*/
/*.l-jumbo .x-label { position:absolute; bottom:0; transform:translateY(-100%); height:12vw; width:100%; background:url('../images/ministry1.webp?asset6') no-repeat center center; background-size:contain; filter:drop-shadow(0 0 0.5rem black)   }*/
/*.l-jumbo .x-text { text-align:center; margin:auto; font-size:12vw; font-weight: bold; font-family: var(--font2); line-height:1.1; text-shadow: 0 0 1rem black  }*/
/*.l-jumbo .x-text .color2 { font-weight:normal }*/

/*.l-jumbo app-slider { display:block; position:absolute; left:0; top:0; z-index:1; height:100%; width:100%; overflow:hidden }*/
/*.l-jumbo .l-slider { width:100vw; height:100vh }*/
/*.l-jumbo .swiper-slide { background:url('../images/mobile/jumbo-slider1.webp?asset6') no-repeat center center; background-size: cover }*/
/*.l-jumbo .swiper-wrapper { width:100vw }*/
/*.l-jumbo .x-slide2 { background-image: url('../images/mobile/jumbo-slider2.webp?asset6') }*/
/*.l-jumbo .x-slide3 { background-image: url('../images/mobile/jumbo-slider3.webp?asset6') }*/

/*.l-block.block-video { padding:0; margin:0 0 4rem 0 }*/
/*.l-block.block-video video { display:block; width:100%; height:100vh; aspect-ratio:540/960; object-fit: cover; object-position: center center; margin:0 auto; }*/
/*.l-block.block-video .x-col1, .l-block.block-video .x-col3 { display:none }*/

/*.l-opinions { position:relative; padding-top:2rem }*/
/*.l-opinions .swiper-pagination-bullet-active { background:black }*/
/*.l-opinion .x-header { text-align:center; color:var(--color1); }*/
/*.l-opinion .x-spark1 { animation: spark1 2s infinite; }*/
/*.l-opinion .x-spark2 { animation: spark2 2.5s infinite; font-size:200%; }*/
/*.l-opinion .x-spark3 { animation: spark2 3s infinite; }*/
/*.l-opinion .x-author { text-align:center; color:var(--color2); margin-top:1rem }*/
/*.l-opinion .x-text { margin:0 1rem; margin-bottom:4rem; margin-top:1rem; text-align:center  }*/

/*@keyframes spark1 {  0% { transform:rotate(0deg); }  50% { transform:rotate(20deg); }  100% { transform:rotate(0deg); }  }*/
/*@keyframes spark2 {  0% { transform:rotate(0deg); } 33% { transform:rotate(-20deg); } 67% { transform:rotate(20deg); } 100% { transform:rotate(0deg); }  }*/
/*@keyframes spark3 {  0% { transform:rotate(0deg); }  50% { transform:rotate(20deg); }  100% { transform:rotate(0deg); }  }*/

.l-block-faq { background:rgba(0,0,0,0.9); color:white; padding:2rem 0 3rem 0; margin-top:5rem; position:relative; }
.l-block-faq .x-top-header { position:absolute; left:0; top:0; width:100%; transform: translateY(-50%); text-align:center; }
.l-block-faq .x-h { margin-bottom:2rem }
.l-faq-item { margin:0 auto 0 auto; display:block; padding:0.5em 0; }
.l-faq-item .x-nr { opacity:0.2; display: none }
.l-faq-item + .l-faq-item .x-faq-title { border-top:1px solid rgba(255,255,255,0.2) }
.l-faq-item .x-faq-title { font-size:1rem; margin:0 auto; padding:1rem 0 0 0; line-height:1.5; display:block; font-weight:normal; color:#b2b2b2; max-width:80% }
.l-faq-item .x-faq-title b { /*color:var(--color2)*/ }
.l-faq-item .x-faq-title .x-ask { display:none; color:var(--color1); font-size:80%; opacity:1 }
.l-faq-item .x-faq-title:hover { cursor:pointer; color:var(--color1); text-decoration:underline }
.l-faq-item .x-faq-title:hover .x-ask { animation:faqPulsation 1s infinite; color:var(--color2); opacity:1 }
.l-faq-item.show-content-false:hover { cursor:pointer; }
.l-faq-item.show-content-true { padding: 1rem; border-radius:0.5rem; border: 1px solid #444444; background:white; color:black; margin: 0 auto;  }
.l-faq-item.show-content-true .x-faq-title { font-weight:bold }
.l-faq-item.show-content-true .x-faq-title a .x-ask { display:none }
.l-faq-item .x-faq-content { font-size:1rem; line-height:1.2; margin-top:0.5em; }
.l-faq-item .x-faq-content b { color: black }
.l-faq-item .x-faq-content a { color: black; text-decoration:underline }
.l-faq-item .x-faq-content u { font-weight:bold; color: #a1590a; text-decoration:none; background:#eeeeee }
.l-faq-item .x-faq-content ul { text-align: left }
.l-faq-item .x-faq-content li + li { margin-top:1rem }
.l-faq-item.show-content-false .x-faq-content { display:none }
@keyframes faqPulsation { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } }

/*.l-video { position:relative; aspect-ratio:1; margin:1rem 0 3rem 0; display:flex; justify-content: center; align-items: center; border:1rem solid var(--color-yt); box-shadow:1px 1px 1rem black }*/
/*.l-video a { height:100%; width:100%; display:flex; justify-content: center; align-items: center; background:url('../images/video.webp?asset6') no-repeat center center; background-size: cover; text-decoration:none; color:red }*/
/*.l-video a .x-icon { font-size:8rem; animation:videoPulsation 1s infinite }*/
/*.l-video .x-text { position:absolute; bottom:10%; left:0; width:100%; color:white; text-shadow:1px 1px 1px black; text-align:center; font-size:2rem; line-height:1; font-weight:bold; font-family: var(--font2) }*/
/*@keyframes videoPulsation { 0% { transform: scale(1); } 50% {transform: scale(1.2); } 100% { transform: scale(1); } }*/


.l-contact { display:flex; padding:5rem 0; justify-content: center; align-items: center; }
.l-contact .x-btn-contact { animation:btnPulsation 1s infinite; animation-timing-function: ease-in-out; box-shadow:0 0 0 0.5rem #77b59882}
@keyframes btnPulsation { 0% { transform: scale(1); } 50% {transform: scale(1.5); } 100% { transform: scale(1); } }


.l-cookies { box-shadow:0 0 0.1rem black; position:fixed; bottom:1rem; left:1rem; right:1rem; display:flex; flex-direction:column; justify-content:center; align-items: center; border:3px; background:white; padding:1rem; z-index:1000 }
.l-cookies:hover { background:white }
.l-cookies .x-text { font-size:0.6rem; line-height:1.1 }
.l-cookies .x-button { margin-top:0.1rem; white-space: nowrap }
.l-cookies a { color:black }
.l-cookies .x-icon { color: #ffd7ac; position:absolute; bottom: 0.1em; left: 0.1em; font-size: 8rem; z-index:-1 }

app-scroll-top { display:none }
app-scroll-top a.back-to-top { position: fixed; z-index: 999; right: 2rem; bottom: 2rem; /*display: none;*/ height: 42px; width:42px; border-radius:50%; background:black; border:2px solid white; color:white; font-size:30px; line-height:42px; text-align:center; }
app-scroll-top a:hover.back-to-top { background-color: #000000; }

app-scroll-top a.back-to-top { display:none !important; }

/*.l-distributor { background:white; box-shadow:0 0 0.5rem #dddddd; margin-bottom:1rem; padding-bottom:2rem; overflow:hidden }*/
/*.l-distributor .x-image { display:block; font-weight:bold; aspect-ratio:3; background:no-repeat center center; background-size:contain; }*/
/*.l-distributor .x-name { font-weight:bold; }*/
/*.l-distributor.distributor-szwalnia-ogrodowa .x-image { aspect-ratio:3; background-image:url('../images/partners/szwalnia-ogrodowa.webp?asset6'); }*/
/*.l-distributor.distributor-optigarden .x-image { aspect-ratio:4; margin:5% 10% 0 10%; background-image:url('../images/partners/optigarden.webp?asset6'); }*/

.l-block.block-bg { background:white; padding:0 0 1rem 0; margin:1rem;
	box-shadow: var(--shadow-size) var(--shadow-size) 2rem 1px #dddddd, calc(-1 * var(--shadow-size)) calc(-1 * var(--shadow-size)) 2rem 1px white, inset 1rem 1rem 3rem #eaeaea;
	border: 3px solid white;
}

.l-block.block-button-top { margin-top:0; margin-bottom:0 }
.l-block.block-button-top h3 .l-button > span { line-height:1.3 }
.l-block .x-subtext { margin-left:0.5em; margin-bottom:1rem; padding:0.1rem 0 0.1rem 0.5rem; border-left:0.5rem solid rgba(0,0,0,0.1); }
.l-block .x-subtext2 { background: white; padding:1rem; border-radius:0.5rem; border:none }
.l-block .x-subtext > p:last-child { margin-bottom:0 }
.l-block .x-subtext ul { padding-left:2rem; }
.l-block .x-subtext li { padding-left:1rem; }
.l-block .x-subtext .ul-style4 li { padding-left:0 }

.block-shadow { box-shadow: var(--shadow-size) var(--shadow-size) 2rem 1px #dddddd, calc(-1 * var(--shadow-size)) calc(-1 * var(--shadow-size)) 2rem 1px white, inset 1rem 1rem 3rem #eaeaea; }



.l-block.block-bg2,.l-block.block-bg2b {
	background:#ad055e;
	color:white;
	box-shadow: 15px 15px 15px 0 #a9a9a9, -15px -15px 15px 0 white;
	border: 3px solid #a90059;
	background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,0.05) 10%,rgba(0,0,0,0.05) 20%,transparent 20%,transparent 25%,transparent 30%) !important
}
.l-block.block-bg2 .x-more,
.l-block.block-bg2b .x-more { background:white; color:#333333; margin:auto; max-width:700px; padding:2rem; box-shadow:0 0 1rem black }

.l-block.block-bg2b {
	background:var(--color-logo1);
	border: 3px solid var(--color-logo1);;
}


.l-block.block-bg3 { background:transparent; color:#333333; box-shadow: none; border: none; }
.l-block.block-bg3 .x-more { background:var(--color-logo1); color:white; margin:auto; max-width:700px; padding:2rem; box-shadow:18px 20px 20px 0 #a9a9a9, -20px -11px 14px 0 white }
.l-block.block-bg3 .x-more .x-title u { color:#eeeeee }
.l-block.block-bg4 .x-more { background:white; color:#333333; margin:auto; max-width:700px; padding:2rem; box-shadow:0 0 1rem black }
.l-block.block-bg4 { background:var(--color-logo1); color:white; }

/*.l-block.block-bg2 {*/
/*	background:#ad055e;*/
/*	color:white;*/
/*	box-shadow: 15px 15px 1rem 0px #a9a9a9, -15px -15px 1rem 0px white;*/
/*	border: 3px solid #a90059;*/
/*	background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,0.05) 10%,rgba(0,0,0,0.05) 20%,transparent 20%,transparent 25%,transparent 30%) !important*/
/*}*/


.l-block.block-bg5 { background: none; box-shadow: none; border:none}
.l-block.block-bg5 .x-more { background:white; padding:2rem 1rem; border-radius:0.5rem }
.l-block.block-bg5 .x-more > p:last-child { margin-bottom:0 }



.l-block.block-bg-blue { z-index:2; background:var(--color-logo1); color:white; border:none; box-shadow:var(--shadow-size) var(--shadow-size) 2rem 1px #dddddd, calc(-1 * var(--shadow-size)) calc(-1 * var(--shadow-size)) 2rem 1px white; }
.l-block.block-bg-blue .color-logo1 { color:#b8e4ff }
.l-block.block-bg-blue .l-button.button-b > span { box-shadow:8px 10px 20px 1px #121a20, -10px -5px 16px 0 #2d5570, inset 10px 10px 50px #e3e3e3 }
.l-block.block-bg-blue .l-button.button-b:hover > span { box-shadow:none }
.l-block.block-bg-blue .l-face { box-shadow:1px 1px 1rem black }
.l-block.block-bg-blue a { color:white }

.l-block.block-bg-pink { z-index:2; background:var(--color-logo2); color:white; border:none; box-shadow:var(--shadow-size) var(--shadow-size) 2rem 1px #dddddd, calc(-1 * var(--shadow-size)) calc(-1 * var(--shadow-size)) 2rem 1px white; }
.l-block.block-bg-pink .color-logo1 { color:#b8e4ff }
.l-block.block-bg-pink .l-button.button-b > span { box-shadow:8px 10px 20px 1px #121a20, -10px -5px 16px 0 #2d5570, inset 10px 10px 50px #e3e3e3 }
.l-block.block-bg-pink .l-button.button-b:hover > span { background:var(--color-logo1); box-shadow:none }
.l-block.block-bg-pink .l-face { box-shadow:1px 1px 1rem black }
.l-block.block-bg-pink a { color:white }

.l-block.block-nobg { margin:auto; padding:1rem; background:transparent; box-shadow:none; border:none }

.l-block.block-whatisit { margin-top:56px; background:none; box-shadow: none; border:none; /*text-shadow:1px 1px 1px white*/ }
.l-block.block-whatisit .x-body { margin:0 }
.l-block.block-whatisit-image { border:1rem solid #ad055e; outline: 1rem solid rgba(173, 5, 94, 0.1)}
.l-block.block-whatisit-image .x-img { aspect-ratio: 16/9; background-size:contain; background: url('../images/desktop/ls-raporty.jpg?asset6') no-repeat center bottom; border-radius:1rem }

.l-block.block-whatisit ul,
.l-block.block-whatisit ol { display:inline-block; margin:auto; text-align: left }
/*.l-block.block-whatisit ul { text-align:left; text-decoration:none; line-height:1.5; list-style-type:none; max-width:900px; margin:auto; padding-left:2em; }*/
/*.l-block.block-whatisit ul li { margin-bottom:2rem; position:relative; line-height:1.2 }*/
/*.l-block.block-whatisit ul li app-audio { position:absolute; top: 0.8em; left: -40px; }*/

.l-block.block-whatisit .ul-keys { display:inline-block; }
.l-block.block-whatisit .ul-keys .x-keyword { display:inline-flex; font-size:1.1rem; padding:0.1em 0.5em 0.1em 1.2em; border-radius:0 0.5em 0.5em 0.5em; margin-bottom:0.5em; background:var(--color-audio); color:white; margin-left:-15px; margin-top:2px }
.l-block.block-whatisit .ul-keys .x-content { font-size:1rem }

.l-block.block-whatisit .l-block.block-reports { margin:0 -1rem; }

.l-block.block-reports { background:var(--color-logo1); color:white; box-shadow:none }
.l-block.block-reports .x-image-wrapper { background:white; margin:2rem -1rem 1rem -1rem; padding:1rem 0; color:#333333; opacity:0.9; }
.l-block.block-reports .l-img { background-color:white; border-radius:0; margin:0 1rem }
.l-block.block-reports a { color:rgba(255,255,255,0.9); text-decoration:none }
.l-block.block-reports a:hover { color:#aaaaaa; text-decoration: underline }
.l-block.block-reports ul.ul-files { margin-left:0; padding-left:0.5rem; line-height:1.1 }
.l-block.block-reports ul.ul-files li { margin-bottom:0.5rem }


.l-box-keyword { background:#dddddd; padding:0; margin:0 -1rem 1rem -1rem; position:relative; border-radius:1rem; box-shadow:0 0 1rem gray; border:1px solid white; }
.l-box-keyword .x-nr { position:absolute; left:0.5rem; top:0.5rem; width:2rem; height:2rem; line-height:2rem; text-align:center; background:var(--color-logo2); color:white; border-radius:0.7rem 0 0.7rem 0; }
.l-box-keyword .x-audio { flex-basis:55px; max-width:55px; text-align:right; margin:0; padding-right:40px; }
.l-box-keyword .x-body { display:flex; min-height:56px; justify-content:space-between; align-items: center; }
.l-box-keyword .x-text { text-align:left; line-height:1.1; font-size:1rem }
.l-box-keyword h3 { background:white; border-radius:1rem 1rem 0 0; padding:1rem 1rem 1rem 3rem; margin:0; line-height:1.1; font-size:1rem; text-align:left; font-weight:bold;color:#333333; }

.l-block.block-image-home { margin:0 auto; padding:0; background:none; border:none; box-shadow:none }
.l-block.block-image-home .image { aspect-ratio:16/9; position:relative; }
.l-block.block-image-home .image:before,
.l-block.block-image-home .image:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:no-repeat center center; background-size:contain }
.l-block.block-image-home .image:before { animation:homeImageEffect infinite; animation-duration:4s; animation-delay:0s;  background-image: url('/assets/images/desktop/ls-image-home1a.webp?asset6') }
.l-block.block-image-home .image:after { animation:homeImageEffect infinite; animation-duration:4s; animation-delay:2s; background-image: url('/assets/images/desktop/ls-image-home1b.webp?asset6') }

@keyframes homeImageEffect {
	0% { opacity:0 }
	40% { opacity:0 }
	50% { opacity:1 }
	90% { opacity:1 }
	100% { opacity:0 }
}

.l-block.block-podcast ul { text-align:left; line-height:1.2; }
.l-block.block-podcast ul li { margin-bottom:1em; }
.l-block.block-for { padding:0 !important }
.l-block.block-for .x-body { margin:0 }
.l-block.block-for .x-button { margin:0 auto; padding:0 3rem }
.l-block.block-for .x-button a > span { width:100%; max-width:500px }
.l-block.block-for .x-button .separator { display:block; margin-bottom:0.5em }
.l-block.block-for.rotate1 { transform:rotate(2deg)}
.l-block.block-for.rotate2 { transform:rotate(-1deg)}
.l-block.block-for.rotate3 { transform:rotate(1deg)}
.l-block.block-for.rotate4 { transform:rotate(-2deg)}
.l-block.block-for.rotate5 { transform:rotate(1deg)}
.l-block.block-for.rotate6 { transform:rotate(-1deg)}
.l-block.block-for.expanded-true { transition:1s transform; transform:rotate(0deg) }
.l-block.block-whatisit .x-text1,
.l-block.block-whatisit .x-text2 { font-size:1.3rem }
.l-block.block-whatisit .x-details { font-size:0.8rem; line-height:1.2; font-style:italic; margin-top:1rem }

.l-block.block-whatisit ul.ul-files { padding-left:1rem }
.l-block.block-whatisit ul.ul-files li { margin-bottom:0.5em; font-size:1rem }
.l-block.block-whatisit ul.ul-files li .opacity50 { opacity:0.5 }

.l-block.block-webinar .x-webinar-title { color:#a4deff; text-shadow:0 0 1rem black; font-size:1.5rem; line-height:1.1; margin-bottom:2rem }
.l-block.block-webinar .x-faces { margin-bottom:1rem; font-style:italic }
.l-block.block-webinar .l-face { width:2rem; margin:0 0.5rem }
.l-block.block-webinar.block-bg-pink .x-webinar-title { color:black; text-shadow:0 0 1px white }

.l-block.expanded-true .hide-if-expanded { display:none }

/*.l-block.block-contactform { margin:1rem auto 3rem auto; transform:rotate(-2deg); position:relative; z-index:10; outline:0.3rem solid #a20a593d; box-shadow:1px 1px 1rem black; max-width:90% }*/
.l-block.block-contactform { margin:1rem auto 3rem auto; /*transform:rotate(-2deg);*/ position:relative; z-index:10; /*outline:0.3rem solid var(--color-logo1);*/ /*border-color:white;*/ /*box-shadow:1px 1px 1rem black;*/ max-width:90%; background:white; border:1px solid #dddddd }
.l-block.block-contactform.expanded-true { transition:0.5s transform; transform:rotate(0deg) }
.l-block.block-contactform h3 { text-shadow:1px 1px 1px white; color:var(--color-logo2) }
.l-block.block-contactform2 { margin-top:2rem; margin-bottom:2rem; }
.l-block.block-contactform .form-control { border-color:black; }

.l-block.block-project { background-image:none !important; background:var(--color-logo2); color:white }
.l-block.block-project h3 { color:white; text-shadow:1px 1px 1px black }
.l-block.block-project .x-more { background:white !important; }

.l-block.block-calc { background:#c9c9c9; padding:1rem 0 0.2rem 0; margin-top:2rem; background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,0.05) 10%,rgba(0,0,0,0.05) 20%,transparent 20%,transparent 25%,transparent 30%) !important  }
.l-block.block-calc .x-slider { margin:0 1rem 1rem 1rem }
.l-block.block-calc .x-title { color:white; margin:0 0 1rem 0; text-shadow:1px 1px 1px black }
.l-block.block-calc .x-body { margin-top:0 }
.l-calc3 .slider-handle { width:2rem; height:2rem; border-radius:50%; top: 50%; transform: translateY(-50%); box-shadow: 0 0 1rem black; background:white; border:0.25rem solid black; }
.l-calc3 .calc-grid { display:grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
.l-calc3 .calc-kpi { padding:1rem; border-radius:1rem; background:rgba(255,255,255,0.5) }
.l-calc3 .calc-kpi .v { font-size:2rem;font-weight:bold; line-height:1; margin-top:0.5rem; color:var(--color1) }
.l-calc3 .x-info { text-align:center; font-size:0.8rem; font-style:italic; line-height:1.2; color:rgba(0,0,0,0.4); margin-top:1rem;}
.l-calc3 .calc-kpi2 { text-align:center }
.l-calc3 .calc-kpi2 .x-arrow { font-size:2rem; color:white }
.l-calc3 .calc-kpi2 .x-ideas { font-size:3rem;line-height:1;color:black }
.l-calc3 .calc-kpi2 .x-impulses { font-size:3rem;line-height:1;color:white; text-shadow:0 0 1em black }

.l-block-training {
	background:white;
	padding:0;
	margin:1rem auto;
	box-shadow: var(--shadow-size) var(--shadow-size) 2rem 1px #dddddd, calc(-1 * var(--shadow-size)) calc(-1 * var(--shadow-size)) 2rem 1px white, inset 1rem 1rem 3rem #eaeaea;
	border: 3px solid white;
	max-width:900px;
	border-radius:1rem
}
.l-block-training .ls-training { margin:0 auto; }
.l-block-training .ls-training section { background:none; box-shadow:var(--shadow-size) var(--shadow-size) 2rem 1px #dddddd, calc(-1 * var(--shadow-size)) calc(-1 * var(--shadow-size)) 2rem 1px white, inset 1rem 1rem 3rem #eaeaea }

.l-form { max-width:600px; margin:auto; }
.l-form .form-check { padding-left:2.5rem } 
.l-form .form-check-input { width:2rem; height:2rem; margin-left:-2.5rem }

.ul-icons { list-style-type:none } 
.ul-icons li { position:relative; margin-bottom:1.5rem }
.ul-icons .icon { position:absolute; left:-1.5em; color:var(--color-logo2) }

.ul-inline-block { display:inline-block; margin:auto auto 1rem auto; text-align: left }

.ul-none { list-style-type:none; }


.ul-style1 { max-width:400px; text-align:left; display:inline-block; margin:auto auto 1rem auto }
.ul-style1 li { margin:0.5rem 0; padding:0.5rem 0.5rem 0.5rem 0.75rem; box-shadow:-1rem 0 1rem -8px rgba(0, 0, 0, 0.1); border-radius:0.5rem; border-left:1rem solid #d70b79; background:#d4127924 }
.ul-style1 li:first-child { margin-top:0 }
.ul-style1 li:last-child { margin-bottom:0 }

/*.ul-style2 li { margin:0; padding:0.5rem; }*/
/*.ul-style2 li:first-child,*/
/*.ul-style2 li + li { border-top:1px dashed gray; padding-top:0.5rem; }*/
/*.ul-style2 li:last-child { border-bottom:1px dashed gray; padding-bottom:0.5rem; }*/

.ul-style4 { max-width:500px; text-align:left; display:inline-block; margin:auto auto 1rem auto; padding:0; list-style: none; line-height: 1.2 }
.ul-style4 li { margin:0.5rem 0; padding:0.5rem 1rem 0.5rem 0; box-shadow:-1rem 0 1rem -8px rgba(0, 0, 0, 0.1); border-radius:0.5rem; border:1px solid rgba(0,0,0,0.1); }
.ul-style4 li > div { display:flex; justify-items: center; justify-content: flex-start; align-items: center;}
.ul-style4 li > div .icon { width:2em; font-size:2rem; color:var(--color-logo2); padding:0 0.5em; text-align: center; }
.ul-style4 li:first-child { margin-top:0 }
.ul-style4 li:last-child { margin-bottom:0 }

.ul-style5 { display: inline-flex; flex-direction: column; }
.ul-style5 li { text-align:left; line-height:1.2 }
.ul-style5 li + li { margin-top:1em }

.ul-li-mt-01 li + li { margin-top:0.05rem !important; padding-top:0.05rem !important; }
.ul-li-mt-05 li + li { margin-top:0.25rem !important;; padding-top:0.25rem !important; }
.ul-li-mt-1 li + li { margin-top:0.5rem !important;; padding-top:0.5rem !important; }
.ul-li-mt-2 li + li { margin-top:0.8rem !important;; padding-top:0.8rem !important; }
.ul-li-ps-2em { padding-left:2em }

.animation-pulsation { animation:pulsationEffect 1s infinite; }
.animation-none,
.animation-none > * { animation:none }

.l-face { display:inline-block; margin:0 1rem; aspect-ratio:1; background:gray; border-radius:50%; max-width:100px; width:150px; background:center center no-repeat; background-size:contain; }
.l-face.face-pmi { background-image:url('../images/desktop/img-person-pmi.webp')}
.l-face.face-ddz { background-image:url('../images/desktop/img-person-ddz.webp')}
.l-face.face-tmi { background-image:url('../images/desktop/img-person-tmi.webp')}
.l-face.face-ls { background-image:url('../images/desktop/logo-600.png')}

.l-top-details { margin:2rem 0; color:var(--color-logo1); line-height:1.2 }

.l-audio-player-native { text-align:center; margin-bottom:3rem }
.l-audio-player-native > div { }
.l-audio-player-native .x-wrapper { position:relative; display:inline-block; }
.l-audio-player-native .x-arrow { position:absolute; left:1.5rem; top:0.8rem; font-size:3rem; color:lime; cursor:pointer; /*pointer-events:none*/ }
.l-audio-player-native .x-arrow:hover { color: #08bd08 }
.l-audio-player-native .x-arrow .x-icon { animation:pulsationEffect 1s infinite; display:inline-block;}
.l-audio-player-native .x-arrow i { display:inline-block; width:3rem; height:3rem; line-height:3rem; font-size:3rem; text-align:center; transform:rotate(350deg); text-shadow:0 0 0.5rem black }
.l-audio-player-native .x-arrow .x-text { /*cursor:pointer; */position:absolute; bottom:1rem; color:lime; text-shadow:1px 1px 1px black; font-size:0.9rem; white-space:nowrap; line-height:1; /*pointer-events: visible */}
.l-audio-player-native + .l-audio-player-native { margin-top:3rem }
.l-audio-player-native .x-timeline > div { cursor:pointer; display:flex; justify-items: start; align-items:center; padding-top:0.1rem; margin-top:0.1rem; border-top:1px dashed #dddddd; line-height:1.1; font-size:0.8rem; }
.block-bg2 .l-audio-player-native .x-timeline > div { border-color:rgba(255,255,255,0.3) }

.l-audio-player-native .x-timeline .x-text { text-align:left; margin-left:0; flex-basis: 100% }
/*.l-audio-player-native .x-timeline a { border-radius:1rem; flex-basis:7em; color:var(--color-logo2); cursor:pointer; text-align:center; font-family:"Courier New"; transition:all 1s }*/
/*.l-audio-player-native .x-timeline a:hover { background:rgba(0,0,0,0.3); }*/
.l-audio-player-native .x-timeline .highlight-true > span { background:var(--color-logo2); color:white; font-weight:bold; transform:scale(1.3); transition:all 1s }

.l-audio-player-native .x-timeline > div:hover > span { background:rgba(0,0,0,0.3); }
.l-audio-player-native .x-timeline > div > span { border-radius:1rem; flex-basis:7em; color:var(--color-logo2); cursor:pointer; text-align:center; font-family:"Courier New"; transition:all 1s }
.block-bg2 .l-audio-player-native .x-timeline > div > span { color:#ffb4dd }


app-audio { display:inline-block; position:relative; }
.l-audio-play-link > span.x-inner,
app-audio > span { cursor:pointer; animation:audioWaitingEffect 1s infinite ease-out; position:absolute; top:-20px; display:block; width:40px; height:40px; border-radius:50%; background:var(--color-audio); color:white; line-height:34px; border:3px solid white; box-shadow:0 0 1rem black; font-size:0.7rem; text-align:center; }
.l-audio-play-link > span.x-inner { position:static; display:inline-block }
app-audio.audio-inline { width:20px }
app-audio.audio-inline > span { left:-10px; }
app-audio.audio-lt > span { left:-43px; top:-38px }
app-audio.audio-t > span { left:-21px; top:-28px }
app-audio > span:hover { box-shadow:0 0 4px var(--color-logo2); background:red }
app-audio.playing > span { z-index:10; animation:none; background:url('../images/desktop/img-person-ddz.gif') no-repeat center center; background-size:contain; transform:scale(2); border:1px solid var(--color-audio-echo);  }
app-audio.playing > span:before { animation:audioPulsation1Effect 1s infinite; content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; border-radius:50%; border:1px solid var(--color-audio-echo); }
app-audio.playing > span:after { animation:audioPulsation1Effect 1.3s infinite; content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; border-radius:50%; border:1px solid var(--color-audio-echo); }
app-audio.playing > span i { display:none }
app-audio.playing.playing-tmi > span { background-image:url('../images/desktop/img-person-tmi.webp') }
app-audio.playing.playing-ddz > span { background-image:url('../images/desktop/img-person-ddz.gif') }

.l-ddz app-audio.playing > span:after,
.l-ddz app-audio.playing > span:before { border-color:white }

app-audio .size { position:absolute; left:50%; top:0; transform:translate(-57%,-200%) rotate(-14deg); white-space:nowrap; font-size:0.5rem; font-weight:normal; line-height:1.2; display:inline-block; color:#333333; padding:0 0.5em; border-radius:0.2em }
app-audio.playing .size,
app-audio.hide-size .size { display:none }

.l-block.block-bg3 .x-more app-audio.playing > span,
.l-block.block-bg3 .x-more app-audio.playing > span:before,
.l-block.block-bg3 .x-more app-audio.playing > span:after { border-color:white }

.l-block.block-for .l-button > span {
	clip-path: none;
	/*box-shadow: 18px 20px 20px 0px #a9a9a9, -20px -11px 14px 0px white;*/
	box-shadow: var(--shadow-size) var(--shadow-size) var(--shadow-size) 0 #a9a9a9, calc(-1 * var(--shadow-size)) var(--shadow-size) var(--shadow-size) 0px white;
	border-radius: 1rem;
	background-image: repeating-linear-gradient(-45deg,rgba(0,0,0,0.05) 10%,rgba(0,0,0,0.05) 20%,transparent 20%,transparent 25%,transparent 30%)
}

@keyframes audioWaitingEffect {
	0% { transform: scale(1) }
	50% { transform: scale(1.1) }
	100% { transform: scale(1) }
}
@keyframes audioPulsation1Effect {
	0% { transform: scale(1.1); opacity:0.5 }
	50% { transform: scale(1.5); opacity:1 }
	100% { transform: scale(1.1); opacity:0.5 }
}

.ol-audio { list-style-type: none; padding:0 }
.ol-audio li { margin:0; position:relative; padding: 1em 0 1em 60px;
}
.l-block.block-bg3 .x-more .ol-audio li + li { border-top:1px dashed rgba(255,255,255,0.6); }
.ol-audio li + li { border-top:1px dashed rgba(0,0,0,0.3); }
.ol-audio li app-audio { position:absolute; left: -6px; top: 50%;}

app-audio-status { position:fixed; bottom:71px; left:50%; z-index:10000; }
app-audio-status a { transform:translateX(-50%); cursor:pointer; display:inline-block; padding:1em 2em; background:var(--color-audio); color:white; text-decoration:none; border-radius:0.5rem; box-shadow:0 0 1em black; }
app-audio-status a:hover { background: #7c1f1f; color:white; }

.l-persons { display:flex; flex-wrap:wrap; padding-top:2rem; justify-content:center }
.l-persons > div { flex-basis:100%; padding:0; margin-bottom:4rem }
.l-person { background:var(--color-logo1); margin:1rem; text-align:center; color:white; border-radius:1rem; height:75%; filter:drop-shadow(2px 4px 6px gray) }
.l-person .x-img { position:relative; aspect-ratio:2.3; margin-top:50%; }
.l-person .x-img i { display:block; margin:auto; width:80%; background:gray no-repeat center center; background-size:cover; border-radius:50%; aspect-ratio:1; left:50%;  transform:translate(-50%, -50%); border:1rem solid white; position:absolute; filter:grayscale(1) }
.l-person .x-img.img-tmi i { background-image:url(../images/desktop/img-person-tmi.webp) }
.l-person .x-img.img-ddz i { background-image:url(../images/desktop/img-person-ddz.webp) }
.l-person .x-img.img-pmi i { background-image:url(../images/desktop/img-person-pmi.webp?b) }
.l-person .x-name { font-size:1.5rem; margin:1rem 0.5rem 0 0.5rem; font-weight:bold; }
.l-person .x-title { font-size:1rem; margin:0 0.5rem }
.l-person .x-abstract { font-size:1rem; margin:1rem; line-height:1.3; color:#ddf1ff }
.l-person .x-abstract a { color:#93cbf1; text-decoration:none; }
.l-person .x-contact { padding:0.5rem 1rem 1rem 1rem; }
.l-person .x-contact a { color:#a0d8ff; text-decoration:none; margin-top:0; font-size:1rem; }

.l-contact a.x-button { background:white; display:inline-block; text-decoration:none; color:#333333; font-size:1.5rem; border:1px solid #dddddd; border-radius:1rem; margin:1rem auto; padding:0.5em }
.l-contact a.x-button:hover { background:#eeeeee }

.page-contact .l-block.block-contactform { /*margin:2rem !important;*/ }
.l-social { font-size:4rem; text-align:center; }

.l-block.block-diff .x-more { padding:0; }
.l-diff .x-line { display:flex; align-items: center; line-height:1.1; text-align:center; }
.l-diff .x-line + .x-line { margin-top:1rem; padding-top:1rem; border-top:1px dashed #dddddd }
.l-diff .x-audio { padding:0 1em; flex-basis:0 !important; }
.l-diff .x-audio app-audio { top:-5px }
.l-diff .x-line > div { flex-basis: 50% }
.l-diff .x-line .x-text { font-size:0.7rem }
.l-diff .x-ls b { color:green }
.l-diff .x-other b { color:red }
.l-diff .x-header .x-text { font-size:1rem !important; }

app-price .x-calc { padding:1rem; border-radius:1rem; box-shadow:0 0 1rem black; color:black; background:white }
app-price .slider-handle { width:2rem; height:2rem; background:var(--color-logo2); margin-left:-1rem; top:-0.5rem }
app-price .x-price { text-align:center }
app-price .x-price .x-value { font-size:1.5rem }
app-price .x-result { line-height:1.1; font-size:0.8rem; margin-top:1rem; padding-top:2rem }
app-price .x-note { line-height:1.1; font-size:0.6rem; margin-top:1rem; }

.l-slide { aspect-ratio:16/9; display:flex; justify-content: center; align-content: center; align-items: center; text-align:Center; background:no-repeat center center; background-size:cover }
/*.l-slide .x-header { font-size:1.5rem; line-height:1.2; color:white; text-shadow:1px 1px 2px black; padding:1rem; width:fit-content; border-radius: 0.5rem; backdrop-filter:brightness(0.5) blur(1px) }*/
.l-slide .x-header { font-size:1.5rem; line-height:1.2; color:white; font-weight:bold; text-shadow:1px 1px 10px black; padding:1rem; width:fit-content; border-radius: 0.5rem; }
.l-slide.slide-heatmap { background-image:url('../images/desktop/ls-slide-heatmap.jpg?asset6') }
.l-slide.slide-microtime { background-image:url('../images/desktop/ls-slide-microtime.jpg?asset6') }
.l-slide.slide-automation { background-image:url('../images/desktop/ls-slide-automation.jpg?asset6') }
/*.l-slide.slide-automation .x-header { color:white; text-shadow: 1px 1px 10px black; }*/
.l-slideshow { margin:0 auto; max-width:900px; }
app-slideshow { margin:2rem 1rem; border-radius:1rem; display:block; overflow:hidden; box-shadow:0 0 1rem gray; border:3px solid white }
app-slideshow .slick-next { right:1rem; z-index:10; }
app-slideshow .slick-prev { left:1rem; z-index:10; }
app-slideshow .slick-slider { margin:0; }

.l-block-white { background:white; border-radius:0.5rem; padding:0.5rem; }
.l-block-shadow { box-shadow:0 0 1rem gray }

.l-ddz { position:fixed; z-index:100; left:0; top:0; right:0; bottom:0; display:flex; background:var(--navbar-bg); padding:7rem 3rem }
.l-ddz { display:block; }
.l-ddz .x-wrapper { margin:0 -1rem; border-radius:1rem; background:center center no-repeat var(--color-logo2); box-shadow:0 0 1rem #1f1f1f; display:block; padding: 2rem 1rem 0; border:1px solid white; background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,0.05) 10%,rgba(0,0,0,0.05) 20%,transparent 20%,transparent 25%,transparent 30%) !important;
	/*background-blend-mode: luminosity;*/
	/*background-image: url('../images/desktop/ls-spiral.jpg');*/
	/*background-size:contain;*/
}
.l-ddz .x-panel { flex-direction: column; }
.l-ddz .x-avatar { width:100%; max-width:135px; text-align:center; vertical-align: middle; padding:0 1rem}
.l-ddz .l-face { max-width:100%; margin:auto }
.l-ddz .x-text { color:white; text-align:center; line-height:1.2; margin:2rem 1rem; font-size:1.1rem }
.l-ddz .x-text .x-ddz { text-align:center; color:black; font-weight:bold; margin-bottom:0.5em }
.l-ddz .x-text .x-play { display:none }
.l-ddz .x-audio { text-align:center; padding:0; }
.l-ddz .x-close { margin:1rem 0 2rem 0 }
.l-ddz app-audio { display:inline-block; width:auto; vertical-align: middle }
.l-ddz app-audio > span { position:static; display:block; width:100px; height:100px; border-radius:50%; background:no-repeat center center url(../images/desktop/img-person-ddz.jpg) !important; background-size:contain !important; }
.l-ddz app-audio i { display:none }
.l-ddz .x-play-1,
.l-ddz .x-play-2 { display:none; vertical-align: middle }
.l-ddz.closed-true { position:static; background:none; padding:0; margin:2rem 0 }
.l-ddz.closed-true .x-wrapper { padding:0 }
.l-ddz.closed-true .x-panel { flex-direction: row }
.l-ddz.closed-true .x-close { display:none }
.l-ddz.closed-true app-audio { margin:1rem auto 0 auto; width:80px }
.l-ddz.closed-true app-audio > span { width:80px; height:80px; }
.l-ddz.closed-true app-audio.playing > span { transform:scale(1) }
.l-ddz.closed-true .x-text .x-ddz,
.l-ddz.closed-true .x-text { text-align:left }
.l-ddz.closed-true .x-text { margin-left:0  }
.l-ddz.closed-true .x-play-1 { display:block; width:40px; margin:auto; transform:translateY(-8px) }
.l-ddz .btn-play { background:var(--color-audio); border-color:lime; color:white }

.app-calc .x-header { margin:0 }
.app-calc .x-header h3 { font-size:1.2rem; padding:0; margin:1rem 0 2rem 0; line-height:1.1 }
.app-calc .x-slider { margin: 1rem auto 0 auto; max-width: 500px; padding: 0.5rem; /*box-shadow: 0 0 0.2em rgba(0,0,0,0.1); */border-radius: 1rem; background:white; border: 1px solid gray; }
.app-calc .x-slider label { line-height:1; font-size:0.8rem; display:block; margin-bottom:0.5rem }
.app-calc .x-slider .x-value { font-size:1.5rem; text-align:center; line-height:1}
.app-calc .slider-handle { width:2rem; height:2rem; background:var(--color-logo1); margin-left:-1rem; top:-1rem }
.app-calc .slider-handle:hover { background:var(--color-logo2)}
.app-calc .x-result { transition:0.5s; font-size:0.9rem; line-height:1.1; text-align:center; margin:1rem auto 0.5rem auto; max-width:500px; border-radius:1rem; color:white; background:var(--color-logo2); padding:1rem;}
.app-calc .x-result .x-value { font-size:2rem; color:white; font-weight:bold;margin-top:0.2em;  vertical-align: middle }
.app-calc .x-result .x-value .x-per { font-size:1rem; font-weight:normal; vertical-align: middle}
.app-calc .x-details { font-size:0.8rem; line-height:1.1; text-align:left; margin:0 auto; max-width:500px; padding:0 1rem }
.app-calc .x-details .x-warning { color:var(--color-logo2); margin:0 1rem; }
.app-calc .slider .tooltip { z-index:10 }
.app-calc .slider .tooltip-inner { background:var(--color-logo1); padding:3px 1em; line-height:1; font-weight:bold; }
.app-calc .slider-handle:hover .tooltip-inner { background:var(--color-logo2); }
.app-calc .slider .tooltip.bs-tooltip-top { margin-top: -0.5rem; margin-left:0.5rem; opacity:1 }
.app-calc .slider .bs-tooltip-top .tooltip-inner,
.app-calc .slider .bs-tooltip-bottom .tooltip-inner { left:0; transform:translate(-50%,-0.5rem) }
.app-calc .slider.slider-horizontal { height:0; }
.app-calc .slider.slider-horizontal .slider-track { height:0; margin-top:-2px }
.app-calc .slider.slider-horizontal .slider-track:before { content:""; height:2px; background:#eeeeee; display:block; pointer-events: none; }
.app-calc.effect .x-result { transition:0.5s; background:var(--color-logo1) }
.app-calc.effect .x-result .x-value { filter:blur(5px) }

.l-guide { display:block; position:relative; max-width:600px; background:white; padding:0.5rem; border-radius:1rem; margin:0 auto 1rem auto; counter-increment: guidenr; border:1px solid white; box-shadow:0 0 1rem #dddddd }
.l-guide .x-item { display:none }
.l-guide .x-item.show-true { display:block; text-align:center; color:#bbbbbb; line-height:1.2; font-size:0.8rem; }
.l-guide .x-item.show-true + .x-item { border-top:1px dashed rgba(0,0,0,0.1) }
.l-guide .x-item.show-true > div { display:block; border-radius:0.5em; padding:1em }
.l-guide .x-item.show-true.is-last { color:var(--color-logo2); font-weight:normal; font-size:1rem; border-top:none }
.l-guide .x-item.show-true.is-last .x-text { color:var(--color-logo1); }
.l-guide .x-item.show-true.is-last > div { background:#eeeeee; }
.l-guide .x-item.show-true.is-last:hover > div { cursor:pointer }
.l-guide .x-next { text-align:right; margin-top:1.5em; display:none }
.l-guide .x-next a { padding:0 0.5em; background:transparent; color:#666666; text-decoration:none; cursor:pointer; display:inline-block }
.l-guide .x-next a i { display:none }
.l-guide .x-item.show-true.is-last .x-next { display:block }
.l-guide .x-item.show-true.is-last .x-next a { color:#333333; border-radius:1rem 0 0 1rem; font-weight:normal; background:white; margin-right:-1rem; padding:0.2em 0.8em }
.l-guide .x-item.show-true.is-last .x-next a i { display:inline }
.l-guide .x-item.show-true:first-child > div { background:white !important }
.l-guide .x-item.show-true:first-child .x-next a { /*background:#eeeeee !important; */margin-right:-1.5rem; }

.l-guide .x-item.show-true .b0 { font-weight:lighter }
.l-guide .x-item.show-true .c1 { color:var(--color-logo1) }
.l-guide .x-item.show-true .c2 { color:var(--color-logo2) }
.l-guide .x-item.show-true .c-red { color:red }
.l-guide .x-item.show-true .c-green { color:green }
.l-guide .x-item ul,
.l-guide .x-item ol { text-align:left }
.l-guide .x-item li { margin-bottom:0.5em }
.l-guide .x-item .img { background:no-repeat center center; background-size:cover; aspect-ratio:4/3 }
.l-guide-separator { text-align:center; border-top:1px dashed rgba(0,0,0,0.5); margin-bottom:1rem; }
	/*.l-guide .x-item .img.img-expo { background-image:url('../images/desktop/guide/ls-app-expo.webp?asset6') }*/
/*.l-guide .x-item .img.img-taski { background-image:url('../images/desktop/guide/ls-app-taski.webp?asset6') }*/
/*.l-guide .x-item .img.img-zdjecia { background-image:url('../images/desktop/guide/ls-app-zdjecia.webp?asset6') }*/
/*.l-guide .x-item .img.img-shamantv { background-image:url('../images/desktop/guide/ls-app-shamantv.webp?asset6') }*/
/*.l-guide .x-item .img.img-chat { background-image:url('../images/desktop/guide/ls-app-chat.webp?asset6') }*/
/*.l-guide .x-item .img.img-mentor { background-image:url('../images/desktop/guide/ls-app-mentor.webp?asset6') }*/
/*.l-guide .x-item .img.img-pinkdot { background-image:url('../images/desktop/guide/ls-app-pinkdot.webp?asset6') }*/
/*.l-guide .x-item .img.img-zamrazarka { background-image:url('../images/desktop/guide/ls-app-zamrazarka.webp?asset6') }*/
/*.l-guide .x-item .img.img-benefity { background-image:url('../images/desktop/guide/ls-app-benefity.webp?asset6') }*/
/*.l-guide .x-item .img.img-wskazniki { background-image:url('../images/desktop/guide/ls-app-wskazniki.webp?asset6') }*/
/*.l-guide .x-item .img.img-3s { background-image:url('../images/desktop/guide/ls-app-3s.webp?asset6') }*/
/*.l-guide .x-item .img.img-diamenty { background-image:url('../images/desktop/guide/ls-app-diamenty.webp?asset6') }*/
/*.l-guide .x-item .img.img-lajki { background-image:url('../images/desktop/guide/ls-app-lajki.webp?asset6') }*/
/*.l-guide .x-item .img.img-wyzwanie { background-image:url('../images/desktop/guide/ls-app-wyzwanie.webp?asset6') }*/
/*.l-guide .x-item .img.img-aukcje { background-image:url('../images/desktop/guide/ls-app-aukcje.webp?asset6') }*/
/*.l-guide .x-item .img.img-zespol-wsparcia { background-image:url('../images/desktop/guide/ls-app-zespol-wsparcia.webp?asset6') }*/
/*.l-guide .x-item .img.img-ankieta { background-image:url('../images/desktop/guide/ls-app-ankieta.webp?asset6') }*/
/*.l-guide .x-item .img.img-sponsor { background-image:url('../images/desktop/guide/ls-app-sponsor.webp?asset6') }*/
/*.l-guide .x-item .img.img-koordynator { background-image:url('../images/desktop/guide/ls-app-koordynator.webp?asset6') }*/
/*.l-guide .x-item .img.img-doradca { background-image:url('../images/desktop/guide/ls-app-doradca.webp?asset6') }*/
/*.l-guide .x-item .img.img-straznik { background-image:url('../images/desktop/guide/ls-app-straznik.webp?asset6') }*/
/*.l-guide .x-item .img.img-wykonawca { background-image:url('../images/desktop/guide/ls-app-wykonawca.webp?asset6') }*/
/*.l-guide .x-item .img.img-pukpuk { background-image:url('../images/desktop/guide/ls-app-pukpuk.webp?asset6') }*/
/*.l-guide .x-item .img.img-waitingfor { background-image:url('../images/desktop/guide/ls-app-waitingfor.webp?asset6') }*/
/*.l-guide .x-item .img.img-czysciec { background-image:url('../images/desktop/guide/ls-app-czysciec.webp?asset6') }*/
/*.l-guide .x-item .img.img-postmortem { background-image:url('../images/desktop/guide/ls-app-postmortem.webp?asset6') }*/
/*.l-guide .x-item .img.img-potencjal { background-image:url('../images/desktop/guide/ls-app-potencjal.webp?asset6') }*/
/*.l-guide .x-item .img.img-heatmap { background-image:url('../images/desktop/guide/ls-app-heatmap.webp?asset6') }*/
/*.l-guide .x-item .img.img-chart1 { background-image:url('../images/desktop/guide/ls-app-chart1.webp?asset6') }*/
/*.l-guide .x-item .img.img-chart2 { background-image:url('../images/desktop/guide/ls-app-chart2.webp?asset6') }*/
/*.l-guide .x-item .img.img-raporty { background-image:url('../images/desktop/guide/ls-app-raporty.webp?asset6') }*/
/*.l-guide .x-item .img.img-porady { background-image:url('../images/desktop/guide/ls-app-porady.webp?asset6') }*/
/*.l-guide .x-item .img.img-przeplyw { background-image:url('../images/desktop/guide/ls-app-przeplyw.webp?asset6') }*/
/*.l-guide .x-item .img.img-shorttrack { background-image:url('../images/desktop/guide/ls-app-shorttrack.webp?asset6') }*/
/*.l-guide .x-item .img.img-longtrack { background-image:url('../images/desktop/guide/ls-app-longtrack.webp?asset6') }*/
/*.l-guide .x-item .img.img-handyman { background-image:url('../images/desktop/guide/ls-app-handyman.webp?asset6') }*/
.l-img.img-expo { background-image:url('../images/desktop/guide/ls-app-expo.webp?asset6') }
.l-img.img-taski { background-image:url('../images/desktop/guide/ls-app-taski.webp?asset6') }
.l-img.img-zdjecia { background-image:url('../images/desktop/guide/ls-app-zdjecia.webp?asset6') }
.l-img.img-shamantv { background-image:url('../images/desktop/guide/ls-app-shamantv.webp?asset6') }
.l-img.img-chat { background-image:url('../images/desktop/guide/ls-app-chat.webp?asset6') }
.l-img.img-mentor { background-image:url('../images/desktop/guide/ls-app-mentor.webp?asset6') }
.l-img.img-pinkdot { background-image:url('../images/desktop/guide/ls-app-pinkdot.webp?asset6') }
.l-img.img-zamrazarka { background-image:url('../images/desktop/guide/ls-app-zamrazarka.webp?asset6') }
.l-img.img-benefity { background-image:url('../images/desktop/guide/ls-app-benefity.webp?asset6') }
.l-img.img-wskazniki { background-image:url('../images/desktop/guide/ls-app-wskazniki.webp?asset6') }
.l-img.img-3s { background-image:url('../images/desktop/guide/ls-app-3s.webp?asset6') }
.l-img.img-diamenty { background-image:url('../images/desktop/guide/ls-app-diamenty.webp?asset6') }
.l-img.img-lajki { background-image:url('../images/desktop/guide/ls-app-lajki.webp?asset6') }
.l-img.img-wyzwanie { background-image:url('../images/desktop/guide/ls-app-wyzwanie.webp?asset6') }
.l-img.img-aukcje { background-image:url('../images/desktop/guide/ls-app-aukcje.webp?asset6') }
.l-img.img-zespol-wsparcia { background-image:url('../images/desktop/guide/ls-app-zespol-wsparcia.webp?asset6') }
.l-img.img-ankieta { background-image:url('../images/desktop/guide/ls-app-ankieta.webp?asset6') }
.l-img.img-sponsor { background-image:url('../images/desktop/guide/ls-app-sponsor.webp?asset6') }
.l-img.img-koordynator { background-image:url('../images/desktop/guide/ls-app-koordynator.webp?asset6') }
.l-img.img-doradca { background-image:url('../images/desktop/guide/ls-app-doradca.webp?asset6') }
.l-img.img-straznik { background-image:url('../images/desktop/guide/ls-app-straznik.webp?asset6') }
.l-img.img-wykonawca { background-image:url('../images/desktop/guide/ls-app-wykonawca.webp?asset6') }
.l-img.img-pukpuk { background-image:url('../images/desktop/guide/ls-app-pukpuk.webp?asset6') }
.l-img.img-waitingfor { background-image:url('../images/desktop/guide/ls-app-waitingfor.webp?asset6') }
.l-img.img-czysciec { background-image:url('../images/desktop/guide/ls-app-czysciec.webp?asset6') }
.l-img.img-postmortem { background-image:url('../images/desktop/guide/ls-app-postmortem.webp?asset6') }
.l-img.img-potencjal { background-image:url('../images/desktop/guide/ls-app-potencjal.webp?asset6') }
.l-img.img-heatmap { background-image:url('../images/desktop/guide/ls-app-heatmap.webp?asset6') }
.l-img.img-chart1 { background-image:url('../images/desktop/guide/ls-app-chart1.webp?asset6') }
.l-img.img-chart2 { background-image:url('../images/desktop/guide/ls-app-chart2.webp?asset6') }
.l-img.img-raporty { background-image:url('../images/desktop/guide/ls-app-raporty.webp?asset6') }
.l-img.img-porady { background-image:url('../images/desktop/guide/ls-app-porady.webp?asset6') }
.l-img.img-przeplyw { background-image:url('../images/desktop/guide/ls-app-przeplyw.webp?asset6') }
.l-img.img-shorttrack { background-image:url('../images/desktop/guide/ls-app-shorttrack.webp?asset6') }
.l-img.img-longtrack { background-image:url('../images/desktop/guide/ls-app-longtrack.webp?asset6') }
.l-img.img-handyman { background-image:url('../images/desktop/guide/ls-app-handyman.webp?asset6') }
.l-img.img-team { aspect-ratio:1713/830; background-image:url('../images/desktop/guide/ls-app-team.png?asset6') }
.l-img.img-microtimes { aspect-ratio:2014/728; background-image:url('../images/desktop/guide/ls-app-microtimes.png?asset6') }

.l-guide .x-item.show-true.is-last .x-text b { text-shadow:0 0 1em gray }
.l-guide .x-item.show-true.is-last:hover .x-next a { background:var(--color-logo1); color:white }

.l-guide .x-item.show-true.is-last .x-title { animation:guide-slide1 0.5s; animation-iteration-count: 1; margin-bottom:1.5rem }
.l-guide .x-item.show-true.is-last .x-text { animation:guide-slide2 1s; animation-iteration-count: 1}

.l-guide .x-nr { position:absolute; display:block; width:2em; height:2em; line-height:2em; text-align:center; font-size:0.7em; color:white; background:#c7c7c7; border-radius:1.3em 0 1.3em 0; left:1px; top:1px; }
.l-guide .x-nr:before { content:counter(guidenr) }
.l-guide .x-next-yes-no { display:none }
.l-guide .x-item.show-true.is-last .x-next-yes-no { display:flex; align-items: center; justify-content: center; margin-top:1rem; }
.l-guide .x-next-yes-no a { cursor:pointer; border:1px solid #dddddd; display:inline-block; padding:0.5em 1em; border-radius:1em; white-space:nowrap; margin:0 0.5em }
.l-guide .x-yes a { display:inline-block; color:green  }
.l-guide .x-yes a:hover { color:#00c000 }
.l-guide .x-no a { display:inline-block; color:red  }
.l-guide .x-no a:hover { color:#c00000 }
.l-guide .x-separator { min-width:2em; color:gray }

.l-guide .x-title {}
.l-guide .x-text { font-size:0.8rem }
.l-guide .x-title + .x-text { margin-top:1rem }

.l-guide .item-start.x-item .x-title { cursor:pointer; }
.l-guide .item-start.x-item.show-true .x-title { text-align:left;  padding: 1rem 2rem; border-radius: 1rem 1rem 0 0; margin: -1rem -1rem 0.5rem; }
.l-guide .item-start.x-item.show-true.is-last .x-title { margin: -1.5rem -1.5rem 0 -1.5rem; color: var(--color-logo1); font-weight:bold;}
.l-guide .item-start.x-item.show-true:not(.is-last) { color:black }
.l-guide .item-start.x-item.show-true .x-text { }
.l-guide .item-start.item-notext .x-next { display:none !important; }
.l-guide .item-start.item-notext.x-item.show-true.is-last .x-title { margin:-1.5rem; border-radius:1rem; }
.l-guide.seen-true .x-seen { position:absolute; right:1rem; top:0; background:red; color:white;  }
.l-guide.seen-true .x-seen:before { content:"obejrzane";}

.l-guide .x-item .icon { text-align:center; margin-top:1rem; margin-bottom:1rem; font-size:2rem; }

.l-guide .item-final.x-item.show-true.is-last .x-text,
.l-guide .item-final.x-item.show-true { color:white }
.l-guide .item-final.x-item.show-true > div { background:var(--color-logo2); color:white; padding:1em 1em; display:block; }
.l-guide .item-final.x-item.show-true b { text-shadow:0 0 1em black }


@keyframes guide-slide1 {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes guide-slide2 {
	from {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


.l-lib-one h1 { line-height:1.1 }
.l-lib-one h1 span { font-size:1rem; display:block; }
.l-lib-one .x-src { text-align: center }
.l-lib-one .x-src a { color:black; cursor:pointer }
.l-lib-one .x-abstract { font-size:0.9rem; font-style:italic; line-height:1.1; color:var(--color-logo2) }
.l-lib-one .x-text {padding-top:1rem; line-height:1.3;  color:var(--color-logo1)  }
.l-lib-one .x-keywords { margin-top:1rem; font-size:0.7rem; line-height:1.1 }
.l-lib-one .x-ls { margin-top:1rem; color:white; line-height:1.4; padding:1rem; background:var(--color-logo1); border-left:0.5rem solid var(--color-logo2) }
.l-lib-one .x-ls .x-ls-text a { font-weight:bold; text-decoration:none; color:white; background: var(--color-logo2); padding:0 0.3em }
.l-lib-one .x-ls .x-ls-text a:hover { background: #910651}
.l-lib-one .x-ls i { font-weight:bold; text-shadow:1px 1px 1px var(--color-logo2)}
.l-lib-one .x-ls .x-content { display:flex; flex-direction:column; }
.l-lib-one .x-ls .x-content .x-ls-img { text-align:center; padding:1rem 0; }
.l-lib-one .x-ls .x-content .x-ls-img img { max-height:10rem; }

.l-lib-index { margin-top:2rem }
.l-lib-index h2 { font-size:1.2rem; line-height:1.1 }
.l-lib-index .x-item { margin-top:1rem;padding-top:1rem; border-top:1px dashed gray }
.l-lib-index .x-item a { text-decoration:none; color:var(--color-logo1) }

.l-lei-item { display:flex; margin-top:1rem; }
.l-lei-item.lei-lei { align-items: center; }
.l-lei-item .x-lei-icon i { display:block; width:60px; height:60px; margin-right:1rem; aspect-ratio:1; background:no-repeat center center gray; background-size: contain}
.l-lei-item .x-lei-text { line-height:1.1 }
.l-lei-item.lei-ddz .x-lei-icon i { background-image:url('../images/desktop/img-person-ddz.jpg'); border-radius:50%; }
.l-lei-item.lei-lei .x-lei-icon i { background-image:url('../images/desktop/img-lei-logo.png'); border-radius:50%; }
.l-lei-item.lei-lei .x-lei-text { font-weight:bold }
.l-lei-item.lei-ddz .x-lei-text { font-style:italic }

.l-guide-one { max-width:900px; margin:0 auto; line-height:1.5 }
.l-guide-one h1 { font-size:1.5rem; text-align:center; line-height:1.1 }
.l-guide-one h2 { font-size:1.2rem }
.l-guide-one .x-top-description { line-height:1.1; font-size:0.8rem; text-align:center; color:gray; margin-bottom:1rem; }
.l-guide-one .x-arrow { font-size:2rem }
.l-guide-one .x-title { color:var(--color-logo2) }
.l-guide-one .x-slide { text-align:center }
.l-guide-one .x-slide .x-inner { text-align:center; background:white; padding:1rem; box-shadow:0 0 1rem #dddddd; border-radius:1rem; }

.l-guide-one .x-slide.slide-final .x-inner { background:var(--color-logo2); color:white; }
.l-guide-one .x-slide.slide-final .x-inner .x-title { color:#111111; }
.l-guide-one .x-slide.slide-final .x-inner .x-text { color:white; }
.l-guide-one .x-slide.slide-final .x-inner a { color:white; }


/*.l-guide-one .x-slide:first-child .x-inner { background:none; box-shadow: none}*/
/*.l-guide-one .x-slide:first-child + .x-slide .x-arrow,*/
/*.l-guide-one .x-slide:first-child .x-arrow { display:none }*/
.l-guide-one ol,
.l-guide-one ul { text-align:left }

.l-block li::marker { color:var(--color1) }

.fs-25 { font-size:2.5rem }
.fs-22 { font-size:2.2rem }
.fs-20 { font-size:2rem }
.fs-15 { font-size:1.5rem }
.fs-12 { font-size:1.2rem }
.fs-10 { font-size:1rem }
.fs-09 { font-size:0.9rem }
.fs-08 { font-size:0.8rem }
.fs-07 { font-size:0.7rem }
.fs-06 { font-size:0.6rem }
.fs-05 { font-size:0.5rem }

br[d] { display: inline-block; width:100%; height: 0; margin: 0; padding: 0; clear: both; }
br[s] { display: none }

.l-cta-button { position:fixed; bottom:1rem; left:-15px; right:1rem; z-index:100; text-align: left }
.l-cta-button a { background:var(--color-logo1); backdrop-filter: blur(3px); box-shadow:0 0 1em black; color:white; display:inline-flex; align-items: center; }
.l-cta-button a i { width:1em; height:1em; display:block; transform:scale(1.5) }

.l-engahook { margin-left:40%; font-size:0.8rem; line-height:1.1; font-style:italic; color:#1279bf; position:relative; display:flex; text-align:left; padding:0.5rem; page-break-inside: avoid; break-inside: avoid; }
.l-engahook:before { content:""; background:no-repeat center center url('../images/desktop/img-person-ddz.webp'); background-size:cover; position:absolute; left:0; top:50%; transform:translate(-100%,-50%); width:3rem; height:3rem; border-radius:50%; }

.l-quote { border:1px solid rgba(0,0,0,0.1); padding:1rem; border-radius:1rem; line-height:1.2}
.l-quote p:last-child { margin-bottom:0 }

/** zx-agent */

  .l-video-container {
        margin:auto auto 1rem auto;
        max-width:600px;
        width:100%;
        aspect-ratio:400/300;
        overflow: hidden; 
        border-radius:1rem;
    }

    .l-video-container video {
        width: 100%;
        height: 100%;
        object-fit: contain;   /* zachowuje proporcje, całe wideo widoczne (czarne pasy jeśli potrzeba) */
        /* Alternatywa: object-fit: cover;  — wypełnia cały obszar 400x300, przycina krawędzie */
    } 

@media(min-width: 992px) {

	html { font-size:130% }
	body { line-height:1.7 }

	.l-engahook { font-size:0.9rem }

	/* TOP NAVBAR */
	.navbar { padding:0.5rem 0; background-color: var(--navbar-bg); border-bottom: none; transition: padding 0.5s; /*border-bottom:1px solid #eeeeee */}
	.navbar.top-nav-collapse { padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: var(--navbar-collapse-bg); }
	.offcanvas-collapse { position: static; top: auto; bottom: auto; left: auto; width: auto; padding-right: 0; padding-left: 0; background-color: transparent; overflow-y: visible; visibility: visible; }
	.offcanvas-collapse.open { -webkit-transform: none; transform: none; }
	.navbar .navbar-nav { margin-top: 0; margin-bottom: 0; }
	.navbar .nav-item .nav-link { padding-right: 0.625rem; padding-left: 0.625rem; }
	.navbar .dropdown-menu { margin-top: 0.25rem; box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.05); }
	.navbar .dropdown-divider { width: 90%; }
	.navbar .app-store-icons { margin-left: 0.875rem; }
	.navbar .navbar-brand:not(.top-nav-collapse) { margin-top:-10px }
	/* //TOP NAVBAR */

	footer .x-follow { text-align:left; margin-top:0; }

	.l-start { flex-direction: row; background-image:url('../images/desktop/start-black.webp?2')}
	.l-start .x-col2 .x-text { font-size:6rem }
	.l-start .x-ministry { margin-top:2rem; height:3rem; }
	.l-start .x-ministry1 { display:block }
	.l-start .x-ministry2 { display:none }

	/*.l-jumbo { margin-bottom:5rem }*/
	/*.l-jumbo .x-text { font-size:10vh }*/
	/*.l-jumbo .x-label { height:8vh }*/
	/*.l-jumbo .x-slide1 { background-image: url('../images/desktop/jumbo-slider1.webp?asset6') }*/
	/*.l-jumbo .x-slide2 { background-image: url('../images/desktop/jumbo-slider2.webp?asset6') }*/
	/*.l-jumbo .x-slide3 { background-image: url('../images/desktop/jumbo-slider3.webp?asset6') }*/

	.l-block { margin-bottom:3rem }
	.l-block .x-img { aspect-ratio: 2 }
	.l-block.block-bg { padding:0 0 2rem 0; margin:2rem auto; }
	.l-block.block-noimg { padding-top: 2rem }

	/*.l-block.block-video { margin-top:10rem; margin-bottom:8rem  }*/
	/*.l-block.block-video video { height:auto; max-height:40vh; min-width:260px; width:auto; box-shadow:0 0 1rem black; }*/
	/*.l-block.block-video .x-row { display:flex; justify-content:center; background:url('../images/desktop/video-bg.webp?asset6') no-repeat center center; background-size: cover }*/
	/*.l-block.block-video .x-video-header { color:white; font-size:1.8rem; line-height:1.1; font-family: var(--font2); width:100%; text-shadow:0 0 1rem black }*/
	/*.l-block.block-video .x-col2 { z-index:2; background:black; transform: scale(1.2)  }*/
	/*.l-block.block-video .x-col2 .x-header-bottom { transform: translateY(50%) scale(0.85) }*/
	/*.l-block.block-video .x-col1, .l-block.block-video .x-col3 { text-align:center; background:var(--color2); width:100%; display:flex; align-items:center }*/
	/*.l-block.block-video .x-col1, .l-block.block-video .x-col3 { background:transparent; }*/
	/*.l-block.block-video .x-col1 { text-align: center; justify-content:end; padding:0 3rem; }*/
	/*.l-block.block-video .x-col3 { text-align: center; justify-content:start; padding:0 3rem;  }*/

	/*.block-dark { background-image:url('../images/desktop/dark.webp?asset6'); padding-bottom:0; margin-bottom:7rem }*/
	/*.block-dark .x-body { max-width:40%; padding-left:3rem }*/
	/*.block-dark .x-body .x-text { color: #fce1b8 }*/

	.l-block.block-top { margin-top:110px }
	
	.l-block.block-contactform { max-width:900px; margin-bottom:5rem; /*margin:-90px auto 0 auto !important;*/ }
	.l-block.block-contactform2 { margin-top:0 !important; margin-bottom:3rem !important; }

	.l-block.block-whatisit { margin-top:110px }
	.l-block.block-whatisit-image { margin:0 4rem !important; }

	.l-block-faq { padding:2rem 0 }
	.l-faq-item .x-faq-content { line-height:2; text-align:left; margin-top:2rem }

	.l-cookies { flex-direction:row; }
	.l-cookies .x-text { font-size:1rem; line-height:1.1 }
	.l-cookies .x-button { margin:auto 1rem; }
	.l-cookies .x-icon { top:-0.5em }

	.l-persons > div { flex-basis:33%; padding:0; margin-bottom:2rem  }

	.l-diff .x-line .x-text { font-size:1rem }

	.lg-fs-08 { font-size:0.8rem }
	.lg-fs-07 { font-size:0.7rem }
	.lg-fs-06 { font-size:0.6rem }
	.lg-fs-05 { font-size:0.5rem }

	.l-ddz.closed-true { margin:2rem 0 }
	/*.l-ddz.closed-true .x-play-1 { display:none }*/
	/*.l-ddz.closed-true .x-play-2 { display:inline-block }*/
	.l-ddz .x-wrapper { margin:auto; max-width:600px; box-shadow:0 0 1rem black }
	.l-ddz .x-avatar { max-width:140px; text-align:center; }
	.l-ddz .l-face { margin:0 }
	.l-ddz .x-text { padding:0 1rem; line-height:1.2; font-size:1rem; }
	.l-ddz .x-text .x-ddz { font-weight:bold; margin-bottom:0.5em }
	.l-ddz .x-text .x-play { color:var(--color-logo2); margin-top:0.5em; font-size:0.8rem }
	.l-ddz .x-audio { width:50px; height:45px; text-align:left; padding-right:0.5rem }
	.l-ddz.closed-true .x-avatar { max-width:140px; text-align:center; padding-left:2rem; }
	.l-ddz.closed-true app-audio { margin:0 auto; }
	.l-ddz.closed-true .x-play-1 { display:inline-block; transform:translateY(8px) }

	.l-block.block-reports .x-image-wrapper { border-radius:1rem }
	
	.l-lib-one .x-ls .x-content { flex-direction:row; align-items: center; }
	.l-lib-one .x-ls .x-content .x-ls-img { text-align:center; padding:0; }
	.l-lib-one .x-ls .x-content .x-ls-img img { max-height:10rem; }

}

@media(max-width: 767px) {
	br[d] { display: none }
	br[s] { display: inline-block; width: 100%; height: 0; margin: 0; padding: 0; clear: both; }
	.xs-fs-09 { font-size:0.9rem }
	.xs-fs-08 { font-size:0.8rem }
	.xs-fs-07 { font-size:0.7rem }
	.xs-fs-06 { font-size:0.6rem }
	.xs-fs-05 { font-size:0.5rem }
}

@media(max-width: 991px){
	.l-content { margin-top: 90px }
	.l-scroll-anchor { position:relative; top:-100px; }
	

	.container, .container-sm {
		max-width: 100%;
	}

	/* TOP NAVBAR */
	.navbar .navbar-brand { margin-top:-10px }
	.navbar.top-nav-collapse .nav-item.dropdown.show .nav-link,
	.navbar.top-nav-collapse .nav-item .nav-link:hover,
	.navbar.top-nav-collapse .nav-item .nav-link.active { color:white !important;}
	.navbar .navbar-collapse.open .nav-item .nav-link { color:var(--navbar-collapse-link-color); font-size:20px; padding:1.5rem 1rem; }
	.navbar .logo-image { text-align:center; margin:auto }
	.navbar .logo-image span { background-position: center center; margin-left:40px }
	/* //TOP NAVBAR */


	.block-dark .x-h { margin-bottom:2rem }
	.block-dark .x-body { margin-top:10%; margin-left:2rem; margin-right:2rem; }

	/* FOOTER */
	footer .x-copyright { margin-top:7rem; font-size:0.7rem }
	footer .x-logo a { margin:0 auto 0 auto; }
	footer .x-menu2 { margin-top:2rem }
	footer .x-menu2 li { margin-top:0; line-height:1.3}
	footer .x-menu { margin-top:0; margin-bottom:auto;}
	/* //FOOTER */

	.l-block.block-contactform2 { margin-top:2rem !important; }
	/*.l-block.block-contactform { margin-top:-2.5rem }*/
	.l-block.block-whatisit-image { margin-top:3rem; transform:rotate(2deg) }

	.sm-fs-08 { font-size:0.8rem }
	.sm-fs-07 { font-size:0.7rem }
	.sm-fs-06 { font-size:0.6rem }
	.sm-fs-05 { font-size:0.5rem }

	.sm-d-none { display:none }
	.sm-d-block { display:block }
	/*.app-calc .slider:hover .tooltip.bs-tooltip-top { margin-top:-2.3rem }*/

	.l-block-training { margin:1rem }

}

@media (max-width: 420px) {
	.l-header.header-lg > span { padding-left:1.5rem; padding-right:1.5rem; }
	.l-cookies { box-shadow:0 0 5rem black; border-radius:1rem; padding-top:4rem; }
	.l-cookies .btn { padding:1rem 2rem; margin-top:1rem; font-size:1.5rem  }
	.l-cookies .x-icon { text-shadow:1px 1px 1px black; top:-4rem }
	.l-cookies .x-text { font-size:1rem }
}

@media (orientation: portrait) {
	.l-calc3 .calc-grid { grid-template-columns: 1fr; }
}

@media print {
	.noprint { display:none }
	.printer-newpage { break-before: page; }
	.printer-max-height-30vh { max-height:30vh }
	.printer-max-height-20vh { max-height:20vh }
	.printer-max-height-10vh { max-height:10vh }
	.printer-mt-4 { margin-top:4rem }
	.printer-mp-4 { padding-top:4rem }
	.printer-nobreak { page-break-inside: avoid; break-inside: avoid;}
}