.be-20 #site-header {
	position: fixed!important;
	left: 0;
	right: 0
}
@supports (position:sticky) {
.be-20 #site-header {
position:sticky!important
}
}

@media screen and (min-width:75em) {
.be-20 #site-header {
	max-width: 2560px;
	margin-left: auto;
	margin-right: auto
}
}
.be-20 #site-header #main-navi {
	background: #000
}
.be-20 #outer-wrap {
	overflow: inherit
}
.be-20 #inner-wrap {
	overflow-x: hidden;
	margin-top: -5vw;
	padding-top: 5vw
}
#itsecurity-header {
	max-width: 2560px;
	height: 100vh;
	min-height: 850px;
	margin: 0 auto;
	color: #fff;
	background-image: url(../../images/content-elements/homepage/itsecurity-header/small_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover
}

@media print, screen and (min-width:48em) {
#itsecurity-header {
	min-height: 700px;
	background-image: url(../../images/content-elements/homepage/itsecurity-header/medium_bg.jpg)
}
}
#itsecurity-header__inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 90rem;
	min-height: 850px;
	height: inherit;
	margin-top: -3em;
	margin-right: auto;
	margin-left: auto;
	padding: 0 1.5em 3em
}

@media print, screen and (min-width:48em) {
#itsecurity-header__inner {
	flex-direction: row;
	justify-content: space-between;
	min-height: 700px
}
}
#itsecurity-header__inner__contents {
	text-align: center
}

@media print, screen and (min-width:48em) {
#itsecurity-header__inner__contents {
	text-align: start
}
}
#itsecurity-header__inner__contents .button:first-of-type {
	margin-right: 1em
}
#itsecurity-header__inner__contents--text, #itsecurity-header__inner__contents--title {
	width: 100%;
	text-shadow: 0 0 10px #000
}
#itsecurity-header__inner__contents--title {
	font-size: 1.3em;
	font-size: clamp(3em, 6.3vw, 4em);
	font-weight: 300;
	line-height: 1;
	margin: 0 0 .5em
}

@media print, screen and (min-width:64em) {
#itsecurity-header__inner__contents--title {
	font-size: 2em;
	font-size: clamp(1.3em, 3.1vw, 2em)
}
}

@media print, screen and (min-width:48em) {
#itsecurity-header__inner__contents--title {
	font-size: 2em;
	font-size: clamp(2em, 10vw, 3.2em);
	max-width: 620px
}
}

@media print, screen and (min-width:48em) and (min-width:64em) {
#itsecurity-header__inner__contents--title {
	font-size: 3.2em;
	font-size: clamp(4em, 5vw, 5em);
    line-height: 1em;
}
}
#itsecurity-header__inner__contents--text {
	margin-bottom: 2em;
	font-size: 1em;
	font-size: clamp(1em, 5vw, 1.2em)
}

@media print, screen and (min-width:64em) {
#itsecurity-header__inner__contents--text {
	font-size: 1.2em;
	font-size: clamp(1.5em, 1.9vw, 1.7em)
}
}

@media print, screen and (min-width:48em) {
#itsecurity-header__inner__contents--text {
	max-width: 580px;
	font-weight: 400
}
}
#itsecurity-header__inner__image img {
	max-height: 435px
}

@media print, screen and (min-width:48em) {
#itsecurity-header__inner__image img {
	max-height: 660px
}
}
#alpaka-header {
	position: relative;
	height: 200vh;
	max-width: 2560px;
	margin: 0 auto;
	color: #fff;
	z-index: -1
}
#alpaka-header:after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 2560px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../images/content-elements/homepage/small_bg.jpg) top center no-repeat;
	background-size: cover
}

@media print, screen and (min-width:48em) {
#alpaka-header:after {
	background-image: url(../../images/content-elements/homepage/medium_bg.jpg)
}
}
#alpaka-header__view1, #alpaka-header__view2 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	height: 100vh;
	padding: 2em 1em
}

@media screen and (min-width:75em) {
#alpaka-header__view1, #alpaka-header__view2 {
	padding: 0 1em;
	justify-content: center
}
}
#alpaka-header__view1 {
	position: sticky;
	top: 64px;
	z-index: 1
}

@media screen and (min-width:75em) {
#alpaka-header__view1 {
	position: relative;
	top: 0
}
}
#alpaka-header__view1--text, #alpaka-header__view1--title {
	position: relative;
	z-index: 2;
	width: 100%;
	text-shadow: 0 0 10px #000
}
#alpaka-header__view1--title {
	font-size: 8vw;
	font-weight: 300;
	line-height: 1.4;
	margin: 0 0 .5em
}

