@media (min-width: 1500px){
.ele-add-1 {
--par-1: 1.25fr;
--par-2: 0.75fr;
}
.ele-add-2 {
--par-1: 3;
--par-2: 65px;
}
.ele-add-4 {
--par-1: 3;
--par-2: 30px;
--par-3: 130px;
--par-4: 40%;
}
.ele-add-7 {
--par-1: 30px;
--par-2: 30%;
}
.ele-add-8 {
--par-1: 1fr;
--par-2: 1fr;
--par-3: 50px;
}
.ele-add-9 {
--par-1: 4;
--par-2: 30px;
--par-3: 130px;
--par-4: 30%;
}
.ele-add-10 {
--par-1: 1.25fr;
--par-2: 0.75fr;
}
.ele-add-11 {
--par-1: 30px;
}
.ele-add-12 {
--par-1: 30px;
--par-2: 16px;
}
}

@media (min-width: 1200px) and (max-width: 1499px){
.ele-add-1 {
--par-1: 1.2fr;
--par-2: 0.8fr;
}
.ele-add-2 {
--par-1: 3;
--par-2: 60px;
}
.ele-add-4 {
--par-1: 3;
--par-2: 20px;
--par-3: 100px;
--par-4: 35%;
}
.ele-add-7 {
--par-1: 30px;
--par-2: 30%;
}
.ele-add-8 {
--par-1: 1.2fr;
--par-2: 0.8fr;
--par-3: 40px;
}
.ele-add-9 {
--par-1: 4;
--par-2: 20px;
--par-3: 100px;
--par-4: 30%;
}
.ele-add-10 {
--par-1: 1.2fr;
--par-2: 0.8fr;
}
.ele-add-11 {
--par-1: 30px;
}
.ele-add-12 {
--par-1: 30px;
--par-2: 16px;
}
}

@media (min-width: 992px) and (max-width: 1199px){
.ele-add-1 {
--par-1: 1.1fr;
--par-2: 0.9fr;
}
.ele-add-2 {
--par-1: 3;
--par-2: 55px;
}
.ele-add-4 {
--par-1: 3;
--par-2: 15px;
--par-3: 80px;
--par-4: 35%;
}
.ele-add-7 {
--par-1: 25px;
--par-2: 35%;
}
.ele-add-8 {
--par-1: 1.2fr;
--par-2: 0.8fr;
--par-3: 30px;
}
.ele-add-9 {
--par-1: 4;
--par-2: 20px;
--par-3: 80px;
--par-4: 30%;
}
.ele-add-10 {
--par-1: 1.1fr;
--par-2: 0.9fr;
}
.ele-add-11 {
--par-1: 20px;
}
.ele-add-12 {
--par-1: 20px;
--par-2: 11px;
}
}

@media (min-width: 768px) and (max-width: 991px){
.ele-add-2 {
--par-1: 2;
--par-2: 50px;
}
.ele-add-4 {
--par-1: 2;
--par-2: 30px;
--par-3: 130px;
--par-4: 40%;
}
.ele-add-7 {
--par-1: 25px;
--par-2: 25%;
}
.ele-add-9 {
--par-1: 3;
--par-2: 20px;
--par-3: 100px;
--par-4: 30%;
}
.ele-add-11 {
--par-1: 20px;
}
.ele-add-12 {
--par-1: 20px;
--par-2: 11px;
}
}

@media (min-width: 576px) and (max-width: 767px){
.ele-add-2 {
--par-1: 2;
--par-2: 50px;
}
.ele-add-4 {
--par-1: 2;
--par-2: 20px;
--par-3: 100px;
--par-4: 40%;
}
.ele-add-7 {
--par-1: 25px;
--par-2: 30%;
}
.ele-add-9 {
--par-1: 3;
--par-2: 20px;
--par-3: 110px;
--par-4: 35%;
}
.ele-add-11 {
--par-1: 15px;
}
.ele-add-12 {
--par-1: 15px;
--par-2: 8px;
}
}

