:root{
	--colorBase:	0, 15, 80;
	--color1:	0, 160, 230;
	--color2:	230, 246, 253;
	--colorBG:	#FFF;

	--colorText: rgba(var(--colorBase), .8);
	--colorHeader: rgba(var(--colorBase), 1);

	--color1-10: var(--color1), .1;
	--colorAccentBG: #00A0E618;
	--colorAltBG: #000F500A;
	--colorAlt2BG: #000F5033;

	--am-block-max-width: 78rem;
	--am-flex-min-block-width: 16.75rem;

	--am-block-margin-top: 2em;	/* pads blocks (including text blocks) in the editor) */
	--am-container-padding: 2rem;	/* padding inside containers */
	--am-card-padding: 1.5rem;	/* padding of cards and card-like blocks */
	--am-section-shadow: 0 0.3rem 2.4rem rgba(0, 0, 0, 0.12),0 1.1rem 1.6rem -1rem rgba(0,0,0,0.12);
	--am-section-color: inherit;
	--am-section-border-color: inherit;
	--am-flex-gap: 2rem;	/* Default gap between blocks in am-flex layouts */

	--am-input-margin: 0.5rem 0;
	--am-input-padding: 0.6rem 1rem;
	--am-input-color: inherit;
	--am-input-placeholder-color: #CCCCCC;
	--am-input-background: inherit;
	--am-input-border-radius: 0.4rem;
	--am-input-border: 2px solid #F0F0F0;
	--am-input-hover-color: var(--am-input-color);
	--am-input-hover-background: var(--am-input-background);
	--am-input-hover-border: var(--am-input-border);
	--am-input-focus-color: var(--am-input-color);
	--am-input-focus-background: var(--am-input-background);
	--am-input-focus-border: 2px solid #222222;

	--am-button-margin: 0.5rem;
	--am-button-padding-vertical: 0.5rem;
	--am-button-padding-horizontal: 1rem;
	--am-button-font-size: inherit;
	--am-button-lineheight: 1.6;
	--am-button-border-radius: 0.4rem;
	--am-button-color: inherit;
	--am-button-background: inherit;
	--am-button-border-width: 2px;
	--am-button-border-color: #F0F0F0;
	--am-button-hover-color: inherit;
	--am-button-hover-background: inherit;
	--am-button-hover-border-color: #222222;

	--border-radius: 1rem;
	--section-margin: 4.5rem;
	--transition-menu: 200ms;
	--transition-default: .25s;

	scroll-behavior: smooth;
}

@property --offset {
	syntax: '<length>';
	inherits: false;
	initial-value: 0;
}

html {
	color: var(--colorText);
	font-family: roboto;
	background: var(--colorBG);
	font-size: 16px;
	line-height: 1.5;
}