@media print, screen and (min-width:48em) {
#alpaka-header__view1--title {
	max-width: 620px;
	font-size: 3.5em
}
}

@media print, screen and (min-width:48em) {
#alpaka-header__view1--text {
	max-width: 530px;
	font-size: 1.6em;
	font-weight: 400
}
}
#alpaka-header__view1__animations {
	position: absolute;
	top: 28%;
	right: 0;
	bottom: 0;
	left: 0
}

@media screen and (min-width:75em) {
#alpaka-header__view1__animations {
	position: fixed;
	top: 0;
	right: -100px
}
}
#alpaka-header__view1__animations--face, #alpaka-header__view1__animations--stripe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center
}

@media screen and (min-width:75em) {
#alpaka-header__view1__animations--face, #alpaka-header__view1__animations--stripe {
	background-size: contain;
	background-position: bottom center
}
}
#alpaka-header__view1__animations--face {
	animation-name: face;
	animation-duration: 2s;
	animation-timing-function: linear;
	background-image: url(../../images/content-elements/homepage/small_face.png)
}

@media print, screen and (min-width:48em) {
#alpaka-header__view1__animations--face {
	background-image: url(../../images/content-elements/homepage/medium_face.png)
}
}
#alpaka-header__view1__animations--stripe {
	opacity: 0;
	mix-blend-mode: overlay;
	background-image: url(../../images/content-elements/homepage/small_stripe.png)
}

@media print, screen and (min-width:48em) {
#alpaka-header__view1__animations--stripe {
	background-image: url(../../images/content-elements/homepage/medium_stripe.png)
}
}
#alpaka-header__view2 {
	justify-content: flex-end;
	z-index: 2
}

@media print, screen and (min-width:48em) {
#alpaka-header__view2 {
	width: 480px
}
}

@media screen and (min-width:75em) {
#alpaka-header__view2 {
	width: auto;
	justify-content: center
}
}

@media screen and (min-width:75em) {
#alpaka-header__view2__glitch, #alpaka-header__view2__logo {
	max-width: 480px
}
}
#alpaka-header__view2__glitch {
	font-size: 5.6vw;
	font-weight: 600;
	margin: 0 0 .3em
}

@media print, screen and (min-width:48em) {
#alpaka-header__view2__glitch {
	font-size: 1.7em
}
}

@media screen and (min-width:75em) {
#alpaka-header__view2__glitch {
	font-size: 1.8em
}
}
#alpaka-header__view2__glitch span {
	animation-name: glitch;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-delay: 2.6s
}
#alpaka-header__view2__logo {
	margin: 0
}

@media screen and (max-width:1023px) and (orientation:landscape) {
.is-mobile-device #alpaka-header__view1 {
	position: relative
}
.is-mobile-device #alpaka-header__view1--text, .is-mobile-device #alpaka-header__view1--title {
	width: 50%
}
.is-mobile-device #alpaka-header__view1--title {
	font-size: 8vh
}
.is-mobile-device #alpaka-header__view1--text {
	font-size: 1em
}
.is-mobile-device #alpaka-header__view1__animations {
	position: fixed;
	top: 64px
}
.is-mobile-device #alpaka-header__view1__animations--face, .is-mobile-device #alpaka-header__view1__animations--stripe {
	background-size: contain;
	background-position: right center
}
.is-mobile-device #alpaka-header__view2 {
	width: 100%;
	justify-content: center
}
.is-mobile-device #alpaka-header__view2__glitch, .is-mobile-device #alpaka-header__view2__logo {
	width: 50%
}
.is-mobile-device #alpaka-header__view2__glitch {
	font-size: 2.9vw
}
}
#alpaka-header__view2__glitch[data-lang=en], #alpaka-header__view2__glitch[data-lang=es], #alpaka-header__view2__glitch[data-lang=fr], #alpaka-header__view2__glitch[data-lang=it], #alpaka-header__view2__glitch[data-lang=ja], #alpaka-header__view2__glitch[data-lang=nl], #alpaka-header__view2__glitch[data-lang=pt], #alpaka-header__view2__glitch[data-lang=zh] {
	font-size: 4vw
}