@media (max-width: 575px){
.ele-add-2 {
--par-1: 1;
--par-2: 45px;
}
.ele-add-4 {
--par-1: 1;
--par-2: 15px;
--par-3: 100px;
--par-4: 30%;
}
.ele-add-7 {
--par-1: 25px;
--par-2: 20%;
}
.ele-add-9 {
--par-1: 2;
--par-2: 20px;
--par-3: 100px;
--par-4: 35%;
}
.ele-add-11 {
--par-1: 15px;
}
.ele-add-12 {
--par-1: 15px;
}
}



main.main .ele-add-1 {
	background-color: var(--color-2);
}
@media (min-width: 992px) {
main.main .ele-add-1 .grid-photo-text {
	grid-template: 1fr / var(--par-1) var(--par-2);
}
}
@media (min-width: 1500px){
main.main .ele-add-1 .text {
	margin-top: calc(0px - var(--space-mid));
}
}


main.main .ele-add-2 {
	background-color: var(--color-8);
}
main.main .ele-add-2 .content-stand > * {
	color: var(--color-2);
}
main.main .ele-add-2 .content-stand > h1 {
	letter-spacing: 5px;
}
main.main .ele-add-2 .grid {
	display: grid;
	grid-template: 1fr / repeat(var(--par-1), calc(var(--grid-container-width) / var(--par-1)));
	justify-content: center;
	place-items: stretch center;
	row-gap: var(--space-low);
}
main.main .ele-add-2 .grid > div {
	border-left: solid 2px var(--color-2);
	padding: 0.5em 2.5em 1em 2.5em;
	width: calc(var(--grid-container-width) / var(--par-1));
}
main.main .ele-add-2 .grid img {
	width: var(--par-2);
	margin: 0;
}
@media (min-width: 992px){
main.main .ele-add-2 .grid > div:nth-child(3n+1) {
	border-left: none;
}
}
@media (max-width: 991px){
main.main .ele-add-2 .grid > div:nth-child(2n+1) {
	border-left: none;
}
}
@media (max-width: 575px){
main.main .ele-add-2 .grid > div {
	border-left: none;
}
}
@media (min-width: 1500px){
main.main .ele-add-2 {
	margin-top: calc(0px - var(--space-mid));
}
}
@media (min-width: 992px) and (max-width: 1499px){
main.main .ele-add-2 {
	margin-top: var(--space-mid);
	padding-top: var(--space-mid) !important;
}
}
@media (max-width: 991px){
main.main .ele-add-2 {
	margin-top: calc(0px - var(--space-mid));
}
}


main.main .ele-add-3 {
	line-height: 0;
}
main.main .ele-add-3 img {
	width: 100%;
}


