:root {
    --c-00: #000000;
    --c-01: #ffffff;

	--c-02: #1aff72;
	--c-03: #d5f6e2;
	--c-04: #00bacb;
	--c-05: #66d6e0;
	--c-06: #144e8a;
	--c-07: #008b97;
	--c-08: #f6d5d5;
	--c-09: #f6ecd5;
	--c-11: #0c345b;
	--c-12: #666666;


	--c-13: #a8c3b3;
}

html {
	font-size: 1rem;
}

body {
	margin: 0;
	padding: 0;
}

* {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	box-sizing: border-box;
	position: relative;
}
img {
	vertical-align: bottom;
}
strong {
	font-weight: 700;
}
.fs {
	font-size: 1.1rem;
	line-height: 1.7em;
}
.fs2 {
	font-size: 1.3rem;
	line-height: 1.9em;
}
.mb2 {
	margin-bottom: 2em;
}
.mb4 {
	margin-bottom: 4em;
}
.section {
	width: 100%;
}
.container {
	width: 100%;
	max-width: 1400px;
	margin: auto;
	padding: 4rem 1rem;
}
.pddv05 {
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.pddv1 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.tac {
	text-align: center;
	justify-content: center;
}
.maxw100 {
	max-width: 100%;
}
.maxw700 {
	max-width: 700px;
}
.maxw1000 {
	max-width: 1000px;
}
.maxw700 {
	max-width: 700px;
}
.npddh {
	padding-left: 0;
	padding-right: 0;
}
.npddt {
	padding-top: 0;
}
.npddb {
	padding-bottom: 0;
}
h2.line.white:after {
	background: var(--c-01);
}
h2.line.blue:after {
	background: var(--c-04);
}

h2 {
	font-size: 1.6rem;
	font-weight: bold;
	display: flex;
	gap: 3em;
	margin-top: 0;
	margin-bottom: 2rem;
}
p:last-child {
	margin-bottom: 0;
}
h2.big {
	font-size: 2.3rem;
}
h2.line:after {
	display: block;
	content: '';
	background: red;
	height: .5em;
	flex: 1;
	align-self: flex-end;
	margin-bottom: .2em;
}
.bcol2 b, .bcol2 strong {
	color: var(--c-02);
}
.bcol4 b, .bcol4 strong {
	color: var(--c-04);
}
.bcol7 b, .bcol7 strong {
	color: var(--c-07);
}
.plb7 {

}
.plb7 p:before {
    display: inline-block;
    content: '';
    background: var(--c-07);
    height: .7em;
    width: .7em;
    margin-right: .5em;

}
.sec0 {
	background: var(--c-11);
	color: var(--c-01);
}
.sec1 {
	background: url('/images/bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.sec1 .l1 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.sec1 .l1 img {
	width: 20rem;
}
.sec1 .l1 ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	list-style: none;
	padding: 0;
	align-items: center;
}
.sec1 .l1 ul > * {
	flex-grow: 1;
	text-align: right;
}
.sec1 .l1 .nav a {
	color: var(--c-01);
	font-weight: bold;
	font-size: 1.1rem;
	text-decoration: none;
	padding: .6rem 1.5rem;
	border-radius: 3rem;
    transition: all 0.3s ease;
}
.sec1 .l1 .nav a:hover {
	background: var(--c-05);
	color: var(--c-06);
}
.sec1 .l1 .item-106 a {
	background: var(--c-02);
	color: var(--c-06);
}
.sec1 .l2 {
	color: var(--c-01);
	padding-top: 4rem;
	padding-bottom: 8rem;
	font-size: 1.4rem;
	line-height: 2rem;
}
.sec1 .l2 h2 {
	color: var(--c-02);
	line-height: 2.5rem;
}





.sec5 h2 {
	color: var(--c-04);
}
.sec5 li {
	padding: 2rem;
	min-height: 10rem;
    vertical-align: middle;
	display: table-cell !important;
	float: none;
}
.sec5 li img {
	display: inline-block;
}

.sec5 .slick-track {
	display: table !important;
	border-spacing: 0;
}
.slick-slider {
	padding: 0;
}
.slick-slide {
	height: 100%;
}



.sec6 {
	background: var(--c-03);
}
.sec6 .b {
	display: flex;
	gap: 2rem;
}
.sec6 .b .e {
	background: var(--c-04);
	display: flex;
	flex-direction: column;
	flex: 1;
	align-self: stretch;
}
.sec6 .b .e > * {
	width: 100%;
	text-align: center;
	justify-content: center;
}
.sec6 .b .e .t {
	padding: .5rem 1rem;
	text-transform: uppercase;
	height: 5rem;
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 1.4rem;
	color: var(--c-03);
}



/*
.sec6 .b .e .t * {
	font-weight: 600;
	font-size: 1.3rem;
	margin: auto;
	display: block;
} */
.sec6 .b a {
	text-decoration: none;
}
.sec6 .b a:hover {
	transform: scale(1.05);
}
.sec6 .b .e .i {
	text-align: center;
	display: flex;
}
.sec6 .b .e .i img {
	width: 8rem;
	height: 8rem;
	justify-self: center;
}
.sec6 .b .e .d {
	/* height: 5rem; */
	padding: .5rem .5rem 1rem .5rem;
	text-transform: lowercase;
	color: var(--c-03);
	align-self: stretch;
}

.sec7 .list {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem 2rem;
	width: 100%;
}
.sec7 .list > * {
	display: flex;
	padding: 0rem;
	flex: 0 0 calc(33.3333% - 1.5rem);
	flex-direction: row;
	gap: 1rem;
	align-items: center;
	color: var(--c-12);
}
.sec7 .list .e img {
	max-width: 8rem;
	border-radius: 50%;
}
.sec7 .list .e .c .n {
	font-weight: 700;
	font-size: 1.1rem;
	margin-bottom: .3rem;
	color: var(--c-00);
}
.sec8 {
	background: var(--c-05);
}
.sec8 h2 {
	color: var(--c-01);
}

.sec8 .fl {
	display: flex;
	align-items: center;
	padding-top: 2rem;
	background: url(/images/contact_arrows.svg);
	background-repeat: no-repeat;
	background-position: right bottom;
	gap: 1rem;
}
.sec8 .fl img {
	width: 10rem;
	border-radius: 50%;
}
.sec8 a {
	color: var(--c-00);
}
.sec9 {
	background: var(--c-06);
	color: var(--c-01);
}
.sec10 a {
	color: var(--c-00);
}

.sec15 {
	padding: 4rem 1rem;
}
.sec15 a {
	color: var(--c-04);
}
.com-content-article__body ol {
   list-style: none;
   counter-reset: item;
   padding: 0;
   text-align: left;
 }
.com-content-article__body ol li {
   counter-increment: item;
   margin-bottom: .7rem;
   padding-left: 2em;
   margin-lefT: 0;
	font-size: 1.1em; 
 }
.com-content-article__body ol li:before {
   margin-right: 10px;
   content: counter(item);
   background: var(--c-05);
   color: white;
   width: 1.5em;
   text-align: center;
   display: inline-block;
   margin-left: -2em;
   text-align: center;
   font-weight: 600;
	line-height: 1.5em;
}


.platformy {
	display: block;
}
.platformy * {
	border: none;
}
.platformy tbody tr {
	display: flex;
	gap: 2rem;
}
.platformy tbody td {
	font-size: 1rem;
	padding-bottom: 1rem;
}
.platformy tbody td .i {
	text-align: center;
}
.platformy tbody td .i img {
	width: 160px;
	margin: 1rem;
	opacity: .5;
}
.platformy tbody td ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.platformy .h {
	text-align: center;
	font-weight: 700;
	font-size: 1.2rem;
	min-height: 4rem;
	padding: 0 1rem;
	line-height: 1.5rem;
}
.platformy tbody td ul li {
	padding: 0 1rem 0 1rem;
	margin-bottom: 0.7rem ;
	margin-lefT: .5rem;
	line-height: 1.5rem;
	border-left: solid 5px var(--c-01);
}
.platformy tbody td .h {
	color: rgba(0,0,0,.5);
}
.platformy tbody td:nth-child(1) {
	background: var(--c-03);
}
.platformy tbody td:nth-child(2) {
	background: var(--c-09);
}
.platformy tbody td:nth-child(3) {
	background: var(--c-08);
}


.ahu a:hover {
	text-decoration: none;
}
.contpddl {
	padding-left: 4rem;
}
.maxw60 {
	max-width: 60%;
}
.s4mobi {
    display: none;
    z-index: 2;
	position: absolute;
	right: 1rem;
	top: 1rem;
}
.mobiicon {
	display: block;
	transform: scale(0.9);
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}
.mobiicon .button {
	width: 2.5rem;
	height: 1.8rem;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .2s ease-in-out;
	cursor: pointer;
}
.mobiicon .button span {
	display: block;
	position: absolute;
	height: 0.4rem;
	width: 50%;
	background: var(--c-01);
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.mobiicon  .button:hover span, .mobiicon.active .button span {
	background: var(--c-01);
}
.mobiicon.active .button span {
	background: var(--c-01);
}
.mobiicon .button  span:nth-child(even) {
	left: 50%;
	border-radius: 0 1rem 1rem 0;
}
.mobiicon .button  span:nth-child(odd) {
	left:0px;
	border-radius: 9px 0 0 1rem;
}
.mobiicon .button  span:nth-child(1), .mobiicon .button  span:nth-child(2) {
	top: 0;
}
.mobiicon .button  span:nth-child(3), .mobiicon .button  span:nth-child(4) {
	top: 0.7rem;
}
.mobiicon .button  span:nth-child(5), .mobiicon .button  span:nth-child(6) {
	top: 1.4rem;
}
.mobiicon.active .button span:nth-child(1),.mobiicon.active .button span:nth-child(6) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mobiicon.active .button span:nth-child(2),.mobiicon.active .button span:nth-child(5) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.mobiicon.active .button span:nth-child(1) {
	left: 0.2rem;
	top: 0.2rem;
}
.mobiicon.active .button span:nth-child(2) {
	left: calc(50% -  0.2rem);
	top: 0.2rem;
}
.mobiicon.active .button span:nth-child(3) {
	left: -50%;
	opacity: 0;
}
.mobiicon.active .button span:nth-child(4) {
	left: 100%;
	opacity: 0;
}
.mobiicon.active .button span:nth-child(5) {
	left: 0.2rem;
	top: 1.1rem;
}
.mobiicon.active .button span:nth-child(6) {
	left: calc(50% - 0.2rem);
	top: 1.1rem;
}

.com-content-article.item-page {

}
.com-content-article__body {
	width: 100%;
	max-width: 1200px;
	padding-top: 2rem;
	margin: auto;
	font-size: 1.1rem;
}

h1 {
	max-width: 1200px;
	font-size: 2.3rem;
    font-weight: bold;
    display: flex;
    gap: 3em;
    margin-top: 4rem;
    margin-bottom: 2rem;
	margin: auto;
}

h1:after {
    display: block;
    content: '';
    background: var(--c-02);
    height: .5em;
    flex: 1;
    align-self: flex-end;
    margin-bottom: .2em;
}

.animate_t1 {
    transition: opacity 0.5s, translate 0.5s;
}
.animate_t2 {
    transition: opacity 0.65s, translate 0.65s;
}
.animate_t3 {
    transition: opacity 0.80s, translate 0.80s;
}
.animate_t4 {
    transition: opacity 0.95s, translate 0.95s;
}
.u-fade-type-left{
    translate: -50px 0;
    opacity: 0;
}
.u-fade-type-left.is-active{
    translate: 0 0;
    opacity: 1;
}
.u-fade-type-right{
    translate: 50px 0;
    opacity: 0;
}
.u-fade-type-right.is-active{
    translate: 0 0;
    opacity: 1;
}
.u-fade-type-down{
    translate: 0 50px;
    opacity: 0;
}
.u-fade-type-down.is-active{
    translate: 0 0;
    opacity: 1;
}
.u-fade-type-up{
    translate: 0 -50px;
    opacity: 0;
}
.u-fade-type-up.is-active{
    translate: 0 0;
    opacity: 1;
}
.u-fade-type-static{
    opacity: 0;
}
.u-fade-type-static.is-active{
    opacity: 1;
}


@media (max-width: 1200px) {
	html {
		font-size: .9rem;
	}
	.sec1 .l1 img {
		width: 15rem;
	}
	.sec6 .b {
		gap: 1rem;
	}
}
@media (max-width: 1050px) {
	.sec7 .list > * {
		flex: 0 0 calc(50% - 1rem);
	}
	.contpddl {
		padding-left: 1rem;
	}
	.sec1 .l1 {
		flex-direction: column;
	}
	.sec1 .l1 img {
        width: 12rem;
    }
	.sec1 .l1 {
		padding-top: 1rem;
	}
	.s4mobi {
        display: block !important;
    }
    .sec1 .l1 ul.active {
        display: block;
    }
	.sec1 .l1 ul {
		display: none;
	}
	.sec1 .l1 ul > * {
		padding: .7rem 1rem;
	}
	.sec0 {
		display: none;
	}
	.sec6 .b .e .t {
		font-size: 1.1rem;
	}
	.sec6 .b .e .d {
		/* height: 7rem; */
	}
}
@media (max-width: 800px) {
	html {
		font-size: .8rem;
	}
    .sec1 .l1 ul > * {
        padding: 1rem 1rem;
    }
	.sec1 .l1 ul > * a {
		font-size: 1.3rem !important;
	}
	.sec6 .b {
		flex-wrap: wrap;
		align-items: center;
	}
	.sec6 .b .e {
		width: 45%;
	}
	.platformy tbody tr {
		flex-direction: column;
	}
	.platformy tbody td {
		width: 100% !important;
	}
}
@media (max-width: 600px) {
	.sec7 .list > * {
		flex: 0 0 100%;
	}
	h2 {
		gap: 1em;
	}
	.maxw60 {
		max-width: 100%;
	}
}
@media (max-width: 600px) {
	.sec8 .fl {
		flex-direction: column;
		align-items: start;
	}
}