h1,h2 {
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6,
am-section h1,
am-section h2,
am-section h3,
am-section h4,
am-section h5,
am-section h6,
b, strong {
	color: var(--colorHeader);
}

h1,h2,h3,h4,h5,h6,
h1.am-block,
h2.am-block,
h3.am-block,
h4.am-block,
h5.am-block,
h6.am-block {
	margin-bottom: 1em;
}

h1 {
	font-size: 45px;
	line-height: 1.155;
}

h2 {
	font-size: 32px;
	line-height: 1.25;
}

video, img {
	max-width: 100%;
	height: auto;
}
video:not(.no-border-radius), img:not(.no-border-radius) {
	border-radius: var(--border-radius);
}

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

dl, ol, ul:not(.menu-list, .page-list) {
	padding-left: 1rem;
}

* + p.am-block {
	margin-top: 1em;
}

a {
	color: rgb(var(--color1));
	text-decoration: underline .066em transparent;
	text-underline-offset: var(--offset, .2em);
	transition:
		text-decoration	var(--transition-default) ease-in-out,
		--offset	var(--transition-default) ease-in-out;
}

a:hover,
a:focus,
a:active {
	color: rgb(var(--color1));
	text-decoration: underline .066em rgb(var(--color1));
	--offset: .4em;
}

@supports not (background: paint(something)) {
	a {
		transition:
			text-decoration	var(--transition-default) ease-in-out,
			text-underline-offset	var(--transition-default) ease-in-out;
	}

	a:hover,
	a:focus,
	a:active {
		text-underline-offset: .4em;
	}
}

button, a.button, a.am-button, input[type="submit"] {
	background-color: rgb(var(--color1));
	border-radius: var(--border-radius);
	color: #FFF;
	display: inline-block;
	text-decoration: none;
	font-size: .875rem;
	letter-spacing: .05rem;
	line-height: inherit;
	padding: 1rem 2rem;
	border: none;
}

button:active, button:focus, button:hover,
a.button:active, a.button:focus, a.button:hover,
a.am-button:active, a.am-button:focus, a.am-button:hover,
input[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:hover {
	color: #FFF;
	background-color: #0082BF;
	border: none;
}

a.alt-button {
	border: 1px solid rgba(var(--colorBase),.2);
	padding: 1em 2em;
	border-radius: 1em;
	color: rgb(var(--colorBase));
	background: transparent;
	text-decoration: none;
	transition:
		border var(--transition-default) ease-in-out,
		background var(--transition-default) ease-in-out;
}
a.alt-button:active, a.alt-button:focus, a.alt-button:hover {
	border: 1px solid rgb(var(--color1));
	color: rgb(var(--colorText));
	background: rgba(var(--color1),.05);
}
a.alt-button.current {
	border: 1px solid rgb(var(--color1));
	color: rgb(var(--colorText));
	background: rgba(var(--color1),.1);
}

a.button.with-tag-icon {
	display: flex;
	align-items: center;
	gap: .5rem;
	justify-content: space-between;
}

am-stretched > am-table > table { width: 100%; }

am-section.am-card {
	padding: var(--am-card-padding);
}

am-section.am-card > * {
	padding: unset;
}

am-1-2 am-1-3,
am-1-2 am-1-4 {
	min-width: unset;
}

.flex {
	display: flex;
}
.flex.column {
	flex-direction: column;
}
.flex > .block-1-1 {
	flex: 0 0 var(--am-block-max-width);
}
.flex > .block-1-2 {
	flex: 0 0 calc( var(--am-block-max-width) / 2 );
}

.flex.justify-space-around {
	justify-content: space-around;
}
.flex.justify-space-between {
	justify-content: space-between;
}

.align-items-center > am-flex,
.am-align-items-center > am-flex,
.align-items-center {
	align-items: center;
}

.align-items-stretch > am-flex,
.am-align-items-stretch > am-flex,
.align-items-stretch {
	align-items: stretch;
}

.align-content-center > am-flex,
.am-align-content-center > am-flex,
.align-content-center {
	align-content: center;
}
.align-content-stretch > am-flex,
.am-align-content-stretch > am-flex,
.align-content-stretch {
	align-content: stretch;
}
.align-content-space-between > am-flex,
.am-align-content-space-between > am-flex,
.align-content-space-between {
	align-content: space-between;
}
.align-content-space-around > am-flex,
.am-align-content-space-around > am-flex,
.align-content-space-around {
	align-content: space-around;
}

.relative {
	position: relative;
}

figcaption {
	text-align: center;
	font-size: 90%;
	font-style: italic;
}

.block-on-tiny {
	display: none;
}

.no-scroll {
	overflow: hidden !important;
}

.am-right {
	text-align: right;
}

hr {
	border: none;
	height: calc( 2 * var(--am-block-margin-top) );
}

am-flex {
	height: 100%;
}

am-section.am-card.no-vertical-margin > am-flex {
	margin-top: calc( var(--am-container-padding) / 2 * -1 );
	margin-bottom: calc( var(--am-container-padding) / 2 * -1 );
}

am-img > figure > img {
	display: block;
}



/*██████▓▓▓▒▒▒░░░░░░░░░░▒▒▒▓▓▓████████████████████████████████████████████████████████████████████*/
/*███▓▓▓▒▒▒░░░  HEADER  ░░░▒▒▒▓▓▓█████████████████████████████████████████████████████████████████*/
/*██████▓▓▓▒▒▒░░░░░░░░░░▒▒▒▓▓▓████████████████████████████████████████████████████████████████████*/

header {
	border-bottom: rgba(var(--colorBase),.1) solid 1px;
	padding: .66rem var(--am-container-padding);
	padding-bottom: .66rem;
	background-color: var(--colorBG);
	position: sticky;
	z-index: 10;
	top: 0;
	transition: transform .35s ease-out;
	transform: translateY(0);
}
header.away {
	transition: transform .35s ease-in;
	transform: translateY(-100%);
}

#navbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#homeLogoLink {
	display: flex;
	align-items: center;
	gap: 1.75rem;
}

nav .menu-list {
	display: flex;
	list-style-type: none;
	margin: 0;
	align-items: center;
}

.menu-list > li {
	margin-left: 2rem;
	position: relative;
}

.menu-list a {
	color: var(--colorText);
}

.menu-list a:hover,
.menu-list a:focus,
.menu-list a:active {
	color: var(--colorText);
	text-decoration-color: var(--colorText);
}

.menu-list a.button {
	color: #fff;
	padding: .5rem 1rem;
	text-transform: none;
	letter-spacing: inherit;
	border-radius: calc( var(--border-radius) / 1.33 );
	font-size: 1rem;
}
.menu-list a.alt-button {
	padding: .6rem 1rem;
	text-transform: none;
	letter-spacing: inherit;
	border-radius: calc( var(--border-radius) / 1.33 );
}

.menu-list > li > ul.menu-list {
	display: none;
	position: absolute;
	border-radius: var(--border-radius);
	background-color: var(--colorBG);
	border-radius: var(--border-radius);
	box-shadow: 0 .2rem .5rem rgba(0,0,0,.1);
}
.menu-list > li:hover > ul.menu-list {
	display: block;
}

.menu-list .menu-list li {
	margin: 1rem;
}

.hero-contact-block svg {
	flex: 0 0 auto;
	margin: calc( var(--am-block-margin-top) * .66 );
	margin-left: 0;
}

/*███▓▓▓▒▒▒░░░	  MENU BUTTON	  ░░░▒▒▒▓▓▓██████████████████████████████████████████████████████████*/

#mainMenuBtn {
	position: relative;
	z-index: 10;
	display: none;
	border-radius: 100%;
	font-size: 1.34em;
	width: 1.87rem;
	height: 1.87rem;
	transition: all var(--transition-menu) linear;
}

.mb-bar {
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	display: block;
	background-color: rgb( var(--colorBase) );
	transition: all var(--transition-menu) ease-out;
}

.menu-open .mb-bar {
	transition: all var(--transition-menu) ease-in;
}
#bar-top { top: calc( 50% - 8px ) }
#bar-mid1 {	top: 50% }
#bar-mid2 {	top: 50% }
#bar-bottom { top: calc( 50% + 8px ) }

.menu-open #bar-top {
	transform: translate(0, -5px) scale(.5);
	opacity: 0;
}
.menu-open #bar-bottom {
	transform: translate(0, 5px) scale(.5);
	opacity: 0;
}
.menu-open #bar-mid1 {	transform: rotate(45deg) }
.menu-open #bar-mid2 {	transform: rotate(-45deg) }



/*██████▓▓▓▒▒▒░░░░░░░░▒▒▒▓▓▓██████████████████████████████████████████████████████████████████████*/
/*███▓▓▓▒▒▒░░░  BODY  ░░░▒▒▒▓▓▓███████████████████████████████████████████████████████████████████*/
/*██████▓▓▓▒▒▒░░░░░░░░▒▒▒▓▓▓██████████████████████████████████████████████████████████████████████*/

body.menu-open {
	overflow: hidden;
}

#pageCtr {
	padding: 0 var(--am-container-padding);
	overflow-x: hidden;
	overflow-x: clip;
	overflow-y: auto;
}

.default-bg {
	background-color: var(--colorBG);
}

.accent-bg {
	background-color: var(--colorAccentBG);
}

.accent-blk {
	background-color: var(--colorAccentBG);
	border-radius: var(--border-radius);
	padding: var(--am-card-padding);
}

.alt-bg {
	background-color: var(--colorAltBG);
}

.alt-blk {
	background-color: var(--colorAltBG);
	border-radius: var(--border-radius);
	padding: var(--am-card-padding);
}

.normal-blk,
.card {
	background-color: var(--colorBG);
	border-radius: var(--border-radius);
	padding: var(--am-card-padding);
}
.am-card {
	border-radius: var(--border-radius);
}

.card > p:first-child {
	margin-top: 0;
}
.card > p:last-child {
	margin-bottom: 0;
}

.alt-bg-slides > am-stretched .slider-ctr .default-bg {	background-color: var(--colorAltBG) }
.alt-bg-slides > am-stretched .slider-ctr .default-bg .card { background: transparent }

.accent-bg-slides > am-stretched .slider-ctr .default-bg {	background-color: var(--colorAccentBG) }
.accent-bg-slides > am-stretched .slider-ctr .default-bg .card { background: transparent }