main.main .ele-add-4 {
	background-color: var(--color-8);
}
main.main .ele-add-4 .content-stand > * {
	color: var(--color-2);
}
main.main .ele-add-4 .content-stand > h1 {
	letter-spacing: 5px;
}
main.main .ele-add-4 .grid {
	display: grid;
	grid-template: 1fr / repeat(var(--par-1), calc((var(--grid-container-width) - ((var(--par-1) - 1) * var(--par-2))) / var(--par-1)));
	justify-content: center;
	place-items: stretch center;
	gap: var(--par-2);
}
main.main .ele-add-4 .grid > div {
	border: solid 3px var(--color-2);
	padding: 2em 2.5em 2em 2.5em;
	width: calc((var(--grid-container-width) - ((var(--par-1) - 1) * var(--par-2))) / var(--par-1));
	text-align: left;
	display: grid;
	place-items: start start;
	grid-template: var(--par-3) auto 1fr auto / 1fr;
	transition: transform var(--transition-duration) var(--transition-timing) 1s;
}
main.main .ele-add-4 .grid > div img {
	width: var(--par-4);
}
main.main .ele-add-4 .grid > div:nth-child(3) img {
	width: calc(var(--par-4) + 10%);
}
main.main .ele-add-4 .grid > div:nth-child(4) img {
    width: calc(var(--par-4) + 10%);
}
main.main .ele-add-4 .grid > div:nth-child(5) img {
    width: calc(var(--par-4) + 10%);
}
main.main .ele-add-4 .grid > div:nth-child(6) img {
    width: calc(var(--par-4) + 10%);
}
main.main .ele-add-4 .grid > div h4 {
	font-weight: 700;
	margin-top: 0;
}
main.main .ele-add-4 .grid > div p:first-child {
	margin: 0;
	align-self: center;
}
main.main .ele-add-4 .grid > div p:last-child > a {
	align-self: end;
}
main.main .ele-add-4 .grid > div p:last-child > a {
	text-transform: uppercase;
	font-size: calc(var(--stand-font-size) - 2px);
	color: var(--color-4);
}
main.main .ele-add-4 .grid > div p:last-child > a:hover {
	color: var(--color-2);
	text-decoration: none;
}
@media (min-width: 992px){
main.main .ele-add-4 .grid.shift.io-add > div:nth-child(3n+2) {
	transform: translateY(0);
}
main.main .ele-add-4 .grid.shift > div:nth-child(3n+2) {
	transform: translateY(30px);
}
}
@media (max-width: 575px){
main.main .ele-add-4 .grid {
	grid-template: 1fr / 90%;
}
main.main .ele-add-4 .grid > div {
	width: 90%;
	text-align: center;
	place-items: start center;
}
}


main.main .ele-add-7 {
	background-color: var(--color-2);
}
main.main .ele-add-7 .grid {
	display: grid;
	justify-content: stretch;
	align-items: start;
	gap: var(--par-1);
}
main.main .ele-add-7 .grid > div:first-child {
	text-align: center;
}
main.main .ele-add-7 .grid > div.content-stand > * {
	margin: 0;
}
main.main .ele-add-7 .grid > div img {
	width: var(--par-2);
}
main.main .ele-add-7 .grid > div:first-child > * {
	margin-bottom: var(--space-mid);
}
main.main .ele-add-7 .grid > div:first-child > *:last-child {
	margin-bottom: 0;
}
@media (min-width: 992px){
main.main .ele-add-7 .grid {
	grid-template: 1fr / 0.8fr 1.4fr 0.8fr;
}
main.main .ele-add-7 .grid > div:first-child {
	grid-area: 1 / 2 / var(--area) / 3;
	place-self: center center;
}
}
@media (min-width: 576px) and (max-width: 991px){
main.main .ele-add-7 .grid {
	grid-template: 1fr / 1fr 1fr;
}
main.main .ele-add-7 .grid > div:first-child {
	grid-area: 1 / 1 / 2 / 3;
	place-self: center center;
}
}
@media (min-width: 576px){
main.main .ele-add-7 .grid > div:nth-child(2n+2) {
	justify-self: start;
	text-align: left;
}
main.main .ele-add-7 .grid > div:nth-child(2n+3) {
	justify-self: end;
	text-align: right;
}
}
@media (max-width: 575px){
main.main .ele-add-7 .grid {
	grid-template: 1fr / 90%;
	justify-content: center;
	place-items: start center;
	text-align: center;
}
}


main.main .ele-add-8 {
	background-color: var(--color-8);
}
main.main .ele-add-8 .content-stand > * {
	color: var(--color-2);
}
@media (min-width: 576px){
main.main .ele-add-8 .grid-add {
	display: grid;
	grid-template: 1fr / max-content max-content;
	place-items: center start;
	column-gap: 1em;
	margin-top: 1.5em;
}
}
@media (max-width: 575px){
main.main .ele-add-8 .grid-add {
	display: grid;
	grid-template: max-content max-content / max-content;
	place-items: start center;
	row-gap: 0.5em;
	margin-top: 1.5em;
}
}
main.main .ele-add-8 .grid-add .button {
	grid-template: calc(var(--button-height) / 1.25) / auto;
	padding: 0 calc(var(--button-padding) / 1.25) 0 calc(var(--button-padding) / 1.25);
	font-size: calc(var(--button-font-size) - 2px);
}
@media (min-width: 992px){
main.main .ele-add-8 .grid-photo-text {
	grid-template: 1fr / var(--par-1) var(--par-2);
}
main.main .ele-add-8 .text {
	margin-right: var(--par-3);
	margin-bottom: var(--space-mid);
}
main.main .ele-add-8 .photo > img {
	transform: scale(1.1);
	transform-origin: right center;
}
}
@media (max-width: 991px){
main.main .ele-add-8 .grid-photo-text {
	row-gap: 20px;
}
main.main .ele-add-8 .photo > img {
	transform: translateY(20px);
}
main.main .ele-add-8 .grid-add {
	justify-content: center;
}
}


