body {
	margin: 0;
	background: #010066;
	overflow: hidden
}

.inc-o2is {
	color: #010066;
	background: #e6f3fa;
	font-size: 10px;
	line-height: 1.2;
	width: 100vw;
	height: 100vh;
	overflow: auto
}

.inc-o2is img {
	max-width: 100%;
	max-height: 100%;
	border: none
}

.inc-o2is a {
	color: #0019a5
}

.inc-o2is a:hover {
	color: #0019a5;
	text-decoration: none
}

.inc-o2is--noscroll {
	overflow: hidden
}

.inc-o2is .inc-o2is-header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	top: 0;
	background-color: rgba(1, 0, 102, 0);
	transition: background-color 1000ms ease 0ms;
	z-index: 2
}

.inc-o2is .inc-o2is-header--blue {
	background-color: #010066
}

@media screen and (min-width: 1024px) {
	.inc-o2is .inc-o2is-header--blue {
		background-color: rgba(1, 0, 102, 0)
	}

	.inc-o2is .inc-o2is-header--blue .inc-o2is-logo svg path {
		fill: #010066
	}

	.inc-o2is .inc-o2is-header--blue .inc-o2is-nav__sound,
	.inc-o2is .inc-o2is-header--blue .inc-o2is-nav__sound:hover,
	.inc-o2is .inc-o2is-header--blue .inc-o2is-nav__open,
	.inc-o2is .inc-o2is-header--blue .inc-o2is-nav__open:hover {
		color: #010066
	}
}

.inc-o2is .inc-o2is-logo {
	width: 57px;
	display: flex;
	justify-content: flex-end;
	margin: 0 2%;
	overflow: hidden;
	transition: width 300ms ease 0ms;
	z-index: 3
}

.inc-o2is .inc-o2is-logo svg {
	height: 100%;
	flex: 0 0 159px;
	display: block
}

.inc-o2is .inc-o2is-logo svg path {
	fill: #fff;
	transition: all 300ms linear 0ms
}

.inc-o2is .inc-o2is-logo--full {
	width: 157px
}

@media screen and (min-width: 1280px) {
	.inc-o2is .inc-o2is-logo {
		width: 68px;
		left: 1%
	}

	.inc-o2is .inc-o2is-logo svg {
		flex: 0 0 190px
	}

	.inc-o2is .inc-o2is-logo--full {
		width: 190px
	}
}

.inc-o2is .inc-o2is-nav {
	align-items: center;
	justify-content: center;
	margin: 0 2em
}

@media screen and (min-width: 1024px) {
	.inc-o2is .inc-o2is-nav {
		margin: 0 4em
	}
}

.inc-o2is .inc-o2is-nav__open {
	position: relative;
	z-index: 2
}

.inc-o2is .inc-o2is-nav__open,
.inc-o2is .inc-o2is-nav__open:hover {
	color: #fff
}

.inc-o2is .inc-o2is-nav__open {
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 2em
}

.inc-o2is .inc-o2is-nav__open strong {
	font-size: 1.6em;
	margin-right: .5em
}

.inc-o2is .inc-o2is-nav__open>span {
	width: 2.8em;
	height: 2.8em;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden
}

.inc-o2is .inc-o2is-nav__open>span:last-child {
	position: absolute;
	top: 0;
	right: 0
}