.rounded {
	border-radius: var(--border-radius);
}

.txt-center {
	text-align: center;
}

.txt-small {
	font-size: .75rem;
}

am-stretched .slide img {
  min-width: unset;
}

.stick-to-img {
	position: relative;
	z-index: 2;
	margin-top: -2.5rem;
}

#pageCtr > am-section,
#pageCtr > am-stretched,
#pageCtr > am-pagelist {
	margin-top: var(--section-margin);
}

#pageCtr > am-stretched + am-stretched {
	margin-top: 0;
}

#pageCtr > am-stretched:first-child {
	margin-top: 0;
}
#pageCtr > am-stretched:first-child > am-section:not(.no-padding) {
	padding-top: calc( var(--section-margin) * 1.5 );
}

#pageCtr > am-stretched > am-section:not(.no-padding) {
	padding-top: var(--section-margin);
	padding-bottom: var(--section-margin);
}

am-stretched > am-pagelist {
	padding: 0;
}

.show-on-mobile,
br.show-on-tiny {
	display: none;
}

.page-list {
	list-style: none;
	width: fit-content;
	max-width: 100%;
	margin-top: 0;
}

.page-list li > a {
	width: 100%;
	margin-top: .5rem;
}

.tag-icon {
	background: #F2FAFE;
	width: 2.5rem;
	height: 2.5rem;
	padding: .5rem;
}

.with-tag-icon .tag-icon {
	margin: -.5rem;
}

.sticky-page-list {
	position: sticky;
	top: 4.5rem;
}

.page-list-menu-button {
	display: none;
}

am-section.signature {
	margin-top: calc( var(--am-block-margin-top) / 2 );
}
.signature figure {
	display: flex;
	flex-direction: row;
	gap: calc( var(--am-block-margin-top) / 3 );
	align-items: center;
}
.signature img {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	object-fit: contain;
}

.signature figcaption {
	text-align: left;
	font-style: normal;
	padding: 0;
}

.bricks-vert > am-flex {
	column-gap: 0;
	column-fill: initial;
	column-width: 400px;
	display: block;
}
.bricks-vert > am-flex > * {
	break-inside: avoid;
	padding: calc(var(--am-flex-gap) / 2);
	display: block;
}

.ul-checked ul {
	list-style: none;
	padding-left: 2rem;
}
.ul-checked li {
	position:relative;
}
.ul-checked li + li {
	margin-top: .65em;
}
.ul-checked li::before {
	display: block;
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2300a0e6' fill-opacity='.1'/%3E%3Cpath fill='%2300a0e6' d='M10 14.7 7.3 12l-1 1 3.7 3.6 8-7.9-1-.9-7 7Z'/%3E%3C/svg%3E");
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	left: -2em;
	top: 0;
}


/*███▓▓▓▒▒▒░░░  FAQ-LIKE  ░░░▒▒▒▓▓▓███████████████████████████████████████████████████████████████*/

.roller-grp {
	counter-reset: rollers;
}

.question {
	font-weight: bold;
	color: var(--colorHeader);
	border-bottom: 2px solid var(--colorAlt2BG);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}

.question > * {
	cursor: pointer;
}

.roller-item {
	counter-increment: rollers;
}

.roller-item .rollable {
	overflow: hidden;
	height: 0;
	transition: height ease-in-out .3s;
}
.roller-item.open .rollable {
	height: auto;
	transition: height ease-in-out .3s;
}

.roller-switch::after {
	content: '';
	display: block;
	width: .75rem;
	height: .75rem;
	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: var(--colorText);
	transform: rotate(45deg);
	opacity: .8;
	flex: 0 0 .75rem;
	cursor: pointer;
	transition: transform ease-in-out .3s;
}

.roller-item.open .roller-switch::after {
	transform: rotate(225deg);
}

.steps .roller-item {
	border-radius: var(--border-radius);
	background-color: rgba( var(--color1-10) );
	padding: 0 var(--am-card-padding);
	position: relative;
	margin-bottom: .5rem;
}
.steps .roller-item::before {
	display: flex;
	position: absolute;
	top: .7rem;
	content: counter(rollers);
	background: var(--colorBG);
	width: 2.2rem;
	height: 2.2rem;
	text-align: center;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
}

.steps .question {
	border: none;
	margin-left: 3rem;
}

.steps .answer {
	margin-left: 3rem;
}

.steps .answer > *:first-child {
	margin-top: 0;
}

/* Accordion */

.accordion .roller-switch {
	margin-bottom: 0;
	position: relative;
	cursor: pointer;
}
.accordion .roller-switch::after {
	position: absolute;
	right: 0;
	top: calc(50% - .5rem);
}
.accordion .roller-item .rollable {
	margin-top: 0;
	overflow: hidden;
	height: 0;
	transition:
		margin-top ease-in-out .3s,
		height ease-in-out .3s;
}
.accordion .roller-item.open .rollable {
	margin-top: 1em;
	height: auto;
	transition:
		margin-top ease-in-out .3s,
		height ease-in-out .3s;
}

.accordion .roller-item + .roller-item {
	margin-top: .625rem;
}

/*███▓▓▓▒▒▒░░░  SLIDER  ░░░▒▒▒▓▓▓█████████████████████████████████████████████████████████████████*/

.slider-ctr {
	position: relative;
}
.slider-ctr.am-stretch {
	margin-left: calc( var(--am-container-padding) * -1);
	margin-right: calc( var(--am-container-padding) * -1);
}

.shader {
	position: absolute;
	top: 0;
	bottom: 1.5rem;
	width: calc( ( 100% - var(--am-block-max-width) ) / 2 );
	z-index: 2;
	pointer-events: none;
}

.shader.left {
	left: 0;
}
.shader.right {
	right: 0;
	transform: scaleX(-1);
}

.alt-bg .shader {
	background: linear-gradient(90deg, rgba(245,246,248,1) 0%, rgba(245,246,248,0.7) 20%, rgba(245,246,248,0.7) 80%, rgba(245,246,248,0) 100%);
}

.accent-bg .shader {
	background: linear-gradient(90deg, rgba(231,246,253,1) 0%, rgba(231,246,253,0.7) 20%, rgba(231,246,253,0.7) 80%, rgba(245,246,248,0) 100%);
}

.slider {
	margin-top: calc( var(--section-margin) * 2 / 3 );
	position: relative;
	width: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	column-gap: var(--am-flex-gap);
	scroll-behavior: smooth;
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-color: rgb( var(--color1) ) rgba( var(--color1), .25 );
	padding-bottom: 2.5rem;
}