main.main .ele-add-9 .grid {
	display: grid;
	grid-template: 1fr / repeat(var(--par-1), calc((var(--grid-container-width) - ((var(--par-1) - 1) * var(--par-2))) / var(--par-1)));
	justify-content: center;
	place-items: stretch center;
	gap: var(--par-2);
	margin-top: var(--space-mid);
}
main.main .ele-add-9 .grid > div {
	width: calc((var(--grid-container-width) - ((var(--par-1) - 1) * var(--par-2))) / var(--par-1));
	text-align: center;
	display: grid;
	place-items: start center;
	grid-template: var(--par-3) auto 1fr auto / 1fr;
}
main.main .ele-add-9 .grid > div img {
	width: var(--par-4);
}
main.main .ele-add-9 .grid > div:nth-child(1) img {
    width: calc(var(--par-4) + 10%);
}
main.main .ele-add-9 .grid > div:nth-child(4) img {
    width: calc(var(--par-4) + 10%);
}
main.main .ele-add-9 .grid > div h4 {
	margin-top: 0;
}
main.main .ele-add-9 .grid > div p:first-child {
	margin: 0;
	align-self: center;
}
main.main .ele-add-9 .grid > div p:last-child > a {
	align-self: end;
}
main.main .ele-add-9 .grid > div p:last-child > a {
	text-transform: uppercase;
	font-size: calc(var(--stand-font-size) - 2px);
	color: var(--color-4);
}
main.main .ele-add-9 .grid > div p:last-child > a:hover {
	color: var(--color-2);
	text-decoration: none;
}
main.main .ele-add-9 .button-grid {
	display: grid;
	justify-content: center;
}
main.main .ele-add-9 .button-grid > * {
	margin: 0;
}
@media (min-width: 992px){
main.main .ele-add-9 .button-grid {
	grid-template: max-content / min-content min-content min-content;
	place-items: center stretch;
	column-gap: 20px;
}
main.main .ele-add-9 .button {
	line-height: 120%;
	grid-template: calc(var(--button-height) + 15px) / auto;
}
}
@media (max-width: 991px){
main.main .ele-add-9 .button-grid {
	grid-template: max-content max-content max-content / min-content;
	place-items: center center;
	row-gap: 10px;
}
main.main .ele-add-9 .button:first-child {
	line-height: 120%;
	grid-template: calc(var(--button-height) + 15px) / auto;
}
}


main.main .ele-add-10 {
	--aspect-ratio: 70%;
	background-color: var(--color-8);
}
main.main .ele-add-10 .content-stand > * {
	color: var(--color-2);
}
main.main .ele-add-10 .content-stand > h1 {
	letter-spacing: 5px;
}
main.main .ele-add-10 .button {
	grid-template: calc(var(--button-height) / 1.25) / auto;
	padding: 0 calc(var(--button-padding) / 1.25) 0 calc(var(--button-padding) / 1.25);
	font-size: calc(var(--button-font-size) - 2px);
}
@media (min-width: 992px) {
main.main .ele-add-10 .grid-photo-text {
	grid-template: 1fr / var(--par-1) var(--par-2);
}
}
@media (min-width: 992px) {
main.main .ele-add-10 .grid-photo-text > .photo {
	place-self: center stretch;
}
}