@media print, screen and (min-width:48em) {
#alpaka-header__view2__glitch[data-lang=en], #alpaka-header__view2__glitch[data-lang=es], #alpaka-header__view2__glitch[data-lang=fr], #alpaka-header__view2__glitch[data-lang=it], #alpaka-header__view2__glitch[data-lang=ja], #alpaka-header__view2__glitch[data-lang=nl], #alpaka-header__view2__glitch[data-lang=pt], #alpaka-header__view2__glitch[data-lang=zh] {
	font-size: 1.25em
}
}

@media screen and (min-width:75em) {
#alpaka-header__view2__glitch[data-lang=en], #alpaka-header__view2__glitch[data-lang=es], #alpaka-header__view2__glitch[data-lang=fr], #alpaka-header__view2__glitch[data-lang=it], #alpaka-header__view2__glitch[data-lang=ja], #alpaka-header__view2__glitch[data-lang=nl], #alpaka-header__view2__glitch[data-lang=pt], #alpaka-header__view2__glitch[data-lang=zh] {
	font-size: 1.35em
}
}

@media screen and (max-width:1023px) and (orientation:landscape) {
.is-mobile-device #alpaka-header__view2__glitch[data-lang=en], .is-mobile-device #alpaka-header__view2__glitch[data-lang=es], .is-mobile-device #alpaka-header__view2__glitch[data-lang=fr], .is-mobile-device #alpaka-header__view2__glitch[data-lang=it], .is-mobile-device #alpaka-header__view2__glitch[data-lang=ja], .is-mobile-device #alpaka-header__view2__glitch[data-lang=nl], .is-mobile-device #alpaka-header__view2__glitch[data-lang=pt], .is-mobile-device #alpaka-header__view2__glitch[data-lang=zh] {
	font-size: 2vw
}
}
@keyframes face {
from {
opacity:0
}
to {
opacity:1
}
}
@keyframes glitch {
0% {
transform:translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
clip-path:polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
}
2% {
clip-path:polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
}
4% {
clip-path:polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
}
5% {
clip-path:polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
}
6% {
clip-path:polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
}
7% {
clip-path:polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
}
8% {
clip-path:polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
}
9% {
clip-path:polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
}
9.9% {
transform:translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1)
}
10%, 100% {
transform:translate3d(0, 0, 0) scale3d(1, 1, 1);
clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
}
#alpaka-imagevideo {
	background: #000533;
	margin-top: -5vw;
	cursor: pointer
}
#alpaka-imagevideo:before {
	border-color: #454f5b transparent transparent transparent;
	top: 0;
	z-index: 50
}
#alpaka-imagevideo .content {
	width: 100%;
	padding-top: 33.5%;
	height: 0
}
#alpaka-imagevideo video {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-size: contain;
	background-image: url(../../images/content-elements/home-campus-video-mobile.jpg)
}

@media only screen and (min-width:641px) {
#alpaka-imagevideo video {
	background-image: url(../../images/content-elements/home-campus-video.jpg)
}
}
#alpaka-imagevideo .play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	margin-left: -4.057em;
	margin-top: -2.6875em;
	display: block;
	z-index: 20;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.6875em 0 4.6875em 8.11875em;
	border-color: transparent transparent transparent rgba(255,255,255,.8);
	filter: drop-shadow(0 0 4px rgba(0, 0, 0, .7));
	transition: all .3s ease-out;
	transform: scale(1)
}

@media only screen and (max-width:640px) {
#alpaka-imagevideo .play-button {
	font-size: 55%
}
}
#alpaka-imagevideo:hover .play-button {
	transform: scale(1.1);
	border-color: transparent transparent transparent rgba(255,255,255,.9);
	filter: drop-shadow(0 0 8px rgba(0, 0, 0, .7)) drop-shadow(0 0 14px rgba(255, 255, 255, .7))
}
#alpaka-imagevideo .paused .play-button {
	opacity: 1
}
.alpaka-section.alpaka-cta-section {
	background: #454f5b;
	padding: 6em 0 11em 0
}
.alpaka-section.alpaka-cta-section .content {
	padding: 0 2em
}
.alpaka-section.alpaka-cta-section p {
	font-size: 1.5em;
	font-weight: 300
}
.alpaka-section.alpaka-cta-section .boxes {
	margin: 0 auto;
	max-width: 90rem;
	overflow: hidden
}