.slider::-webkit-scrollbar {
  width: 4px; /* Mostly for vertical scrollbars */
  height: 4px; /* Mostly for horizontal scrollbars */
}
.slider::-webkit-scrollbar-thumb { /* Foreground */
  background: rgb( var(--color1) );
  border-radius: 1rem;
}
.slider::-webkit-scrollbar-track { /* Background */
  background: rgba( var(--color1), .25 );
  border-radius: 1rem;
}


.slider.logo-slider {
	column-gap: .875rem;
}

.slider.opinion-slider {
	align-items: flex-start;
	font-size: .875rem;
}

.slider.am-slides-slider {
	column-gap: 0;
}

.slider.img-with-caption-slider {
	column-gap: 1rem;
}

.slide {
	cursor: grab;
}

.slider-1-3 .slide {
	flex: 0 0 calc( ( var(--am-block-max-width) - ( var(--am-flex-gap) * 2 ) ) / 3);
}

.slider-1-2 .slide {
	flex: 0 0 calc( ( var(--am-block-max-width) - var(--am-flex-gap) ) / 2 );
}

.logo-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc( ( var(--am-block-max-width) - 6 * .875rem ) / 7 );
	height: calc( ( var(--am-block-max-width) - 6 * .875rem ) / 7 );
	padding: 2rem;
	border-radius: var(--border-radius);
	background: var(--colorBG);
	flex: 0 0 calc( ( var(--am-block-max-width) - 6 * .875rem ) / 7 );
	object-fit: contain;
}
am-stretched img.logo-slide {
	min-width: unset;
}

.slider .slide:first-of-type {
	margin-left: calc( ( 100% - var(--am-block-max-width) ) / 2 );
}
.slider .slide:last-of-type {
	margin-right: calc( ( 100% - var(--am-block-max-width) ) / 2 );
}
.slider img {
	pointer-events: none;
}

@media screen and (min-width: 1328px){
	.slider.logo-slider.only-below-mid .logo-slide {
		width: calc( ( var(--am-block-max-width) - 7 * .875rem ) / 8 );
		height: calc( ( var(--am-block-max-width) - 7 * .875rem ) / 8 );
		flex: 0 0 calc( ( var(--am-block-max-width) - 7 * .875rem ) / 8 );
	}
}

@media screen and (min-width: 960px){
	.slider.logo-slider.only-below-mid {
		row-gap: .875rem;
		flex-wrap: wrap;
		max-width: var(--am-block-max-width);
		margin-right: auto;
		margin-left: auto;
	}
}

/*███▓▓▓▒▒▒░░░  CARDS  ░░░▒▒▒▓▓▓█████████████████████████████████████████████████████████████████*/

.card > label:first-child {
	background: rgb( var(--color2) );
	padding: .5em 1em;
	font-size: .75rem;
	position: absolute;
	top: -1.25em;
	left: var(--am-card-padding);
	border-radius: 1rem;
}

.card-logo {
	height: auto;
	width: 120px;
	height: 120px;
	object-fit: contain;
	min-width: unset;
}

.am-card.with-sidepic > am-flex > am-3-4 {
	min-width: unset;
}


/*███▓▓▓▒▒▒░░░  TEAM  ░░░▒▒▒▓▓▓███████████████████████████████████████████████████████████████████*/

am-flex.strategor-team > * {
	min-width: unset;
}

.team-member {
	margin-top: 2rem;
}

.team-member img {
	margin-bottom: .5rem;
	width: auto;
	height: auto;
}

.team-member p {
	margin: 0;
}


/*███▓▓▓▒▒▒░░░  OPINION  ░░░▒▒▒▓▓▓████████████████████████████████████████████████████████████████*/

am-stretched .opinion img {
	min-width: unset;
}

.opinion-slide img.logo {
	max-width: 7.5rem;
}

.critic {
	display: flex;
	gap: 1rem;
}

.critic img {
	border-radius: 50%;
	flex: 0 0 auto;
	margin-top: calc( var(--am-block-margin-top) * .66 );
	margin-bottom: calc( var(--am-block-margin-top) * .66 );
	height: fit-content;
}


/*███▓▓▓▒▒▒░░░  IMAGE-TEXT COMBO  ░░░▒▒▒▓▓▓███████████████████████████████████████████████████████*/

.img-txt-combo {
	display: flex;
	align-items: center;
	border-radius: var(--border-radius);
}
.img-txt-combo > div {
	flex: 0 0 50%;
}

img.img-part {
	display: block;
	object-fit: cover;
	flex: 0 0 50%;
	width: 50%;
	height: auto;
	align-self: stretch;
}

.txt-block {
	padding: calc( var(--am-card-padding) * 2 );
}


/*███▓▓▓▒▒▒░░░  CLIENT SUCCESS  ░░░▒▒▒▓▓▓█████████████████████████████████████████████████████████*/

.success-slide-company {
	color: rgba( var( --colorBase ), .6 );
	margin-bottom: 2.2rem;
	font-size: .75rem;
}
.success-tags {
	color: rgb( var( --colorBase ) );
	font-size: 1rem;
}

.sep {
	margin: 0 1.5rem;
	border-left: 1px solid rgba( var(--colorBase), .6);
}

.success-slide-h {
	margin-bottom: 2.2rem;
}

.success-list-years {
	display: flex;
	gap: .825rem;
	justify-content: center;
	flex-wrap: wrap;
}

.success-list-years a.button,
.success-list-years a.alt-button {
	padding: .4rem .8rem;
}

.success-list-years a.alt-button {
	border-color: var(--colorBG);
	background: var(--colorBG);
}

.success-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--am-flex-gap);
}
.success-list > .card {
	flex: 0 0 calc(33% - var(--am-flex-gap) * 2 / 3 );
}

/*███▓▓▓▒▒▒░░░  FINISHED PROJECTS  ░░░▒▒▒▓▓▓██████████████████████████████████████████████████████*/

.img-with-caption-slide {
	flex: 0 0 calc( ( var(--am-block-max-width) - 3rem ) / 4 );
	transition: flex .3s linear;
	font-size: 80%;
}
/*
.img-with-caption-slide {
	flex: 0 0 calc( ( ( var(--am-block-max-width) - 3rem ) / 4 ) * .95 );
	transition: flex .3s linear;
	font-size: 80%;
}
.slide.img-with-caption-slide.grow {
	flex: 0 0 calc( ( ( var(--am-block-max-width) - 3rem ) / 4 ) * 1.2 )
}
*/