main.main .ele-add-11 .slider-ele {
	transform: scale(0.75);
	transition: transform var(--transition-duration) var(--transition-timing) 0s;
}
main.main .ele-add-11 .slider-ele.visible {
	transform: scale(1);
}
main.main .ele-add-11 .slider-ele > p:first-child {
	font-style: italic;
}
main.main .ele-add-11 .stars {
	display: grid;
	grid-template: auto / repeat(auto-fit, 20px);
	grid-auto-flow: column;
	justify-content: center;
	place-items: start center;
	column-gap: 5px;
}
main.main .ele-add-11 .dots {
	top: calc(0px - var(--slider-dot-size) - var(--par-1));
	left: calc((var(--slider-width) / 2) - (var(--slider-dots-width) / 2));
}
@media (min-width: 576px){
main.main .ele-add-11 .slider-arrows {
	top: calc(0px - (var(--arrow-stand-size) / 2));
}
}
main.main .ele-add-11 .slider-arrow-l {
	left: var(--cont-margin);
}
main.main .ele-add-11 .slider-arrow-r {
	right: var(--cont-margin);
}
@media (max-width: 575px){
main.main .ele-add-11 .slider-arrows {
	bottom: 0px;
}
}


main.main .ele-add-12 {
	--aspect-ratio: 60%;
	background-color: var(--color-8);
}
main.main .ele-add-12 h1 {
	letter-spacing: 5px;
}
main.main .ele-add-12 .content-stand > * {
	color: var(--color-2);
}
main.main .ele-add-12 .slider-ele .text {
	border: solid 2px var(--color-4);
	border-radius: 10px;
	transform: translateY(-15px);
	padding: 25px 2em 2em 2em;
}
main.main .ele-add-12 .slider-ele .photo {
	z-index: 1;
	border-radius: 10px;
	transition: filter var(--transition-duration) var(--transition-timing) 0s;
}
main.main .ele-add-12 .slider-ele .text > h4 {
	font-size: calc(var(--stand-h4-font-size) - 2px);
	font-weight: 600;
	margin-bottom: calc(var(--stand-h4-margin-bottom) / 2);
	margin-top: calc(var(--stand-h4-margin-top) / 2);
}
main.main .ele-add-12 .slider-ele .text > p {
	font-size: calc(var(--stand-font-size) - 1px);
	font-weight: 300;
}
main.main .ele-add-12 .slider-ele .text > p:first-child {
	color: var(--color-4);
	font-size: calc(var(--stand-font-size) - 2px);
	font-style: italic;
	font-weight: 400;
}
main.main .ele-add-12 .slider-ele .text > p:last-child > a {
	color: var(--color-4);
	font-size: calc(var(--stand-font-size) - 2px);
	text-transform: uppercase;
	font-weight: 500;
}
main.main .ele-add-12 .slider-ele .text > p:last-child > a:hover {
	color: var(--color-2);
	text-decoration: none;
}
main.main .ele-add-12 .slider-ele:has(a:hover) > .photo {
	filter: sepia(50%);
}
main.main .ele-add-12 .dots {
	top: calc(0px - var(--slider-dot-size) - var(--par-1));
	left: calc((var(--slider-width) / 2) - (var(--slider-dots-width) / 2));
}
@media (min-width: 576px){
main.main .ele-add-12 .slider-arrows {
	top: calc(0px - var(--par-2) - var(--arrow-stand-size));
}
}
main.main .ele-add-12 .slider-arrow-l {
	left: 0px;
}
main.main .ele-add-12 .slider-arrow-r {
	right: 0px;
}
@media (max-width: 575px){
main.main .ele-add-12 .slider-arrows {
	bottom: 0px;
}
}


main.main .ele-add-13 .slider-ele {
display: grid;
grid-template: 1fr / 1fr;
place-items: center center;
}



