/* ------------------------------------- HERO ------------------------------------- */

[data-section="hero"] {
	position: relative;
	height: 890px;
}

@media (max-width: 1600px) {
	[data-section="hero"] { height: 750px; }
}

@media (max-width: 1300px) {
	[data-section="hero"] { height: 700px; }
}

@media (max-width: 1200px) {
	[data-section="hero"] { height: 650px; }
}

@media (max-width: 950px) {
	[data-section="hero"] { height: 500px; }
}

@media (max-width: 750px) {
	[data-section="hero"] { height: 460px; }
}














/* ------------------------------------- CONTROLS ------------------------------------- */

[data-section="hero"] .controls {
	position: absolute;
	bottom: 15%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	display: flex;
}

[data-section="hero"] .controls .button {
	width: 75px; height: 50px;
	cursor: pointer;
	padding: 0 6px;
}

[data-section="hero"] .controls .button .bar {
	background-color: rgba(255,255,255,.75);
	border-radius: 10px;
	width: 100%; height: 8px;
	margin-top: 20px;
}

[data-section="hero"] .controls .button .bar .progress {
	height: 100%;
	background-color: #ff003b;
	width: 0;
	border-radius: 10px;
}

@media (max-width: 950px) {

	[data-section="hero"] .controls { bottom: 10%; }

}

@media (max-width: 750px) {

	[data-section="hero"] .controls .button { width: 60px; }

}
















[data-section="hero"] .broken {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%; height: 97px;
	background-image: url(../images/apps/index/hero/broken-top-desktop.png);
}

@media (max-width: 950px) {

	[data-section="hero"] .broken {
		background-image: url(../images/apps/index/hero/broken-top-mobile-005.png);
		height: 70px;
	}

}















[data-section="hero"] .rail {
	width: 300%; height: 100%;
	overflow: hidden;
	z-index: 1;
	position: relative;
}

[data-section="hero"] .rail [data-screen] {
	width: 33.333333333333%; height: 100%;
	position: relative;
	float: left;
}










/* ------------------------------ SLIDE #PERSONAL ------------------------------ */

[data-section="hero"] .rail [data-screen="1"] {
	/*
	display: flex;
	align-items: center;
	justify-content: center;
	*/
}

[data-section="hero"] .rail [data-screen="1"] .text {
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	bottom: 230px; left: 50%;
	margin-left: -325px;
	width: 650px;
}

[data-section="hero"] .rail [data-screen="1"] .text h2 {
	font-family: 'Loew-Black';
	font-size: 80px;
	color: white;
	margin: 0 0 -20px 0;
}

[data-section="hero"] .rail [data-screen="1"] .text h3 {
	font-size: 27px;
	color: white;
	margin: 0 0 20px 0;
}

@media (max-width: 1600px) {

	[data-section="hero"] .rail [data-screen="1"] .text { bottom: 200px; }
	[data-section="hero"] .rail [data-screen="1"] .text h2 { font-size: 70px; margin: 0 0 -18px 0; }
	[data-section="hero"] .rail [data-screen="1"] .text h3 { font-size: 22px; }

}

@media (max-width: 1300px) {

	[data-section="hero"] .rail [data-screen="1"] .text { bottom: 180px; }

}

@media (max-width: 1200px) {

	[data-section="hero"] .rail [data-screen="1"] .text { bottom: 160px; }
	[data-section="hero"] .rail [data-screen="1"] .text h2 { font-size: 50px; margin: 0 0 -12px 0; }
	[data-section="hero"] .rail [data-screen="1"] .text h3 { font-size: 20px; }

}

@media (max-width: 1100px) {

	/* ... */

}

@media (max-width: 950px) {

	[data-section="hero"] .rail [data-screen="1"] .text { bottom: 120px; }
	[data-section="hero"] .rail [data-screen="1"] .text h2 { font-size: 40px; margin: 0 0 -10px 0; }
	[data-section="hero"] .rail [data-screen="1"] .text h3 { font-size: 18px; }

}

@media (max-width: 750px) {

	[data-section="hero"] .rail [data-screen="1"] .text { bottom: 100px; }
	[data-section="hero"] .rail [data-screen="1"] .text h2 { font-size: 30px; }
	[data-section="hero"] .rail [data-screen="1"] .text h3 { font-size: 15px; }

}

/* ------------------------------ SLIDE #PERSONAL ------------------------------ */










/* ------------------------------ SLIDE #TABLETS ------------------------------ */

[data-section="hero"] .rail [data-screen="2"] {
	
}

[data-section="hero"] .rail [data-screen="2"] .text {
	text-transform: uppercase;
	text-align: right;
	position: absolute;
	bottom: 220px;
	right: 15%;
}

[data-section="hero"] .rail [data-screen="2"] .text h2.desktop {
	display: block;
}

[data-section="hero"] .rail [data-screen="2"] .text h2.mobile {
	display: none;
}

[data-section="hero"] .rail [data-screen="2"] .text h2 .a {
	font-size: 60px;
	color: white;
	margin: 0 0 -48px 0;
}

[data-section="hero"] .rail [data-screen="2"] .text h2 .b {
	font-family: 'Loew-Black';
	font-size: 75px;
	color: white;
	margin: 0 0 -22px 0;
}

[data-section="hero"] .rail [data-screen="2"] .text h3 {
	font-size: 27px;
	color: white;
	margin: 0 0 20px 0;
}

@media (max-width: 1600px) {

	[data-section="hero"] .rail [data-screen="2"] .text { right: 13%; }
	[data-section="hero"] .rail [data-screen="2"] .text h2 .a { font-size: 50px; margin: 0 0 -42px 0; }
	[data-section="hero"] .rail [data-screen="2"] .text h2 .b { font-size: 65px; margin: 0 0 -18px 0; }
	[data-section="hero"] .rail [data-screen="2"] .text h3 { font-size: 22px; }

}

@media (max-width: 1200px) {

	[data-section="hero"] .rail [data-screen="2"] .text { right: 12%; }
	[data-section="hero"] .rail [data-screen="2"] .text h2 .a { font-size: 45px; margin: 0 0 -33px 0; }
	[data-section="hero"] .rail [data-screen="2"] .text h2 .b { font-size: 50px; margin: 0 0 -15px 0; }
	[data-section="hero"] .rail [data-screen="2"] .text h3 { font-size: 20px; }

}

@media (max-width: 1100px) {

	[data-section="hero"] .rail [data-screen="2"] .text {
		text-align: center;
		bottom: 160px; left: 50%;
		margin-left: -300px;
		width: 600px;
	}

	[data-section="hero"] .rail [data-screen="2"] .text h2.desktop {
		display: none;
	}

	[data-section="hero"] .rail [data-screen="2"] .text h2.mobile {
		display: block;
	}

	[data-section="hero"] .rail [data-screen="2"] .text h2 { display: inline-block; font-size: 50px; margin: 0 0 -12px 0; font-family: 'Loew-Black'; color: white; }
	[data-section="hero"] .rail [data-screen="2"] .text h3 { font-size: 20px; margin: 0 0 20px 0; }

}

@media (max-width: 950px) {

	[data-section="hero"] .rail [data-screen="2"] .text { bottom: 120px; }
	[data-section="hero"] .rail [data-screen="2"] .text h2 { font-size: 40px; margin: 0 0 -10px 0; }
	[data-section="hero"] .rail [data-screen="2"] .text h3 { font-size: 18px; }


}

@media (max-width: 750px) {

	[data-section="hero"] .rail [data-screen="2"] .text { bottom: 100px; }
	[data-section="hero"] .rail [data-screen="2"] .text h2 { font-size: 30px; }
	[data-section="hero"] .rail [data-screen="2"] .text h3 { font-size: 15px; }

}

/* ------------------------------ SLIDE #TABLETS ------------------------------ */










/* ------------------------------ SLIDE #SISTEMAS ------------------------------ */

[data-section="hero"] .rail [data-screen="3"] {
	
}

[data-section="hero"] .rail [data-screen="3"] .text {
	text-transform: uppercase;
	text-align: right;
	position: absolute;
	bottom: 400px;
	right: 15%;
}

[data-section="hero"] .rail [data-screen="3"] .text h2.desktop {
	display: block;
}

[data-section="hero"] .rail [data-screen="3"] .text h2.mobile {
	display: none;
}

[data-section="hero"] .rail [data-screen="3"] .text h2 .a {
	font-size: 60px;
	color: white;
	margin: 0 0 -48px 0;
}

[data-section="hero"] .rail [data-screen="3"] .text h2 .b {
	font-family: 'Loew-Black';
	font-size: 75px;
	color: white;
	margin: 0 0 -22px 0;
}

[data-section="hero"] .rail [data-screen="3"] .text h3 {
	font-size: 27px;
	color: white;
	margin: 0 0 20px 0;
}

@media (max-width: 1600px) {

	[data-section="hero"] .rail [data-screen="3"] .text { right: 13%; bottom: 350px; }
	[data-section="hero"] .rail [data-screen="3"] .text h2 .a { font-size: 50px; margin: 0 0 -42px 0; }
	[data-section="hero"] .rail [data-screen="3"] .text h2 .b { font-size: 65px; margin: 0 0 -18px 0; }
	[data-section="hero"] .rail [data-screen="3"] .text h3 { font-size: 22px; }

}

@media (max-width: 1200px) {

	[data-section="hero"] .rail [data-screen="3"] .text { right: 12%; }
	[data-section="hero"] .rail [data-screen="3"] .text h2 .a { font-size: 45px; margin: 0 0 -33px 0; }
	[data-section="hero"] .rail [data-screen="3"] .text h2 .b { font-size: 50px; margin: 0 0 -15px 0; }
	[data-section="hero"] .rail [data-screen="3"] .text h3 { font-size: 20px; }

}

@media (max-width: 1100px) {

	[data-section="hero"] .rail [data-screen="3"] .text {
		text-align: center;
		bottom: 160px; left: 50%;
		margin-left: -300px;
		width: 600px;
	}

	[data-section="hero"] .rail [data-screen="3"] .text h2.desktop {
		display: none;
	}

	[data-section="hero"] .rail [data-screen="3"] .text h2.mobile {
		display: block;
	}

	[data-section="hero"] .rail [data-screen="3"] .text h2 { display: inline-block; font-size: 50px; margin: 0 0 -12px 0; font-family: 'Loew-Black'; color: white; }
	[data-section="hero"] .rail [data-screen="3"] .text h3 { font-size: 20px; margin: 0 0 20px 0; }

}

@media (max-width: 950px) {

	[data-section="hero"] .rail [data-screen="3"] .text { bottom: 120px; }
	[data-section="hero"] .rail [data-screen="3"] .text h2 { font-size: 40px; margin: 0 0 -10px 0; }
	[data-section="hero"] .rail [data-screen="3"] .text h3 { font-size: 18px; }


}

@media (max-width: 750px) {

	[data-section="hero"] .rail [data-screen="3"] .text { bottom: 100px; }
	[data-section="hero"] .rail [data-screen="3"] .text h2 { font-size: 30px; }
	[data-section="hero"] .rail [data-screen="3"] .text h3 { font-size: 15px; }

}

/* ------------------------------ SLIDE #SISTEMAS ------------------------------ */










/* BACKGROUNDS */

/* [data-section="hero"] .rail [data-screen="1"] { background-image: url(../images/apps/index/hero/v2/personal-desktop.jpg); } */
[data-section="hero"] .rail [data-screen="1"][data-version="1"] { background-image: url(../images/apps/index/hero/v2/personal-desktop-20250617-002.jpg); }
[data-section="hero"] .rail [data-screen="1"][data-version="2"] { background-image: url(../images/apps/index/hero/v2/personal-desktop-20250617-002.jpg); }
[data-section="hero"] .rail [data-screen="1"][data-version="3"] { background-image: url(../images/apps/index/hero/v2/personal-desktop-20250617-002.jpg); }
[data-section="hero"] .rail [data-screen="2"] { background-image: url(../images/apps/index/hero/v2/tablets-desktop.jpg); }
[data-section="hero"] .rail [data-screen="3"] { background-image: url(../images/apps/index/hero/v2/sistemas-desktop.jpg); }

@media (max-width: 1100px) {
	/* [data-section="hero"] .rail [data-screen="1"] { background-image: url(../images/apps/index/hero/v2/personal-mobile.jpg); } */
	[data-section="hero"] .rail [data-screen="1"][data-version="1"] { background-image: url(../images/apps/index/hero/v2/personal-mobile-20250617-001.jpg); }
	[data-section="hero"] .rail [data-screen="1"][data-version="2"] { background-image: url(../images/apps/index/hero/v2/personal-mobile-20250617-002.jpg); }
	[data-section="hero"] .rail [data-screen="1"][data-version="3"] { background-image: url(../images/apps/index/hero/v2/personal-mobile-20250617-003.jpg); }
	[data-section="hero"] .rail [data-screen="2"] { background-image: url(../images/apps/index/hero/v2/tablets-mobile.jpg); }
	[data-section="hero"] .rail [data-screen="3"] { background-image: url(../images/apps/index/hero/v2/sistemas-mobile.jpg); }
}
















[data-section="servicios"] {
	background-color: #7a00ed;
	padding: 60px 80px;
}

[data-section="servicios"] .intro {
	text-align: center;
	color: white;
	max-width: 800px;
	margin: 0 auto 15px auto;
	padding: 0 20px;
}

[data-section="servicios"] .intro h1 {
	font-size: 40px;
	line-height: 35px;
	text-transform: uppercase;
	font-family: 'Loew-Black';
	margin: 0 0 10px 0;
}

[data-section="servicios"] .intro p {
	font-size: 18px; line-height: 17px;
    text-transform: uppercase;
}

@media (max-width: 1300px) {

	[data-section="servicios"] { padding: 60px 10px; }
	[data-section="servicios"] .intro h1 br { display: none; }
	[data-section="servicios"] .intro h1 { font-size: 30px; line-height: 27px; margin: 0 0 6px 0; }
	[data-section="servicios"] .intro p { font-size: 16px; }

}

@media (max-width: 800px) {

	[data-section="servicios"] {
		padding: 40px 0;
	}

	[data-section="servicios"] .intro h1 { font-size: 25px; line-height: 23px; }

}






[data-section="servicios"] .desc {
	text-align: center;
	max-width: 800px;
	margin: 0 auto 20px auto;
	color: white;
	font-size: 16px; line-height: 16px;
	padding: 0 30px;
}

[data-section="servicios"] .desc strong {
	color: #ffeb3b;
}

@media (max-width: 1300px) {

	[data-section="servicios"] .desc { max-width: 600px; }

}






[data-section="servicios"] .controls {
	text-align: center;
	max-width: 800px;
	margin: 0 auto 70px auto;
}









[data-section="servicios"] .content-b {
	overflow: hidden;
	padding: 0 5px;
}

[data-section="servicios"] .content-b [data-service] {
	border: 5px solid transparent;
	height: 550px;
	width: 50%;
	float: left;
}

[data-section="servicios"] .content-b [data-service="acreditaciones"]    { width: 55%; }
[data-section="servicios"] .content-b [data-service="control_de_acceso"] { width: 45%; }
[data-section="servicios"] .content-b [data-service="sistemas"]          { width: 33.333333%; }
[data-section="servicios"] .content-b [data-service="personal"]          { width: 33.333333%; }
[data-section="servicios"] .content-b [data-service="insumos"]           { width: 33.333333%; }