/*███▓▓▓▒▒▒░░░  SIDE PAGE MAP  ░░░▒▒▒▓▓▓██████████████████████████████████████████████████████████*/

.page-list-map > ul {
	padding: 0;
}

.page-list-map .page-list {
	width: 100%;
}

.page-list-map > ul ul {
	padding-left: 1rem;
}

.page-list-a-grp {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	border-radius: .5rem;
}

.page-list .roller-switch {
	display: flex;
	align-items: center;
}

.page-list-map li > div > a {
	display: block;
	border-radius: .5rem;
	color: var(--colorText);
	line-height: 1.2;
	text-decoration: none;
}
.page-list-map .page-list li > div > a {
	margin-top: 0;
	padding: .5rem 1rem;
}

.page-list-map a.current {
	font-weight: bold;
}

/* First lvl li - like alt-buttons */
.page-list-map > ul > li {
	border: 1px solid rgba(var(--colorBase),.2);
	padding: .5em;
	border-radius: 1em;
	color: rgb(var(--colorBase));
}
.page-list-map > ul > li:not(:first-child) {
	margin-top: 1rem;
}

.page-list-map > ul > li > a {
	color: rgb(var(--colorBase));
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page-list-map > ul > li.current > div {
	background: rgba(var(--color1),.1);
}

/* Second level */
.page-list-map > ul > li ul a {
	font-size: .875rem;
}

.page-list-map > ul > li ul .roller-switch {
	display: none;
}


/*███▓▓▓▒▒▒░░░  JOB OFFERS  ░░░▒▒▒▓▓▓█████████████████████████████████████████████████████████████*/

.job-offer-short {
	display: flex;
	justify-content: space-between;
	margin-bottom: calc( var(--am-flex-gap) / 2 );
	gap: var(--am-flex-gap);
	align-items: flex-start;
}

.job-details {
	display: flex;
	gap: 1rem var(--am-flex-gap);
	flex: 1 1 auto;
	flex-wrap: wrap;
}

.job-details > *:first-child { flex: 0 0 50% }
.job-details > *:nth-child(2) { flex: 0 0 calc(50% - var(--am-flex-gap)) }
.job-details > *:nth-child(3) { flex: 0 0 auto }

.job-occupation {
	font-size: 1.25rem;
	margin: 0;
}
.job-attrs {
	font-size: .875rem;
	display: flex;
	gap: calc( var(--am-flex-gap) / 2 );
}

.job-attrs svg {
	width: 1rem;
	height: 1rem;
	vertical-align: -10%;
}

.job-attrs p {
	margin-bottom: 0;
}

.job-salary, .job-contract {
	font-weight: bold;
}

.job-salary {
	margin-top: .32rem !important;
	margin-bottom: .5rem;
}

.job-contract {
	margin-top: .8rem;
	margin-bottom: 0;
}

.job-recruitment {
	letter-spacing: .2rem;
	opacity: .7;
	margin: 0;
}
.recruitment-ongoing {
	color: rgb(var(--color1));
}

.job-offer-long .job-occupation {
	font-size: 1.75rem;
	margin: 1rem 0;
	color: rgb(var(--colorBase));
}
.job-offer-long .job-attrs {
	margin: 1rem 0;
}

.job-offer-long .job-attrs > p {
	margin: .5rem 0;
}

.job-offer-long .job-salary {
	margin-bottom: 0;
}
.job-offer-long .job-contract {
	margin: 0 0 2rem;
	
}


/*███▓▓▓▒▒▒░░░  SLIDER  ░░░▒▒▒▓▓▓█████████████████████████████████████████████████████████████████*/

ul.breadcrumbs {
	display: flex;
	list-style: none;
	flex-direction: row;
	font-size: .8rem;
	gap: .55rem;
	padding: 0;
	flex-wrap: wrap;
}
ul.breadcrumbs li:not(:last-child)::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: .366rem;
	height: .366rem;
	border: .1rem solid rgb(var(--colorBase));
	border-width: .1rem .1rem 0 0;
	transform: rotate(45deg);
	margin-left: .55rem;
	margin-top: -.1rem;
}
.breadcrumbs + h1,
am-section:has(ul.breadcrumbs) + h1 {
	margin-top: 1em;
}
.am-block > .breadcrumbs:first-child {
	margin-top: 0;
}

.am-justify-center > ul.breadcrumbs {
	justify-content: center;
}


/*███▓▓▓▒▒▒░░░  BLOG  ░░░▒▒▒▓▓▓███████████████████████████████████████████████████████████████████*/

h2.blog-entry-title {
	font-size: 1rem;
	font-weight: bold;
}
h2.blog-entry-title a {
	color: rgb( var(--colorBase) );
}

.blog-entry-intro {
	font-size: .875rem;
}

a.tag-button {
	font-size: .7rem;
	color: rgba( var( --colorBase ),.66 );
	padding: .15rem .8rem
}


/*███▓▓▓▒▒▒░░░  PAGINATION  ░░░▒▒▒▓▓▓█████████████████████████████████████████████████████████████*/

.pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: calc( var(--am-flex-gap) / 4 );
	margin-top: calc( var(--am-block-margin-top) * 2 );
}

.pagination > * {
	display: inline-flex;
}

.pagination .prev,
.pagination .next,
.pagination .page-nr,
.pagination .between {
	display: inline-flex;
	text-decoration: none;
	border-radius: var(--border-radius);
	padding: .5rem;
	transition:
		background-color	var(--transition-default) ease-in-out,
		color	var(--transition-default) ease-in-out;
}
.pagination a.page-nr:hover,
.pagination a.page-nr:focus,
.pagination a.page-nr:active {
	text-decoration: none;
	background-color: rgb( var(--color1) );
	border-radius: var(--border-radius);
	color: var(--colorBG);
	padding: .5rem;
}

.pagination .next,
.pagination .prev {
	border-radius: 50%;
}

span.page-nr {
	background-color: rgba( var(--colorBase),.1 );
}

/*███▓▓▓▒▒▒░░░  CONTACT PAGE  ░░░▒▒▒▓▓▓███████████████████████████████████████████████████████████*/

.hero-contact-block {
	font-size: .9rem;
}

.contact-info {
	gap: 1rem;
}

.contact-form.flex {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem 1rem;
}
.contact-form.flex > .block-1-1 {
	flex: 0 0 100%;
}
.contact-form.flex > .block-1-2 {
	flex: 0 0 calc(50% - .5rem);
}


/*███▓▓▓▒▒▒░░░  FORMS  ░░░▒▒▒▓▓▓██████████████████████████████████████████████████████████████████*/