main.main .subpage-menu a > h4 {
	margin-top: 0;
	margin-bottom: 1em !important;
	text-align: center;
	font-size: calc(var(--stand-h4-font-size) - 4px);
	transition: color var(--transition-duration) var(--transition-timing) 0s;
	text-transform: uppercase;
	color: var(--color-8);
	font-weight: 500;
}
main.main .subpage-menu a:hover > h4 {
	color: var(--color-3);
}



main.main .subpage-content > * {
	padding-left: calc((var(--cont-width) * var(--ratio-mid)) + var(--cont-margin));
	padding-right: calc((var(--cont-width) * var(--ratio-mid)) + var(--cont-margin));
}
main.main .subpage-content > table {
	padding-left: 0;
	padding-right: 0;
	margin-left: calc((var(--cont-width) * var(--ratio-mid)) + var(--cont-margin));
	margin-right: calc((var(--cont-width) * var(--ratio-mid)) + var(--cont-margin));
}
main.main .subpage-content .grid {
	display: grid;
	column-gap: 5%;
	place-items: stretch stretch;
}
main.main .subpage-content .right {
	background-color: var(--color-5);
	padding-top: var(--space-big);
	padding-bottom: var(--space-big);
}
main.main .subpage-content .right .text > * {
	color: var(--color-1);
}
main.main .subpage-content .right .text li::marker {
	color: var(--color-4);
}
@media (min-width: 992px){
main.main .subpage-content > div.left {
	padding-left: 0;
	padding-right: calc((var(--cont-width) * var(--ratio-mid)) + var(--cont-margin));
}
main.main .subpage-content > div.right {
	padding-left: calc((var(--cont-width) * var(--ratio-mid)) + var(--cont-margin));
	padding-right: 0;
}
main.main .subpage-content .grid.left {
	grid-template: 1fr / 0.9fr 1.1fr;
}
main.main .subpage-content .grid.right {
	grid-template: 1fr / 1.1fr 0.9fr;
}
main.main .subpage-content .grid.left .photo {
	grid-area: 1 / 1 / 2 / 2;
}
main.main .subpage-content .grid.left .text {
	grid-area: 1 / 2 / 2 / 3;
}
main.main .subpage-content .grid.right .photo {
	grid-area: 1 / 2 / 2 / 3;
}
main.main .subpage-content .grid.right .text {
	grid-area: 1 / 1 / 2 / 2;
}
}
@media (max-width: 991px){
main.main .subpage-content .grid {
	grid-template: auto auto / 1fr;
	row-gap: var(--space-mid);
}
main.main .subpage-content .grid .photo {
	grid-area: 2 / 1 / 3 / 2;
}
main.main .subpage-content .grid .text {
	grid-area: 1 / 1 / 2 / 2;
}
main.main .subpage-content .text > * {
	text-align: center;
}
main.main .subpage-content .text > p, main.main .subpage-content .text > ul {
	text-align: inherit;
}
}


main.main .subpage-content > div.team {
--aspect-ratio: 100%;
}
main.main .subpage-content > div.team .photo {
	border-radius: 100%;
}
@media (min-width: 992px){
main.main .subpage-content > div.team {
	padding-left: calc((var(--cont-width) * var(--ratio-mid)) + var(--cont-margin));
	padding-right: calc((var(--cont-width) * var(--ratio-mid)) + var(--cont-margin));
}
}
@media (min-width: 576px) {
main.main .subpage-content > div.left.team {
	grid-template: 1fr / 1fr 5fr;
}
main.main .subpage-content > div.team .photo {
	place-self: start stretch;
	grid-area: 1 / 1 / 2 / 2;
}
main.main .subpage-content > div.team .text {
	place-self: start stretch;
	grid-area: 1 / 2 / 2 / 3;
}
}
@media (max-width: 575px) {
main.main .subpage-content > div.left.team {
	grid-template: 100px auto / 1fr;
	row-gap: var(--space-low)
}
main.main .subpage-content > div.team .photo {
	place-self: start center;
	grid-area: 1 / 1 / 2 / 2;
	width: 100px;
}
main.main .subpage-content > div.team .text {
	place-self: start stretch;
	grid-area: 2 / 1 / 3 / 2;
}
}