@media only screen and (min-width:1024px) {
.alpaka-section.alpaka-cta-section .boxes {
	display: grid;
	grid-gap: 6em;
	grid-template-columns: 1fr
}
.alpaka-section.alpaka-cta-section .boxes[data-grid-columns="2"] {
	grid-template-columns: 1fr 1fr
}
.alpaka-section.alpaka-cta-section .boxes[data-grid-columns="3"] {
	grid-template-columns: 1fr 1fr 1fr
}
}
.alpaka-section.alpaka-cta-section .box {
	padding: 2em 2em 5.25em 2em;
	background: rgba(255,255,255,.2);
	position: relative;
	margin: 0 0 2em 0;
	width: 100%
}
@supports (display:grid) {
.alpaka-section.alpaka-cta-section .box {
width:100%;
float:none;
margin:0 0 2em 0
}
}

@media only screen and (min-width:1024px) {
.alpaka-section.alpaka-cta-section .box {
	margin: 0 2.5% 0 2.5%;
	float: left;
	width: 45%
}
@supports (display:grid) {
.alpaka-section.alpaka-cta-section .box {
width:100%;
float:none;
margin:0 0 2em 0
}
}
}
.alpaka-section.alpaka-cta-section .box .buttons {
	position: absolute;
	width: calc(100% - 4em);
	bottom: 1.5em;
	display: grid;
	grid-template-columns: 1fr
}
.alpaka-section.alpaka-cta-section .box .buttons[data-grid-columns="2"] {
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 2%
}
.alpaka-section.alpaka-cta-section .box .button {
	width: 100%;
	margin: 2em 2% 0 0;
	font-size: 1.25em;
	background: 0 0;
	border: 1px solid #fff;
	transition: all .3s ease-out;
	align-items: center;
	justify-content: center;
	display: flex
}
.alpaka-section.alpaka-cta-section .box .button:hover {
	color: #454f5b;
	background: #fff
}
.alpaka-section.alpaka-cta-section .box .button:only-child {
	margin: 0
}
#alpaka-scroll-down-btn {
	width: 150px;
	margin-left: -75px;
	text-align: center;
	height: 30px;
	position: fixed;
	bottom: 5rem;
	left: 50vw;
	z-index: 100;
	opacity: 0;
	transition: opacity .3s ease-out
}
#alpaka-scroll-down-btn.active {
	opacity: 1
}
#alpaka-scroll-down-btn .chevron {
	position: absolute;
	width: 28px;
	height: 8px;
	opacity: 0;
	transform: scale3d(.5, .5, .5);
	animation: move 3s ease-out infinite;
	left: 50%;
	margin-left: -14px
}
#alpaka-scroll-down-btn .chevron:first-child {
	animation: move 3s ease-out 1s infinite
}
#alpaka-scroll-down-btn .chevron:nth-child(2) {
	animation: move 3s ease-out 2s infinite
}
#alpaka-scroll-down-btn .chevron:after, #alpaka-scroll-down-btn .chevron:before {
	content: ' ';
	position: absolute;
	top: 0;
	height: 100%;
	width: 51%;
	background: #fff
}
#alpaka-scroll-down-btn .chevron:before {
	left: 0;
	transform: skew(0deg, 30deg)
}
#alpaka-scroll-down-btn .chevron:after {
	right: 0;
	width: 50%;
	transform: skew(0deg, -30deg)
}
#alpaka-scroll-down-btn .text {
	display: block;
	margin-top: 75px;
	font-weight: 300;
	font-size: .75rem;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: .25;
	animation: pulse 2s linear alternate infinite
}
@keyframes move {
25% {
opacity:1
}
33% {
opacity:1;
transform:translateY(30px)
}
67% {
opacity:1;
transform:translateY(40px)
}
100% {
opacity:0;
transform:translateY(55px) scale3d(.5, .5, .5)
}
}
@keyframes pulse {
to {
opacity:1
}
}
#alpaka-section-7 {
	background: #151c21;
	padding: 3em 0;
	z-index: 100
}

@media only screen and (min-width:1024px) {
#alpaka-section-7 {
	padding: 6em 0
}
}
@keyframes alpakaHeadGlowIn {
40% {
transform:translate(50px, 0) scale(.7);
text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 55px #fff, 0 0 75px #fff;
opacity:1;
color:#fff
}
60% {
color:#ccc
}
80% {
transform:translate(0) scale(2);
opacity:0
}
100% {
transform:translate(0) scale(1);
opacity:1;
text-shadow:none;
color:#fff
}
}