#contactForm .bookmark {
	position: absolute;
	top: -4rem;
}

input:not([type="submit"],[type="checkbox"],[type="checkbox"]),select,textarea {
	appearance: none;
	display: block;
	width: 100%;
	border: 1px solid rgba(var(--colorBase),.2);
	padding: 1rem 1.5rem;
	border-radius: .25rem;
	font-size: 1rem;
	background: transparent;
	font-family: roboto;
	font-weight: normal;
	color: var(--colorText);
	outline: none;
	transition:
		border var(--transition-default) ease-in-out,
		box-shadow var(--transition-default) ease-in-out;
}

input:required:not([type="submit"],[type="checkbox"],[type="checkbox"]),
select:required,
textarea:required {
	background-image: url( "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%206%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20fill%3D%22%23000f5088%22%2F%3E%3C%2Fsvg%3E" );
	background-position: top .5rem right .5rem;
	background-size: .25rem;
	background-repeat: no-repeat;
}

input[type="submit"]{
	width: 100%;
	display: block;
}

input[type="search"]{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg opacity='.4'%3E%3Cpath fill='none' stroke='%23000f50' stroke-width='1.3' d='m10 10 5 5'/%3E%3Ccircle cx='6.5' cy='6.5' r='5.5' fill='none' stroke='%23000f50' stroke-width='1.3'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 1rem;
	background-repeat: no-repeat;
	background-position: calc(100% - 1rem) 50%;
}

select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9'%3E%3Cpath fill='none' stroke='%23000f50' stroke-opacity='.4' stroke-width='1.3' d='m1 1 7 7 7-7'/%3E%3C/svg%3E");
	background-size: 1rem .562rem;
	background-repeat: no-repeat;
	background-position: calc(100% - 1rem) 50%;
	
}

input[type="checkbox"], input[type="radio"] {
	appearance: none;
	display: inline-flex;
	vertical-align: middle;
	width: 1.3rem;
	height: 1.3rem;
	text-align: center;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(var(--colorBase),.2);
	border-radius: .25rem;
	transition:
		border var(--transition-default) ease-in-out,
		box-shadow var(--transition-default) ease-in-out;
}
input[type="checkbox"]:checked::after {
	display: inline-block;
	content: '';
	width: .4rem;
	height: .6rem;
	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: rgb(var(--color1));
	transform: translateY(-2px) rotate(45deg);
}

input:not(input[type="submit"]):focus, input:not(input[type="submit"]):active,
select:focus, select:active,
textarea:focus, textarea:active {
	border: 1px solid rgb(var(--color1));
	outline: none;
	box-shadow:
		0 0 .2rem rgba(var(--colorBase),.2),
		0 0 .2rem rgba(var(--colorBase),.2) inset;
}

textarea {
	resize: vertical;
}

input:disabled:not([type="submit"]),select:disabled,textarea:disabled {
	pointer-events: none;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAOklEQVQYV2NkIAT4A4wZ8aoBKmD4uOEsbkVQBSBDsCtCUoBdEZoCTEVYFKAqwqEAoQiPAogiAgpAigBosBickdc7twAAAABJRU5ErkJggg==) repeat;
}
input[type="submit"]:disabled,
input[type="submit"]:disabled:focus,
input[type="submit"]:disabled:hover,
input[type="submit"]:disabled:active {
	background-color: rgba(var(--colorBase),.2);
}

input.yum, .yum:active, .yum:focus {
	border: none !important;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	box-shadow: none !important;
}

.countUp {
	min-width: 1px;
	min-height: 1px;
}

.form-control-magnets {
	display: flex;
	flex-wrap: no-wrap;
}
.form-control-magnets > * {
	border-radius: 0;
}
.form-control-magnets > *:last-child {
	border-radius: 0 .25rem .25rem 0;
}
.form-control-magnets > *:first-child {
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}

.accent-bg form label {
	background-color: rgb( var(--color2) );
}



/*██████▓▓▓▒▒▒░░░░░░░░░░▒▒▒▓▓▓████████████████████████████████████████████████████████████████████*/
/*███▓▓▓▒▒▒░░░  FOOTER  ░░░▒▒▒▓▓▓█████████████████████████████████████████████████████████████████*/
/*██████▓▓▓▒▒▒░░░░░░░░░░▒▒▒▓▓▓████████████████████████████████████████████████████████████████████*/

.footer-seo-ctr {
	padding: 0 var(--am-container-padding);
}

.footer-seo {
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--am-flex-gap);
	padding-top: var(--section-margin);
	padding-bottom: var(--section-margin);
	font-size: .875rem;
	margin: 0 auto;
	max-width: var(--am-block-max-width);
}

.community {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 0 1 50%;
}

.community-symbol {
	margin-left: 1rem;
	position: relative;
	top: .15rem;
}

.copy-ctr {
	padding: 0 var(--am-container-padding);
}

.copyright {
	font-size: .75rem;
	text-align: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 3rem;
	margin: 0 auto;
	max-width: var(--am-block-max-width);
}

.footer-nav {
	flex: 0 0 calc( 25% - var(--am-flex-gap) );
}

.footer-nav ul {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	list-style: none;
}

ul.footer-links {
	padding-left: 0;
}

.footer-links a {
	color: var(--colorText);
}

.footer-links a:hover,
.footer-links a:focus,
.footer-links a:active {
	color: var(--colorText);
	text-decoration-color: var(--colorText);
}

.debugInfo {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	z-index: 15;
	background: #000a;
	color: #fff;
	padding: .25rem .5rem;
	font-size: 11px;
	border-radius: 5px;
}



/*██████▓▓▓▒▒▒░░░░░░░░░▒▒▒▓▓▓█████████████████████████████████████████████████████████████████████*/
/*███▓▓▓▒▒▒░░░  UNBOX  ░░░▒▒▒▓▓▓██████████████████████████████████████████████████████████████████*/
/*██████▓▓▓▒▒▒░░░░░░░░░▒▒▒▓▓▓█████████████████████████████████████████████████████████████████████*/

.unbox, .unbox > *, .unbox > * > * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.unbox {
	position: fixed;
	bottom: 0%;
	right: 0%;
	left: 0%;
	top: 0%;
	z-index: 999;
	background-color: rgba(var(--colorBase),.8);
	opacity: 0;
	transition: opacity 250ms ease-out;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M0 0v2l10 10L0 22v2h2l10-10 10 10h2v-2L14 12 24 2V0h-2L12 10 2 0Z'/%3E%3C/svg%3E");
	background-position: top 20px right 20px;
	background-size: 1.5rem 1.5rem;
	background-repeat: no-repeat;
}
.unbox.on {
	opacity: 1;
}