[data-section="servicios"] .content-b [data-service] .air {
	/* background-color: #1f087b; */
    border-radius: 8px;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

[data-section="servicios"] .content-b [data-service="acreditaciones"] .air    { background-image: url(../images/apps/index/services/acreditaciones-001.jpg); }
[data-section="servicios"] .content-b [data-service="control_de_acceso"] .air { background-image: url(../images/apps/index/services/control_de_acceso-001.jpg); }
[data-section="servicios"] .content-b [data-service="sistemas"] .air          { background-image: url(../images/apps/index/services/sistemas-001.jpg); }
[data-section="servicios"] .content-b [data-service="personal"] .air          { background-image: url(../images/apps/index/services/personal-001.jpg); }
[data-section="servicios"] .content-b [data-service="insumos"] .air           { background-image: url(../images/apps/index/services/insumos-001.jpg); }



[data-section="servicios"] .content-b [data-service] .air .shadow {
	position: absolute;
	width: 100%; height: 100%;
	background-color: black;
	opacity: .15;
	transition: all .25s ease-in-out;
}

[data-section="servicios"] .content-b [data-service] .air:hover .shadow {
	opacity: 0;
}


[data-section="servicios"] .content-b [data-service] .air .text {
	position: absolute;
	text-align: left;
	left: 45px;
	bottom: 45px;
	right: 100px;
	max-width: 470px;
}

[data-section="servicios"] .content-b [data-service] .air .text h3 {
	color: white;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	font-size: 35px;
	line-height: 30px;
	font-family: 'Loew-Black';
}

[data-section="servicios"] .content-b [data-service] .air .text p {
	color: white;
	font-size: 20px;
	line-height: 18px;
	margin: 0 0 15px 0;
}

@media (max-width: 1400px) {

	[data-section="servicios"] .content-b [data-service="acreditaciones"]    { height: 450px; }
	[data-section="servicios"] .content-b [data-service="control_de_acceso"] { height: 450px; }
	[data-section="servicios"] .content-b [data-service="sistemas"]          { height: 450px; }
	[data-section="servicios"] .content-b [data-service="personal"]          { height: 450px; }
	[data-section="servicios"] .content-b [data-service="insumos"]           { height: 450px; }

}

@media (max-width: 1200px) {

	[data-section="servicios"] .content-b [data-service="acreditaciones"]    { width: 100%; height: 500px; }
	[data-section="servicios"] .content-b [data-service="control_de_acceso"] { width: 100%; height: 500px; }
	[data-section="servicios"] .content-b [data-service="sistemas"]          { width: 100%; height: 500px; }
	[data-section="servicios"] .content-b [data-service="personal"]          { width: 100%; height: 500px; }
	[data-section="servicios"] .content-b [data-service="insumos"]           { width: 100%; height: 500px; }

}

@media (max-width: 800px) {

	[data-section="servicios"] .content-b [data-service="acreditaciones"]    { height: 300px; }
	[data-section="servicios"] .content-b [data-service="control_de_acceso"] { height: 300px; }
	[data-section="servicios"] .content-b [data-service="sistemas"]          { height: 300px; }
	[data-section="servicios"] .content-b [data-service="personal"]          { height: 300px; }
	[data-section="servicios"] .content-b [data-service="insumos"]           { height: 300px; }

	[data-section="servicios"] .content-b [data-service] .air .text { right: 25px; bottom: 25px; left: 25px; text-align: right; max-width: initial; }
	[data-section="servicios"] .content-b [data-service] .air .text h3 { font-size: 22px; line-height: 20px; margin: 0 0 6px 0; }
	[data-section="servicios"] .content-b [data-service] .air .text p { font-size: 15px; line-height: 15px; }

}
















/* EMPRESA ------------------------------------------------------ */

[data-section="company"] {
	width: 100%;
	height: 70vh;
	background-image: url("../images/apps/index/company/background-desktop-001.jpg");
	background-color: #143fe6;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

[data-section="company"] .text-flex {
	width: 50%;
	text-align: center;
}

[data-section="company"] .text-flex h2 {
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-family: 'Loew-Black';
	margin-bottom: 10px;
	font-size: 30px; line-height: 28px;
}

[data-section="company"] .text-flex p {
	color: #f4f4f4;
	text-align: center;
	font-size: 18px;
    line-height: 18px;
    margin: 0 0 20px 0;
}

@media (max-width: 1200px) {

	[data-section="company"] .text-flex { width: 80%; }

}

@media (max-width: 800px) {

	[data-section="company"] {
		background-image: url("../images/apps/index/company/background-mobile-001.jpg");
	}

	[data-section="company"] { height: initial; padding: 140px 0 110px 0; }

	[data-section="company"] .text-flex h2 { font-size: 26px; line-height: 24px; }
	[data-section="company"] .text-flex p { font-size: 16px; line-height: 16px; }

}






[data-section="company"] .broken {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%; height: 97px;
	background-image: url(../images/apps/index/company/broken-bottom-desktop.png);
}

@media (max-width: 950px) {

	[data-section="company"] .broken {
		background-image: url(../images/apps/index/company/broken-bottom-mobile.png);
		height: 70px;
	}

}
















[data-section="clientes"] {
	background-color: #3e0388;
	/* margin: 0 0 -80px 0; */ margin: 0; padding: 140px 0;
}





[data-section="clientes"] h2 {
	text-align: center;
    color: white;
    text-transform: uppercase;
    font-family: 'Loew-Black';
    font-size: 30px; line-height: 28px;
    margin: 0 0 30px 0;
}

[data-section="clientes"] h2 br { display: none; }






[data-section="clientes"] .content {
	max-width: 1200px;
	margin: 0 auto;
}

[data-section="clientes"] .content.desktop { display: block; }
[data-section="clientes"] .content.mobile { display: none; }

[data-section="clientes"] .content.desktop [data-row] {
	display: flex;
    justify-content: space-around;
    align-items: center;
}

[data-section="clientes"] .content.desktop [data-row] a {

}

[data-section="clientes"] .content.desktop [data-row] img {
	border-radius: 5px;
    padding: 5px;
    height: 70px;
}

[data-section="clientes"] .content.desktop [data-row] img:hover {
	background-color: rgba(0,0,0,.2);
}



[data-section="clientes"] .content.mobile .air {
	width: 100%;
	text-align: center;
	padding: 0 15px;
}

[data-section="clientes"] .content.mobile a {

}

[data-section="clientes"] .content.mobile img {
	border-radius: 5px;
	padding: 3px;
	height: 40px;
	margin: 0 0 -10px 0;
}






@media (max-width: 1400px) {

	[data-section="clientes"] .content.desktop { max-width: 1000px; }
	[data-section="clientes"] .content.desktop [data-row] img { height: 60px; }

}

@media (max-width: 1020px) {

	[data-section="clientes"] .content.desktop { max-width: 800px; }
	[data-section="clientes"] .content.desktop [data-row] img { height: 50px; }

}

@media (max-width: 820px) {

	[data-section="clientes"] { padding: 90px 0; }

	[data-section="clientes"] h2 { font-size: 30px; line-height: 28px; }
	[data-section="clientes"] h2 br { display: block; }

	[data-section="clientes"] .content.desktop { display: none; }
	[data-section="clientes"] .content.mobile { display: block; }

}















[data-section="instagram"] {
	background-color: #7a00ed;
}

[data-section="instagram"] .content {
	text-align: center;
	padding: 40px 0 80px 0;
}

[data-section="instagram"] .content p {
	color: white;
	font-size: 16px;
	line-height: 16px;
	margin: 0 0 10px 0;
}

[data-section="instagram"] .content .brand {

}

[data-section="instagram"] .content .brand a {

}

[data-section="instagram"] .content .brand a img {

}

@media (max-width: 800px) {

	[data-section="instagram"] .content .brand a img { width: 230px; }

}

















[data-app="experience"] {
	
}

[data-app="experience"] .top {
	padding: 100px 0 100px 0;
	background-image: url(../images/apps/experience/desktop-background-001.jpg);
	background-position: center top;
	position: relative;
	background-size: cover;
	margin: 0 0 -80px 0;
}

[data-app="experience"] .top .container {
	max-width: 900px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

[data-app="experience"] .top .container .text {
	text-align: left;
	padding: 130px 80px 130px 80px;
	backdrop-filter: blur(40px);
	border-radius: 50px;
	overflow: hidden;
}

[data-app="experience"] .top .container .text h1 {
	margin: 0 0 15px 0;
}

[data-app="experience"] .top .container .text h1 a {
	font-size: 23px;
	line-height: 20px;
	font-family: Loew-Black;
	color: #00fffa;
	text-transform: uppercase;
	display: block;
	width: fit-content;
}

[data-app="experience"] .top .container .text h1 a:hover {
	color: white;
}

[data-app="experience"] .top .container .text h2 {
	color: white;
	font-size: 50px;
	line-height: 40px;
	margin: 0 0 15px 0;
}

[data-app="experience"] .top .container .text p {
	color: white;
	margin: 0 0 15px 0;
	font-size: 16px;
	line-height: 20px;
}

[data-app="experience"] .top .container .text p a {
	color: #ff75ff;
	font-weight: 700;
}

[data-app="experience"] .top .container .text p a:hover {
	color: #7c6eff;
	text-decoration: underline;
}










@media (max-width: 800px) {

	[data-app="experience"] .top { padding: 80px 0 100px 0; }

	[data-app="experience"] .top .container .text { padding: 80px 50px 80px 50px; border-radius: 30px; }

	[data-app="experience"] .top .container .text h2 { font-size: 40px; line-height: 35px; }

}

@media (max-width: 650px) {

	[data-app="experience"] .top .container .text h1 a { font-size: 18px; line-height: 15px; }

	[data-app="experience"] .top .container .text h2 { font-size: 35px; line-height: 30px; }

}




















[data-app="company"] {
	
}

[data-app="company"] .top {
	padding: 100px 0 100px 0;
	background-image: url(../images/apps/company/desktop-background-001.jpg);
	background-position: center top;
	position: relative;
	background-size: cover;
	margin: 0 0 -80px 0;
}

[data-app="company"] .top .container {
	max-width: 900px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

[data-app="company"] .top .container .text {
	text-align: left;
	padding: 130px 80px 130px 80px;
	backdrop-filter: blur(40px);
	border-radius: 50px;
	overflow: hidden;
}

[data-app="company"] .top .container .text h1 {
	margin: 0 0 15px 0;
}

[data-app="company"] .top .container .text h1 a {
	font-size: 23px;
	line-height: 20px;
	font-family: Loew-Black;
	color: #00fffa;
	text-transform: uppercase;
	display: block;
	width: fit-content;
}

[data-app="company"] .top .container .text h1 a:hover {
	color: white;
}

[data-app="company"] .top .container .text h2 {
	color: white;
	font-size: 50px;
	line-height: 40px;
	margin: 0 0 15px 0;
}

[data-app="company"] .top .container .text p {
	color: white;
	margin: 0 0 15px 0;
	font-size: 16px;
	line-height: 20px;
}

[data-app="company"] .top .container .text p a {
	color: #ff75ff;
	font-weight: 700;
}

[data-app="company"] .top .container .text p a:hover {
	color: #7c6eff;
	text-decoration: underline;
}










@media (max-width: 800px) {

	[data-app="company"] .top { padding: 80px 0 100px 0; }

	[data-app="company"] .top .container .text { padding: 80px 50px 80px 50px; border-radius: 30px; }

	[data-app="company"] .top .container .text h2 { font-size: 40px; line-height: 35px; }

}

@media (max-width: 650px) {

	[data-app="company"] .top .container .text h1 a { font-size: 18px; line-height: 15px; }

	[data-app="company"] .top .container .text h2 { font-size: 35px; line-height: 30px; }

}




















[data-app="contact"] {
	
	
}

[data-app="contact"] .top {
	padding: 100px 0 100px 0;
	background-image: url(../images/apps/contact/desktop-background-001.jpg);
	background-position: center top;
	position: relative;
	background-size: 1920px 800px;
	margin: 0 0 -80px 0;
}

[data-app="contact"] .top .container {
	max-width: 900px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

[data-app="contact"] .top .container .text {
	text-align: left;
	padding: 130px 80px 130px 80px;
	backdrop-filter: blur(40px);
	border-radius: 50px;
	overflow: hidden;
}

[data-app="contact"] .top .container .text h1 {
	margin: 0 0 15px 0;
}

[data-app="contact"] .top .container .text h1 a {
	font-size: 23px;
	line-height: 20px;
	font-family: Loew-Black;
	color: #00fffa;
	text-transform: uppercase;
	display: block;
	width: fit-content;
}

[data-app="contact"] .top .container .text h1 a:hover {
	color: white;
}

[data-app="contact"] .top .container .text h2 {
	color: white;
	font-size: 50px;
	line-height: 40px;
	margin: 0 0 15px 0;
}










@media (max-width: 800px) {

	[data-app="contact"] .top { padding: 80px 0 100px 0; }

	[data-app="contact"] .top .container .text { padding: 80px 50px 80px 50px; border-radius: 30px; }

	[data-app="contact"] .top .container .text h2 { font-size: 40px; line-height: 35px; }

}

@media (max-width: 650px) {

	[data-app="contact"] .top .container .text h1 a { font-size: 18px; line-height: 15px; }

	[data-app="contact"] .top .container .text h2 { font-size: 35px; line-height: 30px; }

}















[data-app="model_a"] {
	background-image: url(../images/background-top-00001.png);
	background-size: 1920px;
    background-position: top;
    background-attachment: fixed;
}





[data-app="model_a"] [data-section="content"] {
	max-width: 1300px;
	margin: 0 auto; padding: 130px 20px 150px 20px;
}





[data-app="model_a"] [data-section="content"] header {
	text-align: center;
	margin: 0 0 50px 0;
}

[data-app="model_a"] [data-section="content"] header h1 {
	margin: 0 0 5px 0;
	display: block;
}

[data-app="model_a"] [data-section="content"] header h1 a {
	font-family: 'Loew-Black';
	font-size: 30px; line-height: 28px;
	text-transform: uppercase;
	color: #00fffa;
}

[data-app="model_a"] [data-section="content"] header p {
	color: #dddddd;
	font-size: 16px; line-height: 15px;
}







[data-app="model_a"] [data-section="content"] .cuad {
	overflow: hidden;
}

[data-app="model_a"] [data-section="content"] .cuad [data-cuad] {
	width: 100%;
	float: left;
	margin: 0 0 40px 0;
}

[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air {
	padding: 10px;
}

[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air .portrait {
	width: 40%;
	height: 320px;
	border-radius: 8px;
	margin: 0 0 15px 0;
	background-color: rgba(0,0,0,.25);
	display: block;
	transition: all 0.25s ease-in-out;
	float: left;
}

[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air .portrait:hover {
    transform: scale(1.005);
}

[data-app="model_a"] [data-section="content"] .cuad [data-cuad="checkin"] .air .portrait {
	background-image: url(../images/apps/services/portrait-checkin-001.jpg);
}
[data-app="model_a"] [data-section="content"] .cuad [data-cuad="accesscontrol"] .air .portrait {
	background-image: url(../images/apps/services/portrait-accesscontrol-001.jpg);
}
[data-app="model_a"] [data-section="content"] .cuad [data-cuad="systems"] .air .portrait {
	background-image: url(../images/apps/services/portrait-systems-001.jpg);
}
[data-app="model_a"] [data-section="content"] .cuad [data-cuad="staff"] .air .portrait {
	background-image: url(../images/apps/services/portrait-staff-001.jpg);
}
[data-app="model_a"] [data-section="content"] .cuad [data-cuad="supplies"] .air .portrait {
	background-image: url(../images/apps/services/portrait-supplies-001.jpg);
}
[data-app="model_a"] [data-section="content"] .cuad [data-cuad="rsvp"] .air .portrait {
	background-image: url(../images/apps/services/portrait-rsvp-001.jpg);
}
[data-app="model_a"] [data-section="content"] .cuad [data-cuad="leadinfo"] .air .portrait {
	background-image: url(../images/apps/services/portrait-leadinfo-001.jpg);
}
[data-app="model_a"] [data-section="content"] .cuad [data-cuad="management"] .air .portrait {
	background-image: url(../images/apps/services/portrait-management-001.jpg);
}

[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air .text {
	float: left;
	width: 60%;
	padding: 0 0 0 20px;
}

[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air .text h2 {
	margin: 0;
}

[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air .text h2 a {
	font-size: 22px;
	font-family: 'Loew-Black';
	color: #00fffa;
	text-transform: uppercase;
}

[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air .text h2 a:hover {
	color: white;
}

[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air .text p {
	color: white;
    font-size: 16px; line-height: 16px;
    margin: 0 0 25px 0;
    max-width: 1100px;
}

[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air .text ul.list {

}

[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air .text ul.list li {
	float: left;
}

[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air .text ul.list li a {
	display: block;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 50px;
	color: white;
	padding: 10px 15px;
	font-size: 15px;
	margin: 0 5px 5px 0;
	backdrop-filter: blur(2.5px);
	transition: background-color 0.25s ease-in-out;
}

[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air .text ul.list li a:hover {
	background-color: rgba(255, 255, 255, .15);
}





@media (max-width: 900px) {

	[data-app="model_a"] { background-size: 1000px; }

	[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air .portrait { height: 300px; }
	[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air .text ul.list li a { font-size: 14px; padding: 8px 10px; }

}

@media (max-width: 600px) {

	[data-app="model_a"] [data-section="content"] .cuad [data-cuad] .air .portrait { height: 200px; }

}
















[data-app="services"] {

}










[data-app="services"] [data-section="portrait"] {
	background-image: url(../images/apps/services/desktop-portrait-services.jpg);
	background-size: 1920px 545px;
	background-position: center top;
	position: relative;
}

[data-app="services"] [data-section="portrait"] .content {
	height: 545px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 0 15px;
}

[data-app="services"] [data-section="portrait"] .content .text {
	padding: 15px 0 0 0;
}

[data-app="services"] [data-section="portrait"] .content .text h1 {
	margin: 0 0 5px 0;
}

[data-app="services"] [data-section="portrait"] .content .text h1 a {
	font-size: 70px;
	line-height: 40px;
	font-family: 'Loew-Black';
	color: #00fffa;
	text-transform: uppercase;
}

[data-app="services"] [data-section="portrait"] .content .text p {
	color: white;
	margin: 0 0 25px 0;
}

[data-app="services"] [data-section="portrait"] .content .text .search {
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: none;
}

[data-app="services"] [data-section="portrait"] .content .text .search p {
	position: absolute;
	top: 9px;
	left: 11px;
	background-image: url(../images/icon-lens-001.png);
	background-size: 100%;
	width: 44px; height: 44px;
	cursor: pointer;
	z-index: 1;
}

[data-app="services"] [data-section="portrait"] .content .text .search span {
	position: absolute;
	top: 4px;
	right: 5px;
	z-index: 1;
}

[data-app="services"] [data-section="portrait"] .content .text .search [type="text"] {
	border: none;
	outline: none;
	background-color: transparent;
	height: 62px;
    line-height: 60px;
	text-align: center;
	color: white;
	font-weight: 700;
	font-size: 18px;
	border-radius: 100px;
	width: 100%;
	padding: 0 110px 0 50px;
	backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, .05);
}

@media (max-width: 800px) {

	[data-app="services"] [data-section="portrait"] .content .text .search p { top: 1px; left: 5px; }

	[data-app="services"] [data-section="portrait"] .content .text .search [type="text"] { height: 48px; }

}

@media (max-width: 700px) {

	[data-app="services"] [data-section="portrait"] {
		/* background-size: 1374px 390px; */
		background-image: url(../images/apps/services/mobile-portrait-services-002.jpg);
		background-size: 700px 390px;
		margin: 0 0 -50px 0;
	}

	[data-app="services"] [data-section="portrait"] .content { height: 390px; }

	[data-app="services"] [data-section="portrait"] .content .text h1 a { font-size: 38px; line-height: 18px; }



	[data-app="services"] [data-section="portrait"] .content .text .search {
		max-width: 90%;
	}

	[data-app="services"] [data-section="portrait"] .content .text .search p {
		top: 6px; left: 10px;
		width: 35px; height: 35px;
	}

	[data-app="services"] [data-section="portrait"] .content .text .search [type="text"] {
		font-size: 14px;
	}

}










[data-app="services"] .sections {
	width: 100%; max-width: 1400px;
	margin: 0 auto; padding: 0 10px;
}

[data-app="services"] .sections .row {
	overflow: hidden;
}

[data-app="services"] .sections .row [data-section] {
	border: 20px solid transparent;
	float: left;
}

[data-app="services"] .sections .row [data-section] .container {
	height: 600px;
	position: relative;
}







[data-app="services"] .sections .row [data-section="checkin"]       { width: 100%; }
[data-app="services"] .sections .row [data-section="systems"]       { width: 100%; }
[data-app="services"] .sections .row [data-section="accesscontrol"] { width: 50%;  }
[data-app="services"] .sections .row [data-section="rsvp"]          { width: 50%;  }
[data-app="services"] .sections .row [data-section="staff"]         { width: 100%; }
[data-app="services"] .sections .row [data-section="supplies"]      { width: 100%; }
[data-app="services"] .sections .row [data-section="leadinfo"]      { width: 50%;  }
[data-app="services"] .sections .row [data-section="management"]    { width: 50%;  }







[data-app="services"] .sections .row [data-section="checkin"] .container {
	background-color: #3e1093;
	background-image: url(../images/apps/services/v6-card-desktop-checkin-001.jpg);
	overflow: hidden;
	border-radius: 10px;
}

[data-app="services"] .sections .row [data-section="systems"] .container {
	background-color: #3e1093;
	background-image: url(../images/apps/services/v6-card-desktop-systems-001.jpg);
	overflow: hidden;
	border-radius: 10px;
}

[data-app="services"] .sections .row [data-section="accesscontrol"] .container {
	background-color: #3e1093;
	background-image: url(../images/apps/services/v6-card-desktop-accesscontrol-001.jpg);
	overflow: hidden;
	border-radius: 10px;
}

[data-app="services"] .sections .row [data-section="rsvp"] .container {
	background-color: #3e1093;
	background-image: url(../images/apps/services/v6-card-desktop-rsvp-001.jpg);
	overflow: hidden;
	border-radius: 10px;
}

[data-app="services"] .sections .row [data-section="staff"] .container {
	background-color: #3e1093;
	background-image: url(../images/apps/services/v6-card-desktop-staff-001.jpg);
	overflow: hidden;
	border-radius: 10px;
}

[data-app="services"] .sections .row [data-section="supplies"] .container {
	background-color: #3e1093;
	background-image: url(../images/apps/services/v6-card-desktop-supplies-001.jpg);
	overflow: hidden;
	border-radius: 10px;
}

[data-app="services"] .sections .row [data-section="leadinfo"] .container {
	background-color: #3e1093;
	background-image: url(../images/apps/services/v6-card-desktop-leadinfo-001.jpg);
	overflow: hidden;
	border-radius: 10px;
}

[data-app="services"] .sections .row [data-section="management"] .container {
	background-color: #3e1093;
	background-image: url(../images/apps/services/v6-card-desktop-management-001.jpg);
	overflow: hidden;
	border-radius: 10px;
}







[data-app="services"] .sections .row [data-section] .container .spacer {
	display: none;
}







[data-app="services"] .sections .row [data-section] .container .text {
	display: flex;
	justify-content: center;
	align-items: center;
}

[data-app="services"] .sections .row [data-section] .container .text .content {
	
}

[data-app="services"] .sections .row [data-section] .container .text .content h2 {
	margin: 0 0 5px 0;
}

[data-app="services"] .sections .row [data-section] .container .text .content h2 a {
	font-size: 40px;
	line-height: 35px;
	font-family: 'Loew-Black';
	color: #00fffa;
	text-transform: uppercase;
	display: block;
	margin: 0 0 15px 0;
}

[data-app="services"] .sections .row [data-section] .container .text .content h2 a:hover {
	color: white;
}

[data-app="services"] .sections .row [data-section] .container .text .content p {
	color: white;
	font-size: 16px; line-height: 18px;
	margin: 0 0 25px 0;
}

[data-app="services"] .sections .row [data-section] .container .text .content ul {
	margin: 0;
}

[data-app="services"] .sections .row [data-section] .container .text .content ul li {
	display: inline-block;
}

[data-app="services"] .sections .row [data-section] .container .text .content ul li a {
	display: block;
	background-color: rgba(255, 255, 255, .05);
	border-radius: 50px;
	color: white;
	font-size: 15px;
	margin: 0 0 5px 0; padding: 10px 15px;
	backdrop-filter: blur(2.5px);
	transition: background-color 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

[data-app="services"] .sections .row [data-section] .container .text .content ul li a:hover {
	background-color: rgba(255, 255, 255, .1);
	/* padding: 10px 20px; */
}

[data-app="services"] .sections .row [data-section] .container .text .content [obtn] {
	display: none;
}









/* X 1 */

[data-app="services"] .sections .row [data-section="checkin"] .container .text {
	float: right;
	width: 55%; height: 100%;
	padding: 0 100px 0 40px;
	text-align: right;
}

[data-app="services"] .sections .row [data-section="systems"] .container .text {
	float: left;
	width: 55%; height: 100%;
	padding: 0 40px 0 100px;
	text-align: left;
}

[data-app="services"] .sections .row [data-section="staff"] .container .text {
	float: right;
	width: 55%; height: 100%;
	padding: 0 100px 0 40px;
	text-align: right;
}

[data-app="services"] .sections .row [data-section="supplies"] .container .text {
	float: left;
	width: 55%; height: 100%;
	padding: 0 40px 0 100px;
	text-align: left;
}

/* X 2 */

[data-app="services"] .sections .row [data-section="accesscontrol"] .container .text {
	text-align: center;
	padding: 0 70px;
	position: absolute;
	bottom: 70px;
}

[data-app="services"] .sections .row [data-section="rsvp"] .container .text {
	text-align: center;
	padding: 0 70px;
	position: absolute;
	bottom: 70px;
}

[data-app="services"] .sections .row [data-section="leadinfo"] .container .text {
	text-align: center;
	padding: 0 70px;
	position: absolute;
	bottom: 70px;
}

[data-app="services"] .sections .row [data-section="management"] .container .text {
	text-align: center;
	padding: 0 70px;
	position: absolute;
	bottom: 70px;
}











@media (max-width: 1200px) {

	/* X 1 */

	[data-app="services"] .sections .row [data-section="checkin"]  .container .text { width: 60%; padding: 0 60px 0 40px; }
	[data-app="services"] .sections .row [data-section="systems"]  .container .text { width: 60%; padding: 0 40px 0 60px; }
	[data-app="services"] .sections .row [data-section="staff"]    .container .text { width: 60%; padding: 0 60px 0 40px; }
	[data-app="services"] .sections .row [data-section="supplies"] .container .text { width: 60%; padding: 0 40px 0 60px; }

	/* X 2 */

	[data-app="services"] .sections .row [data-section="accesscontrol"] .container .text { padding: 0 30px; bottom: 60px; }
	[data-app="services"] .sections .row [data-section="rsvp"]          .container .text { padding: 0 30px; bottom: 60px; }
	[data-app="services"] .sections .row [data-section="leadinfo"]      .container .text { padding: 0 30px; bottom: 60px; }
	[data-app="services"] .sections .row [data-section="management"]    .container .text { padding: 0 30px; bottom: 60px; }

	[data-app="services"] .sections .row [data-section] .container .text .content h2 a {
		font-size: 32px;
		line-height: 30px;
	}

	[data-app="services"] .sections .row [data-section] .container .text .content p {
		font-size: 15px;
		margin: 0 0 20px 0;
	}

	[data-app="services"] .sections .row [data-section] .container .text .content ul li a {
		padding: 8px 13px;
	}

}





@media (max-width: 1100px) {

	[data-app="services"] .sections .row [data-section] { border: 10px solid transparent; }

	[data-app="services"] .sections .row [data-section] .container { height: 550px; }

}





@media (max-width: 900px) {

	[data-app="services"] .sections .row [data-section="checkin"]       { width: 100%; }
	[data-app="services"] .sections .row [data-section="systems"]       { width: 100%; }
	[data-app="services"] .sections .row [data-section="accesscontrol"] { width: 100%; }
	[data-app="services"] .sections .row [data-section="rsvp"]          { width: 100%; }
	[data-app="services"] .sections .row [data-section="staff"]         { width: 100%; }
	[data-app="services"] .sections .row [data-section="supplies"]      { width: 100%; }
	[data-app="services"] .sections .row [data-section="leadinfo"]      { width: 100%; }
	[data-app="services"] .sections .row [data-section="management"]    { width: 100%; }

	[data-app="services"] .sections .row [data-section] .container { height: initial; }

	/* PORTRAITS */

	[data-app="services"] .sections .row [data-section="checkin"]       .container,
	[data-app="services"] .sections .row [data-section="systems"]       .container,
	[data-app="services"] .sections .row [data-section="accesscontrol"] .container,
	[data-app="services"] .sections .row [data-section="rsvp"]          .container,
	[data-app="services"] .sections .row [data-section="staff"]         .container,
	[data-app="services"] .sections .row [data-section="supplies"]      .container,
	[data-app="services"] .sections .row [data-section="leadinfo"]      .container,
	[data-app="services"] .sections .row [data-section="management"]    .container {
		background-size: contain;
		background-position: top;
	}

	[data-app="services"] .sections .row [data-section="checkin"] .container {
		background-image: url(../images/apps/services/v6-card-mobile-checkin-002.jpg);
	}

	[data-app="services"] .sections .row [data-section="systems"] .container {
		background-image: url(../images/apps/services/v6-card-mobile-systems-002.jpg);
	}

	[data-app="services"] .sections .row [data-section="accesscontrol"] .container {
		background-image: url(../images/apps/services/v6-card-mobile-accesscontrol-002.jpg);
	}

	[data-app="services"] .sections .row [data-section="rsvp"] .container {
		background-image: url(../images/apps/services/v6-card-mobile-rsvp-002.jpg);
	}

	[data-app="services"] .sections .row [data-section="staff"] .container {
		background-image: url(../images/apps/services/v6-card-mobile-staff-002.jpg);
	}

	[data-app="services"] .sections .row [data-section="supplies"] .container {
		background-image: url(../images/apps/services/v6-card-mobile-supplies-002.jpg);
	}

	[data-app="services"] .sections .row [data-section="leadinfo"] .container {
		background-image: url(../images/apps/services/v6-card-mobile-leadinfo-002.jpg);
	}

	[data-app="services"] .sections .row [data-section="management"] .container {
		background-image: url(../images/apps/services/v6-card-mobile-management-002.jpg);
	}

	/* SPACER */

	[data-app="services"] .sections .row [data-section] .container .spacer {
		display: block;
		width: 100%;
	}

	/* TEXT */

	[data-app="services"] .sections .row [data-section="checkin"]       .container .text,
	[data-app="services"] .sections .row [data-section="systems"]       .container .text,
	[data-app="services"] .sections .row [data-section="accesscontrol"] .container .text,
	[data-app="services"] .sections .row [data-section="rsvp"]          .container .text,
	[data-app="services"] .sections .row [data-section="staff"]         .container .text,
	[data-app="services"] .sections .row [data-section="supplies"]      .container .text,
	[data-app="services"] .sections .row [data-section="leadinfo"]      .container .text,
	[data-app="services"] .sections .row [data-section="management"]    .container .text {
		text-align: center;
		position: initial;
		padding: 30px 25px 40px 25px;
		width: 100%;
	}

}





@media (max-width: 700px) {

	[data-app="services"] .sections .row [data-section] .container .text .content h2 a {
		font-size: 25px;
		line-height: 22px;
	}

}





@media (max-width: 500px) {

	[data-app="services"] .sections .row [data-section] .container .text .content ul {
		display: none;
	}

	[data-app="services"] .sections .row [data-section] .container .text .content [obtn] {
		display: inline-block;
	}

}




















[data-app="services_checkin"] {
	background-color: #2d0a6e;
}










[data-app="services_checkin"] [data-section="portrait"] {
	background-image: url(../images/apps/services_checkin/desktop-checkin-001.jpg);
	height: 750px;
	position: relative;
}

[data-app="services_checkin"] [data-section="portrait"] .portrait-wide {
	max-width: 1200px; height: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 20px;
}

@media (max-width: 1300px) {

	[data-app="services_checkin"] [data-section="portrait"] .portrait-wide { max-width: 1000px; }

}

@media (max-width: 850px) {

	[data-app="services_checkin"] [data-section="portrait"] {
		background-image: url(../images/apps/services_checkin/mobile-checkin-007.jpg);
		height: 720px;
	}

	[data-app="services_checkin"] [data-section="portrait"] .portrait-wide { max-width: 100%; }

}

@media (max-width: 600px) {

	[data-app="services_checkin"] [data-section="portrait"] {
		/* height: 540px; */
	}

}










[data-app="services_checkin"] [data-section="portrait"] [data-model="portrait-info"] {
	bottom: 120px;
	width: 600px;
	text-align: left;
}

@media (max-width: 850px) {

	[data-app="services_checkin"] [data-section="portrait"] [data-model="portrait-info"] {
		text-align: center;
		width: 90%; max-width: 800px;
		margin: 0 auto;
		left: 0; right: 0;
		bottom: 100px;
	}

}

@media (max-width: 600px) {

	[data-app="services_checkin"] [data-section="portrait"] [data-model="portrait-info"] {
		bottom: 90px;
	}

}










[data-app="services_checkin"] [data-box="laptops"]           { width: 33.33333333%; }
[data-app="services_checkin"] [data-box="tablets"]           { width: 33.33333333%; }
[data-app="services_checkin"] [data-box="smartphones"]       { width: 33.33333333%; }
[data-app="services_checkin"] [data-box="qr"]                { width: 33.33333333%; }
[data-app="services_checkin"] [data-box="dni"]               { width: 33.33333333%; }
[data-app="services_checkin"] [data-box="online"]            { width: 33.33333333%; }
[data-app="services_checkin"] [data-box="badgehandover"]     { width: 25%; }
[data-app="services_checkin"] [data-box="wristbandhandover"] { width: 25%; }
[data-app="services_checkin"] [data-box="realtimecapacity"]  { width: 25%; }
[data-app="services_checkin"] [data-box="automaticwelcome"]  { width: 25%; }

[data-app="services_checkin"] [data-box="laptops"] p           { background-image: url(../images/apps/services_checkin/types/checkin-laptops-001.jpg); }
[data-app="services_checkin"] [data-box="tablets"] p           { background-image: url(../images/apps/services_checkin/types/checkin-tablets-001.jpg); }
[data-app="services_checkin"] [data-box="smartphones"] p       { background-image: url(../images/apps/services_checkin/types/checkin-smartphones-001.jpg); }
[data-app="services_checkin"] [data-box="qr"] p                { background-image: url(../images/apps/services_checkin/types/checkin-qr-001.jpg); }
[data-app="services_checkin"] [data-box="dni"] p               { background-image: url(../images/apps/services_checkin/types/checkin-dni-001.jpg); }
[data-app="services_checkin"] [data-box="online"] p            { background-image: url(../images/apps/services_checkin/types/checkin-online-001.jpg); }
[data-app="services_checkin"] [data-box="badgehandover"] p     { background-image: url(../images/apps/services_checkin/types/checkin-badgehandover-001.jpg); }
[data-app="services_checkin"] [data-box="wristbandhandover"] p { background-image: url(../images/apps/services_checkin/types/checkin-wristbandhandover-001.jpg); }
[data-app="services_checkin"] [data-box="realtimecapacity"] p  { background-image: url(../images/apps/services_checkin/types/checkin-realtimecapacity-001.jpg); }
[data-app="services_checkin"] [data-box="automaticwelcome"] p  { background-image: url(../images/apps/services_checkin/types/checkin-automaticwelcome-001.jpg); }

@media (max-width: 1000px) {

	[data-app="services_checkin"] .app-content .boxes .container [data-box] { width: 50%; }

}

@media (max-width: 600px) {

	[data-app="services_checkin"] .app-content .boxes .container [data-box] { width: 100%; }

}










[data-app="services_checkin"] [data-model="portrait-extends"] {
	max-width: 950px;
	padding: 0 30px 100px 30px;
	margin: 0 auto;
}










:root {

	--background-desktop-checkin-laptops:           url(../images/apps/services_checkin_laptops/portrait-background-001.jpg);
	--background-desktop-checkin-tablets:           url(../images/apps/services_checkin_tablets/portrait-background-001.jpg);
	--background-desktop-checkin-smartphones:       url(../images/apps/services_checkin_smartphones/portrait-background-001.jpg);
	--background-desktop-checkin-badgehandover:     url(../images/apps/services_checkin_badgehandover/portrait-background-001.jpg);
	--background-desktop-checkin-wristbandhandover: url(../images/apps/services_checkin_wristbandhandover/portrait-background-001.jpg);
	--background-desktop-checkin-qr:                url(../images/apps/services_checkin_qr/portrait-background-001.jpg);
	--background-desktop-checkin-dni:               url(../images/apps/services_checkin_dni/portrait-background-001.jpg);
	--background-desktop-checkin-online:            url(../images/apps/services_checkin_online/portrait-background-001.jpg);
	--background-desktop-checkin-realtimecapacity:  url(../images/apps/services_checkin_realtimecapacity/portrait-background-001.jpg);
	--background-desktop-checkin-automaticwelcome:  url(../images/apps/services_checkin_automaticwelcome/portrait-background-001.jpg);

	--background-mobile-checkin-laptops:           url(../images/apps/services_checkin_laptops/portrait-background-mobile-004.jpg);
	--background-mobile-checkin-tablets:           url(../images/apps/services_checkin_tablets/portrait-background-mobile-002.jpg);
	--background-mobile-checkin-smartphones:       url(../images/apps/services_checkin_smartphones/portrait-background-mobile-003.jpg);
	--background-mobile-checkin-badgehandover:     url(../images/apps/services_checkin_badgehandover/portrait-background-mobile-002.jpg);
	--background-mobile-checkin-wristbandhandover: url(../images/apps/services_checkin_wristbandhandover/portrait-background-mobile-003.jpg);
	--background-mobile-checkin-qr:                url(../images/apps/services_checkin_qr/portrait-background-mobile-002.jpg);
	--background-mobile-checkin-dni:               url(../images/apps/services_checkin_dni/portrait-background-mobile-001.jpg);
	--background-mobile-checkin-online:            url(../images/apps/services_checkin_online/portrait-background-mobile-001.jpg);
	--background-mobile-checkin-realtimecapacity:  url(../images/apps/services_checkin_realtimecapacity/portrait-background-mobile-001.jpg);
	--background-mobile-checkin-automaticwelcome:  url(../images/apps/services_checkin_automaticwelcome/portrait-background-mobile-002.jpg);

	--card-desktop-checkin-laptops:           url(../images/apps/services_checkin_laptops/image-desktop.png);
	--card-desktop-checkin-tablets:           url(../images/apps/services_checkin_tablets/image-desktop.png);
	--card-desktop-checkin-smartphones:       url(../images/apps/services_checkin_smartphones/image-desktop.png);
	--card-desktop-checkin-badgehandover:     url(../images/apps/services_checkin_badgehandover/image-desktop.png);
	--card-desktop-checkin-wristbandhandover: url(../images/apps/services_checkin_wristbandhandover/image-desktop.png);
	--card-desktop-checkin-qr:                url(../images/apps/services_checkin_qr/image-desktop.png);
	--card-desktop-checkin-dni:               url(../images/apps/services_checkin_dni/image-desktop.png);
	--card-desktop-checkin-online:            url(../images/apps/services_checkin_online/image-desktop.png);
	--card-desktop-checkin-realtimecapacity:  url(../images/apps/services_checkin_realtimecapacity/image-desktop.png);
	--card-desktop-checkin-automaticwelcome:  url(../images/apps/services_checkin_automaticwelcome/image-desktop.png);

	--card-mobile-checkin-laptops:           url(../images/apps/services_checkin_laptops/image-mobile-004.png);
	--card-mobile-checkin-tablets:           url(../images/apps/services_checkin_tablets/image-mobile-002.png);
	--card-mobile-checkin-smartphones:       url(../images/apps/services_checkin_smartphones/image-mobile-003.png);
	--card-mobile-checkin-badgehandover:     url(../images/apps/services_checkin_badgehandover/image-mobile-003.png);
	--card-mobile-checkin-wristbandhandover: url(../images/apps/services_checkin_wristbandhandover/image-mobile-004.png);
	--card-mobile-checkin-qr:                url(../images/apps/services_checkin_qr/image-mobile-006.png);
	--card-mobile-checkin-dni:               url(../images/apps/services_checkin_dni/image-mobile-002.png);
	--card-mobile-checkin-online:            url(../images/apps/services_checkin_online/image-mobile.png);
	--card-mobile-checkin-realtimecapacity:  url(../images/apps/services_checkin_realtimecapacity/image-mobile-001.png);
	--card-mobile-checkin-automaticwelcome:  url(../images/apps/services_checkin_automaticwelcome/image-mobile-002.png);

}




[data-app="services_checkin_laptops"]           { background-color: #191248; }
[data-app="services_checkin_tablets"]           { background-color: #191248; }
[data-app="services_checkin_smartphones"]       { background-color: #191248; }
[data-app="services_checkin_badgehandover"]     { background-color: #191248; }
[data-app="services_checkin_wristbandhandover"] { background-color: #191248; }
[data-app="services_checkin_qr"]                { background-color: #191248; }
[data-app="services_checkin_dni"]               { background-color: #191248; }
[data-app="services_checkin_online"]            { background-color: #191248; }
[data-app="services_checkin_realtimecapacity"]  { background-color: #191248; }
[data-app="services_checkin_automaticwelcome"]  { background-color: #191248; }

[data-app="services_checkin_laptops"]           [data-model="checkin-card"] { background-image: var(--background-desktop-checkin-laptops); }
[data-app="services_checkin_tablets"]           [data-model="checkin-card"] { background-image: var(--background-desktop-checkin-tablets); }
[data-app="services_checkin_smartphones"]       [data-model="checkin-card"] { background-image: var(--background-desktop-checkin-smartphones); }
[data-app="services_checkin_badgehandover"]     [data-model="checkin-card"] { background-image: var(--background-desktop-checkin-badgehandover); }
[data-app="services_checkin_wristbandhandover"] [data-model="checkin-card"] { background-image: var(--background-desktop-checkin-wristbandhandover); }
[data-app="services_checkin_qr"]                [data-model="checkin-card"] { background-image: var(--background-desktop-checkin-qr); }
[data-app="services_checkin_dni"]               [data-model="checkin-card"] { background-image: var(--background-desktop-checkin-dni); }
[data-app="services_checkin_online"]            [data-model="checkin-card"] { background-image: var(--background-desktop-checkin-online); }
[data-app="services_checkin_realtimecapacity"]  [data-model="checkin-card"] { background-image: var(--background-desktop-checkin-realtimecapacity); }
[data-app="services_checkin_automaticwelcome"]  [data-model="checkin-card"] { background-image: var(--background-desktop-checkin-automaticwelcome); }

[data-app="services_checkin_laptops"]           [data-model="checkin-card"] .card .image { background-image: var(--card-desktop-checkin-laptops); }
[data-app="services_checkin_tablets"]           [data-model="checkin-card"] .card .image { background-image: var(--card-desktop-checkin-tablets); }
[data-app="services_checkin_smartphones"]       [data-model="checkin-card"] .card .image { background-image: var(--card-desktop-checkin-smartphones); }
[data-app="services_checkin_badgehandover"]     [data-model="checkin-card"] .card .image { background-image: var(--card-desktop-checkin-badgehandover); }
[data-app="services_checkin_wristbandhandover"] [data-model="checkin-card"] .card .image { background-image: var(--card-desktop-checkin-wristbandhandover); }
[data-app="services_checkin_qr"]                [data-model="checkin-card"] .card .image { background-image: var(--card-desktop-checkin-qr); }
[data-app="services_checkin_dni"]               [data-model="checkin-card"] .card .image { background-image: var(--card-desktop-checkin-dni); }
[data-app="services_checkin_online"]            [data-model="checkin-card"] .card .image { background-image: var(--card-desktop-checkin-online); }
[data-app="services_checkin_realtimecapacity"]  [data-model="checkin-card"] .card .image { background-image: var(--card-desktop-checkin-realtimecapacity); }
[data-app="services_checkin_automaticwelcome"]  [data-model="checkin-card"] .card .image { background-image: var(--card-desktop-checkin-automaticwelcome); }


@media (max-width: 850px) {

	[data-app="services_checkin_laptops"]           [data-model="checkin-card"] { background-image: var(--background-mobile-checkin-laptops); }
	[data-app="services_checkin_tablets"]           [data-model="checkin-card"] { background-image: var(--background-mobile-checkin-tablets); }
	[data-app="services_checkin_smartphones"]       [data-model="checkin-card"] { background-image: var(--background-mobile-checkin-smartphones); }
	[data-app="services_checkin_badgehandover"]     [data-model="checkin-card"] { background-image: var(--background-mobile-checkin-badgehandover); }
	[data-app="services_checkin_wristbandhandover"] [data-model="checkin-card"] { background-image: var(--background-mobile-checkin-wristbandhandover); }
	[data-app="services_checkin_qr"]                [data-model="checkin-card"] { background-image: var(--background-mobile-checkin-qr); }
	[data-app="services_checkin_dni"]               [data-model="checkin-card"] { background-image: var(--background-mobile-checkin-dni); }
	[data-app="services_checkin_online"]            [data-model="checkin-card"] { background-image: var(--background-mobile-checkin-online); }
	[data-app="services_checkin_realtimecapacity"]  [data-model="checkin-card"] { background-image: var(--background-mobile-checkin-realtimecapacity); }
	[data-app="services_checkin_automaticwelcome"]  [data-model="checkin-card"] { background-image: var(--background-mobile-checkin-automaticwelcome); }

	[data-app="services_checkin_laptops"]           [data-model="checkin-card"] .card .image { background-image: var(--card-mobile-checkin-laptops); }
	[data-app="services_checkin_tablets"]           [data-model="checkin-card"] .card .image { background-image: var(--card-mobile-checkin-tablets); }
	[data-app="services_checkin_smartphones"]       [data-model="checkin-card"] .card .image { background-image: var(--card-mobile-checkin-smartphones); }
	[data-app="services_checkin_badgehandover"]     [data-model="checkin-card"] .card .image { background-image: var(--card-mobile-checkin-badgehandover); }
	[data-app="services_checkin_wristbandhandover"] [data-model="checkin-card"] .card .image { background-image: var(--card-mobile-checkin-wristbandhandover); }
	[data-app="services_checkin_qr"]                [data-model="checkin-card"] .card .image { background-image: var(--card-mobile-checkin-qr); }
	[data-app="services_checkin_dni"]               [data-model="checkin-card"] .card .image { background-image: var(--card-mobile-checkin-dni); }
	[data-app="services_checkin_online"]            [data-model="checkin-card"] .card .image { background-image: var(--card-mobile-checkin-online); }
	[data-app="services_checkin_realtimecapacity"]  [data-model="checkin-card"] .card .image { background-image: var(--card-mobile-checkin-realtimecapacity); }
	[data-app="services_checkin_automaticwelcome"]  [data-model="checkin-card"] .card .image { background-image: var(--card-mobile-checkin-automaticwelcome); }

}









:root {

	--background-dataentrys:      url(../images/apps/services_staff_dataentrys/background-001.jpg);
	--background-supervision:     url(../images/apps/services_staff_supervision/background-001.jpg);
	--background-technicians:     url(../images/apps/services_staff_technicians/background-001.jpg);
	--background-coordination:    url(../images/apps/services_staff_coordination/background-001.jpg);
	--background-promoters:       url(../images/apps/services_staff_promoters/background-001.jpg);
	--background-accesscontrol:   url(../images/apps/services_staff_accesscontrol/background-001.jpg);
	--background-programmers:     url(../images/apps/services_staff_programmers/background-001.jpg);
	--background-designers:       url(../images/apps/services_staff_designers/background-001.jpg);

	--card-desktop-dataentrys:    url(../images/apps/services_staff_dataentrys/card-desktop-001.jpg);
	--card-desktop-supervision:   url(../images/apps/services_staff_supervision/card-desktop-001.jpg);
	--card-desktop-technicians:   url(../images/apps/services_staff_technicians/card-desktop-001.jpg);
	--card-desktop-coordination:  url(../images/apps/services_staff_coordination/card-desktop-001.jpg);
	--card-desktop-promoters:     url(../images/apps/services_staff_promoters/card-desktop-001.jpg);
	--card-desktop-accesscontrol: url(../images/apps/services_staff_accesscontrol/card-desktop-001.jpg);
	--card-desktop-programmers:   url(../images/apps/services_staff_programmers/card-desktop-001.jpg);
	--card-desktop-designers:     url(../images/apps/services_staff_designers/card-desktop-001.jpg);

	--card-mobile-dataentrys:     url(../images/apps/services_staff_dataentrys/card-mobile-001.jpg);
	--card-mobile-supervision:    url(../images/apps/services_staff_supervision/card-mobile-001.jpg);
	--card-mobile-technicians:    url(../images/apps/services_staff_technicians/card-mobile-001.jpg);
	--card-mobile-coordination:   url(../images/apps/services_staff_coordination/card-mobile-001.jpg);
	--card-mobile-promoters:      url(../images/apps/services_staff_promoters/card-mobile-001.jpg);
	--card-mobile-accesscontrol:  url(../images/apps/services_staff_accesscontrol/card-mobile-001.jpg);
	--card-mobile-programmers:    url(../images/apps/services_staff_programmers/card-mobile-001.jpg);
	--card-mobile-designers:      url(../images/apps/services_staff_designers/card-mobile-001.jpg);

}

/* BACKGROUND COLOR */

[data-app="services_staff_dataentrys"]    { background-color: #2d0a6e; }
[data-app="services_staff_supervision"]   { background-color: #2d0a6e; }
[data-app="services_staff_technicians"]   { background-color: #2d0a6e; }
[data-app="services_staff_coordination"]  { background-color: #2d0a6e; }
[data-app="services_staff_promoters"]     { background-color: #2d0a6e; }
[data-app="services_staff_accesscontrol"] { background-color: #2d0a6e; }
[data-app="services_staff_programmers"]   { background-color: #2d0a6e; }
[data-app="services_staff_designers"]    { background-color: #2d0a6e; }

/* BACKGROUND */

[data-app="services_staff_dataentrys"]    [data-model="unit-staff"] { background-image: var(--background-dataentrys);    }
[data-app="services_staff_supervision"]   [data-model="unit-staff"] { background-image: var(--background-supervision);   }
[data-app="services_staff_technicians"]   [data-model="unit-staff"] { background-image: var(--background-technicians);   }
[data-app="services_staff_coordination"]  [data-model="unit-staff"] { background-image: var(--background-coordination);  }
[data-app="services_staff_promoters"]     [data-model="unit-staff"] { background-image: var(--background-promoters);     }
[data-app="services_staff_accesscontrol"] [data-model="unit-staff"] { background-image: var(--background-accesscontrol); }
[data-app="services_staff_programmers"]   [data-model="unit-staff"] { background-image: var(--background-programmers);   }
[data-app="services_staff_designers"]     [data-model="unit-staff"] { background-image: var(--background-designers);     }

/* CARD / DESKTOP */

[data-app="services_staff_dataentrys"]    [data-model="unit-staff"] .card .background { background-image: var(--card-desktop-dataentrys);    }
[data-app="services_staff_supervision"]   [data-model="unit-staff"] .card .background { background-image: var(--card-desktop-supervision);   }
[data-app="services_staff_technicians"]   [data-model="unit-staff"] .card .background { background-image: var(--card-desktop-technicians);   }
[data-app="services_staff_coordination"]  [data-model="unit-staff"] .card .background { background-image: var(--card-desktop-coordination);  }
[data-app="services_staff_promoters"]     [data-model="unit-staff"] .card .background { background-image: var(--card-desktop-promoters);     }
[data-app="services_staff_accesscontrol"] [data-model="unit-staff"] .card .background { background-image: var(--card-desktop-accesscontrol); }
[data-app="services_staff_programmers"]   [data-model="unit-staff"] .card .background { background-image: var(--card-desktop-programmers);   }
[data-app="services_staff_designers"]     [data-model="unit-staff"] .card .background { background-image: var(--card-desktop-designers);     }

@media (max-width: 950px) {

	/* CARD / MOBILE */

	[data-app="services_staff_dataentrys"]    [data-model="unit-staff"] .card .background { background-image: var(--card-mobile-dataentrys);    }
	[data-app="services_staff_supervision"]   [data-model="unit-staff"] .card .background { background-image: var(--card-mobile-supervision);   }
	[data-app="services_staff_technicians"]   [data-model="unit-staff"] .card .background { background-image: var(--card-mobile-technicians);   }
	[data-app="services_staff_coordination"]  [data-model="unit-staff"] .card .background { background-image: var(--card-mobile-coordination);  }
	[data-app="services_staff_promoters"]     [data-model="unit-staff"] .card .background { background-image: var(--card-mobile-promoters);     }
	[data-app="services_staff_accesscontrol"] [data-model="unit-staff"] .card .background { background-image: var(--card-mobile-accesscontrol); }
	[data-app="services_staff_programmers"]   [data-model="unit-staff"] .card .background { background-image: var(--card-mobile-programmers);   }
	[data-app="services_staff_designers"]     [data-model="unit-staff"] .card .background { background-image: var(--card-mobile-designers);     }

}















[data-app="services_staff"] {
	background-color: #2d0a6e;
}










[data-app="services_staff"] [data-section="portrait"] {
	background-image: url(../images/apps/services_staff/desktop-staff-002.jpg);
	height: 750px;
	position: relative;
}

[data-app="services_staff"] [data-section="portrait"] .portrait-wide {
	max-width: 1200px; height: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 20px;
}

@media (max-width: 1300px) {

	[data-app="services_staff"] [data-section="portrait"] .portrait-wide { max-width: 1000px; }

}

@media (max-width: 1100px) {

	[data-app="services_staff"] [data-section="portrait"] {
		background-image: url(../images/apps/services_staff/mobile-staff-011.jpg);
	}

}

@media (max-width: 850px) {

	[data-app="services_staff"] [data-section="portrait"] {
		height: 650px;
	}

	[data-app="services_staff"] [data-section="portrait"] .portrait-wide { max-width: 100%; }

}

@media (max-width: 600px) {

	[data-app="services_staff"] [data-section="portrait"] {
		/* height: 540px; */
	}

}










[data-app="services_staff"] [data-section="portrait"] [data-model="portrait-info"] {
	bottom: 120px;
	width: 600px;
	text-align: left;
}

@media (max-width: 850px) {

	[data-app="services_staff"] [data-section="portrait"] [data-model="portrait-info"] {
		text-align: center;
		width: 90%; max-width: 800px;
		margin: 0 auto;
		left: 0; right: 0;
		bottom: 100px;
	}

}

@media (max-width: 600px) {

	[data-app="services_staff"] [data-section="portrait"] [data-model="portrait-info"] {
		bottom: 90px;
	}

}










/* BOXES */

[data-app="services_staff"] .app-content .boxes .container [data-box] { width: 25%; }

[data-app="services_staff"] [data-box="dataentrys"] p    { background-image: url(../images/apps/services_staff/boxes/box-dataentrys.jpg); }
[data-app="services_staff"] [data-box="supervision"] p   { background-image: url(../images/apps/services_staff/boxes/box-supervision.jpg); }
[data-app="services_staff"] [data-box="technicians"] p   { background-image: url(../images/apps/services_staff/boxes/box-technicians.jpg); }
[data-app="services_staff"] [data-box="coordination"] p  { background-image: url(../images/apps/services_staff/boxes/box-coordination.jpg); }
[data-app="services_staff"] [data-box="programmers"] p   { background-image: url(../images/apps/services_staff/boxes/box-programmers.jpg); }
[data-app="services_staff"] [data-box="accesscontrol"] p { background-image: url(../images/apps/services_staff/boxes/box-accesscontrol.jpg); }
[data-app="services_staff"] [data-box="promoters"] p     { background-image: url(../images/apps/services_staff/boxes/box-promoters.jpg); }
[data-app="services_staff"] [data-box="designers"] p     { background-image: url(../images/apps/services_staff/boxes/box-designers.jpg); }
[data-app="services_staff"] [data-box="consulting"] p    { background-image: url(../images/apps/services_staff/boxes/box-consulting.jpg); }

@media (max-width: 1000px) {

	[data-app="services_staff"] .app-content .boxes .container [data-box] { width: 50%; }

}

@media (max-width: 600px) {

	[data-app="services_staff"] .app-content .boxes .container [data-box] { width: 100%; }

}






[data-app="services_staff"] [data-model="portrait-extends"] {
	padding: 0 30px 0 30px;
}









[data-app="services_staff"] [data-section="your-look"] {
	
}

[data-app="services_staff"] [data-section="your-look"] .look-wide {
	max-width: 1200px;
	margin: 0 auto; padding: 0 20px;
}

[data-app="services_staff"] [data-section="your-look"] .look-wide [data-model="card-a"] .portrait {
	background-image: url(../images/apps/services_staff/look-desktop-background-001.jpg);
}
























[data-app="services_staff_look"] {
	background-color: #2d0a6e;
}










[data-app="services_staff_look"] [data-section="portrait"] {
	background-image: url(../images/apps/services_staff_look/desktop-staff-look-001.jpg);
	height: 750px;
	position: relative;
}

[data-app="services_staff_look"] [data-section="portrait"] .portrait-wide {
	max-width: 1200px; height: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 20px;
}

@media (max-width: 1300px) {

	[data-app="services_staff_look"] [data-section="portrait"] .portrait-wide { max-width: 1000px; }

}

@media (max-width: 1100px) {

	[data-app="services_staff_look"] [data-section="portrait"] {
		background-image: url(../images/apps/services_staff_look/mobile-staff-look-001.jpg);
		height: 678px;
	}

	[data-app="services_staff_look"] [data-section="portrait"] .portrait-wide { max-width: 100%; }

}

@media (max-width: 800px) {

	[data-app="services_staff_look"] [data-section="portrait"] {
		height: 420px;
	}

}










[data-app="services_staff_look"] [data-section="portrait"] [data-model="portrait-info"] {
	bottom: 120px;
	width: 600px;
	text-align: left;
}

@media (max-width: 1100px) {

	[data-app="services_staff_look"] [data-section="portrait"] [data-model="portrait-info"] {
		text-align: center;
		width: 95%;
		margin: 0 auto;
		left: 0; right: 0;
		bottom: 30px;
	}

}




















[data-app="services_systems"] {
	background-color: #2d0a6e;
}










[data-app="services_systems"] [data-section="portrait"] {
	background-image: url(../images/apps/services_systems/desktop-systems-004.png);
	height: 750px;
	position: relative;
}

[data-app="services_systems"] [data-section="portrait"] .portrait-wide {
	max-width: 1200px; height: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 20px;
}

@media (max-width: 1300px) {

	[data-app="services_systems"] [data-section="portrait"] .portrait-wide { max-width: 1000px; }

}

@media (max-width: 1100px) {

	[data-app="services_systems"] [data-section="portrait"] {
		background-image: url(../images/apps/services_systems/mobile-systems-007.png);
		height: 530px;
	}

	[data-app="services_systems"] [data-section="portrait"] .portrait-wide { max-width: 100%; }

}

@media (max-width: 800px) {

	[data-app="services_systems"] [data-section="portrait"] {
		height: 420px;
	}

}










[data-app="services_systems"] [data-section="portrait"] [data-model="portrait-info"] {
	bottom: 120px;
	width: 600px;
	text-align: left;
}

@media (max-width: 1100px) {

	[data-app="services_systems"] [data-section="portrait"] [data-model="portrait-info"] {
		text-align: center;
		width: 95%;
		margin: 0 auto;
		left: 0; right: 0;
		bottom: 30px;
	}

}










[data-app="services_systems"] [data-section="intro"] {
	overflow: hidden;
    position: relative;
    padding: 0 30px 45px 30px;
    margin: -40px 0 0 0;
}

[data-app="services_systems"] [data-section="intro"] .text {
	text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

[data-app="services_systems"] [data-section="intro"] .text {
	text-align: center;
}

[data-app="services_systems"] [data-section="intro"] .text h1 {
	margin: -10px 0 5px 0;
}

[data-app="services_systems"] [data-section="intro"] .text h1 a {
	font-size: 40px; line-height: 40px;
	font-family: 'Loew-Black';
	color: #00fffa;
	text-transform: uppercase;
}

[data-app="services_systems"] [data-section="intro"] .text h1 a:hover {
	color: white;
}

[data-app="services_systems"] [data-section="intro"] .text p {
	color: white;
	font-size: 16px; line-height: 18px;
	margin: 0 0 25px 0;
}

[data-app="services_systems"] [data-section="intro"] .text ul {
	margin: 0 0 20px 0;
}

[data-app="services_systems"] [data-section="intro"] .text ul li {
	display: inline-block;
}

[data-app="services_systems"] [data-section="intro"] .text ul li a {
	display: block;
	background-color: rgba(25, 0, 80, .5);
	border-radius: 50px;
	color: white;
	padding: 10px 15px;
	font-size: 15px;
	margin: 0 0 5px 0;
	backdrop-filter: blur(2.5px);
	transition: background-color 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

[data-app="services_systems"] [data-section="intro"] .text ul li a:hover {
	background-color: rgba(25, 0, 80, .75);
	/* padding: 10px 20px; */
}










[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_checkin"]             { width: 33.33333333%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_onlineregistration"]  { width: 33.33333333%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_ticketsales"]         { width: 33.33333333%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_interactive"]         { width: 25%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_digitaldraws"]        { width: 25%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_presentations"]       { width: 25%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_qrinvitations"]       { width: 25%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_backends"]            { width: 33.33333333%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_exhibitors"]          { width: 33.33333333%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_catalogs"]            { width: 33.33333333%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_schedules"]           { width: 25%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_websites"]            { width: 25%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_cashless"]            { width: 25%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_businessmeetings"]    { width: 25%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_digitalcertificates"] { width: 33.33333333%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_surveys"]             { width: 33.33333333%; }
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_virtualexpo"]         { width: 33.33333333%; }

[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_checkin"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_checkin.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_onlineregistration"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_onlineregistration.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_ticketsales"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_ticketsales.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_interactive"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_interactive.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_digitaldraws"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_digitaldraws.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_presentations"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_presentations.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_qrinvitations"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_qrinvitations.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_backends"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_backends.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_exhibitors"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_exhibitors.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_catalogs"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_catalogs.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_schedules"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_schedules.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_websites"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_websites.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_cashless"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_cashless.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_businessmeetings"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_businessmeetings.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_digitalcertificates"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_digitalcertificates.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_surveys"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_surveys.jpg);
}
[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_virtualexpo"] p {
	background-image: url(../images/apps/services_systems/types/services_systems_virtualexpo.jpg);
}

@media (max-width: 1000px) {
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_checkin"]             { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_onlineregistration"]  { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_ticketsales"]         { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_interactive"]         { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_digitaldraws"]        { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_presentations"]       { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_qrinvitations"]       { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_backends"]            { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_exhibitors"]          { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_catalogs"]            { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_schedules"]           { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_websites"]            { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_cashless"]            { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_businessmeetings"]    { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_digitalcertificates"] { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_surveys"]             { width: 50%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_virtualexpo"]         { width: 50%; }
}

@media (max-width: 550px) {
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_checkin"]             { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_onlineregistration"]  { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_ticketsales"]         { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_interactive"]         { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_digitaldraws"]        { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_presentations"]       { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_qrinvitations"]       { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_backends"]            { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_exhibitors"]          { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_catalogs"]            { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_schedules"]           { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_websites"]            { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_cashless"]            { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_businessmeetings"]    { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_digitalcertificates"] { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_surveys"]             { width: 100%; }
	[data-app="services_systems"] [data-model="boxes"] .container [data-box="services_systems_virtualexpo"]         { width: 100%; }
}










[data-app="services_systems"] [data-section="security"] {

}

[data-app="services_systems"] [data-section="security"] .look-wide {
	max-width: 1200px;
	margin: 0 auto; padding: 0 20px;
}

[data-app="services_systems"] [data-section="security"] .look-wide [data-model="card-a"] .portrait {
	background-image: url(../images/apps/services_systems/security-desktop-background-001.jpg);
}

































:root {

	--desktop-background-systems-checkin:             url(../images/apps/services_systems_checkin/intro-background-desktop-001.jpg);
	--desktop-background-systems-onlineregistration:  url(../images/apps/services_systems_onlineregistration/intro-background-desktop-001.jpg);
	--desktop-background-systems-ticketsales:         url(../images/apps/services_systems_ticketsales/intro-background-desktop-001.jpg);
	--desktop-background-systems-interactive:         url(../images/apps/services_systems_interactive/intro-background-desktop-001.jpg);
	--desktop-background-systems-digitaldraws:        url(../images/apps/services_systems_digitaldraws/intro-background-desktop-001.jpg);
	--desktop-background-systems-presentations:       url(../images/apps/services_systems_presentations/intro-background-desktop-001.jpg);
	--desktop-background-systems-qrinvitations:       url(../images/apps/services_systems_qrinvitations/intro-background-desktop-001.jpg);
	--desktop-background-systems-backends:            url(../images/apps/services_systems_backends/intro-background-desktop-001.jpg);
	--desktop-background-systems-exhibitors:          url(../images/apps/services_systems_exhibitors/intro-background-desktop-001.jpg);
	--desktop-background-systems-catalogs:            url(../images/apps/services_systems_catalogs/intro-background-desktop-001.jpg);
	--desktop-background-systems-schedules:           url(../images/apps/services_systems_schedules/intro-background-desktop-001.jpg);
	--desktop-background-systems-websites:            url(../images/apps/services_systems_websites/intro-background-desktop-001.jpg);
	--desktop-background-systems-cashless:            url(../images/apps/services_systems_cashless/intro-background-desktop-001.jpg);
	--desktop-background-systems-businessmeetings:    url(../images/apps/services_systems_businessmeetings/intro-background-desktop-001.jpg);
	--desktop-background-systems-digitalcertificates: url(../images/apps/services_systems_digitalcertificates/intro-background-desktop-001.jpg);
	--desktop-background-systems-surveys:             url(../images/apps/services_systems_surveys/intro-background-desktop-001.jpg);
	--desktop-background-systems-virtualexpo:         url(../images/apps/services_systems_virtualexpo/intro-background-desktop-001.jpg);
	--desktop-background-systems-cybersecurity:       url(../images/apps/services_systems_cybersecurity/intro-background-desktop-001.jpg);

	--desktop-card-systems-checkin:             url(../images/apps/services_systems_checkin/intro-card-desktop-001.jpg);
	--desktop-card-systems-onlineregistration:  url(../images/apps/services_systems_onlineregistration/intro-card-desktop-001.jpg);
	--desktop-card-systems-ticketsales:         url(../images/apps/services_systems_ticketsales/intro-card-desktop-001.jpg);
	--desktop-card-systems-interactive:         url(../images/apps/services_systems_interactive/intro-card-desktop-001.jpg);
	--desktop-card-systems-digitaldraws:        url(../images/apps/services_systems_digitaldraws/intro-card-desktop-001.jpg);
	--desktop-card-systems-presentations:       url(../images/apps/services_systems_presentations/intro-card-desktop-001.jpg);
	--desktop-card-systems-qrinvitations:       url(../images/apps/services_systems_qrinvitations/intro-card-desktop-001.jpg);
	--desktop-card-systems-backends:            url(../images/apps/services_systems_backends/intro-card-desktop-001.jpg);
	--desktop-card-systems-exhibitors:          url(../images/apps/services_systems_exhibitors/intro-card-desktop-001.jpg);
	--desktop-card-systems-catalogs:            url(../images/apps/services_systems_catalogs/intro-card-desktop-001.jpg);
	--desktop-card-systems-schedules:           url(../images/apps/services_systems_schedules/intro-card-desktop-001.jpg);
	--desktop-card-systems-websites:            url(../images/apps/services_systems_websites/intro-card-desktop-001.jpg);
	--desktop-card-systems-cashless:            url(../images/apps/services_systems_cashless/intro-card-desktop-001.jpg);
	--desktop-card-systems-businessmeetings:    url(../images/apps/services_systems_businessmeetings/intro-card-desktop-001.jpg);
	--desktop-card-systems-digitalcertificates: url(../images/apps/services_systems_digitalcertificates/intro-card-desktop-001.jpg);
	--desktop-card-systems-surveys:             url(../images/apps/services_systems_surveys/intro-card-desktop-001.jpg);
	--desktop-card-systems-virtualexpo:         url(../images/apps/services_systems_virtualexpo/intro-card-desktop-001.jpg);
	--desktop-card-systems-cybersecurity:       url(../images/apps/services_systems_cybersecurity/intro-card-desktop-001.jpg);

}








[data-app="services_systems_checkin"]             { background-color: #2d0a6e; }
[data-app="services_systems_onlineregistration"]  { background-color: #2d0a6e; }
[data-app="services_systems_ticketsales"]         { background-color: #2d0a6e; }
[data-app="services_systems_interactive"]         { background-color: #2d0a6e; }
[data-app="services_systems_digitaldraws"]        { background-color: #2d0a6e; }
[data-app="services_systems_presentations"]       { background-color: #2d0a6e; }
[data-app="services_systems_qrinvitations"]       { background-color: #2d0a6e; }
[data-app="services_systems_backends"]            { background-color: #2d0a6e; }
[data-app="services_systems_exhibitors"]          { background-color: #2d0a6e; }
[data-app="services_systems_catalogs"]            { background-color: #2d0a6e; }
[data-app="services_systems_schedules"]           { background-color: #2d0a6e; }
[data-app="services_systems_websites"]            { background-color: #2d0a6e; }
[data-app="services_systems_cashless"]            { background-color: #2d0a6e; }
[data-app="services_systems_businessmeetings"]    { background-color: #2d0a6e; }
[data-app="services_systems_digitalcertificates"] { background-color: #2d0a6e; }
[data-app="services_systems_surveys"]             { background-color: #2d0a6e; }
[data-app="services_systems_virtualexpo"]         { background-color: #2d0a6e; }
[data-app="services_systems_cybersecurity"]       { background-color: #2d0a6e; }



[data-app="services_systems_checkin"]             [data-section="intro"] { background-image: var(--desktop-background-systems-checkin); }
[data-app="services_systems_onlineregistration"]  [data-section="intro"] { background-image: var(--desktop-background-systems-onlineregistration); }
[data-app="services_systems_ticketsales"]         [data-section="intro"] { background-image: var(--desktop-background-systems-ticketsales); }
[data-app="services_systems_interactive"]         [data-section="intro"] { background-image: var(--desktop-background-systems-interactive); }
[data-app="services_systems_digitaldraws"]        [data-section="intro"] { background-image: var(--desktop-background-systems-digitaldraws); }
[data-app="services_systems_presentations"]       [data-section="intro"] { background-image: var(--desktop-background-systems-presentations); }
[data-app="services_systems_qrinvitations"]       [data-section="intro"] { background-image: var(--desktop-background-systems-qrinvitations); }
[data-app="services_systems_backends"]            [data-section="intro"] { background-image: var(--desktop-background-systems-backends); }
[data-app="services_systems_exhibitors"]          [data-section="intro"] { background-image: var(--desktop-background-systems-exhibitors); }
[data-app="services_systems_catalogs"]            [data-section="intro"] { background-image: var(--desktop-background-systems-catalogs); }
[data-app="services_systems_schedules"]           [data-section="intro"] { background-image: var(--desktop-background-systems-schedules); }
[data-app="services_systems_websites"]            [data-section="intro"] { background-image: var(--desktop-background-systems-websites); }
[data-app="services_systems_cashless"]            [data-section="intro"] { background-image: var(--desktop-background-systems-cashless); }
[data-app="services_systems_businessmeetings"]    [data-section="intro"] { background-image: var(--desktop-background-systems-businessmeetings); }
[data-app="services_systems_digitalcertificates"] [data-section="intro"] { background-image: var(--desktop-background-systems-digitalcertificates); }
[data-app="services_systems_surveys"]             [data-section="intro"] { background-image: var(--desktop-background-systems-surveys); }
[data-app="services_systems_virtualexpo"]         [data-section="intro"] { background-image: var(--desktop-background-systems-virtualexpo); }
[data-app="services_systems_cybersecurity"]       [data-section="intro"] { background-image: var(--desktop-background-systems-cybersecurity); }

[data-app="services_systems_checkin"]             [data-section="intro"] .card { background-image: var(--desktop-card-systems-checkin); }
[data-app="services_systems_onlineregistration"]  [data-section="intro"] .card { background-image: var(--desktop-card-systems-onlineregistration); }
[data-app="services_systems_ticketsales"]         [data-section="intro"] .card { background-image: var(--desktop-card-systems-ticketsales); }
[data-app="services_systems_interactive"]         [data-section="intro"] .card { background-image: var(--desktop-card-systems-interactive); }
[data-app="services_systems_digitaldraws"]        [data-section="intro"] .card { background-image: var(--desktop-card-systems-digitaldraws); }
[data-app="services_systems_presentations"]       [data-section="intro"] .card { background-image: var(--desktop-card-systems-presentations); }
[data-app="services_systems_qrinvitations"]       [data-section="intro"] .card { background-image: var(--desktop-card-systems-qrinvitations); }
[data-app="services_systems_backends"]            [data-section="intro"] .card { background-image: var(--desktop-card-systems-backends); }
[data-app="services_systems_exhibitors"]          [data-section="intro"] .card { background-image: var(--desktop-card-systems-exhibitors); }
[data-app="services_systems_catalogs"]            [data-section="intro"] .card { background-image: var(--desktop-card-systems-catalogs); }
[data-app="services_systems_schedules"]           [data-section="intro"] .card { background-image: var(--desktop-card-systems-schedules); }
[data-app="services_systems_websites"]            [data-section="intro"] .card { background-image: var(--desktop-card-systems-websites); }
[data-app="services_systems_cashless"]            [data-section="intro"] .card { background-image: var(--desktop-card-systems-cashless); }
[data-app="services_systems_businessmeetings"]    [data-section="intro"] .card { background-image: var(--desktop-card-systems-businessmeetings); }
[data-app="services_systems_digitalcertificates"] [data-section="intro"] .card { background-image: var(--desktop-card-systems-digitalcertificates); }
[data-app="services_systems_surveys"]             [data-section="intro"] .card { background-image: var(--desktop-card-systems-surveys); }
[data-app="services_systems_virtualexpo"]         [data-section="intro"] .card { background-image: var(--desktop-card-systems-virtualexpo); }
[data-app="services_systems_cybersecurity"]       [data-section="intro"] .card { background-image: var(--desktop-card-systems-cybersecurity); }





























[data-app="services_accesscontrol"] {
	background-color: #2d0a6e;
}










[data-app="services_accesscontrol"] [data-section="portrait"] {
	background-image: url(../images/apps/services_accesscontrol/desktop-accesscontrol-001.jpg);
	height: 750px;
	position: relative;
}

[data-app="services_accesscontrol"] [data-section="portrait"] .portrait-wide {
	max-width: 1200px; height: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 20px;
}

@media (max-width: 1300px) {

	[data-app="services_accesscontrol"] [data-section="portrait"] .portrait-wide { max-width: 1000px; }

}

@media (max-width: 850px) {

	[data-app="services_accesscontrol"] [data-section="portrait"] {
		background-image: url(../images/apps/services_accesscontrol/mobile-accesscontrol-003.jpg);
		height: 720px;
	}

	[data-app="services_accesscontrol"] [data-section="portrait"] .portrait-wide { max-width: 100%; }

}

@media (max-width: 600px) {

	[data-app="services_accesscontrol"] [data-section="portrait"] {
		/* height: 540px; */
	}

}










[data-app="services_accesscontrol"] [data-section="portrait"] [data-model="portrait-info"] {
	bottom: 120px;
	width: 600px;
	text-align: left;
}

@media (max-width: 850px) {

	[data-app="services_accesscontrol"] [data-section="portrait"] [data-model="portrait-info"] {
		text-align: center;
		width: 85%; max-width: 800px;
		margin: 0 auto;
		left: 0; right: 0;
		bottom: 100px;
	}

}

@media (max-width: 600px) {

	[data-app="services_accesscontrol"] [data-section="portrait"] [data-model="portrait-info"] {
		bottom: 50px;
	}

}










[data-app="services_accesscontrol"] .app-content .boxes .container [data-box] {
	width: 25%;
}

[data-app="services_accesscontrol"] [data-box="scanners"] p        { background-image: url(../images/apps/services_accesscontrol/boxes/box-scanners-001.jpg); }
[data-app="services_accesscontrol"] [data-box="turnstiles"] p      { background-image: url(../images/apps/services_accesscontrol/boxes/box-turnstiles-001.jpg); }
[data-app="services_accesscontrol"] [data-box="nfcrfid"] p         { background-image: url(../images/apps/services_accesscontrol/boxes/box-nfcrfid-001.jpg); }
[data-app="services_accesscontrol"] [data-box="ageverification"] p { background-image: url(../images/apps/services_accesscontrol/boxes/box-ageverification-001.jpg); }

@media (max-width: 1000px) {

	[data-app="services_accesscontrol"] .app-content .boxes .container [data-box] { width: 50%; }

}

@media (max-width: 600px) {

	[data-app="services_accesscontrol"] .app-content .boxes .container [data-box] { width: 100%; }

}






[data-app="services_accesscontrol"] [data-model="portrait-extends"] {
	padding: 0 30px 0 30px;
}





















[data-app="services_accesscontrol_scanners"] [data-model="unit-accesscontrol"] {
	background-image: url(../images/apps/services_accesscontrol_scanners/portrait-desktop-001.jpg);
}

[data-app="services_accesscontrol_turnstiles"] [data-model="unit-accesscontrol"] {
	background-image: url(../images/apps/services_accesscontrol_turnstiles/portrait-desktop-001.jpg);
}

[data-app="services_accesscontrol_nfcrfid"] [data-model="unit-accesscontrol"] {
	background-image: url(../images/apps/services_accesscontrol_nfcrfid/portrait-desktop-001.jpg);
}

[data-app="services_accesscontrol_ageverification"] [data-model="unit-accesscontrol"] {
	background-image: url(../images/apps/services_accesscontrol_ageverification/portrait-desktop-001.jpg);
}

@media (max-width: 800px) {

	[data-app="services_accesscontrol_scanners"] [data-model="unit-accesscontrol"] {
		background-image: url(../images/apps/services_accesscontrol_scanners/portrait-mobile-001.jpg);
	}

	[data-app="services_accesscontrol_turnstiles"] [data-model="unit-accesscontrol"] {
		background-image: url(../images/apps/services_accesscontrol_turnstiles/portrait-mobile-001.jpg);
	}

	[data-app="services_accesscontrol_nfcrfid"] [data-model="unit-accesscontrol"] {
		background-image: url(../images/apps/services_accesscontrol_nfcrfid/portrait-mobile-001.jpg);
	}

	[data-app="services_accesscontrol_ageverification"] [data-model="unit-accesscontrol"] {
		background-image: url(../images/apps/services_accesscontrol_ageverification/portrait-mobile-001.jpg);
	}

}





















[data-app="services_rsvp"] {
	background-color: #2d0a6e;
}










[data-app="services_rsvp"] [data-section="portrait"] {
	background-image: url(../images/apps/services_rsvp/desktop-rsvp-001.jpg);
	height: 750px;
	position: relative;
}

[data-app="services_rsvp"] [data-section="portrait"] .portrait-wide {
	max-width: 1200px; height: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 20px;
}

@media (max-width: 1300px) {

	[data-app="services_rsvp"] [data-section="portrait"] .portrait-wide { max-width: 1000px; }

}

@media (max-width: 850px) {

	[data-app="services_rsvp"] [data-section="portrait"] {
		background-image: url(../images/apps/services_rsvp/mobile-rsvp-002.jpg);
		height: 720px;
	}

	[data-app="services_rsvp"] [data-section="portrait"] .portrait-wide { max-width: 100%; }

}

@media (max-width: 600px) {

	[data-app="services_rsvp"] [data-section="portrait"] {
		/* height: 540px; */
	}

}










[data-app="services_rsvp"] [data-section="portrait"] [data-model="portrait-info"] {
	bottom: 120px;
	width: 600px;
	text-align: left;
}

@media (max-width: 850px) {

	[data-app="services_rsvp"] [data-section="portrait"] [data-model="portrait-info"] {
		text-align: center;
		width: 90%; max-width: 800px;
		margin: 0 auto;
		left: 0; right: 0;
		bottom: 100px;
	}

}

@media (max-width: 600px) {

	[data-app="services_rsvp"] [data-section="portrait"] [data-model="portrait-info"] {
		bottom: 90px;
	}

}










[data-app="services_rsvp"] .app-content .boxes .container [data-box] {
	width: 33.3333333%;
}

[data-app="services_rsvp"] [data-box="whatsapp"] p   { background-image: url(../images/apps/services_rsvp/boxes/box-whatsapp-001.jpg); }
[data-app="services_rsvp"] [data-box="callcenter"] p { background-image: url(../images/apps/services_rsvp/boxes/box-callcenter-001.jpg); }
[data-app="services_rsvp"] [data-box="followup"] p   { background-image: url(../images/apps/services_rsvp/boxes/box-followup-001.jpg); }

@media (max-width: 1000px) {

	[data-app="services_rsvp"] .app-content .boxes .container [data-box] { width: 50%; }

}

@media (max-width: 600px) {

	[data-app="services_rsvp"] .app-content .boxes .container [data-box] { width: 100%; }

}





















[data-app="services_rsvp_whatsapp"] [data-model="unit-rsvp"] {
	background-image: url(../images/apps/services_rsvp_whatsapp/portrait-desktop-001.jpg);
}

[data-app="services_rsvp_callcenter"] [data-model="unit-rsvp"] {
	background-image: url(../images/apps/services_rsvp_callcenter/portrait-desktop-001.jpg);
}

[data-app="services_rsvp_followup"] [data-model="unit-rsvp"] {
	background-image: url(../images/apps/services_rsvp_followup/portrait-desktop-001.jpg);
}

@media (max-width: 800px) {

	[data-app="services_rsvp_whatsapp"] [data-model="unit-rsvp"] {
		background-image: url(../images/apps/services_rsvp_whatsapp/portrait-mobile-001.jpg);
	}

	[data-app="services_rsvp_callcenter"] [data-model="unit-rsvp"] {
		background-image: url(../images/apps/services_rsvp_callcenter/portrait-mobile-001.jpg);
	}

	[data-app="services_rsvp_followup"] [data-model="unit-rsvp"] {
		background-image: url(../images/apps/services_rsvp_followup/portrait-mobile-001.jpg);
	}

}





















[data-app="services_leadinfo"] {
	background-color: #2d0a6e;
}










[data-app="services_leadinfo"] [data-section="portrait"] {
	background-image: url(../images/apps/services_leadinfo/desktop-leadinfo-001.jpg);
	height: 750px;
	position: relative;
}

[data-app="services_leadinfo"] [data-section="portrait"] .portrait-wide {
	max-width: 1200px; height: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 20px;
}

@media (max-width: 1300px) {

	[data-app="services_leadinfo"] [data-section="portrait"] .portrait-wide { max-width: 1000px; }

}

@media (max-width: 850px) {

	[data-app="services_leadinfo"] [data-section="portrait"] {
		background-image: url(../images/apps/services_leadinfo/mobile-leadinfo-001.jpg);
		height: 720px;
	}

	[data-app="services_leadinfo"] [data-section="portrait"] .portrait-wide { max-width: 100%; }

}

@media (max-width: 600px) {

	[data-app="services_leadinfo"] [data-section="portrait"] {
		/* height: 540px; */
	}

}










[data-app="services_leadinfo"] [data-section="portrait"] [data-model="portrait-info"] {
	bottom: 120px;
	width: 600px;
	text-align: left;
}

@media (max-width: 850px) {

	[data-app="services_leadinfo"] [data-section="portrait"] [data-model="portrait-info"] {
		text-align: center;
		width: 90%; max-width: 800px;
		margin: 0 auto;
		left: 0; right: 0;
		bottom: 100px;
	}

}

@media (max-width: 600px) {

	[data-app="services_leadinfo"] [data-section="portrait"] [data-model="portrait-info"] {
		bottom: 90px;
	}

}










[data-app="services_leadinfo"] .app-content .boxes .container [data-box] {
	width: 33.33333333333%;
}

[data-app="services_leadinfo"] [data-box="barcodes"] p { background-image: url(../images/apps/services_leadinfo/boxes/box-barcodes-001.jpg); }
[data-app="services_leadinfo"] [data-box="qrcodes"] p  { background-image: url(../images/apps/services_leadinfo/boxes/box-qrcodes-001.jpg); }
[data-app="services_leadinfo"] [data-box="devices"] p  { background-image: url(../images/apps/services_leadinfo/boxes/box-devices-001.jpg); }

@media (max-width: 1000px) {

	[data-app="services_leadinfo"] .app-content .boxes .container [data-box] { width: 50%; }

}

@media (max-width: 600px) {

	[data-app="services_leadinfo"] .app-content .boxes .container [data-box] { width: 100%; }

}
















[data-app="services_leadinfo_barcodes"] [data-model="unit-leadinfo"] {
	background-image: url(../images/apps/services_leadinfo_barcodes/portrait-desktop-001.jpg);
}

[data-app="services_leadinfo_qrcodes"] [data-model="unit-leadinfo"] {
	background-image: url(../images/apps/services_leadinfo_qrcodes/portrait-desktop-001.jpg);
}

[data-app="services_leadinfo_devices"] [data-model="unit-leadinfo"] {
	background-image: url(../images/apps/services_leadinfo_devices/portrait-desktop-001.jpg);
}

@media (max-width: 800px) {

	[data-app="services_leadinfo_barcodes"] [data-model="unit-leadinfo"] {
		background-image: url(../images/apps/services_leadinfo_barcodes/portrait-mobile-001.jpg);
	}

	[data-app="services_leadinfo_qrcodes"] [data-model="unit-leadinfo"] {
		background-image: url(../images/apps/services_leadinfo_qrcodes/portrait-mobile-001.jpg);
	}

	[data-app="services_leadinfo_devices"] [data-model="unit-leadinfo"] {
		background-image: url(../images/apps/services_leadinfo_devices/portrait-mobile-001.jpg);
	}

}





















[data-app="services_management"] {
	background-color: #2d0a6e;
}










[data-app="services_management"] [data-section="portrait"] {
	background-image: url(../images/apps/services_management/desktop-management-001.jpg);
	height: 750px;
	position: relative;
}

[data-app="services_management"] [data-section="portrait"] .portrait-wide {
	max-width: 1200px; height: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 20px;
}

@media (max-width: 1300px) {

	[data-app="services_management"] [data-section="portrait"] .portrait-wide { max-width: 1000px; }

}

@media (max-width: 850px) {

	[data-app="services_management"] [data-section="portrait"] {
		background-image: url(../images/apps/services_management/mobile-management-001.jpg);
		height: 720px;
	}

	[data-app="services_management"] [data-section="portrait"] .portrait-wide { max-width: 100%; }

}

@media (max-width: 600px) {

	[data-app="services_management"] [data-section="portrait"] {
		/* height: 540px; */
	}

}










[data-app="services_management"] [data-section="portrait"] [data-model="portrait-info"] {
	bottom: 120px;
	width: 600px;
	text-align: left;
}

@media (max-width: 850px) {

	[data-app="services_management"] [data-section="portrait"] [data-model="portrait-info"] {
		text-align: center;
		width: 90%; max-width: 800px;
		margin: 0 auto;
		left: 0; right: 0;
		bottom: 100px;
	}

}

@media (max-width: 600px) {

	[data-app="services_management"] [data-section="portrait"] [data-model="portrait-info"] {
		bottom: 90px;
	}

}










[data-app="services_management"] .app-content .boxes .container [data-box] {
	width: 25%;
}

[data-app="services_management"] [data-box="consulting"] p             { background-image: url(../images/apps/services_management/boxes/box-consulting-001.jpg);            }
[data-app="services_management"] [data-box="customizedsolutions"] p    { background-image: url(../images/apps/services_management/boxes/box-customizedsolutions-001.jpg);   }
[data-app="services_management"] [data-box="finalsummary"] p           { background-image: url(../images/apps/services_management/boxes/box-finalsummary-001.jpg);          }
[data-app="services_management"] [data-box="strategicoptimization"] p  { background-image: url(../images/apps/services_management/boxes/box-strategicoptimization-001.jpg); }

@media (max-width: 1000px) {

	[data-app="services_management"] .app-content .boxes .container [data-box] { width: 50%; }

}

@media (max-width: 600px) {

	[data-app="services_management"] .app-content .boxes .container [data-box] { width: 100%; }

}





















[data-app="services_management_consulting"] [data-model="unit-management"] {
	background-image: url(../images/apps/services_management_consulting/portrait-desktop-001.jpg);
}

[data-app="services_management_customizedsolutions"] [data-model="unit-management"] {
	background-image: url(../images/apps/services_management_customizedsolutions/portrait-desktop-001.jpg);
}

[data-app="services_management_finalsummary"] [data-model="unit-management"] {
	background-image: url(../images/apps/services_management_finalsummary/portrait-desktop-001.jpg);
}

[data-app="services_management_strategicoptimization"] [data-model="unit-management"] {
	background-image: url(../images/apps/services_management_strategicoptimization/portrait-desktop-001.jpg);
}

@media (max-width: 800px) {

	[data-app="services_management_consulting"] [data-model="unit-management"] {
		background-image: url(../images/apps/services_management_consulting/portrait-mobile-001.jpg);
	}

	[data-app="services_management_customizedsolutions"] [data-model="unit-management"] {
		background-image: url(../images/apps/services_management_customizedsolutions/portrait-mobile-001.jpg);
	}

	[data-app="services_management_finalsummary"] [data-model="unit-management"] {
		background-image: url(../images/apps/services_management_finalsummary/portrait-mobile-001.jpg);
	}

	[data-app="services_management_strategicoptimization"] [data-model="unit-management"] {
		background-image: url(../images/apps/services_management_strategicoptimization/portrait-mobile-001.jpg);
	}

}





















[data-app="services_supplies"] {
	background-color: #2d0a6e;
}










[data-app="services_supplies"] [data-section="portrait"] {
	background-image: url(../images/apps/services_supplies/desktop-supplies-001.jpg);
	height: 750px;
	position: relative;
}

[data-app="services_supplies"] [data-section="portrait"] .portrait-wide {
	max-width: 1200px; height: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 20px;
}

@media (max-width: 1300px) {

	[data-app="services_supplies"] [data-section="portrait"] .portrait-wide { max-width: 1000px; }

}

@media (max-width: 850px) {

	[data-app="services_supplies"] [data-section="portrait"] {
		background-image: url(../images/apps/services_supplies/mobile-supplies-001.jpg);
		height: 650px;
	}

	[data-app="services_supplies"] [data-section="portrait"] .portrait-wide { max-width: 100%; }

}

@media (max-width: 600px) {

	[data-app="services_supplies"] [data-section="portrait"] {
		/* height: 540px; */
	}

}










[data-app="services_supplies"] [data-section="portrait"] [data-model="portrait-info"] {
	bottom: 120px;
	width: 600px;
	text-align: left;
}

@media (max-width: 850px) {

	[data-app="services_supplies"] [data-section="portrait"] [data-model="portrait-info"] {
		text-align: center;
		width: 90%; max-width: 800px;
		margin: 0 auto;
		left: 0; right: 0;
		bottom: 100px;
	}

}

@media (max-width: 600px) {

	[data-app="services_supplies"] [data-section="portrait"] [data-model="portrait-info"] {
		bottom: 90px;
	}

}








[data-app="services_supplies"] [data-section="intro"] {
	overflow: hidden;
	position: relative;
	padding: 0 15px 45px 15px;
}

[data-app="services_supplies"] [data-section="intro"] .text {
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
}

[data-app="services_supplies"] [data-section="intro"] .text h2 {
	font-family: 'Loew-Black';
	color: #00fffa;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 28px;
	margin: 0 0 10px 0;
}

[data-app="services_supplies"] [data-section="intro"] .text p {
	color: white;
	font-size: 16px; line-height: 18px;
	margin: 0 0 25px 0;
}










[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_plasticbadges"]     { width: 33.33333333%; }
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_ecobadges"]         { width: 33.33333333%; }
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_lanyards"]          { width: 33.33333333%; }
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_cords"]             { width: 33.33333333%; }
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_wristbands"]        { width: 33.33333333%; }
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_stickers"]          { width: 33.33333333%; }
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_vinylwraps"]        { width: 33.33333333%; }
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_largeformatprints"] { width: 33.33333333%; }
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_banners"]           { width: 33.33333333%; }

[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_plasticbadges"] p {
	background-image: url(../images/apps/services_supplies/types/services_supplies_plasticbadges.jpg);
}
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_ecobadges"] p {
	background-image: url(../images/apps/services_supplies/types/services_supplies_ecobadges.jpg);
}
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_lanyards"] p {
	background-image: url(../images/apps/services_supplies/types/services_supplies_lanyards.jpg);
}
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_cords"] p {
	background-image: url(../images/apps/services_supplies/types/services_supplies_cords.jpg);
}
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_wristbands"] p {
	background-image: url(../images/apps/services_supplies/types/services_supplies_wristbands.jpg);
}
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_stickers"] p {
	background-image: url(../images/apps/services_supplies/types/services_supplies_stickers.jpg);
}
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_vinylwraps"] p {
	background-image: url(../images/apps/services_supplies/types/services_supplies_vinylwraps.jpg);
}
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_largeformatprints"] p {
	background-image: url(../images/apps/services_supplies/types/services_supplies_largeformatprints.jpg);
}
[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_banners"] p {
	background-image: url(../images/apps/services_supplies/types/services_supplies_banners.jpg);
}

@media (max-width: 1000px) {
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_plasticbadges"]     { width: 50%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_ecobadges"]         { width: 50%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_lanyards"]          { width: 50%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_cords"]             { width: 50%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_wristbands"]        { width: 50%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_stickers"]          { width: 50%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_vinylwraps"]        { width: 50%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_largeformatprints"] { width: 50%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_banners"]           { width: 50%; }
}

@media (max-width: 550px) {
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_plasticbadges"]     { width: 100%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_ecobadges"]         { width: 100%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_lanyards"]          { width: 100%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_cords"]             { width: 100%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_wristbands"]        { width: 100%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_stickers"]          { width: 100%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_vinylwraps"]        { width: 100%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_largeformatprints"] { width: 100%; }
	[data-app="services_supplies"] [data-section="boxes"] .container [data-box="services_supplies_banners"]           { width: 100%; }
}






[data-app="services_supplies"] [data-model="portrait-extends"] {
	padding: 0 30px 0 30px;
}





























:root {

	--supplies-card-plasticbadges:     url(../images/apps/services_supplies_plasticbadges/desktop-card-001.jpg);
	--supplies-card-ecobadges:         url(../images/apps/services_supplies_ecobadges/desktop-card-001.jpg);
	--supplies-card-lanyards:          url(../images/apps/services_supplies_lanyards/desktop-card-001.jpg);
	--supplies-card-cords:             url(../images/apps/services_supplies_cords/desktop-card-001.jpg);
	--supplies-card-wristbands:        url(../images/apps/services_supplies_wristbands/desktop-card-001.jpg);
	--supplies-card-stickers:          url(../images/apps/services_supplies_stickers/desktop-card-001.jpg);
	--supplies-card-vinylwraps:        url(../images/apps/services_supplies_vinylwraps/desktop-card-001.jpg);
	--supplies-card-largeformatprints: url(../images/apps/services_supplies_largeformatprints/desktop-card-001.jpg);
	--supplies-card-banners:           url(../images/apps/services_supplies_banners/desktop-card-001.jpg);

}

/* BACKGROUND COLOR */

[data-app="services_supplies_plasticbadges"]     { background-color: #17033e; }
[data-app="services_supplies_ecobadges"]         { background-color: #17033e; }
[data-app="services_supplies_lanyards"]          { background-color: #17033e; }
[data-app="services_supplies_cords"]             { background-color: #17033e; }
[data-app="services_supplies_wristbands"]        { background-color: #17033e; }
[data-app="services_supplies_stickers"]          { background-color: #17033e; }
[data-app="services_supplies_vinylwraps"]        { background-color: #17033e; }
[data-app="services_supplies_largeformatprints"] { background-color: #17033e; }
[data-app="services_supplies_banners"]           { background-color: #17033e; }

/* CARD / DESKTOP */
[data-app="services_supplies_plasticbadges"]     [data-section="intro"] .card { background-image: var(--supplies-card-plasticbadges);     }
[data-app="services_supplies_ecobadges"]         [data-section="intro"] .card { background-image: var(--supplies-card-ecobadges);         }
[data-app="services_supplies_lanyards"]          [data-section="intro"] .card { background-image: var(--supplies-card-lanyards);          }
[data-app="services_supplies_cords"]             [data-section="intro"] .card { background-image: var(--supplies-card-cords);             }
[data-app="services_supplies_wristbands"]        [data-section="intro"] .card { background-image: var(--supplies-card-wristbands);        }
[data-app="services_supplies_stickers"]          [data-section="intro"] .card { background-image: var(--supplies-card-stickers);          }
[data-app="services_supplies_vinylwraps"]        [data-section="intro"] .card { background-image: var(--supplies-card-vinylwraps);        }
[data-app="services_supplies_largeformatprints"] [data-section="intro"] .card { background-image: var(--supplies-card-largeformatprints); }
[data-app="services_supplies_banners"]           [data-section="intro"] .card { background-image: var(--supplies-card-banners);           }



@media (max-width: 850px) {

	[data-app="services_supplies_plasticbadges"] [data-section="intro"] .card {
		background-image: url(../images/apps/services_supplies_plasticbadges/mobile-card-001.jpg);
	}

	[data-app="services_supplies_ecobadges"] [data-section="intro"] .card {
		background-image: url(../images/apps/services_supplies_ecobadges/mobile-card-001.jpg);
	}

	[data-app="services_supplies_lanyards"] [data-section="intro"] .card {
		background-image: url(../images/apps/services_supplies_lanyards/mobile-card-001.jpg);
	}

	[data-app="services_supplies_cords"] [data-section="intro"] .card {
		background-image: url(../images/apps/services_supplies_cords/mobile-card-001.jpg);
	}

	[data-app="services_supplies_wristbands"] [data-section="intro"] .card {
		background-image: url(../images/apps/services_supplies_wristbands/mobile-card-001.jpg);
	}

	[data-app="services_supplies_wristbands"] [data-section="intro"] .card {
		background-image: url(../images/apps/services_supplies_wristbands/mobile-card-001.jpg);
	}

	[data-app="services_supplies_stickers"] [data-section="intro"] .card {
		background-image: url(../images/apps/services_supplies_stickers/mobile-card-001.jpg);
	}

	[data-app="services_supplies_vinylwraps"] [data-section="intro"] .card {
		background-image: url(../images/apps/services_supplies_vinylwraps/mobile-card-001.jpg);
	}

	[data-app="services_supplies_largeformatprints"] [data-section="intro"] .card {
		background-image: url(../images/apps/services_supplies_largeformatprints/mobile-card-001.jpg);
	}

	[data-app="services_supplies_banners"] [data-section="intro"] .card {
		background-image: url(../images/apps/services_supplies_banners/mobile-card-001.jpg);
	}

}










nav {
	position: absolute;
	top: 0;
	width: 100%; height: 80px;
	z-index: 100;
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
}

nav .nav-width {
	padding: 0 20px;
	max-width: 60%;
	margin: 0 auto;
	position: relative;
}









nav .logo {
	position: absolute;
	top: 30px; left: 0;
}

nav .logo img {
	width: 150px;
	display: block;
}






nav .menu.desktop {
	position: absolute;
	top: 20px; right: 140px;
	display: block;
}

nav .menu.mobile {
	display: none;
	background-image: url(../images/modules/menu-mobile.png);
	width: 30px; height: 30px;
	position: absolute;
	top: 22px; right: 75px;
	cursor: pointer;
}

nav .menu.lens {
	background-image: url(../images/modules/lens.png);
	width: 30px; height: 30px;
	position: absolute;
	top: 22px; right: 0;
	cursor: pointer;
}

nav .menu.desktop a {
	display: inline-block;
	color: white;
	outline: none;
	text-transform: uppercase;
	cursor: pointer;
	padding: 8px 10px;
	font-size: 14px;
	font-weight: 600;
}

nav .menu.desktop a:hover {
	border-bottom: 3px solid rgba(255,255,255,.25);
}

nav .menu.desktop a.active {
	border-bottom: 3px solid orange;
}






nav .lang {
	position: absolute;
	top: 22px;
	right: 50px;
	overflow: hidden;
}

nav .lang [data-switch] {
	cursor: pointer;
	float: left;
	width: 30px;
	height: 30px;
	background-color: rgba(0, 0, 0, .2);
	border-radius: 5px;
	text-align: center;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 13px;
	font-family: 'Loew-Black';
	color: white;
	display: block;
}

nav .lang [data-switch="es"] {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

nav .lang [data-switch="en"] {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

nav .lang [data-switch].active {
	background-color: #5a0ad2;
	color: white;
}






nav .menu-float {
	backdrop-filter: blur(40px);
	background-color: rgba(0, 0, 0, .5);
	z-index: 100;
	border-radius: 5px;
	box-shadow: 0 11px 40px 15px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 11px 40px 15px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 11px 40px 15px rgba(0, 0, 0, .25);
	position: absolute;
	top: 65px;
	right: 0;
	padding: 15px 0 15px 0;
}

nav .menu-float[data-display="show"] { display: block; }
nav .menu-float[data-display="hide"] { display: none; }

nav .menu-float a {
	width: 100%; height: 35px; line-height: 35px;
	padding: 0 25px 0 40px;
	display: block;
	text-align: right;
	color: white;
	border-right: 5px solid transparent;
	text-transform: uppercase;
	font-size: 13px;
}

nav .menu-float .sep {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	margin: 0 0 6px 0;
	padding: 5px 0 0 0;
}

nav .menu-float a[data-nav="services_checkin"]       { color: rgba(255,255,255,.75); padding: 0 25px 0 40px; }
nav .menu-float a[data-nav="services_accesscontrol"] { color: rgba(255,255,255,.75); padding: 0 25px 0 40px; }
nav .menu-float a[data-nav="services_systems"]       { color: rgba(255,255,255,.75); padding: 0 25px 0 40px; }
nav .menu-float a[data-nav="services_staff"]         { color: rgba(255,255,255,.75); padding: 0 25px 0 40px; }
nav .menu-float a[data-nav="services_rsvp"]          { color: rgba(255,255,255,.75); padding: 0 25px 0 40px; }
nav .menu-float a[data-nav="services_leadinfo"]      { color: rgba(255,255,255,.75); padding: 0 25px 0 40px; }
nav .menu-float a[data-nav="services_supplies"]      { color: rgba(255,255,255,.75); padding: 0 25px 0 40px; }
nav .menu-float a[data-nav="services_management"]    { color: rgba(255,255,255,.75); padding: 0 25px 0 40px; }

nav .menu-float a.active {
	border-right: 5px solid orange;
}










@media (max-width: 1300px) {

	nav .nav-width { max-width: 80%; }

}

@media (max-width: 1000px) {

	nav .nav-width { max-width: 90%; }

}

@media (max-width: 900px) {

	nav .logo img { width: 120px; }

	nav .menu.desktop { display: none; }
	nav .menu.mobile { display: block; right: 5px; }

	nav .menu.lens { right: 55px; }

	nav .lang { right: 100px; }

}






#nav-shadow {
	width: 100%;
	height: 80px;
	/* background-color: rgba(0, 0, 0, .45); */
	z-index: 99;
	position: absolute;
	/* background-image: url(../images/nav-shadow-001.png); */
	background-size: 100% 100%;
	opacity: .65;
}












/* ------------------------------------- SERVICES ------------------------------------- */

#services {
	position: absolute;
	top: 75px;
	left: 15%;
	right: 15%;
	height: 70%;
	backdrop-filter: blur(40px);
	/* background-color: rgba(40, 20, 70, .7); */
	background-color: rgba(0, 0, 0, .5);
	z-index: 100;
	border-radius: 10px;
	box-shadow:         0 11px 40px 15px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 11px 40px 15px rgba(0,0,0,.25);
	-moz-box-shadow:    0 11px 40px 15px rgba(0,0,0,.25);
}

#services[data-display="show"] { display: block; }
#services[data-display="hide"] { display: none; }

#services .container {
	width: 100%; height: 100%;
	padding: 25px;
	overflow: hidden;
}





#services [data-closer] {
	width: 18px;
	height: 100%;
	position: absolute;
	z-index: 1;
}

#services [data-closer="a"] { top: 0; left: 0; }
#services [data-closer="b"] { top: 0; right: 0; }
#services [data-closer="c"] {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%; height: 18px;
}





#services .container [data-col] {
	float: left;
	padding: 10px;
}

#services .container [data-col="a"] { width: 25%; }
#services .container [data-col="b"] { width: 25%; }
#services .container [data-col="c"] { width: 25%; }
#services .container [data-col="d"] { width: 25%; }




#services .container [data-col] [data-block] {
	margin: 0 0 20px 0;
	background-color: rgba(255, 255, 255, .025);
	padding: 14px 10px 10px 10px;
	border-radius: 7px;
}

#services .container [data-col] [data-block] .title {
	margin: 0 0 10px 0;
	position: relative;
	padding: 0 0 0 35px;
	height: 16px;
}

#services .container [data-col] [data-block] .title a {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	color: #00d6fb;
	letter-spacing: 1px;
	height: 16px;
	line-height: 16px;
	display: block;
}

#services .container [data-col] [data-block] .title a:hover {
	color: #94eaf9;
}

#services .container [data-col] [data-block] .title a p {
	width: 16px; height: 16px;
	position: absolute;
	top: 0; left: 10px;
	background-image: url(../images/modules/module-services-icons.png);
}

#services .container [data-col] [data-block="checkin"] .title p        { background-position: 0 0; }
#services .container [data-col] [data-block="access-control"] .title p { background-position: 0 -16px; }
#services .container [data-col] [data-block="systems"] .title p        { background-position: 0 -32px; }
#services .container [data-col] [data-block="staff"] .title p          { background-position: 0 -48px; }
#services .container [data-col] [data-block="rsvp"] .title p           { background-position: 0 -64px; }
#services .container [data-col] [data-block="lead-info"] .title p      { background-position: 0 -80px; }
#services .container [data-col] [data-block="supplies"] .title p       { background-position: 0 -96px; }
#services .container [data-col] [data-block="management"] .title p     { background-position: 0 -112px; }

#services .container [data-col] [data-block] ul.list {
	
}

#services .container [data-col] [data-block] ul.list li {
	margin: 0 0 2px 0;
}

#services .container [data-col] [data-block] ul.list li a {
	outline: none;
	color: white;
	display: block;
	/* background-color: rgba(255, 255, 255, .025); */
	border-radius: 5px;
	padding: 5px 10px;
	line-height: 16px;
	position: relative;
}

#services .container [data-col] [data-block] ul.list li a:hover {
	background-color: rgba(255, 255, 255, .1);
}

#services .container [data-col] [data-block] ul.list li a p {
	background-color: orange;
	position: absolute;
	left: -2px; top: 0; bottom: 0;
	width: 4px;
	border-radius: 10px;
}





@media (max-width: 1400px) {

	#services { left: 5%; right: 5%; }

}

@media (max-width: 900px) {

	#services { display: none; }

}












/* ------------------------------------- SERVICES ------------------------------------- */

#search {
	position: absolute;
	top: 75px;
	left: 25%;
	right: 25%;
	height: 70%;
	backdrop-filter: blur(40px);
	background-color: rgba(0, 0, 0, .5);
	z-index: 100;
	border-radius: 10px;
	box-shadow:         0 11px 40px 15px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 11px 40px 15px rgba(0,0,0,.25);
	-moz-box-shadow:    0 11px 40px 15px rgba(0,0,0,.25);
}

#search[data-display="show"] { display: block; }
#search[data-display="hide"] { display: none; }

#services .container {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 25px;
	overflow: hidden;
}

#search .container .top {
	width: 100%;
	height: 15%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	padding: 20px 0 0 0;
}

#search .container .top .searcher {
	width: 80%; height: 50px;
	position: relative;
}

#search .container .top .searcher p {
	position: absolute;
	background-image: url(../images/modules/search-001.png);
	width: 50px;
	height: 50px;
}

#search .container .top .searcher p.lens {
	background-position: 0 0;
	display: block;
	top: 0; left: 5px;
}

#search .container .top .searcher p.loading {
	background-position: 0 -50px;
	animation: rotation 2s infinite linear;
	top: 0; left: 5px;
	display: none;
}

#search .container .top .searcher p.reset {
	background-position: 0 -100px;
	top: 0; right: 5px;
	display: none;
	cursor: pointer;
}

#search .container .top .searcher input[type="text"] {
	border: 2px solid rgba(255, 255, 255, .2);
	outline: none;
	background-color: transparent;
	height: 50px;
	line-height: 60px;
	text-align: center;
	color: white;
	font-weight: 700;
	font-size: 18px;
	border-radius: 100px;
	width: 100%;
	padding: 0 50px;
	transition: all .25s ease-in-out;
}

#search .container .top .searcher input[type="text"]:focus {
	border: 2px solid rgba(255, 255, 255, .35);
}

#search .container .results {
	width: 100%;
	height: 85%;
	position: absolute;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 30px;
}

#search .container .results .list {
	
}

#search .container .results .list a {
	padding: 20px 15px 25px 255px;
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	transition: background-color .25s ease-in-out;
	min-height: 180px;
}

#search .container .results .list a:hover {
	background-color: rgba(0,0,0,.2);
}

#search .container .results .list a .portrait {
	width: 200px;
    border-radius: 5px;
    position: absolute;
    top: 25px;
    left: 25px;
    overflow: hidden;
    border-radius: 5px;
}

#search .container .results .list a .portrait img {
	width: 250px;
    display: block;
    margin: 0 0 0 -25px;
}

#search .container .results .list a .text {
	padding: 10px 0 0 0;
}

#search .container .results .list a .text small {
	color: white;
	background-color: rgba(255, 255, 255, .1);
	text-transform: uppercase;
	margin: 0 0 5px 0;
	padding: 2px 10px;
	display: block;
	border-radius: 20px;
	width: fit-content;
	font-size: 12px;
}

#search .container .results .list a .text h4 {
	color: #00fffa;
	font-family: 'Loew-Black';
	text-transform: uppercase;
	font-size: 20px;
	line-height: 18px;
	margin: 0 0 7px 0;
}

#search .container .results .list a .text p {
	color: white;
    font-size: 15px;
}




@media (max-width: 1300px) {

	#search { top: 65px; left: 12%; right: 12%; height: 85%; }

}




@media (max-width: 1100px) {

	#search { top: 65px; left: 6%; right: 6%; height: 85%; }

}




@media (max-width: 800px) {

	#search .container .results { padding: 20px; }

	#search .container .results .list a {
		padding: 10px 10px 15px 230px;
		min-height: 160px;
	}

	#search .container .results .list a .portrait {
		width: 190px;
		top: 15px;
		left: 15px;
	}

	#search .container .results .list a .portrait img {
		margin: 0 0 0 -30px;
	}

}




@media (max-width: 600px) {

	#search { top: 65px; left: 3%; right: 3%; height: 80%; }

	#search .container .top { height: 15%; padding: 15px 0 0 0; }

	#search .container .top .searcher { width: 85%; }

	#search .container .results { height: 85%; padding: 10px; }

	#search .container .results .list a { margin: 0 0 35px 0; padding: 15px; }

	#search .container .results .list a .portrait { position: initial; width: 100%; }

	#search .container .results .list a .portrait img { margin: 0; width: 100%; margin: 0 0 10px 0; }

}












[data-module="cec"] {
	background-color: #3e0388;
	background-image: url(../images/modules/cec-background-desktop-001.jpg);
	padding: 130px 0;
	margin: 0 0 -80px 0;
}

[data-module="cec"] .container {
	margin: 0 auto;
	max-width: 700px;
	width: 100%;
	text-align: center;
}

[data-module="cec"] .container .label {
	color: white;
	margin: 0 0 20px 0;
}

[data-module="cec"] .container .logo {
	
}

[data-module="cec"] .container .logo img {
	display: inline-block;
	width: 280px;
}








@media (max-width: 800px) {

	[data-module="cec"] {
		background-image: url(../images/modules/cec-background-mobile-001.jpg);
	}

}

@media (max-width: 600px) {

	[data-module="cec"] .container .logo img { width: 220px; }

}












[data-section="contact"] {
	width: 100%;
	background-image: url(../images/modules/adm-contact-bottom-003.jpg);
	margin: 80px 0 0 0; padding: 110px 0 0px 0;
	background-color: #16023d;
}

[data-section="contact"] .main {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 100px auto;
	overflow: hidden;
}

[data-section="contact"] .main .info {
	width: 40%;
	padding: 0 20px;
	float: left;
}

[data-section="contact"] .main .info .brand {
	margin: 0 0 10px 0;
}

[data-section="contact"] .main .info .brand a {
	margin: 0 0 5px 0;
	display: inline-block;
}

[data-section="contact"] .main .info .brand a img {
	width: 130px;
}

[data-section="contact"] .main .info .title {
	color: #a389c8;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	font-size: 18px;
	line-height: 18px;
	font-weight: 600;
}

[data-section="contact"] .main .info .media {
	
}

[data-section="contact"] .main .info .media [data-media] {
	color: #ead5fe;
	margin: 0 0 5px 0;
	/* background-color: rgba(0, 0, 0, .5); */
	background-color: rgba(255, 255, 255, .035);
	height: 40px;
	line-height: 40px;
	padding: 0 25px 0 50px;
	border-radius: 50px;
	width: 100%;
	max-width: 300px;
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	background-image: url(../images/modules/contact-media-icons-001.png);
	background-size: 40px 80px;
}

[data-section="contact"] .main .info .media [data-media="number"] {
	background-position: 5px 0;
}

[data-section="contact"] .main .info .media [data-media="email"] {
	background-position: 5px -40px;
}

[data-section="contact"] .main .info p.text {
	color: #a389c8;
	text-transform: uppercase;
	margin-bottom: 10px;
}

[data-section="contact"] .main .info .icons a {
	margin-right: 8px;
}




[data-section="contact"] .main .form {
	display: flex;
	flex-direction: column;
	width: 60%;
	color: #a389c8;
	padding: 0 20px;
	float: left;
}

[data-section="contact"] .main .form .title {
	color: #a389c8;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	font-size: 18px;
	line-height: 18px;
	font-weight: 600;
}

[data-section="contact"] .main .form .fields {
	margin: 0 0 15px 0;
}

[data-section="contact"] .main .form .fields input {
	background-color: rgba(0, 0, 0, .35);
	border: none; outline: none; border-radius: 5px;
	font-size: 16px; color: #e8def7;
	margin: 0 0 10px 0; padding: 0 15px;
	height: 40px; line-height: 40px;
	width: 100%;
}

[data-section="contact"] .main .form .fields textarea {
	background-color: rgba(0, 0, 0, .35);
	border: none; outline: none; border-radius: 5px;
	font-size: 16px; color: #e8def7;
	margin: 0 0 10px 0; padding: 15px 15px;
	height: 100px; line-height: 16px;
	width: 100%;
}






/* ACTIONS */

[data-section="contact"] [data-action] {
	min-height: 60px;
}

[data-section="contact"] [data-action="start"] {
	display: block;
}

[data-section="contact"] [data-action="loading"] {
	display: none;
}

[data-section="contact"] [data-action="send"] {
	display: none;
}

[data-section="contact"] [data-action="error"] {
	display: none;
}






@media (max-width: 1450px) {

	/* [data-section="contact"] .main .info { width: 40%; } */
	/* [data-section="contact"] .main .form { width: 40%; } */

}

@media (max-width: 1100px) {

	[data-section="contact"] .main { display: block; }

	[data-section="contact"] .main .info { width: 100%; text-align: center; margin: 0 0 60px 0; }
	[data-section="contact"] .main .info .media [data-media] { padding: 0; }
	[data-section="contact"] .main .form { width: 100%; text-align: center; }

	[data-section="contact"] .main .form [obtn="1"] { margin: 0 auto; }

}






[data-section="contact"] .last {
	width: 100%;
	height: 50px;
	max-width: 1100px;
	margin: 0 auto; padding: 15px 0 0 0;
	overflow: hidden;
	color: white;
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, .075);
	text-align: left;
}

[data-section="contact"] .last .copy {
	color: white;
	font-size: 13px;
}

@media (max-width: 1150px) {

	[data-section="contact"] .last { text-align: center; }

}












/* ------------------------------------- BUTTONS ------------------------------------- */

[obtn] {
	width: fit-content;
	border: none;
	text-transform: uppercase;
	border-radius: 100px;
	cursor: pointer;
	font-family: 'Loew-Black';
	padding: 25px 30px;
	line-height: 0;
	font-size: 15px;
	display: inline-block;
	transition: all .2s ease-in-out;
}

[obtn="1"] {
	background-color: #00f7ff;
	color: #19043f;
}

[obtn="1"]:hover {
	background-color: #03cad0;
}

[obtn="2"] {
	background-color: #ffa500;
	color: #19043f;
}

[obtn="2"]:hover {
	background-color: #c47d00;
}

[obtn="3"] {
	background-color: #eb0037;
	color: white;
}

[obtn="3"]:hover {
	background-color: #b30830;
}

[obtn="4"] {
	background-color: rgba(255,255,255,.2);
	color: white;
}

[obtn="4"]:hover {
	background-color: rgba(255,255,255,.35);
}

[obtn="5"] {
	border: 2px solid white;
	color: white;
}

[obtn="5"]:hover {
	border: 2px solid white;
	background-color: rgba(255,255,255,.35);
}

[obtn="6"] {
	border: 2px solid transparent;
	color: white;
	backdrop-filter: blur(10px);
	background-color: rgba(255, 255, 255, .05);
}

[obtn="6"]:hover {
	border: 2px solid transparent;
	background-color: rgba(255, 255, 255, .2);
}

[obtn="7"] {
	border: 2px solid transparent;
	color: white;
	background-color: rgba(255, 255, 255, .2);
}

[obtn="7"]:hover {
	border: 2px solid transparent;
	background-color: rgba(255, 255, 255, .3);
}





@media (max-width: 800px) {

	[obtn] {
		padding: 18px 24px;
		font-size: 13px;
	}

}












[data-component="category"] {
	margin: 0 0 10px 0; padding: 0 10px 0 30px;
	font-size: 13px; color: white; text-transform: uppercase;
	background-color: rgba(0, 0, 0, .5);
	border-radius: 30px;
	width: fit-content; height: 25px; line-height: 25px;
	display: inline-block;
	position: relative;
	z-index: 1;
}

[data-component="category"] s {
	position: absolute;
	width: 15px; height: 15px;
	border-radius: 50px; border: 2px solid white;
	top: 5px; left: 7px;
}

[data-component="category"] a {
	color: white;
}

[data-component="category"] a:hover {
	color: #ffe500;
	text-decoration: underline;
}











[data-app] {
	position: relative;
}





.brand span.red     { font-family: 'Loew-Black'; color: #ff0054; }
.brand span.violet  { font-family: 'Loew-Black'; color: #f774ff; }
.brand span.skyblue { font-family: 'Loew-Black'; color: #00fff6; }
.brand span.gold    { font-family: 'Loew-Black'; color: #ffe400; }






/* ------------------------------ SCROLLBARS ------------------------------ */

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-thumb {
	background-color: #585858;
	border-radius: 100px;
	background-clip: padding-box;
	/*border: 2px solid #ddd;*/
}

::-webkit-scrollbar-track {
	/* background-color: #b3b3b3; */
	background-color: rgba(255,255,255,.05);
}







/* ------------------------------ KEYFRAMES ------------------------------ */

@keyframes rotation {

	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }

}










@font-face {
	font-family: 'Loew';
	src: url("../fonts/Loew-Regular.otf");
};

@font-face {
	font-family: 'Loew-Bold';
	src: url("../fonts/Loew-Bold.otf");
}

@font-face {
	font-family: 'Loew-Black';
	src: url("../fonts/Loew-Black.otf");
}



/*

h1 { font-size: 50px; line-height: 1em; }
h2 { font-size: 22px; line-height: 1em; }
h3 { font-size: 18px; line-height: 1em; }
p  { font-size: 18px; line-height: 1em; }

h1 strong { font-size: 50px; }
h2 strong { font-size: 22px; }
h3 strong { font-size: 18px; }
p  strong { font-size: 16px; }

strong  { font-family: 'Loew-Black'; }

*/





/*

h1 { font-size: 30px; line-height: 28px; }
h2 { font-size: 25px; line-height: 23px; }
h3 { font-size: 20px; line-height: 19px; }
p  { font-size: 15px; line-height: 14px; }


@media (max-width: 1200px) {

	h1 { font-size: 26px; line-height: 25px; }
	h2 { font-size: 20px; line-height: 19px; }
	h3 { font-size: 18px; line-height: 18px; }
	p  { font-size: 14px; line-height: 13px; }

}

@media (max-width: 800px) {

	h1 { font-size: 22px; line-height: 22px; }
	h2 { font-size: 18px; line-height: 18px; }
	h3 { font-size: 16px; line-height: 16px; }
	p  { font-size: 14px; line-height: 13px; }

}

*/



.ofs80 { font-size: 80px; line-height: 80px; }
.ofs70 { font-size: 70px; line-height: 70px; }
.ofs60 { font-size: 60px; line-height: 60px; }
.ofs50 { font-size: 50px; line-height: 50px; }
.ofs40 { font-size: 40px; line-height: 40px; }
.ofs30 { font-size: 30px; line-height: 30px; }
.ofs25 { font-size: 25px; line-height: 25px; }
.ofs20 { font-size: 20px; line-height: 20px; }
.ofs18 { font-size: 18px; line-height: 18px; }
.ofs16 { font-size: 16px; line-height: 16px; }

.ofw400 { font-family: 'Loew';       }
.ofw600 { font-family: 'Loew-Bold';  }
.ofw700 { font-family: 'Loew-Black'; }










* {
	margin: 0; padding: 0;
	box-sizing: border-box;
	list-style: none;
	word-break: break-word;
	text-decoration: none;
	/* font-family: 'Loew'; */
	font-family: Montserrat;
	letter-spacing: -0.3px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}










html, body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	background-color: #220659;
}

.one-main {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	position: relative;
	height: 100%;
	padding: 0 20px;
}





.one-h20 { height: 20px; }
.one-h30 { height: 30px; }
.one-h50 { height: 50px; }
.one-h60 { height: 60px; }
.one-h80 { height: 80px; }

























[data-model="portrait-info"] {
	position: absolute;
	width: 530px;
}

[data-model="portrait-info"] h1 {
	margin: 0 0 18px 0;
	display: inline-block;
	width: 100%;
}

[data-model="portrait-info"] h1 a {
	font-size: 50px; line-height: 25px;
	font-family: 'Loew-Black';
	color: #00fffa;
	text-transform: uppercase;
	display: block;
}

[data-model="portrait-info"] h1 a:hover {
	color: white;
}

[data-model="portrait-info"] p {
	color: white;
	font-size: 18px; line-height: 18px;
	margin: 0 0 25px 0;
	max-width: 1100px;
	text-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

@media (max-width: 850px) {

	[data-model="portrait-info"] small {
		margin: 0 0 0 0;
	}

	[data-model="portrait-info"] h1 {
		margin: 0 0 10px 0;
		width: 100%;
	}

	[data-model="portrait-info"] h1 a {
		font-size: 40px; line-height: 15px;
	}

	[data-model="portrait-info"] p {
		font-size: 15px;
	}

}

@media (max-width: 650px) {

	[data-model="portrait-info"] h1 a {
		font-size: 30px; line-height: 28px;
	}

}




















[data-model="portrait-extends"] {
	color: white;
	text-align: center;
	padding: 0 30px;
	margin: 0 auto;
	max-width: 800px;
}




















[data-model="card-a"] {
	width: 100%; height: 500px;
	overflow: hidden;
	border-radius: 8px;
}

[data-model="card-a"] .portrait {
	float: left;
	width: 60%; height: 100%;
}

[data-model="card-a"] .text {
	float: left;
	width: 40%; height: 100%;
	background-color: #18033f;
	background-image: url(../images/adm-contact-bottom-003.jpg);
	position: relative;
	padding: 0 80px 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

[data-model="card-a"] .text .flex {
	
}

[data-model="card-a"] .text h3 {
	margin: 0 0 13px 0;
    display: inline-block;
}

[data-model="card-a"] .text h3 a {
	font-size: 26px;
    line-height: 20px;
    font-family: 'Loew-Black';
    color: #00fffa;
    text-transform: uppercase;
}

[data-model="card-a"] .text p {
	color: white;
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 20px 0;
}

@media (max-width: 1000px) {

	[data-model="card-a"] { height: initial; }
	[data-model="card-a"] .portrait { float: none; width: 100%; height: 380px; }
	[data-model="card-a"] .text { float: none; width: 100%; padding: 50px 80px 50px 50px; }

}

@media (max-width: 800px) {

	[data-model="card-a"] .portrait { height: 320px; }
	[data-model="card-a"] .text { text-align: center; padding: 30px; }
	[data-model="card-a"] .text h3 { margin: 0 0 5px 0; }
	[data-model="card-a"] .text h3 a { font-size: 23px; line-height: 20px; }
	[data-model="card-a"] .text p { font-size: 15px; }

}

@media (max-width: 600px) {

	[data-model="card-a"] .portrait { height: 240px; }

}


















/*

A REVISION
SE USÓ EN APP SERVICES 
PARA EL BOX DE CHECK-IN

*/

[data-model="card-b"] {
	max-width: 1100px;
	margin: 50px auto 0 auto;
	padding: 100px 90px 100px 420px;
	border-radius: 10px;
	box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.25);
	background-size: contain;
	background-position: left;
}

[data-model="card-b"] .text {
	text-align: right;
}

[data-model="card-b"] .text h2 {
	margin: 0 0 5px 0;
}

[data-model="card-b"] .text h2 a {
	font-size: 40px; line-height: 40px;
	font-family: 'Loew-Black';
	color: #00fffa;
	text-transform: uppercase;
}

[data-model="card-b"] .text h2 a:hover {
	color: white;
}

[data-model="card-b"] .text p {
	color: white;
	font-size: 16px; line-height: 18px;
	margin: 0 0 25px 0;
}

[data-model="card-b"] .text ul {
	margin: 0 0 20px 0;
}

[data-model="card-b"] .text ul li {
	display: inline-block;
}

[data-model="card-b"] .text ul li a {
	display: block;
	background-color: rgba(25, 0, 80, .5);
	border-radius: 50px;
	color: white;
	padding: 10px 15px;
	font-size: 15px;
	margin: 0 0 5px 0;
	backdrop-filter: blur(2.5px);
	transition: background-color 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

[data-model="card-b"] .text ul li a:hover {
	background-color: rgba(25, 0, 80, .75);
	padding: 10px 20px;
}

[data-model="card-b"] .text [obtn] {
	display: none;
}

@media (max-width: 1100px) {

	[data-model="card-b"] {
		padding: 80px 70px 80px 350px;
	}

}

@media (max-width: 900px) {

	[data-model="card-b"] {
		background-position: top;
		padding: 390px 8% 50px 8%;
		background-size: 900px 430px;
	}

	[data-model="card-b"] .text {
		text-align: center;
	}

	[data-model="card-b"] .text h2 a {
		font-size: 26px;
		line-height: 26px;
	}

}

@media (max-width: 550px) {

	[data-model="card-b"] {
		padding: 245px 30px 40px 30px;
		background-size: 520px 248px;
	}

	[data-model="card-b"] .text p {
		font-size: 15px;
	}

	[data-model="card-b"] .text ul {
		display: none;
	}

	[data-model="card-b"] .text ul li a {
		font-size: 13px;
		padding: 9px 13px;
	}

	[data-model="card-b"] .text [obtn] {
		display: inline-block;
	}

}


















/*

A REVISION
SE USÓ EN APP SERVICES 
PARA EL BOX DE SYSTEMS

*/

[data-model="card-c"] {
	max-width: 1100px;
	margin: 50px auto 0 auto;
	padding: 100px 420px 100px 90px;
	border-radius: 10px;
	box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.25);
	background-size: contain;
	background-position: left;
}

[data-model="card-c"] .text {
	text-align: left;
}

[data-model="card-c"] .text h2 {
	margin: 0 0 5px 0;
}

[data-model="card-c"] .text h2 a {
	font-size: 40px; line-height: 40px;
	font-family: 'Loew-Black';
	color: #00fffa;
	text-transform: uppercase;
}

[data-model="card-c"] .text h2 a:hover {
	color: white;
}

[data-model="card-c"] .text p {
	color: white;
	font-size: 16px; line-height: 18px;
	margin: 0 0 25px 0;
}

[data-model="card-c"] .text ul {
	margin: 0 0 20px 0;
}

[data-model="card-c"] .text ul li {
	display: inline-block;
}

[data-model="card-c"] .text ul li a {
	display: block;
	background-color: rgba(25, 0, 80, .5);
	border-radius: 50px;
	color: white;
	padding: 10px 15px;
	font-size: 15px;
	margin: 0 0 5px 0;
	backdrop-filter: blur(2.5px);
	transition: background-color 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

[data-model="card-c"] .text ul li a:hover {
	background-color: rgba(25, 0, 80, .75);
	padding: 10px 20px;
}

[data-model="card-c"] .text [obtn] {
	display: none;
}

@media (max-width: 1100px) {

	[data-model="card-c"] {
		padding: 80px 70px 80px 350px;
	}

}

@media (max-width: 900px) {

	[data-model="card-c"] {
		background-position: top;
		padding: 390px 8% 50px 8%;
		background-size: 900px 430px;
	}

	[data-model="card-c"] .text {
		text-align: center;
	}

	[data-model="card-c"] .text h2 a {
		font-size: 26px;
		line-height: 26px;
	}

}

@media (max-width: 550px) {

	[data-model="card-c"] {
		padding: 245px 30px 40px 30px;
		background-size: 520px 248px;
	}

	[data-model="card-c"] .text p {
		font-size: 15px;
	}

	[data-model="card-c"] .text ul {
		display: none;
	}

	[data-model="card-c"] .text ul li a {
		font-size: 13px;
		padding: 9px 13px;
	}

	[data-model="card-c"] .text [obtn] {
		display: inline-block;
	}

}




















[data-model="checkin-card"] {
	background-size: 1920px 800px;
	background-position: center top;
	width: 100%; min-height: 800px;
	padding: 120px 15px 30px 15px;
}

[data-model="checkin-card"] .card {
	width: 100%; max-width: 1100px;
	height: 500px;
	margin: 0 auto 75px auto;
	backdrop-filter: blur(35px);
	border: 1px solid rgba(255, 255, 255, .025);
	box-shadow: 0 15px 40px 10px rgba(0,0,0,.2);
	overflow: hidden;
	border-radius: 10px;
}

[data-model="checkin-card"] .card .image {
	width: 42%; height: 100%;
	position: absolute;
	top: 0; left: 0;
}

[data-model="checkin-card"] .card .info {
	width: 58%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

[data-model="checkin-card"] .card .info .text {
	padding: 30px 60px 30px 30px;
}

[data-model="checkin-card"] .card .info .text h1 {
	margin: 0 0 0 0;
}

[data-model="checkin-card"] .card .info .text h1 a {
	font-size: 45px;
	line-height: 40px;
	color: rgb(0, 255, 250);
	text-transform: uppercase;
	margin: 0 0 5px 0;
	display: inline-block;
}

[data-model="checkin-card"] .card .info .text h1 a .block {

}

[data-model="checkin-card"] .card .info .text h1 a .block .a {
	font-size: 24px;
	line-height: 15px;
	font-family: 'Loew-Black';
	margin: 0 0 3px 0;
	padding: 0 0 7px 0;
}

[data-model="checkin-card"] .card .info .text h1 a .block .b {
	font-size: 45px;
	line-height: 25px;
	font-family: 'Loew-Black';
	margin: 0 0 3px 0;
	padding: 0 0 12px 0;
}

[data-model="checkin-card"] .card .info .text p {
	color: white;
	font-size: 16px;
	line-height: 19px;
	max-width: 1100px;
	margin: 0px 0px 15px 0;
}

[data-model="checkin-card"] .extends {

}

[data-model="checkin-card"] .container {
	max-width: 800px;
	padding: 0 20px;
	text-align: center;
	margin: 0 auto;
}

[data-model="checkin-card"] .container h2 {
	font-family: 'Loew-Black';
	color: #00fffa;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 28px;
	margin: 0 0 15px 0;
}

[data-model="checkin-card"] .container p {
	color: white;
	font-size: 16px;
	line-height: 20px;
}

[data-model="checkin-card"] .container p a {
	color: #00fffa;
	text-decoration: underline;
}

@media (max-width: 1000px) {


	[data-model="checkin-card"] .image { width: 47%; }
	[data-model="checkin-card"] .info { width: 53%; }

	[data-model="checkin-card"] .info .text { padding: 30px 40px 30px 30px; }

}

@media (max-width: 850px) {

	[data-model="checkin-card"] {
		height: initial;
		background-size: 1000px 700px;
		padding: 0 15px 30px 15px;
	}

	[data-model="checkin-card"] .card {
		height: initial;
		backdrop-filter: initial;
		border: initial;
		box-shadow: initial;
	}

	[data-model="checkin-card"] .card .image {
		position: initial;
		width: 100%;
		height: 350px;
		background-size: 380px 350px;
	}

	[data-model="checkin-card"] .card .info {
		position: initial;
		text-align: center;
		width: 100%;
		margin: -15px 0 0 0;
		padding: 0 0 10px 0;
	}

	[data-model="checkin-card"] .card .info .text {
		padding: 0 20px 15px 20px;
	}

	[data-model="checkin-card"] .card .info .text h1 a .block .a {
		font-size: 20px;
		line-height: 12px;
		margin: 0 0 5px 0;
		padding: 0 0 3px 0;
	}

	[data-model="checkin-card"] .card .info .text h1 a .block .b {
		font-size: 20px;
		line-height: 12px;
		margin: 0 0 5px 0;
		padding: 0 0 3px 0;
	}

	[data-model="checkin-card"] .card .info .text p br {
		display: none;
	}

	[data-model="checkin-card"] .container h2 {
		font-size: 22px;
		line-height: 20px;
	}

}

@media (max-width: 800px) {

	[data-model="checkin-card"] .card .info .text h1 a div.a {
		font-size: 20px;
		line-height: 20px;
	}

	[data-model="checkin-card"] .card .info .text h1 a div.b {
		font-size: 20px;
		line-height: 20px;
	}

}




















[data-model="text-cols"] {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 30px 80px 30px;
}

[data-model="text-cols"] .intro {
	text-align: center;
	margin: 0 0 20px 0;
}

[data-model="text-cols"] .intro h2 {
	font-size: 25px;
	line-height: 23px;
	font-family: Loew-Black;
	color: rgb(0, 255, 250);
	text-transform: uppercase;
	display: block;
	margin: 0 0 5px 0;
}

[data-model="text-cols"] .intro p {
	color: white;
}

[data-model="text-cols"] .cols {
	overflow: hidden;
}

[data-model="text-cols"] .cols [data-col] {
	color: white;
}

[data-model="text-cols"][data-cols="1"] .cols [data-col="a"] {
	text-align: center;
	float: none;
	width: 100%;
	padding: 0 15px 0 0;
}

[data-model="text-cols"][data-cols="2"] .cols [data-col="a"] {
	text-align: right;
	float: left;
	width: 50%;
	padding: 0 15px 0 0;
}

[data-model="text-cols"][data-cols="2"] .cols [data-col="b"] {
	text-align: left;
	float: left;
	width: 50%;
	padding: 0 0 0 15px;
}

@media (max-width: 850px) {

	[data-model="text-cols"][data-cols="2"] .cols [data-col="a"] {
		text-align: center;
		float: none;
		width: 100%;
		padding: 0 0 15px 0;
	}

	[data-model="text-cols"][data-cols="2"] .cols [data-col="b"] {
		text-align: center;
		float: none;
		width: 100%;
		padding: 0 0 0 0;
	}

}




















[data-model="info-a"] {
	max-width: 900px;
	margin: 0 auto; padding: 0 30px;
	text-align: center;
}

[data-model="info-a"] h2 {
	font-size: 25px; line-height: 22px; color: white;
	margin: 0 0 10px 0;
}

[data-model="info-a"] p {
	font-size: 16px; line-height: 20px; color: white;
}

[data-model="info-a"] p strong {
	
}

[data-model="info-a"] p a {
	color: #00fffa; text-decoration: underline;
}

[data-model="info-a"] p a:hover {
	color: white;
}

@media (max-width: 800px) {

	[data-model="info-a"] h2 { font-size: 20px; line-height: 20px; }

	[data-model="info-a"] p { font-size: 15px; line-height: 18px; }

}






























[data-model="unit-supplies"] {
	background-size: 1920px 600px;
	background-image: url(../images/apps/services_supplies_xxx/desktop-background-002.jpg);
	background-position: top;
	position: relative;
	padding: 100px 20px 0 20px;
}

[data-model="unit-supplies"] .card {
	width: 100%; max-width: 1200px; height: 500px;
	box-shadow: 0 11px 40px 15px rgba(0, 0, 0, .25);
	background-size: 1200px 500px;
	background-color: #372281;
	position: relative;
	overflow: hidden;
	margin: 0 auto 45px auto;
	border-radius: 10px;
}

[data-model="unit-supplies"] .card .portrait {
	display: none;
}

[data-model="unit-supplies"] .card .text {
	text-align: right;
	position: absolute;
	right: 90px;
	bottom: 90px;
	width: 60%;
}

[data-model="unit-supplies"] .card .text h1 {
	margin: -5px 0px 0px 5px;
}

[data-model="unit-supplies"] .card .text h1 a {
	font-size: 55px;
    line-height: 50px;
	font-family: Loew-Black;
	color: white;
	text-transform: uppercase;
	display: block;
	margin: 0 0 15px 0;
}

[data-model="unit-supplies"] .card .text h1 a:hover {
	color: #e2e2e2;
}

[data-model="unit-supplies"] .content {
	width: 100%; max-width: 1200px;
	color: white;
	margin: 0 auto 30px auto; padding: 70px 10%;
	text-align: center;
	background-color: #362180;
	border-radius: 10px;
	box-shadow: 0 11px 40px 15px rgba(0, 0, 0, .25);
}

[data-model="unit-supplies"] .content h2 {
	margin: 0 0 10px 0;
	font-size: 24px; line-height: 22px;
}

[data-model="unit-supplies"] .content p {
	
}

@media (max-width: 1000px) {

	[data-model="unit-supplies"] .card .text h1 a { font-size: 45px; line-height: 42px; }

}

@media (max-width: 850px) {

	[data-model="unit-supplies"] {
		background-image: url(../images/apps/services_supplies_xxx/mobile-background-001.jpg);
		/* background-size: 765px 450px; */
		background-size: 850px 500px;
	}

	[data-model="unit-supplies"] .card {
		background-size: contain;	
		background-position: top;
		height: initial;
		margin: 0 auto 30px auto;
	}

	[data-model="unit-supplies"] .card .portrait {
		display: block;
		width: 100%;
	}

	[data-model="unit-supplies"] .card .text {
		position: initial;
		text-align: center;
		width: 100%;
		padding: 0 30px 50px 30px;
	}

	[data-model="unit-supplies"] .card .text h1 a { font-size: 30px; line-height: 28px; }

	[data-model="unit-supplies"] .content h2 { font-size: 22px; line-height: 20px; }

}

@media (max-width: 650px) {

	[data-model="unit-supplies"] .card .text {
		padding: 0 20px 40px 20px;
	}

	[data-model="unit-supplies"] .card .text h1 a { font-size: 28px; line-height: 28px; }

}




















[data-model="unit-staff"] {
	background-size: 1920px 620px;
	background-position: top;
	position: relative;
	padding: 100px 20px 0 20px;
}

[data-model="unit-staff"] .card {
	width: 100%; max-width: 1200px; height: 550px;
	box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.5);
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	margin: 0 auto;
}

@media (max-width: 900px) {
	[data-model="unit-staff"] .card [data-arrow] { top: 195px; }
}

@media (max-width: 750px) {
	[data-model="unit-staff"] .card [data-arrow] { top: 160px; }
}

@media (max-width: 600px) {
	[data-model="unit-staff"] .card [data-arrow] { top: 110px; }
}

[data-model="unit-staff"] .card .background {
	width: 100%; height: 100%;
	background-color: #350e7e;
}

[data-model="unit-staff"] .card .info {
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	width: 58%; height: 100%;
	padding: 40px 80px 0 100px;
}

[data-model="unit-staff"] .card .info .text {
	text-align: left;
}

[data-model="unit-staff"] .card .info .text h1 {
	margin: -10px 0px 0px 5px;
}

[data-model="unit-staff"] .card .info .text h1 a {
	font-size: 42px;
	line-height: 40px;
	font-family: Loew-Black;
	color: rgb(0, 255, 250);
	text-transform: uppercase;
	display: block;
	margin: 0 0 15px 0;
}

[data-model="unit-staff"] .card .info .text h1 a:hover {
	color: white;
}

[data-model="unit-staff"] .card .info .text p {
	color: white;
	font-size: 16px;
	line-height: 19px;
	max-width: 1100px;
	margin: 0px 0px 25px;
}

@media (max-width: 1200px) {

	[data-model="unit-staff"] .card .info .text h1 a {
		font-size: 33px; line-height: 30px;
	}

}

@media (max-width: 1200px) {

	[data-model="unit-staff"] .card .info { padding: 50px 70px 0 70px; }

	[data-model="unit-staff"] .card .info .text h1 a {
		margin: 0 0 10px 0;
	}

}

@media (max-width: 950px) {

	[data-model="unit-staff"] {
		height: initial;
		background-size: 929px 300px;
		background-position: center top;
	}

	[data-model="unit-staff"] .card { height: initial; }

	[data-model="unit-staff"] .card .background { width: 100%; height: 450px; }

	[data-model="unit-staff"] .card .info {
		position: relative;
		background-color: #170931;
		display: block;
		width: 100%; height: initial;
		padding: 50px 30px;
	}

	[data-model="unit-staff"] .card .info .text { text-align: center; }

	[data-model="unit-staff"] .card .info .text h1 a {
		font-size: 30px; line-height: 28px;
	}

}

@media (max-width: 750px) {

	[data-model="unit-staff"] .card .background { height: 380px; }

}

@media (max-width: 600px) {

	[data-model="unit-staff"] .card .background { height: 260px; }

	[data-model="unit-staff"] .card .info .text h1 a { font-size: 25px; line-height: 22px; }

}




















[data-model="unit-rsvp"] {
	background-position: top;
	background-size: 1920px 520px;
}

[data-model="unit-rsvp"] .card {
	padding: 100px 0 35px 0;
}

[data-model="unit-rsvp"] .card .container {
	max-width: 970px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}

[data-model="unit-rsvp"] .card .container .portrait {
	width: 100%; height: 190px;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 0 60px 0;
	position: relative;
}

[data-model="unit-rsvp"] .card .container .portrait [data-arrow] {
	position: absolute;
	width: 24px; height: 45px;
	border-radius: 50px;
	/* border: 2px solid white; */
	background-color: rgba(255,255,255,.35);
	cursor: pointer;
	opacity: .25;
	transition: all .25s ease-in-out;
	top: 75px;
	z-index: 20;
	background-image: url(../images/arrows-001.png);
}

[data-model="unit-rsvp"] .card .container .portrait [data-arrow]:hover {
	opacity: 1;
}

[data-model="unit-rsvp"] .card .container .portrait [data-arrow="back"] { background-position: 1px 0; left: 15px; }
[data-model="unit-rsvp"] .card .container .portrait [data-arrow="next"] { background-position: -17px 0; right: 15px; }

[data-model="unit-rsvp"] .card .container .text {
	text-align: center;
}

[data-model="unit-rsvp"] .card .container .text h1 {
	display: block;
	margin: 0 0 10px 0;
}

[data-model="unit-rsvp"] .card .container .text h1 a {
	font-size: 45px;
	line-height: 40px;
	font-family: Loew-Black;
	color: rgb(0, 255, 250);
	text-transform: uppercase;
	display: block;
}

[data-model="unit-rsvp"] .card .container .text h2 {
	color: white;
	font-size: 20px;
	line-height: 20px;
}

@media (max-width: 1000px) {


	[data-model="unit-rsvp"] .card .container .portrait {
		height: 175px;
		margin: 0 0 50px 0;
	}

	[data-model="unit-rsvp"] .card .container .portrait [data-arrow] {
		top: 67px;
	}

	[data-model="unit-rsvp"] .card .container .text h1 a {
		font-size: 30px;
		line-height: 28px;
	}

}

[data-model="unit-rsvp"] .extends {
	padding: 0 0 30px 0;
}

[data-model="unit-rsvp"] .extends .container {
	max-width: 970px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	overflow: hidden;
}

[data-model="unit-rsvp"] .extends [data-block] {
	color: white;
	width: 50%;
	float: left;
	font-size: 15px;
}

[data-model="unit-rsvp"] .extends [data-block="a"] {
	text-align: right;
	padding: 0 20px 0 0;
}

[data-model="unit-rsvp"] .extends [data-block="b"] {
	text-align: left;
	padding: 0 0 0 20px;
}



@media (max-width: 1000px) {


	[data-model="unit-rsvp"] .extends [data-block="a"] {
		padding: 0 10px 0 10px;
	}

	[data-model="unit-rsvp"] .extends [data-block="b"] {
		padding: 0 10px 0 10px;
	}

}

@media (max-width: 800px) {


	[data-model="unit-rsvp"] { background-size: 820px 650px; }

	[data-model="unit-rsvp"] .card { padding: 200px 0 35px 0; }

}

@media (max-width: 700px) {


	[data-model="unit-rsvp"] .extends [data-block] {
		float: none;
		width: 100%;
		text-align: center;
	}

	[data-model="unit-rsvp"] .extends [data-block="a"] {
		margin: 0 0 15px 0;
	}

}




















[data-model="unit-accesscontrol"] {
	background-position: top;
	background-size: 1920px 520px;
}

[data-model="unit-accesscontrol"] .card {
	padding: 100px 0 35px 0;
}

[data-model="unit-accesscontrol"] .card .container {
	max-width: 970px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}

[data-model="unit-accesscontrol"] .card .container .portrait {
	width: 100%; height: 190px;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 0 60px 0;
	position: relative;
}

[data-model="unit-accesscontrol"] .card .container .portrait [data-arrow] {
	position: absolute;
	width: 24px; height: 45px;
	border-radius: 50px;
	/* border: 2px solid white; */
	background-color: rgba(255,255,255,.35);
	cursor: pointer;
	opacity: .25;
	transition: all .25s ease-in-out;
	top: 75px;
	z-index: 20;
	background-image: url(../images/arrows-001.png);
	display: none;
}

[data-model="unit-accesscontrol"] .card .container .portrait [data-arrow]:hover {
	opacity: 1;
}

[data-model="unit-accesscontrol"] .card .container .portrait [data-arrow="back"] { background-position: 1px 0; left: 15px; }
[data-model="unit-accesscontrol"] .card .container .portrait [data-arrow="next"] { background-position: -17px 0; right: 15px; }

[data-model="unit-accesscontrol"] .card .container .text {
	text-align: center;
}

[data-model="unit-accesscontrol"] .card .container .text h1 {
	display: block;
}

[data-model="unit-accesscontrol"] .card .container .text h1 a {
	font-size: 45px;
	line-height: 40px;
	font-family: Loew-Black;
	color: rgb(0, 255, 250);
	text-transform: uppercase;
}

[data-model="unit-accesscontrol"] .card .container .text h2 {
	color: white;
	font-size: 20px;
	line-height: 20px;
}

@media (max-width: 1000px) {


	[data-model="unit-accesscontrol"] .card .container .portrait {
		height: 175px;
		margin: 0 0 50px 0;
	}

	[data-model="unit-accesscontrol"] .card .container .portrait [data-arrow] {
		top: 67px;
	}

	[data-model="unit-accesscontrol"] .card .container .text h1 a {
		font-size: 30px;
		line-height: 28px;
	}

}

[data-model="unit-accesscontrol"] .extends {
	padding: 0 0 30px 0;
}

[data-model="unit-accesscontrol"] .extends .container {
	max-width: 970px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
	overflow: hidden;
}

[data-model="unit-accesscontrol"] .extends [data-block] {
	color: white;
	width: 50%;
	float: left;
	font-size: 15px;
}

[data-model="unit-accesscontrol"] .extends [data-block="a"] {
	text-align: right;
	padding: 0 20px 0 0;
}

[data-model="unit-accesscontrol"] .extends [data-block="b"] {
	text-align: left;
	padding: 0 0 0 20px;
}

[data-model="unit-accesscontrol"] .extends [data-block] a {
	color: orange;
	text-decoration: underline;
}

@media (max-width: 1000px) {


	[data-model="unit-accesscontrol"] .extends [data-block="a"] {
		padding: 0 10px 0 10px;
	}

	[data-model="unit-accesscontrol"] .extends [data-block="b"] {
		padding: 0 10px 0 10px;
	}

}

@media (max-width: 800px) {


	[data-model="unit-accesscontrol"] { background-size: 820px 650px; }

	[data-model="unit-accesscontrol"] .card { padding: 200px 0 35px 0; }

}

@media (max-width: 700px) {


	[data-model="unit-accesscontrol"] .extends [data-block] {
		float: none;
		width: 100%;
		text-align: center;
	}

	[data-model="unit-accesscontrol"] .extends [data-block="a"] {
		margin: 0 0 15px 0;
	}

}




















[data-model="unit-leadinfo"] {
	background-position: top;
	background-size: 1920px 520px;
}

[data-model="unit-leadinfo"] .card {
	padding: 100px 0 35px 0;
}

[data-model="unit-leadinfo"] .card .container {
	max-width: 970px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}

[data-model="unit-leadinfo"] .card .container .portrait {
	width: 100%; height: 190px;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 0 60px 0;
	position: relative;
}

[data-model="unit-leadinfo"] .card .container .portrait [data-arrow] {
	position: absolute;
	width: 24px; height: 45px;
	border-radius: 50px;
	/* border: 2px solid white; */
	background-color: rgba(255,255,255,.35);
	cursor: pointer;
	opacity: .25;
	transition: all .25s ease-in-out;
	top: 75px;
	z-index: 20;
	background-image: url(../images/arrows-001.png);
	display: none;
}

[data-model="unit-leadinfo"] .card .container .portrait [data-arrow]:hover {
	opacity: 1;
}

[data-model="unit-leadinfo"] .card .container .portrait [data-arrow="back"] { background-position: 1px 0; left: 15px; }
[data-model="unit-leadinfo"] .card .container .portrait [data-arrow="next"] { background-position: -17px 0; right: 15px; }

[data-model="unit-leadinfo"] .card .container .text {
	text-align: center;
}

[data-model="unit-leadinfo"] .card .container .text h1 {
	display: block;
	margin: 0 0 10px 0;
}

[data-model="unit-leadinfo"] .card .container .text h1 a {
	font-size: 45px;
	line-height: 40px;
	font-family: Loew-Black;
	color: rgb(0, 255, 250);
	text-transform: uppercase;
	display: block;
}

[data-model="unit-leadinfo"] .card .container .text h2 {
	color: white;
	font-size: 20px;
	line-height: 20px;
}

@media (max-width: 1000px) {


	[data-model="unit-leadinfo"] .card .container .portrait {
		height: 175px;
		margin: 0 0 50px 0;
	}

	[data-model="unit-leadinfo"] .card .container .portrait [data-arrow] {
		top: 67px;
	}

	[data-model="unit-leadinfo"] .card .container .text h1 a {
		font-size: 30px;
		line-height: 28px;
	}

}

[data-model="unit-leadinfo"] .extends {
	padding: 0 0 30px 0;
}

[data-model="unit-leadinfo"] .extends .container {
	max-width: 970px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    overflow: hidden;
}

[data-model="unit-leadinfo"] .extends [data-block] {
	color: white;
	width: 80%;
	margin: 0 auto;
	font-size: 15px;
}

[data-model="unit-leadinfo"] .extends [data-block="a"] {
	text-align: center;
}

[data-model="unit-leadinfo"] .extends [data-block] a {
	color: orange;
	text-decoration: underline;
}

@media (max-width: 1000px) {


	[data-model="unit-leadinfo"] .extends [data-block="a"] {
		padding: 0 10px 0 10px;
	}

	[data-model="unit-leadinfo"] .extends [data-block="b"] {
		padding: 0 10px 0 10px;
	}

}

@media (max-width: 800px) {


	[data-model="unit-leadinfo"] { background-size: 820px 650px; }

	[data-model="unit-leadinfo"] .card { padding: 200px 0 35px 0; }

}

@media (max-width: 700px) {


	[data-model="unit-leadinfo"] .extends [data-block] {
		float: none;
		width: 100%;
		text-align: center;
	}

	[data-model="unit-leadinfo"] .extends [data-block="a"] {
		margin: 0 0 15px 0;
	}

}




















[data-model="unit-management"] {
	background-position: top;
	background-size: 1920px 520px;
}

[data-model="unit-management"] .card {
	padding: 100px 0 35px 0;
}

[data-model="unit-management"] .card .container {
	max-width: 970px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}

[data-model="unit-management"] .card .container .portrait {
	width: 100%; height: 190px;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 0 60px 0;
	position: relative;
}

[data-model="unit-management"] .card .container .portrait [data-arrow] {
	position: absolute;
	width: 24px; height: 45px;
	border-radius: 50px;
	/* border: 2px solid white; */
	background-color: rgba(255,255,255,.35);
	cursor: pointer;
	opacity: .25;
	transition: all .25s ease-in-out;
	top: 75px;
	z-index: 20;
	background-image: url(../images/arrows-001.png);
	display: none;
}

[data-model="unit-management"] .card .container .portrait [data-arrow]:hover {
	opacity: 1;
}

[data-model="unit-management"] .card .container .portrait [data-arrow="back"] { background-position: 1px 0; left: 15px; }
[data-model="unit-management"] .card .container .portrait [data-arrow="next"] { background-position: -17px 0; right: 15px; }

[data-model="unit-management"] .card .container .text {
	text-align: center;
}

[data-model="unit-management"] .card .container .text h1 {
	display: block;
	margin: 0 0 10px 0;
}

[data-model="unit-management"] .card .container .text h1 a {
	font-size: 45px;
	line-height: 40px;
	font-family: Loew-Black;
	color: rgb(0, 255, 250);
	text-transform: uppercase;
	display: block;
}

[data-model="unit-management"] .card .container .text h2 {
	color: white;
	font-size: 20px;
	line-height: 20px;
}

@media (max-width: 1000px) {


	[data-model="unit-management"] .card .container .portrait {
		height: 175px;
		margin: 0 0 50px 0;
	}

	[data-model="unit-management"] .card .container .portrait [data-arrow] {
		top: 67px;
	}

	[data-model="unit-management"] .card .container .text h1 a {
		font-size: 30px;
		line-height: 28px;
	}

}

[data-model="unit-management"] .extends {
	padding: 0 0 30px 0;
}

[data-model="unit-management"] .extends .container {
	max-width: 970px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    overflow: hidden;
}

[data-model="unit-management"] .extends [data-block] {
	color: white;
	width: 80%;
	margin: 0 auto;
	font-size: 15px;
}

[data-model="unit-management"] .extends [data-block="a"] {
	text-align: center;
}

[data-model="unit-management"] .extends [data-block] a {
	color: orange;
	text-decoration: underline;
}

@media (max-width: 1000px) {


	[data-model="unit-management"] .extends [data-block="a"] {
		padding: 0 10px 0 10px;
	}

	[data-model="unit-management"] .extends [data-block="b"] {
		padding: 0 10px 0 10px;
	}

}

@media (max-width: 800px) {


	[data-model="unit-management"] { background-size: 820px 650px; }

	[data-model="unit-management"] .card { padding: 200px 0 35px 0; }

}

@media (max-width: 700px) {


	[data-model="unit-management"] .extends [data-block] {
		float: none;
		width: 100%;
		text-align: center;
	}

	[data-model="unit-management"] .extends [data-block="a"] {
		margin: 0 0 15px 0;
	}

}




















[data-model="unit-systems"] {
	background-size: 1920px 700px;
	min-height: 700px;
	padding: 100px 20px 0 20px;
	background-position: top;
	position: relative;
}

[data-model="unit-systems"] [data-ui] {
	position: absolute;
	border-radius: 100px;
	width: 54px;
	height: 54px;
	background-color: rgba(255, 255, 255, .05);
	background-image: url(../images/arrows-003.png);
	top: 250px;
	transition: all .25s ease-in-out;
}

[data-model="unit-systems"] [data-ui]:hover {
	background-color: rgba(255, 255, 255, .15);
}

[data-model="unit-systems"] [data-ui="back"] {
	background-position: 0 0;
	left: 40px;
}

[data-model="unit-systems"] [data-ui="next"] {
	background-position: -54px 0;
	right: 40px;
}

[data-model="unit-systems"] .card {
	width: 100%;
	max-width: 1000px;
	height: 380px;
	margin: 0 auto 30px auto;
	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	overflow: hidden;
	background-color: rgba(0,0,0,.9);
}

[data-model="unit-systems"] .text {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 15px 30px 15px;
	text-align: center;
	position: relative;
}

[data-model="unit-systems"] .text small {
	margin: 0 0 5px 0; padding: 0 10px 0 30px;
	display: inline-block;
	font-size: 13px; color: white; text-transform: uppercase;
	background-color: rgba(0, 0, 0, .5);
	border-radius: 30px;
	width: fit-content; height: 25px; line-height: 25px;
	position: relative;
	z-index: 1;
}

[data-model="unit-systems"] .text small s {
	position: absolute;
	width: 15px; height: 15px;
	border-radius: 50px; border: 2px solid white;
	top: 5px; left: 7px;
}

[data-model="unit-systems"] .text small a {
	color: white;
}

[data-model="unit-systems"] .text small a:hover {
	color: #ffe500;
	text-decoration: underline;
}

[data-model="unit-systems"] .text h1 {
	margin: 0px 0px 5px;
}

[data-model="unit-systems"] .text h1 a {
	font-size: 38px;
	line-height: 36px;
	font-family: Loew-Black;
	color: rgb(0, 255, 250);
	text-transform: uppercase;
	display: block;
	margin: 0 0 15px 0;
}

[data-model="unit-systems"] .text h1 a:hover {
	color: white;
}

[data-model="unit-systems"] .text p {
	color: white;
	font-size: 16px;
	line-height: 19px;
	max-width: 1100px;
}

[data-model="unit-systems"] .text nav {
	position: initial;
	top: initial;
	width: initial;
	height: initial;
	z-index: 100;
	background: none;
}






@media (max-width: 1000px) {

	[data-model="unit-systems"] .card {
		height: 260px;
	}

}






@media (max-width: 700px) {

	[data-model="unit-systems"] {
		background-size: 1920px 600px;
		min-height: 600px;
	}

	[data-model="unit-systems"] .card {
		height: 200px;
	}

	[data-model="unit-systems"] .text h1 a {
		font-size: 30px;
		line-height: 28px;
	}

}


















[data-model="related"] {
	border: 0 solid transparent;
}

[data-model="related"] .related-container {
	padding: 100px 0 70px 0;
	border-radius: 5px;
}

[data-model="related"] .related-container .related-wide {
	max-width: 1100px;
	margin: 0 auto; padding: 0 20px;
	overflow: hidden;
}

[data-model="related"] .related-container .related-wide .sidebar {
	margin: 0 0 45px 0;
	text-align: center;
}

[data-model="related"] .related-container .related-wide .sidebar span {
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
}

[data-model="related"] .related-container .related-wide .posts {
	
}

[data-model="related"] .related-container .related-wide .posts a {
	padding: 10px 30px 10px 330px;
	display: block;
	overflow: hidden;
	position: relative;
	min-height: 180px;
	border-radius: 10px;
	transition: background-color .25s ease-in-out;
}

[data-model="related"] .related-container .related-wide .posts a:hover {
	background-color: rgba(0,0,0,.2);
}

[data-model="related"] .related-container .related-wide .posts a .portrait {
	width: 285px;
	height: 150px;
	/* background-color: rgba(0, 0, 0, .2); */
	border-radius: 5px;
	position: absolute;
	top: 15px;
	left: 15px;
	overflow: hidden;
}

[data-model="related"] .related-container .related-wide .posts a .portrait img {
	height: 150px;
    position: absolute;
    top: 0;
    left: 0;
}

[data-model="related"] .related-container .related-wide .posts a .text {
	padding: 10px 0 0 0;
}

[data-model="related"] .related-container .related-wide .posts a .text small {
	color: white;
	background-color: rgba(255, 255, 255, .1);
	text-transform: uppercase;
	margin: 0 0 5px 0;
	padding: 2px 10px;
	display: block;
	border-radius: 20px;
	width: fit-content;
	font-size: 12px;
}

[data-model="related"] .related-container .related-wide .posts a .text h4 {
	color: #00fffa;
    font-family: 'Loew-Black';
    text-transform: uppercase;
    font-size: 22px; line-height: 20px;
    margin: 0 0 10px 0;
}

[data-model="related"] .related-container .related-wide .posts a .text p {
	color: white;
    font-size: 15px;
}

[data-model="related"] .related-container .related-wide .posts .sep {
	border-bottom: 1px solid rgba(255, 255, 255, .05);
	margin: 20px 0;
}

[data-model="related"] .related-container .related-wide .posts .sep:nth-child(6) {
	border-bottom: none;
}









@media (max-width: 1150px) {

	[data-model="related"] .related-container {
		padding: 40px 0 20px 0;
	}

	[data-model="related"] .related-container .related-wide .sidebar {
		float: none;
		width: 100%;
		text-align: center;
		padding: 10px;
		background-color: rgba(255, 255, 255, .025);
		margin: 0 0 30px 0;
		border-radius: 8px;
	}

	[data-model="related"] .related-container .related-wide .sidebar span { font-size: 18px; }

	[data-model="related"] .related-container .related-wide .posts { float: none; width: 100%; }

}

@media (max-width: 750px) {

	[data-model="related"] {
    	border: 20px solid transparent;
    }

	[data-model="related"] .related-container .related-wide .posts a { margin: 0 0 50px 0; padding: 0; border-radius: initial; }
	[data-model="related"] .related-container .related-wide .posts a:hover { background-color: initial; }
	[data-model="related"] .related-container .related-wide .posts a .portrait { position: initial; width: 100%; height: fit-content; border-radius: initial; }
	[data-model="related"] .related-container .related-wide .posts a .portrait img { position: initial; height: initial; width: 100%; border-radius: 8px; }
	[data-model="related"] .related-container .related-wide .posts a .text h4 { font-size: 23px; }

}




















[data-component="nav-a"] {
	position: initial;
	top: initial;
	width: initial; height: initial;
	z-index: 100;
	background: none;
}

[data-component="nav-a"] a {
	background-color: rgba(255, 255, 255, .2);
	background-image: url(../images/arrows-002.png);
	display: inline-block;
	width: 45px; height: 24px;
	border-radius: 100px;
	margin: 0 5px 0 0;
	opacity: .65;
	transition: all .25s ease-in-out;
}

[data-component="nav-a"] a:hover {
	opacity: 1;
}

[data-component="nav-a"] a:nth-child(1) {
	background-position: 0 0;
}

[data-component="nav-a"] a:nth-child(2) {
	background-position: 0 -24px;
}




















[data-model="unit-nav"] {
	padding: 50px 20px 10px 20px;
}

[data-model="unit-nav"] .title {
	text-align: center;
    color: white;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    display: none;
}

[data-model="unit-nav"] .container {
	overflow: hidden;
	width: 100%; max-width: 700px;
	margin: 0 auto;
}

[data-model="unit-nav"] .container [data-nav] {
	float: left;
    width: 50%;
    border: 5px solid transparent;
}

[data-model="unit-nav"] .container [data-nav="prev"] {
	text-align: left;
}

[data-model="unit-nav"] .container [data-nav="next"] {
	text-align: right;
}

[data-model="unit-nav"] .container [data-nav] .air {
	color: white;
	background-color: rgba(0, 0, 0, .2);
	border-radius: 100px;
	/* padding: 30px; */
	display: flex;
	align-items: center;
	transition: background-color .25s ease-in-out;
	position: relative;
	overflow: hidden;
	background-size: 70px 70px;
	height: 70px;
	transition: padding .35s ease-in-out;
}

[data-model="unit-nav"] .container [data-nav="prev"] .air {
	padding: 30px 30px 30px 80px;
	justify-content: right;
}

[data-model="unit-nav"] .container [data-nav="prev"] .air:hover {
	padding: 30px 35px 30px 80px;
}

[data-model="unit-nav"] .container [data-nav="next"] .air {
	padding: 30px 80px 30px 30px;
	justify-content: left;
}

[data-model="unit-nav"] .container [data-nav="next"] .air:hover {
	padding: 30px 80px 30px 35px;
}

[data-model="unit-nav"] .container [data-nav] .air p {
	position: absolute;
	top: 0;
	width: 70px; height: 70px;
	z-index: 3;
}

[data-model="unit-nav"] .container [data-nav="prev"] .air p {
	left: 0;
	background-image: url(../images/arrows-004-prev.png);
}

[data-model="unit-nav"] .container [data-nav="next"] .air p {
	right: 0;
	background-image: url(../images/arrows-004-next.png);
}

[data-model="unit-nav"] .container [data-nav] .air .portrait img {
	width: 190px;
}

[data-model="unit-nav"] .container [data-nav] .air .text {
	position: relative;
	z-index: 2;
}

[data-model="unit-nav"] .container [data-nav] .air .text small {
	display: none;
}

[data-model="unit-nav"] .container [data-nav] .air .text h4 {
	font-size: 16px;
	line-height: 14px;
}

[data-model="unit-nav"] .container [data-nav] .air .background {
	position: absolute;
	z-index: 1;
	background-color: rgba(0, 0, 0, .15);
	/* border-radius: 100px; */
	height: 100%;
	top: 0;
	transition: width .35s ease-in-out;
}

[data-model="unit-nav"] .container [data-nav="prev"] .air .background { right: 0; width: 0%; }
/* [data-model="unit-nav"] .container [data-nav="prev"]:hover .air { padding: 30px 30px 30px 65px; } */
[data-model="unit-nav"] .container [data-nav="prev"]:hover .air .background { width: 100%; }

[data-model="unit-nav"] .container [data-nav="next"] .air .background { left: 0; width: 0%; }
/* [data-model="unit-nav"] .container [data-nav="next"]:hover .air { padding: 30px 65px 30px 30px; } */
[data-model="unit-nav"] .container [data-nav="next"]:hover .air .background { width: 100%; }

@media (max-width: 600px) {

	[data-model="unit-nav"] .container [data-nav] { float: none; width: 100%; }

	[data-model="unit-nav"] .container [data-nav="prev"] .air { padding: 30px; justify-content: center; }
	[data-model="unit-nav"] .container [data-nav="next"] .air { padding: 30px; justify-content: center; }

	[data-model="unit-nav"] .container [data-nav="prev"] .air:hover { padding: 30px; }
	[data-model="unit-nav"] .container [data-nav="next"] .air:hover { padding: 30px; }

}

@media (max-width: 500px) {

	[data-model="unit-nav"] .container [data-nav] { text-align: center; }
	[data-model="unit-nav"] .container [data-nav] .air { padding: 30px; }
	[data-model="unit-nav"] .container [data-nav] .air:hover { padding: 30px; }

}




















[data-model="ultranav"] {
	position: absolute;
	width: 160px;
	height: 140px;
	top: 25vh;
	z-index: 50;
	backdrop-filter: blur(40px);
	box-shadow: 0 11px 40px 15px rgba(0, 0, 0, .15);
	overflow: hidden;
	transition: all .25s ease-in-out;
	background-color: rgba(255, 255, 255, .025);
}

[data-model="ultranav"][data-direction="prev"] {
	left: -5px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

[data-model="ultranav"][data-direction="prev"]:hover {
	left: 0;
	background-color: rgba(255, 255, 255, .045);
}

[data-model="ultranav"][data-direction="next"] {
	right: -5px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

[data-model="ultranav"][data-direction="next"]:hover {
	right: 0;
	background-color: rgba(255, 255, 255, .045);
}

[data-model="ultranav"] .pic {
	overflow: hidden;
	height: 85px;
}

[data-model="ultranav"] .pic img {
	width: 160px;
    /* margin: 0 0 0 -20px; */
    /* margin: -5px 0 0 0; */
    display: block;
    opacity: .85;
}

[data-model="ultranav"] .label {
	color: white;
	font-size: 12px;
	line-height: 12px;
	width: 100%;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 20px;
	text-transform: uppercase;
	font-weight: 700;
}

[data-model="ultranav"][data-direction="prev"] .label {
	/* text-align: left; */
	/* padding: 10px 10px 10px 20px; */
}

[data-model="ultranav"][data-direction="next"] .label {
	/* text-align: right; */
	/* padding: 10px 20px 10px 10px; */
}




















[data-model="boxes"] {
	
}







[data-model="boxes"] .app-content {
	padding: 0 10px;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}





[data-model="boxes"] .app-content .intro {
	margin: 0 auto 30px auto;
    max-width: 60%;
}

[data-model="boxes"] .app-content .intro h2 {
	color: white;
	font-size: 24px;
	line-height: 20px;
	margin: 0 0 5px 0;
}

[data-model="boxes"] .app-content .intro p {
	color: white;
}

@media (max-width: 850px) {

	[data-model="boxes"] .app-content .intro { max-width: 100%; }

	[data-model="boxes"] .app-content .intro h2 { font-size: 20px; line-height: 18px; }

	[data-model="boxes"] .app-content .intro p { font-size: 15px; }

}






[data-model="boxes"] .app-content .boxes {
	overflow: hidden;
}

[data-model="boxes"] .app-content .boxes .container {
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
}

[data-model="boxes"] .app-content .boxes .container [data-box] {
	height: 240px;
	float: left;
	border: 10px solid transparent;
	position: relative;
}

[data-model="boxes"] .app-content .boxes .container [data-box] p {
	background-color: rgba(0, 0, 0, .1);
	position: absolute;
	z-index: 1;
	width: 100%; height: 100%;
	border-radius: 10px;
	overflow: hidden;
	border: 5px solid #2d0a6e;
	transition: all .25s ease-in-out;
}

[data-model="boxes"] .app-content .boxes .container [data-box] p:hover {
	border: 5px solid white;
}

/*
[data-model="boxes"] .app-content .boxes .container [data-box] h3 {
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: white;
	font-weight: 700;
	z-index: 2;
}
*/

/*

[data-model="boxes"] .app-content .boxes .container [data-box] h3 {
	position: absolute;
	right: 3px; bottom: 3px; left: 3px; 
	font-size: 16px; font-weight: 700; color: white; text-align: center; line-height: 18px;
	z-index: 2;
	padding: 12px 15px;
	backdrop-filter: blur(30px);
	border-radius: 8px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	display: block;
	overflow: hidden;
}

*/

[data-model="boxes"] .app-content .boxes .container [data-box] h3 {
	position: absolute;
	bottom: 12px; left: 12px; 
	font-size: 16px; font-weight: 700; color: white; text-align: center; line-height: 18px;
	z-index: 2;
	padding: 12px 15px;
	backdrop-filter: blur(30px);
	border-radius: 8px;
	display: block;
	overflow: hidden;
	background-color: rgba(255, 255, 255, .05);
}

@media (max-width: 1000px) {

	[data-model="boxes"] .app-content .boxes .container [data-box] { height: 220px; }

}

@media (max-width: 600px) {

	[data-model="boxes"] .app-content .boxes .container [data-box] { height: 240px; }

	[data-model="boxes"] .app-content .boxes .container [data-box] h3 { font-size: 15px; }

}