.inc-o2is .inc-o2is-nav__open>span span {
	width: .4em;
	height: .4em;
	background-color: currentColor;
	position: relative;
	margin: .25em;
	transition: transform 400ms ease 0ms;
	transform: translate3d(0, 0, 0)
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(1) {
	transition: transform 400ms ease 540ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(2) {
	transition: transform 400ms ease 510ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(3) {
	transition: transform 400ms ease 480ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(4) {
	transition: transform 400ms ease 450ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(5) {
	transition: transform 400ms ease 420ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(6) {
	transition: transform 400ms ease 390ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(7) {
	transition: transform 400ms ease 360ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(8) {
	transition: transform 400ms ease 330ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(9) {
	transition: transform 400ms ease 300ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(10) {
	transition: transform 400ms ease 270ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(11) {
	transition: transform 400ms ease 240ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(12) {
	transition: transform 400ms ease 210ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(13) {
	transition: transform 400ms ease 180ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(14) {
	transition: transform 400ms ease 150ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(15) {
	transition: transform 400ms ease 120ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(16) {
	transition: transform 400ms ease 90ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(17) {
	transition: transform 400ms ease 60ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(18) {
	transition: transform 400ms ease 30ms
}

.inc-o2is .inc-o2is-nav__open>span span:nth-child(19) {
	transition: transform 400ms ease 0ms
}

.inc-o2is .inc-o2is-nav__open>span::before,
.inc-o2is .inc-o2is-nav__open>span::after {
	content: "";
	width: 0;
	height: .2em;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: currentColor;
	transform-origin: 0 0;
	transform: rotate(45deg) translate(-50%, -50%);
	transition: all 400ms ease 0ms
}

.inc-o2is .inc-o2is-nav__open>span::after {
	transform: rotate(-45deg) translate(-50%, -50%)
}

.inc-o2is .inc-o2is-nav__open>span:last-child::before,
.inc-o2is .inc-o2is-nav__open>span:last-child::after {
	width: 100%
}

.inc-o2is .inc-o2is-nav__open>span:last-child::before {
	transform: rotate(45deg) translate(-200%, -50%)
}

.inc-o2is .inc-o2is-nav__open>span:last-child::after {
	transform: rotate(-45deg) translate(100%, -50%)
}

.inc-o2is .inc-o2is-nav__open:hover>span span,
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span {
	transform: translate3d(0, -700%, 0)
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(1),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(1) {
	transition: transform 400ms ease 30ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(2),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(2) {
	transition: transform 400ms ease 60ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(3),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(3) {
	transition: transform 400ms ease 90ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(4),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(4) {
	transition: transform 400ms ease 120ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(5),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(5) {
	transition: transform 400ms ease 150ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(6),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(6) {
	transition: transform 400ms ease 180ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(7),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(7) {
	transition: transform 400ms ease 210ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(8),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(8) {
	transition: transform 400ms ease 240ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(9),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(9) {
	transition: transform 400ms ease 270ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(10),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(10) {
	transition: transform 400ms ease 300ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(11),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(11) {
	transition: transform 400ms ease 330ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(12),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(12) {
	transition: transform 400ms ease 360ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(13),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(13) {
	transition: transform 400ms ease 390ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(14),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(14) {
	transition: transform 400ms ease 420ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(15),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(15) {
	transition: transform 400ms ease 450ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(16),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(16) {
	transition: transform 400ms ease 480ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(17),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(17) {
	transition: transform 400ms ease 510ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(18),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(18) {
	transition: transform 400ms ease 540ms
}

.inc-o2is .inc-o2is-nav__open:hover>span span:nth-child(19),
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span:nth-child(19) {
	transition: transform 400ms ease 570ms
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span:before,
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span:after {
	width: 100%
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span:before {
	transition: all 400ms ease 800ms
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span:after {
	transition: all 400ms ease 1000ms
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__open>span span {
	transform: translate3d(0, -1400%, 0)
}

.inc-o2is .inc-o2is-nav--opened .inc-o2is-nav__open>span::before {
	transition: all 400ms ease-in-out 0ms
}

.inc-o2is .inc-o2is-nav--opened .inc-o2is-nav__open>span::after {
	transition: all 200ms ease-in-out 100ms
}

.inc-o2is .inc-o2is-nav--opened .inc-o2is-nav__open:hover>span::before {
	transform: rotate(45deg) translate(100%, -50%)
}

.inc-o2is .inc-o2is-nav--opened .inc-o2is-nav__open:hover>span::after {
	transform: rotate(-45deg) translate(-200%, -50%)
}

.inc-o2is .inc-o2is-nav--opened .inc-o2is-nav__open:hover>span:last-child::before {
	transform: rotate(45deg) translate(-50%, -50%)
}

.inc-o2is .inc-o2is-nav--opened .inc-o2is-nav__open:hover>span:last-child::after {
	transform: rotate(-45deg) translate(-50%, -50%)
}

.inc-o2is .inc-o2is-nav__list {
	width: 100vw;
	height: 100vh;
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	background-color: #010066;
	overflow: hidden
}

.inc-o2is .inc-o2is-nav__list canvas {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none
}

.inc-o2is .inc-o2is-nav__list ul {
	display: flex;
	list-style: none;
	flex-direction: column;
	margin: auto;
	padding: 2em 5%;
	position: relative;
	z-index: 1
}

.inc-o2is .inc-o2is-nav__list ul li {
	margin: auto 0;
	position: relative
}

.inc-o2is .inc-o2is-nav__list ul li a {
	font-size: clamp(3em, 5.5vh, 7em);
	color: #41b5e6;
	font-weight: 600;
	padding: .1em .2em .1em 1em;
	text-decoration: none;
	display: block;
	position: relative;
	transition: color 500ms ease 0ms
}

.inc-o2is .inc-o2is-nav__list ul li a strong,
.inc-o2is .inc-o2is-nav__list ul li a span {
	display: block;
	position: relative
}

.inc-o2is .inc-o2is-nav__list ul li a strong {
	font-weight: 600
}

.inc-o2is .inc-o2is-nav__list ul li a>span {
	font-weight: 400;
	font-size: .2813em;
	position: absolute;
	top: 1.5em;
	left: 0
}

.inc-o2is .inc-o2is-nav__list ul li a img {
	display: none
}

.inc-o2is .inc-o2is-nav__list ul li a:hover {
	color: #fff
}

.inc-o2is .inc-o2is-nav__list ul li a>span,
.inc-o2is .inc-o2is-nav__list ul li a strong {
	overflow: hidden
}

.inc-o2is .inc-o2is-nav__list ul li a>span span {
	transform: translate(100%, 0)
}

.inc-o2is .inc-o2is-nav__list ul li a strong span {
	transform: translate(0, 100%)
}

.inc-o2is .inc-o2is-nav__list ul li:nth-child(1) a>span span,
.inc-o2is .inc-o2is-nav__list ul li:nth-child(1) a strong span {
	transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 450ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav__list ul li:nth-child(1) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 400ms
	}
}

.inc-o2is .inc-o2is-nav__list ul li:nth-child(2) a>span span,
.inc-o2is .inc-o2is-nav__list ul li:nth-child(2) a strong span {
	transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 400ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav__list ul li:nth-child(2) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 350ms
	}
}

.inc-o2is .inc-o2is-nav__list ul li:nth-child(3) a>span span,
.inc-o2is .inc-o2is-nav__list ul li:nth-child(3) a strong span {
	transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 350ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav__list ul li:nth-child(3) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 300ms
	}
}

.inc-o2is .inc-o2is-nav__list ul li:nth-child(4) a>span span,
.inc-o2is .inc-o2is-nav__list ul li:nth-child(4) a strong span {
	transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 300ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav__list ul li:nth-child(4) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 250ms
	}
}

.inc-o2is .inc-o2is-nav__list ul li:nth-child(5) a>span span,
.inc-o2is .inc-o2is-nav__list ul li:nth-child(5) a strong span {
	transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 250ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav__list ul li:nth-child(5) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 200ms
	}
}

.inc-o2is .inc-o2is-nav__list ul li:nth-child(6) a>span span,
.inc-o2is .inc-o2is-nav__list ul li:nth-child(6) a strong span {
	transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 200ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav__list ul li:nth-child(6) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 150ms
	}
}

.inc-o2is .inc-o2is-nav__list ul li:nth-child(7) a>span span,
.inc-o2is .inc-o2is-nav__list ul li:nth-child(7) a strong span {
	transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 150ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav__list ul li:nth-child(7) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 100ms
	}
}

.inc-o2is .inc-o2is-nav__list ul li:nth-child(8) a>span span,
.inc-o2is .inc-o2is-nav__list ul li:nth-child(8) a strong span {
	transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 100ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav__list ul li:nth-child(8) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 50ms
	}
}

.inc-o2is .inc-o2is-nav__list ul li:nth-child(9) a>span span,
.inc-o2is .inc-o2is-nav__list ul li:nth-child(9) a strong span {
	transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 50ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav__list ul li:nth-child(9) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 0ms
	}
}

.inc-o2is .inc-o2is-nav__list ul li:nth-child(10) a>span span,
.inc-o2is .inc-o2is-nav__list ul li:nth-child(10) a strong span {
	transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) 0ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav__list ul li:nth-child(10) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0.8, 0, 1, 1) -50ms
	}
}

@media screen and (min-width: 1024px) {
	.inc-o2is .inc-o2is-nav__list ul li a {
		font-size: clamp(3em, 7.5vh, 7em)
	}

	.inc-o2is .inc-o2is-nav__list ul li a strong {
		display: inline-block
	}
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li a>span span,
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li a strong span {
	transform: translate(0, 0)
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(1) a>span span,
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(1) a strong span {
	transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 550ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(1) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 600ms
	}
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(2) a>span span,
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(2) a strong span {
	transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 600ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(2) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 650ms
	}
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(3) a>span span,
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(3) a strong span {
	transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 650ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(3) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 700ms
	}
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(4) a>span span,
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(4) a strong span {
	transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 700ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(4) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 750ms
	}
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(5) a>span span,
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(5) a strong span {
	transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 750ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(5) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 800ms
	}
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(6) a>span span,
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(6) a strong span {
	transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 800ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(6) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 850ms
	}
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(7) a>span span,
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(7) a strong span {
	transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 850ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(7) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 900ms
	}
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(8) a>span span,
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(8) a strong span {
	transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 900ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(8) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 950ms
	}
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(9) a>span span,
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(9) a strong span {
	transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 950ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(9) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 1000ms
	}
}

.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(10) a>span span,
.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(10) a strong span {
	transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 1000ms
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-nav--open .inc-o2is-nav__list ul li:nth-child(10) a strong:nth-child(3) span {
		transition: transform 400ms cubic-bezier(0, 0, 0.2, 1) 1050ms
	}
}

.inc-o2is .inc-o2is-head,
.inc-o2is .inc-o2is-section {
	font-family: "OpenSans";
	font-weight: 300;
	text-align: center;
	width: 100%;
	padding: 0;
	position: relative;
	box-sizing: border-box;
	z-index: 1
}

.inc-o2is .inc-o2is-head {
	color: #fff;
	background-color: #010066
}

.inc-o2is .inc-o2is-head:before {
	content: "";
	width: 100%;
	display: block;
	height: 250vh
}

@media screen and (min-width: 1024px) {
	.inc-o2is .inc-o2is-head:before {
		height: 150vh
	}
}

.inc-o2is .inc-o2is-head .inc-o2is-section__inner {
	padding-top: 6em;
	padding-bottom: 0;
	background-color: #010066;
	overflow: hidden;
	z-index: 2
}

.inc-o2is .inc-o2is-head .inc-o2is-section__inner h1 strong,
.inc-o2is .inc-o2is-head .inc-o2is-section__inner h1 span {
	display: block;
	position: relative;
	overflow: hidden
}

@media screen and (min-width: 1024px) {
	.inc-o2is .inc-o2is-head .inc-o2is-section__inner {
		position: absolute;
		bottom: 0;
		left: 0;
		background: transparent
	}

	.inc-o2is .inc-o2is-head .inc-o2is-section__inner:before {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background: linear-gradient(to top, rgba(0, 0, 13, 0.5), rgba(0, 0, 13, 0));
		opacity: 0
	}

	.inc-o2is .inc-o2is-head .inc-o2is-section__inner h1 span {
		transform: translateY(100%)
	}

	.inc-o2is .inc-o2is-head .inc-o2is-section__inner p,
	.inc-o2is .inc-o2is-head .inc-o2is-section__inner a {
		transform: translateY(50%);
		opacity: 0
	}

	.inc-o2is .inc-o2is-head .inc-o2is-section__inner--show:before {
		transition: opacity 1000ms cubic-bezier(0, 0, 0.2, 1) 1000ms;
		opacity: 1
	}

	.inc-o2is .inc-o2is-head .inc-o2is-section__inner--show h1 span {
		transform: translateY(0);
		transition: transform 1000ms cubic-bezier(0, 0, 0.2, 1) 1000ms
	}

	.inc-o2is .inc-o2is-head .inc-o2is-section__inner--show h1 strong:first-child span {
		transition-delay: 1100ms
	}

	.inc-o2is .inc-o2is-head .inc-o2is-section__inner--show p,
	.inc-o2is .inc-o2is-head .inc-o2is-section__inner--show a {
		transform: translateY(0);
		opacity: 1;
		transition: all 1000ms cubic-bezier(0, 0, 0.2, 1) 1600ms
	}

	.inc-o2is .inc-o2is-head .inc-o2is-section__inner--show a {
		transition-delay: 2100ms
	}
}

.inc-o2is .inc-o2is-head .inc-o2is-section__bg picture {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 1
}

.inc-o2is .inc-o2is-head__mob {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-head__mob {
		height: 100vh;
		width: 100vw;
		display: flex;
		position: absolute;
		top: 0;
		flex-direction: column-reverse;
		justify-content: stretch;
		align-items: stretch;
		align-content: stretch;
		background: #010066
	}

	.inc-o2is .inc-o2is-head__mob .inc-o2is-section__inner {
		padding: 4em 7% 3em;
		flex: 1
	}

	.inc-o2is .inc-o2is-head__mob .inc-o2is-section__inner h1 {
		max-width: 10em;
		margin: 0 auto
	}

	.inc-o2is .inc-o2is-head__mob .inc-o2is-section__bg {
		flex: .5
	}

	.inc-o2is .inc-o2is-head__mob .inc-o2is-section__bg video {
		height: 100%;
		position: absolute;
		z-index: 1
	}

	.inc-o2is .inc-o2is-head__mob .inc-o2is-section__bg picture {
		height: 100%;
		position: absolute;
		z-index: 2
	}
}

.inc-o2is .inc-o2is-section {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.inc-o2is .inc-o2is-section--oh {
	overflow: hidden
}

@media screen and (min-width: 1280px) {
	.inc-o2is .inc-o2is-section {
		flex-direction: row
	}

	.inc-o2is .inc-o2is-section--pb {
		padding-top: 5em;
		padding-bottom: 13em
	}
}

.inc-o2is .inc-o2is-section__inner {
	width: 100%;
	padding: 3em 5%;
	box-sizing: border-box;
	z-index: 1
}

.inc-o2is .inc-o2is-section__inner h2,
.inc-o2is .inc-o2is-section__inner h1 {
	font-size: 3em;
	font-weight: 600;
	margin: 0;
	letter-spacing: -0.03em
}

.inc-o2is .inc-o2is-section__inner h2 strong,
.inc-o2is .inc-o2is-section__inner h1 strong {
	display: block
}

.inc-o2is .inc-o2is-section__inner h1 {
	line-height: 1.3
}

.inc-o2is .inc-o2is-section__inner h1 strong {
	font-weight: 600
}

.inc-o2is .inc-o2is-section__inner h3 {
	font-weight: 500;
	font-size: 2.4em;
	margin: 1em 0;
	line-height: 1.5
}

.inc-o2is .inc-o2is-section__inner p {
	font-size: 1.4em;
	max-width: 30em;
	line-height: 1.6667;
	margin: 1em auto;
	font-weight: 500
}

.inc-o2is .inc-o2is-section__inner p+p {
	margin: 2.5em auto
}

.inc-o2is .inc-o2is-section__inner--tv {
	color: #fff
}

.inc-o2is .inc-o2is-section__inner--tv h2,
.inc-o2is .inc-o2is-section__inner--tv h1 {
	font-size: 4em
}

@media screen and (max-width: 1023px) {
	.inc-o2is .inc-o2is-section__inner--left+.inc-o2is-section__inner--right {
		padding-top: 0
	}
}

@media screen and (min-width: 1280px) {
	.inc-o2is .inc-o2is-section__inner {
		padding: 8em 5em
	}

	.inc-o2is .inc-o2is-section__inner h1 {
		font-size: 8em
	}

	.inc-o2is .inc-o2is-section__inner h2 {
		font-size: 6.3em
	}

	.inc-o2is .inc-o2is-section__inner h3 {
		font-size: 2.8em
	}

	.inc-o2is .inc-o2is-section__inner p {
		font-size: 1.8em
	}

	.inc-o2is .inc-o2is-section__inner--right,
	.inc-o2is .inc-o2is-section__inner--left {
		width: 45%;
		max-width: 70em;
		text-align: left
	}

	.inc-o2is .inc-o2is-section__inner--right p,
	.inc-o2is .inc-o2is-section__inner--right p+p,
	.inc-o2is .inc-o2is-section__inner--left p,
	.inc-o2is .inc-o2is-section__inner--left p+p {
		margin-left: 0
	}

	.inc-o2is .inc-o2is-section__inner--s {
		width: 42%
	}

	.inc-o2is .inc-o2is-section__inner--b {
		width: 50%;
		max-width: 90em
	}

	.inc-o2is .inc-o2is-section__inner--flex {
		text-align: left;
		display: flex;
		max-width: 150em;
		align-items: flex-start;
		justify-content: center;
		padding-top: 0
	}

	.inc-o2is .inc-o2is-section__inner--flex div {
		padding-top: 1em
	}

	.inc-o2is .inc-o2is-section__inner--flex div:first-child {
		flex: .6;
		padding: 0 5% 0 0
	}

	.inc-o2is .inc-o2is-section__inner--pb0 {
		padding-bottom: 0
	}
}

@media screen and (min-width: 1800px) {
	.inc-o2is .inc-o2is-section__inner h1 {
		font-size: 4.45vw
	}
}

.inc-o2is .inc-o2is-section__bg {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden
}

.inc-o2is .inc-o2is-section__bg video,
.inc-o2is .inc-o2is-section__bg img {
	width: 100%;
	height: 100vh;
	display: block;
	position: relative;
	-o-object-fit: cover;
	object-fit: cover
}

.inc-o2is .inc-o2is-section__bg--sequence {
	height: 250vh;
	position: absolute;
	top: 0;
	clip: rect(0, auto, auto, 0)
}

.inc-o2is .inc-o2is-section__bg--sequence svg,
.inc-o2is .inc-o2is-section__bg--sequence canvas {
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none
}

.inc-o2is .inc-o2is-section__bg--sequence svg {
	max-width: 250vw;
	max-height: 250vw;
	height: 250vw;
	width: 250vw;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 1
}

@media screen and (min-width: 1280px) {
	.inc-o2is .inc-o2is-section__bg {
		flex-basis: 100%
	}

	.inc-o2is .inc-o2is-section__bg--abs-100vh,
	.inc-o2is .inc-o2is-section__bg--abs {
		width: 100%;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0
	}

	.inc-o2is .inc-o2is-section__bg--abs-100vh {
		min-height: 100vh;
		top: 50%;
		transform: translate(0, -50%);
		pointer-events: none
	}

	.inc-o2is .inc-o2is-section__bg+.inc-o2is-section__inner--left {
		margin: auto 45% auto auto
	}

	.inc-o2is .inc-o2is-section__bg+.inc-o2is-section__inner--right {
		margin: auto auto auto 40%
	}
}

.inc-o2is .inc-o2is-section__no {
	font-size: 1.8em;
	font-weight: 500;
	display: inline-block;
	position: relative;
	margin: .5em 0;
	overflow: hidden
}

.inc-o2is .inc-o2is-section__no span {
	display: inline-block;
	position: relative
}

.inc-o2is .inc-o2is-section__no-line {
	content: "";
	display: inline-block;
	width: 6.166666667em;
	height: 0;
	margin: 0 0 0 .5em;
	border: 1px solid;
	border-width: 1px 0;
	vertical-align: middle
}

.inc-o2is .inc-o2is__btn {
	vertical-align: middle;
	text-decoration: none;
	display: inline-block;
	position: relative;
	font-size: 1.4em;
	border: 2px solid rgba(0, 25, 165, .2);
	border-radius: 4px;
	padding: .7em 1em;
	transition: border-color 220ms ease 0ms
}

.inc-o2is .inc-o2is__btn--no-mobile {
	display: none
}

.inc-o2is .inc-o2is__btn--m1 {
	margin: 1em 0
}

.inc-o2is .inc-o2is__btn--mb2 {
	margin: 1em 0 2em
}

.inc-o2is .inc-o2is__btn strong {
	vertical-align: middle;
	font-weight: 400
}

.inc-o2is .inc-o2is__btn img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 .5em 0 0
}

.inc-o2is .inc-o2is__btn span:not(.inc-o2is__arrow) {
	width: 100%;
	height: 100%
}

.inc-o2is .inc-o2is__btn span:not(.inc-o2is__arrow),
.inc-o2is .inc-o2is__btn span:not(.inc-o2is__arrow):before {
	position: absolute;
	left: -2px;
	top: -2px;
	border: 2px solid rgba(0, 25, 165, .2);
	border-color: rgba(0, 25, 165, .2) transparent transparent rgba(0, 25, 165, .2);
	border-radius: 4px
}

.inc-o2is .inc-o2is__btn span:not(.inc-o2is__arrow):before {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-color: #0019a5 transparent transparent #0019a5;
	transition: all 340ms ease 0ms, opacity 100ms linear 240ms;
	opacity: 0
}

.inc-o2is .inc-o2is__btn span:not(.inc-o2is__arrow):last-child {
	border-color: transparent rgba(0, 25, 165, .2) rgba(0, 25, 165, .2) transparent
}

.inc-o2is .inc-o2is__btn span:not(.inc-o2is__arrow):last-child,
.inc-o2is .inc-o2is__btn span:not(.inc-o2is__arrow):last-child:before {
	left: auto;
	top: auto;
	right: -2px;
	bottom: -2px
}

.inc-o2is .inc-o2is__btn span:not(.inc-o2is__arrow):last-child:before {
	border-color: transparent #0019a5 #0019a5 transparent
}

@media screen and (min-width: 1280px) {
	.inc-o2is .inc-o2is__btn {
		font-size: 1.8em
	}

	.inc-o2is .inc-o2is__btn:hover {
		border-color: #0019a5
	}

	.inc-o2is .inc-o2is__btn:hover span:not(.inc-o2is__arrow)::before {
		width: 100%;
		height: 100%;
		opacity: 1;
		transition: all 340ms ease 0ms, opacity 100ms linear 0ms
	}

	.inc-o2is .inc-o2is__btn+.inc-o2is__btn {
		margin-left: 1em
	}

	.inc-o2is .inc-o2is__btn--no-mobile {
		display: inline-block
	}

	.inc-o2is .inc-o2is__btn--no-desctop {
		display: none
	}
}

.inc-o2is .inc-o2is__arrow {
	width: 12px;
	height: 2px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin: 0 0 0 .5em;
	background-color: currentColor
}

.inc-o2is .inc-o2is__arrow:before,
.inc-o2is .inc-o2is__arrow:after {
	content: "";
	width: 7px;
	height: 2px;
	display: block;
	position: absolute;
	top: 0;
	right: 1px;
	background-color: currentColor;
	transform-origin: 7px 1px
}

.inc-o2is .inc-o2is__arrow:before {
	transform: rotate(45deg)
}

.inc-o2is .inc-o2is__arrow:after {
	transform: rotate(-45deg)
}

.inc-o2is .inc-o2is-discover-more {
	color: #fff;
	text-decoration: none;
	font-weight: 400;
	font-size: 1.6em;
	display: inline-block;
	position: relative;
	margin: 0 auto -3em;
	padding: 4em
}

.inc-o2is .inc-o2is-discover-more:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

.inc-o2is .inc-o2is-discover-more em {
	display: block
}

.inc-o2is .inc-o2is-discover-more span {
	width: 1.75em;
	height: 1.0625em;
	display: block;
	margin: 0 auto
}

.inc-o2is .inc-o2is-discover-more span:nth-child(2) {
	margin-top: 1em
}

.inc-o2is .inc-o2is-discover-more:hover {
	color: #fff
}

.inc-o2is .inc-o2is-discover-more--visible:before {
	-webkit-animation: discoverRotation 5s ease-in-out 3s infinite normal;
	animation: discoverRotation 5s ease-in-out 3s infinite normal
}

.inc-o2is .inc-o2is-discover-more--visible span:nth-child(2) {
	-webkit-animation: pulsate 3s ease-out 0s infinite normal;
	animation: pulsate 3s ease-out 0s infinite normal
}

.inc-o2is .inc-o2is-discover-more--visible span:nth-child(3) {
	-webkit-animation: pulsate 3s ease-out .3s infinite normal;
	animation: pulsate 3s ease-out .3s infinite normal
}

.inc-o2is .inc-o2is-discover-more--visible span:nth-child(4) {
	-webkit-animation: pulsate 3s ease-out .6s infinite normal;
	animation: pulsate 3s ease-out .6s infinite normal
}

@media screen and (min-width: 1024px) {
	.inc-o2is .inc-o2is-discover-more {
		display: block;
		position: relative;
		margin: 2em auto 0;
		padding: .2em 0 .7em;
		max-width: 15em;
		background-color: #010066;
		border-radius: 1.5em 1.5em 0 0
	}

	.inc-o2is .inc-o2is-discover-more:before,
	.inc-o2is .inc-o2is-discover-more:after {
		content: "";
		display: block;
		position: absolute;
		top: auto;
		bottom: 0;
		height: calc(100% - .8em);
		width: 15.5%;
		background-color: #010066;
		transform-origin: 0 100%
	}

	.inc-o2is .inc-o2is-discover-more:before {
		right: 100%;
		transform-origin: 0 7%;
		transform: skewX(-30deg)
	}

	.inc-o2is .inc-o2is-discover-more:after {
		left: 100%;
		transform: skewX(30deg)
	}

	.inc-o2is .inc-o2is-discover-more em {
		display: none
	}

	.inc-o2is .inc-o2is-discover-more--visible::before {
		-webkit-animation: none;
		animation: none
	}
}

.inc-o2is .inc-o2is-moje-o2,
.inc-o2is .inc-o2is-5g {
	position: relative
}

.inc-o2is .inc-o2is-moje-o2 div,
.inc-o2is .inc-o2is-5g div {
	width: 200%;
	height: 48%;
	display: block;
	position: absolute;
	bottom: 0;
	left: 47%;
	background-color: #021da4;
	transform-origin: 0% 100%;
	transform: rotate3d(0.73, 1, -0.8, 76deg);
	overflow: hidden
}

.inc-o2is .inc-o2is-moje-o2 img,
.inc-o2is .inc-o2is-5g img {
	position: absolute;
	display: block;
	height: auto
}

.inc-o2is .inc-o2is-moje-o2 picture:nth-child(2) img,
.inc-o2is .inc-o2is-5g picture:nth-child(2) img {
	position: relative
}

@media screen and (min-width: 1280px) {
	.inc-o2is .inc-o2is-5g {
		max-width: 110em;
		width: 65%;
		left: 35%;
		top: 50%;
		transform: translate(0, -50%)
	}
}

.inc-o2is .inc-o2is-5g div span {
	width: 25%;
	min-width: 10em;
	height: 2px;
	position: absolute;
	top: 10%;
	left: -50%;
	background: #41b5e6;
	box-shadow: 0 0 5px 0 #41b5e6
}

.inc-o2is .inc-o2is-5g div span:nth-child(1) {
	top: 20%
}

.inc-o2is .inc-o2is-5g div span:nth-child(2) {
	top: 30%
}

.inc-o2is .inc-o2is-5g div span:nth-child(3) {
	top: 40%
}

.inc-o2is .inc-o2is-5g div span:nth-child(4) {
	top: 50%
}

.inc-o2is .inc-o2is-5g div span:nth-child(5) {
	top: 60%
}

.inc-o2is .inc-o2is-5g div span:nth-child(6) {
	top: 70%
}

.inc-o2is .inc-o2is-5g div span:nth-child(7) {
	top: 80%
}

.inc-o2is .inc-o2is-5g div span:nth-child(8) {
	top: 90%
}

.inc-o2is .inc-o2is-5g div span:nth-child(9) {
	top: 25%
}

.inc-o2is .inc-o2is-5g div span:nth-child(10) {
	top: 35%
}

.inc-o2is .inc-o2is-5g div span:nth-child(11) {
	top: 45%
}

.inc-o2is .inc-o2is-5g div span:nth-child(12) {
	top: 55%
}

.inc-o2is .inc-o2is-5g div span:nth-child(13) {
	top: 65%
}

.inc-o2is .inc-o2is-5g div span:nth-child(14) {
	top: 75%
}

.inc-o2is .inc-o2is-5g div span:nth-child(1) {
	left: 32.7903432792%
}

.inc-o2is .inc-o2is-5g div span:nth-child(2) {
	left: 95.3801036558%
}

.inc-o2is .inc-o2is-5g div span:nth-child(3) {
	left: 29.3424229758%
}

.inc-o2is .inc-o2is-5g div span:nth-child(4) {
	left: 2.8172028584%
}

.inc-o2is .inc-o2is-5g div span:nth-child(5) {
	left: 99.0028561991%
}

.inc-o2is .inc-o2is-5g div span:nth-child(6) {
	left: .2472990314%
}

.inc-o2is .inc-o2is-5g div span:nth-child(7) {
	left: 53.9206716396%
}

.inc-o2is .inc-o2is-5g div span:nth-child(8) {
	left: 19.582008982%
}

.inc-o2is .inc-o2is-5g div span:nth-child(9) {
	left: 39.7646327231%
}

.inc-o2is .inc-o2is-5g div span:nth-child(10) {
	left: 59.5484688128%
}

.inc-o2is .inc-o2is-5g div span:nth-child(11) {
	left: 72.8338586506%
}

.inc-o2is .inc-o2is-5g div span:nth-child(12) {
	left: 51.5067884688%
}

.inc-o2is .inc-o2is-5g div span:nth-child(13) {
	left: 36.8437474856%
}

.inc-o2is .inc-o2is-5g div span:nth-child(14) {
	left: 86.5797611162%
}

.inc-o2is .inc-o2is-5g div span:nth-child(15) {
	left: 19.3551311311%
}

.inc-o2is .inc-o2is-5g picture:nth-child(2) img {
	width: 60%;
	left: 24%;
	padding: 30% 0 5%
}

.inc-o2is .inc-o2is-5g picture:nth-child(3) img {
	width: 65%;
	left: 11%;
	bottom: 40%
}

.inc-o2is .inc-o2is-5g--visible div span {
	-webkit-animation: line5g 2.7s 1s linear infinite;
	animation: line5g 2.7s 1s linear infinite
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(1) {
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(2) {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(3) {
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(4) {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(5) {
	-webkit-animation-duration: 2.2s;
	animation-duration: 2.2s
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(6) {
	-webkit-animation-duration: 3.5s;
	animation-duration: 3.5s
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(7) {
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(8) {
	-webkit-animation-duration: 1.7s;
	animation-duration: 1.7s
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(9) {
	-webkit-animation-duration: .6s;
	animation-duration: .6s
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(10) {
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(11) {
	-webkit-animation-duration: 2.8s;
	animation-duration: 2.8s
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(12) {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(13) {
	-webkit-animation-duration: 1.8s;
	animation-duration: 1.8s
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(14) {
	-webkit-animation-duration: 2.2s;
	animation-duration: 2.2s
}

.inc-o2is .inc-o2is-5g--visible div span:nth-child(15) {
	-webkit-animation-duration: .9s;
	animation-duration: .9s
}

.inc-o2is .inc-o2is-moje-o2 {
	width: 170%;
	left: -40%;
	margin-bottom: -10%
}

.inc-o2is .inc-o2is-moje-o2 div {
	width: 140%;
	bottom: 20%;
	left: 52%;
	transform: rotate3d(0.83, 1, -0.8, 81.6deg)
}

.inc-o2is .inc-o2is-moje-o2 picture:nth-child(3) img {
	width: 60%;
	top: 0;
	left: 60%;
	transform: translate3d(0, 0, 1px)
}

@media screen and (min-width: 1280px) {
	.inc-o2is .inc-o2is-moje-o2 {
		width: 200%;
		left: -50%
	}
}

.inc-o2is .inc-o2is-security {
	position: relative
}

.inc-o2is .inc-o2is-security img {
	height: auto;
	display: block;
	position: relative
}

.inc-o2is .inc-o2is-security picture:nth-child(1) img {
	border-radius: 3em
}

.inc-o2is .inc-o2is-security picture:nth-child(3) img {
	display: block;
	position: absolute;
	width: 50%;
	left: 40%;
	top: 5%
}

.inc-o2is .inc-o2is-security__lightning {
	width: 100%;
	height: 100%;
	left: 0;
	overflow: hidden
}

.inc-o2is .inc-o2is-security__lightning,
.inc-o2is .inc-o2is-security__lightning span {
	display: block;
	position: absolute;
	top: 0
}

.inc-o2is .inc-o2is-security__lightning>span {
	width: 2%;
	height: 2px;
	top: 45%;
	right: 55%;
	transform-origin: 100% 50%
}

.inc-o2is .inc-o2is-security__lightning>span:nth-child(1) {
	transform: rotate(112.5deg) translate(-1250%, 0)
}

.inc-o2is .inc-o2is-security__lightning>span:nth-child(2) {
	transform: rotate(100deg) translate(-1250%, 0)
}

.inc-o2is .inc-o2is-security__lightning>span:nth-child(3) {
	transform: rotate(87.5deg) translate(-1250%, 0)
}

.inc-o2is .inc-o2is-security__lightning>span:nth-child(4) {
	transform: rotate(75deg) translate(-1250%, 0)
}

.inc-o2is .inc-o2is-security__lightning>span:nth-child(5) {
	transform: rotate(62.5deg) translate(-1250%, 0)
}

.inc-o2is .inc-o2is-security__lightning>span:nth-child(6) {
	transform: rotate(50deg) translate(-1250%, 0)
}

.inc-o2is .inc-o2is-security__lightning>span:nth-child(7) {
	transform: rotate(37.5deg) translate(-1250%, 0)
}

.inc-o2is .inc-o2is-security__lightning>span:nth-child(8) {
	transform: rotate(25deg) translate(-1250%, 0)
}

.inc-o2is .inc-o2is-security__lightning>span:nth-child(9) {
	transform: rotate(12.5deg) translate(-1250%, 0)
}

.inc-o2is .inc-o2is-security__lightning>span:nth-child(10) {
	transform: rotate(0deg) translate(-1250%, 0)
}

.inc-o2is .inc-o2is-security__lightning>span span {
	width: 500%;
	height: 100%;
	top: 0;
	right: 0;
	background: #8ff8f1;
	box-shadow: 0 0 10px 2px #8ff8f1;
	border-radius: 50%;
	transform-origin: 100% 50%;
	transform: rotate(0) translate(-400%, 0)
}

.inc-o2is .inc-o2is-security__lightning--visible>span:nth-child(1) span {
	-webkit-animation: lightingAnim4 1500ms linear 744ms infinite;
	animation: lightingAnim4 1500ms linear 744ms infinite
}

.inc-o2is .inc-o2is-security__lightning--visible>span:nth-child(2) span {
	-webkit-animation: lightingAnim1 1825ms linear 958ms infinite;
	animation: lightingAnim1 1825ms linear 958ms infinite
}

.inc-o2is .inc-o2is-security__lightning--visible>span:nth-child(3) span {
	-webkit-animation: lightingAnim2 1500ms linear 118ms infinite;
	animation: lightingAnim2 1500ms linear 118ms infinite
}

.inc-o2is .inc-o2is-security__lightning--visible>span:nth-child(4) span {
	-webkit-animation: lightingAnim4 1613ms linear 771ms infinite;
	animation: lightingAnim4 1613ms linear 771ms infinite
}

.inc-o2is .inc-o2is-security__lightning--visible>span:nth-child(5) span {
	-webkit-animation: lightingAnim1 1500ms linear 281ms infinite;
	animation: lightingAnim1 1500ms linear 281ms infinite
}

.inc-o2is .inc-o2is-security__lightning--visible>span:nth-child(6) span {
	-webkit-animation: lightingAnim3 1538ms linear 643ms infinite;
	animation: lightingAnim3 1538ms linear 643ms infinite
}

.inc-o2is .inc-o2is-security__lightning--visible>span:nth-child(7) span {
	-webkit-animation: lightingAnim2 1500ms linear 461ms infinite;
	animation: lightingAnim2 1500ms linear 461ms infinite
}

.inc-o2is .inc-o2is-security__lightning--visible>span:nth-child(8) span {
	-webkit-animation: lightingAnim4 1859ms linear 70ms infinite;
	animation: lightingAnim4 1859ms linear 70ms infinite
}

.inc-o2is .inc-o2is-security__lightning--visible>span:nth-child(9) span {
	-webkit-animation: lightingAnim3 1500ms linear 656ms infinite;
	animation: lightingAnim3 1500ms linear 656ms infinite
}

.inc-o2is .inc-o2is-security__lightning--visible>span:nth-child(10) span {
	-webkit-animation: lightingAnim2 1500ms linear 169ms infinite;
	animation: lightingAnim2 1500ms linear 169ms infinite
}

@-webkit-keyframes lightingAnim1 {
	50% {
		width: 0%;
		opacity: 1;
		transform: rotate(0) translate(-400%, 0)
	}

	51% {
		width: 0%;
		opacity: 1;
		transform: rotate(-25deg) translate(-400%, 0)
	}

	100% {
		transform: rotate(-25deg) translate(-400%, 0)
	}
}

@keyframes lightingAnim1 {
	50% {
		width: 0%;
		opacity: 1;
		transform: rotate(0) translate(-400%, 0)
	}

	51% {
		width: 0%;
		opacity: 1;
		transform: rotate(-25deg) translate(-400%, 0)
	}

	100% {
		transform: rotate(-25deg) translate(-400%, 0)
	}
}

@-webkit-keyframes lightingAnim2 {
	50% {
		width: 0%;
		opacity: 1;
		transform: rotate(0) translate(-400%, 0)
	}

	51% {
		width: 0%;
		opacity: 1;
		transform: rotate(25deg) translate(-400%, 0)
	}

	100% {
		transform: rotate(25deg) translate(-400%, 0)
	}
}

@keyframes lightingAnim2 {
	50% {
		width: 0%;
		opacity: 1;
		transform: rotate(0) translate(-400%, 0)
	}

	51% {
		width: 0%;
		opacity: 1;
		transform: rotate(25deg) translate(-400%, 0)
	}

	100% {
		transform: rotate(25deg) translate(-400%, 0)
	}
}

@-webkit-keyframes lightingAnim3 {
	50% {
		width: 0%;
		opacity: 1;
		transform: rotate(0) translate(-400%, 0)
	}

	51% {
		width: 0%;
		opacity: 1;
		transform: rotate(45deg) translate(-400%, 0)
	}

	100% {
		transform: rotate(45deg) translate(-400%, 0)
	}
}

@keyframes lightingAnim3 {
	50% {
		width: 0%;
		opacity: 1;
		transform: rotate(0) translate(-400%, 0)
	}

	51% {
		width: 0%;
		opacity: 1;
		transform: rotate(45deg) translate(-400%, 0)
	}

	100% {
		transform: rotate(45deg) translate(-400%, 0)
	}
}

@-webkit-keyframes lightingAnim4 {
	50% {
		width: 0%;
		opacity: 1;
		transform: rotate(0) translate(-400%, 0)
	}

	51% {
		width: 0%;
		opacity: 1;
		transform: rotate(-45deg) translate(-400%, 0)
	}

	100% {
		transform: rotate(-45deg) translate(-400%, 0)
	}
}

@keyframes lightingAnim4 {
	50% {
		width: 0%;
		opacity: 1;
		transform: rotate(0) translate(-400%, 0)
	}

	51% {
		width: 0%;
		opacity: 1;
		transform: rotate(-45deg) translate(-400%, 0)
	}

	100% {
		transform: rotate(-45deg) translate(-400%, 0)
	}
}

.inc-o2is .inc-o2is-spolu,
.inc-o2is .inc-o2is-guru,
.inc-o2is .inc-o2is-smbox-vid,
.inc-o2is .inc-o2is-smbox-attach {
	display: block;
	position: relative;
	margin: 5em auto;
	overflow: hidden;
	border-radius: 2em
}

.inc-o2is .inc-o2is-spolu img,
.inc-o2is .inc-o2is-guru img,
.inc-o2is .inc-o2is-smbox-vid img,
.inc-o2is .inc-o2is-smbox-attach img {
	width: 100%;
	height: auto
}

.inc-o2is .inc-o2is-guru {
	margin-bottom: 0;
	overflow: visible
}

.inc-o2is .inc-o2is-smbox-vid {
	margin-bottom: 0
}

.inc-o2is .inc-o2is-smbox-vid svg {
	width: 15%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 1em solid #010066;
	background-color: #010066;
	border-radius: 50%
}

.inc-o2is .inc-o2is-smbox-vid svg circle {
	fill: #010066
}

.inc-o2is .inc-o2is-smbox-vid svg path {
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-linejoin: round
}

.inc-o2is .inc-o2is-smbox-attach {
	margin-top: 0
}

.inc-o2is .inc-o2is-smbox-attach div {
	position: relative;
	overflow: hidden
}

.inc-o2is .inc-o2is-smbox-attach div picture {
	display: block
}

.inc-o2is .inc-o2is-smbox-attach div:nth-child(2) {
	height: 0;
	position: absolute;
	left: 0;
	top: 0
}

.inc-o2is .inc-o2is-spolu {
	width: 90%;
	max-width: 140em;
	margin: 0 auto
}

@media screen and (min-width: 1024px) {
	.inc-o2is .inc-o2is-spolu {
		margin-bottom: 2.5em
	}
}

.inc-o2is .inc-o2is-tv-3d-cards,
.inc-o2is .inc-o2is-tv-eva {
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateZ(1px) rotateY(0deg)
}

.inc-o2is .inc-o2is-tv-3d-cards {
	width: 100%;
	height: 100%;
	display: flex;
	top: 0;
	left: 0;
	perspective: 2000px
}

.inc-o2is .inc-o2is-tv-3d-cards div {
	width: 300px;
	transform-style: preserve-3d;
	margin: auto
}

.inc-o2is .inc-o2is-tv-3d-cards picture {
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

.inc-o2is .inc-o2is-tv-3d-cards img {
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 2em
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(1) {
	position: relative
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(1) {
	transform: rotateY(35deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(2) {
	transform: rotateY(25deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(3) {
	transform: rotateY(15deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(4) {
	transform: rotateY(5deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(5) {
	transform: rotateY(-5deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(6) {
	transform: rotateY(-15deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(7) {
	transform: rotateY(-25deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(8) {
	transform: rotateY(-35deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(9) {
	transform: rotateY(-45deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(10) {
	transform: rotateY(-55deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(11) {
	transform: rotateY(-65deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(12) {
	transform: rotateY(-75deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(13) {
	transform: rotateY(-85deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(14) {
	transform: rotateY(-95deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(15) {
	transform: rotateY(-105deg) translateZ(-2000px)
}

.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(16) {
	transform: rotateY(-115deg) translateZ(-2000px)
}

@media screen and (min-width: 1600px) {
	.inc-o2is .inc-o2is-tv-3d-cards div {
		width: 400px
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(1) {
		transform: rotateY(52.5deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(2) {
		transform: rotateY(40deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(3) {
		transform: rotateY(27.5deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(4) {
		transform: rotateY(15deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(5) {
		transform: rotateY(2.5deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(6) {
		transform: rotateY(-10deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(7) {
		transform: rotateY(-22.5deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(8) {
		transform: rotateY(-35deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(9) {
		transform: rotateY(-47.5deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(10) {
		transform: rotateY(-60deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(11) {
		transform: rotateY(-72.5deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(12) {
		transform: rotateY(-85deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(13) {
		transform: rotateY(-97.5deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(14) {
		transform: rotateY(-110deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(15) {
		transform: rotateY(-122.5deg) translateZ(-2000px)
	}

	.inc-o2is .inc-o2is-tv-3d-cards picture:nth-child(16) {
		transform: rotateY(-135deg) translateZ(-2000px)
	}
}

.inc-o2is .inc-o2is-tv-eva img {
	width: 75%;
	margin: auto;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: bottom;
	object-position: bottom
}

.inc-o2is .inc-o2is-tv-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding-bottom: 2em
}

@media screen and (min-width: 1024px) {
	.inc-o2is .inc-o2is-tv-cards {
		padding-bottom: 7em
	}
}

.inc-o2is .inc-o2is-tv-card {
	background: #010066;
	margin: 1em;
	max-width: 26em;
	border-radius: 1em;
	position: relative;
	overflow: hidden
}

.inc-o2is .inc-o2is-tv-card h4 {
	color: #fff;
	font-size: 1.8em;
	font-weight: 500;
	width: 100%;
	position: absolute;
	padding: 2em 0;
	left: 0;
	top: 0;
	z-index: 1;
	box-sizing: border-box
}

.inc-o2is .inc-o2is-tv-card img {
	height: auto;
	display: block;
	-o-object-fit: initial;
	object-fit: initial;
	margin-bottom: -1px;
	z-index: 0
}

.inc-o2is .inc-o2is-sticky {
	position: relative;
	overflow: visible
}

.inc-o2is .inc-o2is-sticky:after {
	content: "";
	height: 100vh;
	display: block
}

.inc-o2is .inc-o2is-sticky--foo:after {
	display: none
}

.inc-o2is .inc-o2is-sticky--foo .inc-o2is-sticky__wrap {
	position: static;
	padding-top: 30%;
	overflow: visible
}

@media screen and (min-width: 768px) {
	.inc-o2is .inc-o2is-sticky--foo:after {
		display: block
	}

	.inc-o2is .inc-o2is-sticky--foo .inc-o2is-sticky__wrap {
		position: -webkit-sticky;
		position: sticky;
		padding-top: 0
	}
}

.inc-o2is .inc-o2is-sticky__wrap {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	overflow: hidden
}

@media screen and (min-width: 1280px) {
	.inc-o2is .inc-o2is-sticky__wrap {
		overflow: visible
	}
}

.inc-o2is .inc-o2is-tv__wrap {
	margin-bottom: -20em
}

@media screen and (min-width: 1024px) {
	.inc-o2is .inc-o2is-tv__wrap {
		margin-bottom: 0
	}
}

.inc-o2is .inc-o2is-tv__wrap .inc-o2is-sticky__wrap {
	display: flex;
	justify-content: center;
	align-items: center
}

@media screen and (min-width: 1280px) {
	.inc-o2is .inc-o2is-tv__wrap .inc-o2is-sticky__wrap {
		overflow: hidden
	}
}

.inc-o2is .inc-o2is-tv {
	width: 179.7074954296vh;
	height: 100vh;
	flex-grow: 0;
	flex-shrink: 0
}

@media(min-aspect-ratio: 16/9) {
	.inc-o2is .inc-o2is-tv {
		width: 100vw;
		height: 55.6459816887vw
	}
}

.inc-o2is .inc-o2is-tv:after {
	content: "";
	width: 114.1403865717%;
	height: 117.3674588665%;
	display: block;
	position: absolute;
	top: -1.7%;
	left: -5.9%
}

.inc-o2is .inc-o2is-tv .inc-o2is-section {
	min-height: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%
}

.inc-o2is .inc-o2is-tv .inc-o2is-section__inner {
	position: absolute;
	top: 0;
	left: 0
}

.inc-o2is .inc-o2is-tv .inc-o2is-section__bg {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0
}

.inc-o2is .inc-o2is-stb,
.inc-o2is .inc-o2is-mobil,
.inc-o2is .inc-o2is-tablet {
	height: auto;
	display: block;
	position: absolute;
	z-index: 1
}

.inc-o2is .inc-o2is-stb {
	width: 30.2139037433%;
	top: 105%;
	left: 50%;
	transform: translate(-50%, 0)
}

.inc-o2is .inc-o2is-mobil {
	width: 32.8877005348%;
	left: -23%;
	top: 14%
}

.inc-o2is .inc-o2is-tablet {
	width: 41.8449197861%;
	left: 73%;
	top: -9%
}

.inc-o2is .inc-o2is-boxes {
	width: 100%;
	max-width: 200em;
	margin: auto;
	overflow: hidden
}

.inc-o2is .inc-o2is-boxes--eva {
	position: relative
}

.inc-o2is .inc-o2is-boxes--eva .inc-o2is-box {
	padding: 0;
	margin: 0
}

.inc-o2is .inc-o2is-boxes--eva .inc-o2is-box__img {
	padding-bottom: 177.7777777778%
}

.inc-o2is .inc-o2is-boxes--eva .inc-o2is-box__img canvas {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 2em 2em 0 0;
	pointer-events: none
}

@media screen and (min-width: 768px) {
	.inc-o2is .inc-o2is-boxes {
		display: flex;
		justify-content: center;
		flex-wrap: wrap
	}

	.inc-o2is .inc-o2is-boxes--eva .inc-o2is-box {
		margin: 0
	}

	.inc-o2is .inc-o2is-boxes--eva .inc-o2is-box:nth-child(3n-2),
	.inc-o2is .inc-o2is-boxes--eva .inc-o2is-box:nth-child(3n) {
		top: 0
	}
}

.inc-o2is .inc-o2is-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	pointer-events: none
}

.inc-o2is .inc-o2is-bg svg {
	width: 50%;
	height: 50%;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: .2;
	filter: blur(40px)
}

.inc-o2is .inc-o2is-box {
	text-align: center;
	margin: 3em 5%;
	position: relative;
	padding-bottom: 2px
}

.inc-o2is .inc-o2is-box h3 {
	color: #010066;
	font-size: 1.8em;
	margin-top: 2em
}

.inc-o2is .inc-o2is-box p {
	font-size: 1.6em;
	line-height: 1.6667;
	margin: 1em auto;
	font-weight: 300
}

@media screen and (min-width: 768px) {
	.inc-o2is .inc-o2is-box {
		text-align: left;
		margin-left: 2.5%;
		margin-right: 2.5%;
		flex: 0 1 28%
	}

	.inc-o2is .inc-o2is-box:nth-child(3n-2),
	.inc-o2is .inc-o2is-box:nth-child(3n) {
		top: 5em
	}
}

.inc-o2is .inc-o2is-guru,
.inc-o2is .inc-o2is-box__img {
	position: relative
}

.inc-o2is .inc-o2is-guru img,
.inc-o2is .inc-o2is-box__img img {
	width: 100%;
	height: auto;
	border-radius: 2em
}

.inc-o2is .inc-o2is-guru picture+picture img,
.inc-o2is .inc-o2is-box__img picture+picture img {
	position: absolute;
	height: auto;
	max-height: none;
	bottom: 0;
	left: 0;
	box-shadow: none
}

.inc-o2is .inc-o2is-guru--wider picture+picture img,
.inc-o2is .inc-o2is-box__img--wider picture+picture img {
	width: 118.3823529412%;
	max-width: none;
	left: -9%
}

.inc-o2is .inc-o2is-box__img img {
	box-shadow: 0 20px 30px -20px rgba(0, 0, 0, .25)
}

.inc-o2is .inc-o2is-footer__bg,
.inc-o2is .inc-o2is-footer {
	width: 100%;
	height: 100%;
	min-height: 100vh;
	position: absolute;
	left: 0;
	bottom: 0
}

.inc-o2is .inc-o2is-footer__bg {
	background: #00015e
}

.inc-o2is .inc-o2is-footer {
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-direction: column;
	overflow: hidden
}

.inc-o2is .inc-o2is-footer h3 {
	font-size: 2.6em;
	margin: 2em auto auto;
	padding: 0 2em;
	width: 100%;
	max-width: 40em;
	box-sizing: border-box
}

.inc-o2is .inc-o2is-footer p {
	font-size: 1.6em;
	padding: 2em;
	margin-top: auto;
	z-index: 1
}

.inc-o2is .inc-o2is-footer p a {
	color: #fff;
	text-decoration: none;
	display: block;
	transform-style: preserve-3d
}

.inc-o2is .inc-o2is-footer p a img {
	display: inline-block;
	position: relative;
	top: -0.2em;
	transition: transform 500ms ease-in-out 0ms
}

.inc-o2is .inc-o2is-footer p a:hover img {
	transform: rotateY(180deg)
}

.inc-o2is .inc-o2is-footer .inc-o2is-line {
	opacity: 0;
	transition: opacity 200ms ease 0ms
}

.inc-o2is .inc-o2is-footer--visible .inc-o2is-line {
	opacity: 1
}

.inc-o2is .inc-o2is-footer--visible .inc-o2is-line>span>span {
	transform: translateX(0%);
	-webkit-animation: infinityScroll 12s linear infinite;
	animation: infinityScroll 12s linear infinite
}

@media screen and (min-width: 766px) {

	.inc-o2is .inc-o2is-footer h3,
	.inc-o2is .inc-o2is-footer p {
		text-align: left
	}

	.inc-o2is .inc-o2is-footer h3 {
		margin: auto auto 0
	}

	.inc-o2is .inc-o2is-footer p {
		margin-top: 0
	}

	.inc-o2is .inc-o2is-footer p a {
		float: right
	}

	.inc-o2is .inc-o2is-footer--visible .inc-o2is-line>span>span {
		-webkit-animation: infinityScrollBig 12s linear infinite;
		animation: infinityScrollBig 12s linear infinite
	}
}

@media screen and (min-width: 1024px) {
	.inc-o2is .inc-o2is-footer h3 {
		font-size: 3.6em
	}
}

.inc-o2is .inc-o2is-line {
	color: #41b5e6;
	display: block;
	text-decoration: none;
	font-size: 12vw;
	white-space: nowrap;
	margin: auto 0;
	position: relative
}

.inc-o2is .inc-o2is-line:hover {
	color: #fff
}

.inc-o2is .inc-o2is-line strong {
	display: inline-block;
	margin: 0 .4em
}

.inc-o2is .inc-o2is-line span {
	display: block;
	position: relative
}

.inc-o2is .inc-o2is-line>span {
	width: 100%;
	overflow: hidden
}

.inc-o2is .inc-o2is-line>span:before,
.inc-o2is .inc-o2is-line>span:last-child:after {
	content: "";
	display: block;
	width: 100%;
	margin: 0 auto;
	border-top: 3px dashed currentColor;
	opacity: .5
}

.inc-o2is .inc-o2is-line>span:before {
	margin-top: -2px
}

.inc-o2is .inc-o2is-line>span:last-child:after {
	margin-bottom: -2px
}

.inc-o2is .inc-o2is-line>span>span {
	padding: .3em 0
}

@media screen and (min-width: 768px) {
	.inc-o2is .inc-o2is-line {
		font-size: 4vw;
		margin: 1em 0 3em
	}
}

@media screen and (min-width: 1024px) {
	.inc-o2is .inc-o2is-line {
		margin-bottom: 4em
	}
}

.inc-o2is .inc-o2is-video-shadow {
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1001;
	background: rgba(1, 0, 102, .95);
	opacity: 0;
	transition: visibility 0ms linear 300ms, all 300ms ease 0ms
}

.inc-o2is .inc-o2is-video-shadow--open {
	transition: visibility 0ms linear 0ms, all 300ms ease 0ms;
	visibility: visible;
	opacity: 1
}

.inc-o2is .inc-o2is-video-shadow video {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.inc-o2is .inc-o2is-video-shadow__close {
	position: absolute;
	top: 30px;
	right: 20px;
	z-index: 103;
	font-size: 40px;
	font-weight: bold;
	text-shadow: 1px 1px 5px #fff;
	color: transparent;
	background: #41b5e6;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-shadow: none;
	transform: rotate(45deg) scale(1);
	transition: all 300ms ease 0ms
}

.inc-o2is .inc-o2is-video-shadow__close:before,
.inc-o2is .inc-o2is-video-shadow__close:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid #fff;
	transition: all 100ms linear 0ms
}

.inc-o2is .inc-o2is-video-shadow__close:before {
	width: 18px;
	margin: -1px -10px
}

.inc-o2is .inc-o2is-video-shadow__close:after {
	height: 18px;
	margin: -10px -1px
}

.inc-o2is .inc-o2is-video-shadow__close:hover {
	color: transparent;
	transform: rotate(45deg) scale(1.1)
}

@-webkit-keyframes infinityScroll {
	100% {
		transform: translateX(-169%)
	}
}

@keyframes infinityScroll {
	100% {
		transform: translateX(-169%)
	}
}

@-webkit-keyframes infinityScrollBig {
	100% {
		transform: translateX(-114%)
	}
}

@keyframes infinityScrollBig {
	100% {
		transform: translateX(-114%)
	}
}

@-webkit-keyframes pulsate {
	0% {
		transform: scale(0.9, 0.9);
		opacity: 0
	}

	50% {
		opacity: .7
	}

	100% {
		transform: scale(1.3, 1.3);
		opacity: 0
	}
}

@keyframes pulsate {
	0% {
		transform: scale(0.9, 0.9);
		opacity: 0
	}

	50% {
		opacity: .7
	}

	100% {
		transform: scale(1.3, 1.3);
		opacity: 0
	}
}

@-webkit-keyframes discoverRotation {
	0% {
		transform: rotate(0deg)
	}

	50% {
		transform: rotate(360deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes discoverRotation {
	0% {
		transform: rotate(0deg)
	}

	50% {
		transform: rotate(360deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes soundPlay {
	0% {
		height: 1.4em
	}

	10% {
		height: .6em
	}

	20% {
		height: 2em
	}

	30% {
		height: 1.2em
	}

	40% {
		height: 2.4em
	}

	50% {
		height: 1.8em
	}

	60% {
		height: 2.1em
	}

	70% {
		height: .5em
	}

	80% {
		height: 1.9em
	}

	90% {
		height: 1.4em
	}

	100% {
		height: 2em
	}
}

@keyframes soundPlay {
	0% {
		height: 1.4em
	}

	10% {
		height: .6em
	}

	20% {
		height: 2em
	}

	30% {
		height: 1.2em
	}

	40% {
		height: 2.4em
	}

	50% {
		height: 1.8em
	}

	60% {
		height: 2.1em
	}

	70% {
		height: .5em
	}

	80% {
		height: 1.9em
	}

	90% {
		height: 1.4em
	}

	100% {
		height: 2em
	}
}

@-webkit-keyframes line5g {
	0% {
		left: -50%;
		opacity: 1
	}

	25% {
		left: 0%
	}

	50% {
		left: 50%;
		width: 10%
	}

	100% {
		left: 150%;
		opacity: 1
	}
}

@keyframes line5g {
	0% {
		left: -50%;
		opacity: 1
	}

	25% {
		left: 0%
	}

	50% {
		left: 50%;
		width: 10%
	}

	100% {
		left: 150%;
		opacity: 1
	}
}

@media screen and (max-width: 1023px) {
	.inc-o2is--no-webp .inc-o2is-discover-more:before {
		background: transparent url(https://www.o2.cz/ngexternal/data/inteligentni-sit/v3/btn-round.png) center center no-repeat
	}
}

.inc-o2is--no-webp .inc-o2is-discover-more span {
	background: transparent url(https://www.o2.cz/ngexternal/data/inteligentni-sit/v3/arrow.png) center center no-repeat
}

.inc-o2is--no-webp .inc-o2is-tv:after {
	background: transparent url(https://www.o2.cz/ngexternal/data/inteligentni-sit/v3/4/tv@2x.png) no-repeat center center;
	background-size: contain
}

.inc-o2is--no-webp .inc-o2is-tv .inc-o2is-section {
	background: #010066 url(https://www.o2.cz/ngexternal/data/inteligentni-sit/v3/4/bg.jpg) no-repeat center center;
	background-size: cover
}

@media screen and (max-width: 1023px) {
	.inc-o2is--webp .inc-o2is-discover-more:before {
		background: transparent url(https://www.o2.cz/ngexternal/data/inteligentni-sit/v3/webp/btn-round.webp) center center no-repeat
	}
}

.inc-o2is--webp .inc-o2is-discover-more span {
	background: transparent url(https://www.o2.cz/ngexternal/data/inteligentni-sit/v3/webp/arrow.webp) center center no-repeat
}

.inc-o2is--webp .inc-o2is-tv:after {
	background: transparent url(https://www.o2.cz/ngexternal/data/inteligentni-sit/v3/webp/4/tv@2x.webp) no-repeat center center;
	background-size: contain
}

.inc-o2is--webp .inc-o2is-tv .inc-o2is-section {
	background: #010066 url(https://www.o2.cz/ngexternal/data/inteligentni-sit/v3/webp/4/bg.webp) no-repeat center center;
	background-size: cover
}

.inc-o2is--loaded .inc-o2is-nav__list {
	display: flex;
	visibility: hidden
}

.inc-o2is--loaded .inc-o2is-video-shadow {
	display: block
}