.unbox-loader-ctr,
.unbox-content-ctr {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	text-align: center;
	outline: none;
	padding: 2.5rem;
	opacity: 0;
	transform: scale(.9);
	transition: opacity 250ms ease-out, transform 250ms ease-out;
}
.unbox-loader-ctr.on,
.unbox-content-ctr.on {
	opacity: 1;
	transform: scale(1);
}
.unbox-loader-ctr:before,
.unbox-content-ctr:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
	margin-right: -0.25em;
}

.unbox-loader,
.unbox-content {
	display: inline-block;
	vertical-align: middle;
}

.unbox-content {
	border-radius: 4px;
	box-shadow: 0 0 6px rgba(0,0,0,.6);
	max-width: 100%;
	max-height: 100%;
}

.unbox-loader {
	display: inline-block;
	vertical-align: middle;
	animation: ripple 2s infinite;
	animation-timing-function: ease-out;
	border-radius: 100%;
	width: 48px;
	height: 48px;
	border: 5px solid #fff;
}

.unbox-next,
.unbox-prev {
	transition: 150ms linear all;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	border-width: calc(.25vw + .25vh + .125vmin) calc(.25vw + .25vh + .125vmin) 0 0;
	border-style: solid;
	border-color: #fff;
	width: calc(.75vw + .75vh + .375vmin);
	height: calc(.75vw + .75vh + .375vmin);
	cursor: pointer;
	opacity: 0;
	filter: drop-shadow(0 0 5px rgba(0,0,0,.1));
}
.unbox-next {
	right: 25px; z-index: 10;
	transform: rotate(45deg) scale(0);
}
.unbox-prev {
	left: 25px; z-index: 10;
	transform: rotate(-135deg) scale(0);
}
.unbox-next.on {
	opacity: .5;
	transform: rotate(45deg) scale(1);
}
.unbox-prev.on {
	opacity: .5;
	transform: rotate(-135deg) scale(1);
}
.unbox-next:hover,
.unbox-next:active,
.unbox-prev:hover,
.unbox-prev:active {
	opacity: 1;
	filter: drop-shadow(0 0 5px rgba(0,0,0,.5));
}

.unbox-video-outer {
	width: 800px;
}

.unbox-video-inner {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.unbox-video-inner iframe {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

@keyframes ripple {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}

.unbox-movie-ctr {
	display: flex;
	position: relative;
}
.unbox-movie-ctr .unbox-this.button {
	position: absolute;
	bottom: var(--am-card-padding);
	left: var(--am-card-padding);
}
.unbox-movie-ctr .unbox-this.button svg {
	width: 1.5rem;
	height: 1.5rem;
	vertical-align: -30%;
}



/*██████▓▓▓▒▒▒░░░░░░░░░▒▒▒▓▓▓█████████████████████████████████████████████████████████████████████*/
/*███▓▓▓▒▒▒░░░  TOOLS  ░░░▒▒▒▓▓▓██████████████████████████████████████████████████████████████████*/
/*██████▓▓▓▒▒▒░░░░░░░░░▒▒▒▓▓▓█████████████████████████████████████████████████████████████████████*/

.table-row-border-bottom > am-flex {
	border-bottom: 1px solid rgba(var(--colorBase), .1);
}

.display-none {	display: none }

.no-margin { margin:0 }


/*██████▓▓▓▒▒▒░░░░░░░░░░░░░░░░░▒▒▒▓▓▓█████████████████████████████████████████████████████████████*/
/*███▓▓▓▒▒▒░░░  MEDIA QUERIES  ░░░▒▒▒▓▓▓██████████████████████████████████████████████████████████*/
/*██████▓▓▓▒▒▒░░░░░░░░░░░░░░░░░▒▒▒▓▓▓█████████████████████████████████████████████████████████████*/

/* mid */
@media screen and (max-width: 1328px){
	:root {
		--am-block-max-width: 56rem;
		--am-flex-min-block-width: 5rem;
		--am-container-padding: 1.5rem;
		--border-radius: .8rem;
		--am-card-padding: 1.25rem;
		--section-margin: 4rem;
	}

	.sep {
		display: none;
	}

	.image-block img {
		height: 100%;
	}

	.show-on-mobile {
		display: inline;
	}

	.logo-slide {
		width: calc( ( var(--am-block-max-width) - 4 * .875rem ) / 5 );
		height: calc( ( var(--am-block-max-width) - 4 * .875rem ) / 5 );
		padding: 1.25rem;
		flex: 0 0 calc( ( var(--am-block-max-width) - 4 * .875rem ) / 5 );
	}
	
	.menu-list > li {
		margin-left: 1.15rem;
	}
	
	.contact-hero h1 {
		font-size: 36px;
	}
	.contact-hero.img-txt-combo {
		align-items: stretch;
	}
	.contact-hero.img-txt-combo img.img-part {
		height: auto;
	}
	.hero-contact-block svg {
		margin: 1rem 1rem 1rem 0;
	}
	.contact-info {
		flex-wrap: wrap;
	}
}

/* small */
@media screen and (max-width: 959px){
	:root {
		--am-block-max-width: 38rem;
		--am-flex-min-block-width: 100%;
		--am-container-padding: 1rem;
		--border-radius: .5rem;
		--am-card-padding: 1rem;
		--section-margin: 3.5rem;
	}
	
	h1 {
		font-size: 34px;
	}
	h2 {
		font-size: 28px;
	}

	.slider-1-2 .slide,
	.slider-1-3 .slide {
		flex: 0 0 var(--am-block-max-width);
	}

	.logo-slide {
		width: calc( ( var(--am-block-max-width) - 3 * .875rem ) / 4 );
		height: calc( ( var(--am-block-max-width) - 3 * .875rem ) / 4 );
		padding: 1.25rem;
		flex: 0 0 calc( ( var(--am-block-max-width) - 3 * .875rem ) / 4 );
	}
	
	#navbar {
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	#mainMenuBtn {
		display: block;
	}

	nav {
		position: fixed;
		width: 100%;
		top: 100%;
		height: 0;
		left: 0;
		background: rgba(var(--colorBase),.8);
		opacity: 0;
		overflow: hidden;
		transition:
			height 0s step-end var(--transition-menu),
			opacity var(--transition-menu) ease-in;
	}
	
	.menu-open nav {
		height: calc(100vh - 100%);
		opacity: 1;
		overflow: hidden auto;
		transition:
			height 0s step-start 0s,
			opacity var(--transition-menu) ease-in;
	}

	nav .menu-list {
		flex: 0 0 100%;
		flex-wrap: wrap;
		flex-direction: column;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transform: translateY(-5rem);
		transition: transform var(--transition-menu) ease-in;
	}
	
	.menu-open nav .menu-list {
		transform: translateY(0);
		transition: transform var(--transition-menu) ease-out;
	}
	
	am-fontsize[style="font-size: 200%;"] {
		font-size: 150% !important;
	}
	
	.menu-list li {
		width: 100%;
		padding: 1.25rem;
		margin: 0;
		text-align: center;
		border-top: rgba(var(--colorBase),.1) solid 1px;
		background: var(--colorBG);
	}
	
	.menu-list > li:last-child {
		border-radius: 0 0 var(--border-radius) var(--border-radius);
	}

	.img-txt-combo-slider {
		align-items: flex-start;
	}
	.img-txt-combo {
		flex-wrap: wrap;
	}
	.img-txt-combo > div,
	.img-txt-combo > img.img-part {
		flex: 0 0 100%;
	}
	.img-txt-combo > img.img-part {
		object-fit: cover;
		flex: 0 0 100%;
		width: 100%;
		height: 33vh;
	}
	.worker-opinion-slide.img-txt-combo {
		align-content: space-between;
	}
	
	.img-with-caption-slide {
		flex: 0 0 calc( ( var(--am-block-max-width) - 1rem ) / 2 )
	}

	am-flex.strategor-team > * {
		flex: 0 0 33.33333%;
		margin-top: .5rem;
	}
	
	/* job offers */
	.job-offer-short {
		flex-wrap: wrap;
	}
	.job-details > :first-child,
	.job-details > :nth-child(2),
	.job-details > :nth-child(3) {
		flex: 0 0 100%;
	}
	
	.success-list .card {
		flex: 0 0 calc(50% - var(--am-flex-gap) / 2);
	}
	
	/*sidemenu*/
	.sticky-page-list {
		position: unset;
	}
	
	ul.breadcrumbs {
		line-height: .8;
	}
	
	.sticky-page-list am-pagelist:has(.page-list-ctr){
		margin:0;
	}

	/*.sticky-page-list { */
	.page-list-ctr,
	.page-list-map {
		position: fixed;
		top: 0;
		bottom: 0;
		background: var(--colorBG);
		width: auto;
		right: 0;
		padding: 0 .5rem 0 1rem;
		filter: drop-shadow(0 0 5vw transparent);
		z-index: 3;
		display: flex;
		flex-direction: column;
		justify-content: center;
		transform: translateX(100%);
		max-width: calc(100% - 3.5rem);
		transition:
			filter var(--transition-menu) ease-in-out,
			transform var(--transition-menu) ease-in-out;
	}
	.page-list-ctr.open,
	.page-list-map.open {
		transform: translateX(0%);
		filter: drop-shadow(0 0 5vw rgb(var(--colorBase)));
	}

	/* .sticky-page-list ul.page-list { */
	.page-list-ctr ul.page-list,
	.page-list-map ul.page-list {
		list-style: none;
		width: fit-content;
		max-width: 100%;
		overflow: auto;
		max-height: 100%;
		margin: 0;
		padding-right: .5rem;
	}

	.page-list-menu-button {
		display: flex;
		width: 3rem;
		height: 3rem;
		background: var(--colorBG);
		position: absolute;
		right: 100%;
		border-radius: 2rem 0 0 2rem;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		box-shadow: 0 0 2rem rgba(var(--colorBase),.8);
		transition: box-shadow calc(var(--transition-menu) / 3) linear;
	}
	.page-list-ctr.open .page-list-menu-button,
	.page-list-map.open .page-list-menu-button {
		box-shadow: 0 0 2rem transparent;
	}
	
	.page-list-menu-button::before {
		content: '';
		display: block;
		width: 1rem;
		height: 1rem;
		border-width: 0 0 .3rem .3rem;
		border-style: solid;
		border-color: rgb(var(--colorBase));
		transform: rotate(45deg);
		transition: transform var(--transition-menu) ease-in-out;
			
	}
	.page-list-ctr.open .page-list-menu-button::before,
	.page-list-map.open .page-list-menu-button::before {
		transform: rotate(225deg);
		box-shadow: 0 0 2rem transparent;
	}

	.page-list-map > ul > li { border: none }
	
	.am-small-reverse > am-flex {
		flex-direction: column-reverse;
	}
}

/* tiny */
@media screen and (max-width: 659px){
	:root {
		--section-margin: 3rem;
		--am-card-padding: 1rem;
		--am-flex-gap: 1rem;
	}
	.slider-1-2 .slide,
	.slider-1-3 .slide,
	.flex.slider > .flex.slide {
 		flex: 0 0 calc(100% - 1rem - ( var(--am-card-padding) * 2 ) );
		flex-wrap: wrap;
	}
	.contact-form.flex > .block-1-2 {
		flex: 0 0 100%;
	}
	.flex.slide .block-1-1,
	.flex.slide .block-1-2 {
		flex: 0 0 100%;
	}
	.slider .slide:first-of-type {
		margin-left: 1rem;
	}
	.slider .slide:last-of-type {
		margin-right: 1rem;
	}
	
	.countUp.largeNumber {
		font-size:2rem!important;
	}
	
	/*footer*/
	.community {
		flex: 0 0 100%;
		margin-bottom: 3rem;
	}
	.community > svg + p {
		display: none;
	}
	.footer-seo {
		column-gap: 2rem
	}
	.footer-nav {
		flex: 0 0 calc(50% - 1rem);
	}
	.copyright {
		flex-direction: column;
		padding: .75em 0;
	}
	.copyright p {
		margin: .35em auto;
	}

	br.show-on-tiny {
		display: inline;
	}
	.block-on-tiny {
		display: block;
	}

	am-flex.strategor-team > * {
		flex: 0 0 50%;
		margin-top: .5rem;
	}

	.img-with-caption-slide {
		flex: 0 0 66%;
	}

	.flex > .block-1-1 {
		flex: 0 0 calc(100% - 2rem);
	}

	.flex.slider > .block-1-1 {
		flex: 0 0 calc(100% - 3rem);
	}

	.contact-hero h1 {
		font-size: 26px;
	}
	
	/* job offers */
	.job-attrs {
		flex-wrap: wrap;
	}
	.job-attrs > * {
		flex: 0 0 100%;
	}
	
	.success-list .card {
		flex: 0 0 100%;
	}
}