@-webkit-keyframes loading {
	from {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	to {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@-moz-keyframes loading {
	from {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	to {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@-ms-keyframes loading {
	from {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	to {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes loading {
	from {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	to {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@-webkit-keyframes spinner {
	from {
		-webkit-transform:rotateY(0deg);
		-moz-transform:rotateY(0deg);
		-ms-transform:rotateY(0deg);
		-o-transform:rotateY(0deg);
		transform:rotateY(0deg)
	}
	to {
		-webkit-transform:rotateY(360deg);
		-moz-transform:rotateY(360deg);
		-ms-transform:rotateY(360deg);
		-o-transform:rotateY(360deg);
		transform:rotateY(360deg)
	}
}
@-moz-keyframes spinner {
	from {
		-webkit-transform:rotateY(0deg);
		-moz-transform:rotateY(0deg);
		-ms-transform:rotateY(0deg);
		-o-transform:rotateY(0deg);
		transform:rotateY(0deg)
	}
	to {
		-webkit-transform:rotateY(360deg);
		-moz-transform:rotateY(360deg);
		-ms-transform:rotateY(360deg);
		-o-transform:rotateY(360deg);
		transform:rotateY(360deg)
	}
}
@-ms-keyframes spinner {
	from {
		-webkit-transform:rotateY(0deg);
		-moz-transform:rotateY(0deg);
		-ms-transform:rotateY(0deg);
		-o-transform:rotateY(0deg);
		transform:rotateY(0deg)
	}
	to {
		-webkit-transform:rotateY(360deg);
		-moz-transform:rotateY(360deg);
		-ms-transform:rotateY(360deg);
		-o-transform:rotateY(360deg);
		transform:rotateY(360deg)
	}
}
@keyframes spinner {
	from {
		-webkit-transform:rotateY(0deg);
		-moz-transform:rotateY(0deg);
		-ms-transform:rotateY(0deg);
		-o-transform:rotateY(0deg);
		transform:rotateY(0deg)
	}
	to {
		-webkit-transform:rotateY(360deg);
		-moz-transform:rotateY(360deg);
		-ms-transform:rotateY(360deg);
		-o-transform:rotateY(360deg);
		transform:rotateY(360deg)
	}
}
html {
	box-sizing:border-box
}
*,*::after,*::before {
	box-sizing:inherit
}
body {
	font:1em "Lato",sans-serif;
	line-height:1.618em;
	font-weight:300
}
@media screen and (max-width:760px) {
body.en-css {
	background-image: linear-gradient(#17191cf5, #17191cf5), url(img/grain-overlay.gif);
	background-image: linear-gradient(#1a1a1bf5, #1a1a1bf5), url(img/grain-overlay.gif);
    background-position: 0 0, 0 0;
    background-size: auto, auto;
}
body.kr-css {
	background-image: linear-gradient(#17191cf5, #17191cf5), url(img/grain-overlay.gif);
	background-image: linear-gradient(#1a1a1bf5, #1a1a1bf5), url(img/grain-overlay.gif);
    background-position: 0 0, 0 0;
    background-size: auto, auto;
}
body.cn-css {
	background-image: linear-gradient(#17191cf5, #17191cf5), url(img/grain-overlay.gif);
	background-image: linear-gradient(#1a1a1bf5, #1a1a1bf5), url(img/grain-overlay.gif);
    background-position: 0 0, 0 0;
    background-size: auto, auto;
}
}
body.main-body {
	background: #fff;
}
* {
	margin:0;
	padding:0;
	outline:none;
	-webkit-tap-highlight-color:rgba(201,224,253,0)
}
ul,ol {
	list-style:none
}
html section ul,html section ol {
	margin-bottom:20px
}
ul li img,ol li img {
	width:100%;
	height:auto
}
button:focus {
	outline:0
}
body {
	width:100%;
	position:relative;
	overflow-x:hidden;
	background-image: linear-gradient(#17191cf5, #17191cf5), url(img/grain-overlay.gif);
	background-image: linear-gradient(#0c0c0cf5, #0c0c0cf5), url(img/grain-overlay.gif);
    background-position: 0 0, 0 0;
    background-size: auto, auto;
}
p {
	margin-bottom:20px;
}
h2 {
	font-family:"Oswald";
	font-weight:400;
	text-transform:uppercase;
	font-size:2rem;
	margin:0 0 30px 0;
	letter-spacing:0.1em;
	line-height:1.1;
	font-weight:400;
	margin:15px 0;
	letter-spacing:0;
	font-size:1.3rem;
}
@media screen and (min-width:760px) {
	html .tab-content h2 {
		display:none;
	}
}
#clients h2 {
	font-weight:400;
	margin-left:7%;
}
@media screen and (min-width:760px) {
	#clients h2 {
		font-size:1.75rem;
		margin:0 0 30px;
		text-align:center;
	}
}
h3 {
	padding-left:40px;
	padding-right:40px;
}
.wrapper {
	position:relative;
	width:100%;
	overflow-x:hidden;
	float:left;
}
.wrapper>header {
	position:absolute;
	z-index:3;
	top:100vh;
	left:100%;
	width:100%;
	text-align:right;
	padding:0;
	background-color:#fff;
	background-color:#000;
}
html body.policy .wrapper>header {
	position:fixed;
	top:0
}
@media screen and (min-width:760px) {
	.wrapper>header {
		height:100px;
		left:0;
		padding-left:40px;
		padding-right:40px;
		overflow:hidden
	}
}
.wrapper>header>div {
	padding:15px 7%;
	position:relative;
	z-index:2;
	top:0;
	left:100%;
	width:100%;
	height:53px;
	background-color:#fff;
	background-color:#000;
}
@media screen and (min-width:760px) {
	.wrapper>header>div {
		height:100px;
		width:200%;
	}
}
.wrapper>header button:focus {
	background-color:transparent;
}
.wrapper>header nav {
	display:block;
	position:absolute;
	z-index:1;
	top:42px;
	right:0;
	padding:3.5% 7%;
	background-color:#fff;
	width:auto;
	height:100vh;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
@media screen and (min-width:760px) {
	.wrapper>header nav {
		background-color:transparent;
		padding:0;
		height:auto;
		z-index:0;
	}
}
.wrapper>header nav ul {
	position:relative;
}
.wrapper>header nav ul li {
	position:relative;
	left:0;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	margin:30px 0;
	letter-spacing:0.05rem
}
.wrapper>header nav ul li.motion {
	left:0;
}
.wrapper>header nav ul li a {
	font-size:1.2rem;
}
.wrapper>header nav ul li a:hover {
	text-shadow: .5px 0px 0px currentColor;
}
@media screen and (min-width:760px) {
	.wrapper>header nav ul li a {
		font-size:1rem;
		color: #fff;
	}
}
.wrapper>header nav ul li a.active {
	font-weight:400;
	font-weight:600;
}
@media screen and (min-width:760px) {
	.wrapper>header nav ul li {
		width:auto;
		float:left;
		margin-top:8px;
		margin-left:42px;
		margin-bottom:4px;
	}
	.wrapper>header nav ul li:last-child {
		display:none;
	}
}
.wrapper>header.fixedMenu {
	position:fixed;
	top:0 !important;
}
@media screen and (min-width:760px) {
	.wrapper>header.fixedMenu nav {
		margin-left:-160px;
	}
}
@media screen and (min-width:1024px) {
	.wrapper>header.fixedMenu {
		max-width:1400px;
		left:0% !important;
		margin-left:0px;
	}
}
@media screen and (min-width:1400px) {
	.wrapper>header.fixedMenu {
		max-width:1400px;
		left:50% !important;
		margin-left:-700px;
	}
}
.wrapper>header #logo {
	position:relative;
	right:0;
	width:100px;
	height:20px;
	float:right;
	overflow:hidden;
	text-indent:9999px;
	cursor:pointer;
	margin-right:40px;
	background-image:url(img/tangento-blk-ed.svg);
	background-image:url(img/tangento-wit-ed.svg);
	background-repeat:no-repeat;
	background-position:center bottom;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out
}
html body.open-menu .wrapper>header #logo {
	right:55%;
	margin-right:-70px;
	background:url('img/tangento-blk-ed.svg') no-repeat;
	background:url('img/tangento-wit-ed.svg') no-repeat;
}
@media screen and (min-width:760px) {
	html body.open-menu .wrapper>header #logo {
		right:0;
		margin-right:0;
	}
}
@media screen and (min-width:760px) {
	.wrapper>header #logo {
		margin-right:0;
		position:absolute;
		right:0
	}
}
@media screen and (min-width:1024px) {
	.wrapper>header #logo {
		width:130px;
		height:30px;
		background:url('img/tangento-blk-ed.svg') no-repeat;
		background:url('img/tangento-wit-ed.svg') no-repeat;
	}
}
.wrapper>header .c-hamburger {
	display:block;
	position:absolute;
	bottom:25px;
	right:5%;
	overflow:hidden;
	margin:0;
	padding:0;
	width:35px;
	height:22px;
	font-size:0;
	text-indent:-9999px;
	box-shadow:none;
	border-radius:none;
	border:none;
	cursor:pointer;
	transition:background 0.3s;
	background-color:#fff;
	background: transparent;
}
.wrapper>header .c-hamburger:focus {
	outline:none
}
@media screen and (min-width:760px) {
	.wrapper>header .c-hamburger {
		right:0
	}
}

@media screen and (max-width:760px) {

	.wrapper {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    float: left;
	}
}


.wrapper>header .c-hamburger span {
	display:block;
	position:absolute;
	top:11px;
	left:0px;
	right:0px;
	height:2px;
	background:black;
	background:#fff
}
.wrapper>header .c-hamburger span::before,.wrapper>header .c-hamburger span::after {
	position:absolute;
	display:block;
	left:0;
	width:100%;
	height:2px;
	background-color:black;
	background-color: #fff;
	content:""
}
.wrapper>header .c-hamburger span::before {
	top:-9px
}
.wrapper>header .c-hamburger span::after {
	bottom:-9px
}
.wrapper>header .c-hamburger span {
	transition:background 0s 0.3s
}
.wrapper>header .c-hamburger span::before,.wrapper>header .c-hamburger span::after {
	transition-duration:0.3s,0.3s;
	transition-delay:0.3s,0s
}
.wrapper>header .c-hamburger span::before {
	transition-property:top,transform
}
.wrapper>header .c-hamburger span::after {
	transition-property:bottom,transform
}
.wrapper>header .c-hamburger--htx.is-active {
	background-color:white;
	background:transparent
}
.wrapper>header .c-hamburger--htx.is-active span {
	background:none
}
.wrapper>header .c-hamburger--htx.is-active span::before {
	top:0
}
.wrapper>header .c-hamburger--htx.is-active span::after {
	bottom:0
}
.wrapper>header .c-hamburger--htx.is-active span::before,.wrapper>header .c-hamburger--htx.is-active span::after {
	transition-delay:0s,0.3s
}
@media screen and (min-width:1024px) {
	.wrapper {
		max-width:87.5em;
		margin:0 auto;
		float:none
	}
	.wrapper::after {
		clear:both;
		content:"";
		display:table
	}
}
.no-device {
	display:none
}


@media screen and (min-width:1024px) {
	.no-device {
		display:block
	}
}
a {
	text-decoration:none;
	color:#000
}
a:hover {
	cursor:pointer
}
a:hover {
	text-decoration:none;
	color:#000
}
body #hp .language {
	position:absolute;
	z-index:2;
	top:45px;
	right:7%
}

@media screen and (max-width:760px) {
	body #hp .language {
		top: 25%;
	}
}

@media screen and (min-width:760px) {
	body #hp .language {
		right:5%
	}
}
@media screen and (min-width:1024px) {
	body #hp .language {
		right:40px
	}
}
.language a {
	position:relative;
	margin-left:0px;
	width:30px;
	height:25px;
	display:inline-block;
	text-align:right
}
@media screen and (min-width:760px) {
	html body #hp .language a.active::before {
		border-top:solid 1px #fff
	}
}
body #hp .language a {
	color:#111111;
	color:#777;
}
body #hp .language a:hover {
	color: #fff;
	text-shadow: .5px 0px 0px #fff;
}
body #hp .language a.active {
	color:#fff
}
.language a.active::before {
	content:"";
	position:absolute;
	z-index:1;
	bottom:0px;
	right:0;
	width:45px;
	height:1px;
	border-top:solid 1px #000;
	display:block
}
body #hp .language a.active::before {
	border-top:solid 1px #fff
}
#hp {
	width:100%;
	color:#fff;
	position:relative;
	overflow:hidden
}
@media screen and (min-width:760px) {
	#hp {
		background-color:transparent;
		padding-left:40px;
		padding-right:40px
	}
}
#hp>figure {
	position:relative;
	z-index:0;
	width:100%;
	height:100vh;
	text-align:center
}
#hp>figure:before {
	content:"";
	position:absolute;
	z-index:0;
	top:50%;
	left:50%;
	margin-top:-10px;
	margin-left:-10px;
	width:20px;
	height:20px;
	border-radius:50%;
	border:2px solid;
	border-color:#ccc #ccc #ccc #fff;
	-webkit-animation:loading 1s infinite linear;
	-moz-animation:loading 1s infinite linear;
	animation:loading 1s infinite linear;
	display: none;
}
body.home .visibleImgs #hp>figure:before {
	display:none
}
@media screen and (min-width:760px) {
	#hp>figure {
		position:relative;
		padding-bottom:38%;
		padding-top:30px;
		height:0;
		overflow:hidden;
		width:70%;
		height:90vh;
		left:0%;
		top:5%;
		z-index:20;
		display:none
	}
}
#hp>figure img {
	opacity:1;
	position:relative;
	z-index:2
}
#hp>figure img.effectImg {
	-webkit-filter:blur(2px);
	-webkit-transform:scale(1.1) rotate(0.1deg);
	-moz-transform:scale(1.1) rotate(0.1deg);
	-ms-transform:scale(1.1) rotate(0.1deg);
	-o-transform:scale(1.1) rotate(0.1deg);
	transform:scale(1.1) rotate(0.1deg);
	-webkit-transition:all 2s ease-in-out;
	-moz-transition:all 2s ease-in-out;
	transition:all 2s ease-in-out;
	opacity:1
}
#hp .nav-hp {
	position:absolute;
	z-index:1;
	top:50%;
	right:0;
	width:200px;
	text-align:right;
	padding-right:7%
}
@media screen and (min-width:760px) {
	#hp .nav-hp {
		float:right;
		top:26%;
		position:relative;
		padding-right:0
	}
}
#hp .nav-hp li a {
	color:#fff;
	margin-top:20px;
	font-size:1.1rem;
	display:block;
	letter-spacing:0.05rem
}
#hp .nav-hp li a:hover {
	text-shadow: .5px 0px 0px currentColor;
}
@media screen and (min-width:760px) {
	#hp .nav-hp li a {
		font-size:1.1rem
	}
}
#hp h1 {
	position:absolute;
	z-index:2;
	top:50%;
	left:50%;
	margin-top:-45px;
	float:left;
	overflow:hidden;
	width:45%;
	height:40px;
	text-indent:9999px;
	background-color:transparent;
	background-image: url(img/tangento-wit-ed.svg);
	background-repeat:no-repeat;
	background-position:right bottom
}
@media screen and (min-width:760px) {
	#hp h1 {
		background-image:url('img/tangento-wit-ed.svg');
		height:45px;
		margin-top:-30px;
		width:100%;
		top:25%;
		left: 0;
		position:relative;
		z-index:auto;
	}
}
@media screen and (min-width:1024px) {
	#hp h1 {
		height:40px
	}
}
@media screen and (min-width:1024px) {
	#clients>div {
		width:100%;
		padding-left:130px;
		padding-right:130px
	}
}
#clients>div>ul {
	width:100%;
	position:relative;
	background-color:transparent;
}
#clients>div>ul::after {
	clear:both;
	content:"";
	display:table
}
@media screen and (min-width:1024px) {
	#clients>div>ul {
		width:100%
	}
}
#clients>div>ul li {
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	width:100%;
	float:left;
	overflow:hidden;
	min-height:100px;
	position:relative;
	padding:0;
	margin:0;
	background-color:#fff
}
#clients>div>ul li.opac {
	opacity:0.6;
	background-color:transparent
}
#clients>div>ul li.opac.opac.noOpac {
	opacity:1 !important;
	background-color:#fff !important
}
@media screen and (min-width:760px) {
	#clients>div>ul li {
		width:50%
	}
	html.no-touch body #clients>div>ul li:not(.project):hover {
		background-color:transparent;
		cursor:pointer
	}
	html.no-touch body #clients>div>ul li:not(.project):hover img {
		-webkit-transition:all 0.7s ease-in-out;
		-moz-transition:all 0.7s ease-in-out;
		transition:all 0.7s ease-in-out;
		opacity:0
	}
}
#clients h3 {
	font-family:"Oswald";
	font-weight:300;
	font-size:1.1rem;
	margin:0 0 30px 0;
	line-height:1.1;
	color:#fff;
	margin:0;
	position:absolute;
	z-index:1;
	width:100%;
	padding:20px;
	bottom:0;
	left:0
}
@media screen and (min-width:760px) {
	#clients h3 {
		font-size:1.5rem;
		line-height:1.2
	}
}
#clients h3 span {
	font-weight:400
}
@media screen and (min-width:760px) {
	#clients h3 {
		padding:30px
	}
}
#clients .tab-project {
	width:100%;
	max-width:900px;
	margin:0 auto;
	position:relative;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px
}
#clients .tab-project::after {
	clear:both;
	content:"";
	display:table
}
#clients .tab-project>button {
	display:inline-block;
	width:30px;
	height:30px;
	border:none;
	border-radius: 30px;
	color: #fff;
	background-color: #555;
/*	margin-bottom:40px; */
/*	text-indent:999px; */
	overflow:hidden;
	cursor:pointer;
/*	background:url(../img/x-chiusura.svg) no-repeat center top */
}

#clients .tab-project>button:hover {
	background-color: #000;
}

#clients .tab-project>a:hover {
	color: #000;
}

#clients .tab-project img {
	margin-bottom:40px
}
#clients .tab-project>a {
	font-family:"Oswald";
	font-weight:300;
	text-transform:uppercase;
	font-size:2rem;
	color: #555;
	margin:0 0 30px 0;
	letter-spacing:0.1em;
	line-height:1.1;
	font-weight:bold;
	margin:0;
	letter-spacing:0.07rem;
	font-size:16px;
	text-transform:uppercase;
	text-decoration:underline;
	float:left;
	padding:0px;
	text-align:center;
	width:100%;
	height:60px
}
@media screen and (min-width:760px) {
	#clients .tab-project>a {
		height:110px;
		padding-top:40px
	}
}
#clients .project {
	-webkit-transition:all 0.7s ease-in-out;
	-moz-transition:all 0.7s ease-in-out;
	transition:all 0.7s ease-in-out;
	width:100%;
	height:50px;
	min-height:100px;
	overflow:hidden;
	float:left;
	position:relative;
	padding:0;
	background-color:#fff
}
#clients .project:before {
	content:"";
	position:absolute;
	z-index:0;
	top:50%;
	left:50%;
	margin-top:-10px;
	margin-left:-10px;
	width:20px;
	height:20px;
	border-radius:50%;
	border:2px solid;
	border-color:#ccc #ccc #ccc #fff;
	-webkit-animation:loading 1s infinite linear;
	-moz-animation:loading 1s infinite linear;
	animation:loading 1s infinite linear
}
body.home .visibleImgs #clients .project:before {
	display:none
}
@media screen and (min-width:1024px) {
	#clients .project {
		overflow:inherit
	}
}
#clients .project.hideLoader::before {
	display:none
}
#clients .project img {
	opacity:0;
	margin:0px auto 30px;
	-webkit-transition:all 0.7s ease-in-out;
	-moz-transition:all 0.7s ease-in-out;
	transition:all 0.7s ease-in-out
}
@media screen and (min-width:760px) {
	#clients .project img {
		margin-top:90px
	}
}
#clients .project img.logo {
	width:70%;
	margin:0 auto 20px
}
@media screen and (min-width:760px) {
	#clients .project img.logo {
		width:40%;
		margin:30px auto 20px
	}
	#clients .project img.logo.ro {
		width:33%
	}
	#clients .project img.logo.ow,#clients .project img.logo.rg,#clients .project img.logo.vc {
		width:30%
	}
	#clients .project img.logo.mb,#clients .project img.logo.inner {
		width:25%
	}
	#clients .project img.logo.muse,#clients .project img.logo.sg {
		width:20%
	}
}
#clients .project img.fade-in {
	opacity:1
}
#clients .project img.img-center {
	text-align:center
}
#clients .project img.img-left {
	float:left
}
@media screen and (min-width:1024px) {
	#clients .project img.img-left {
		position:relative
	}
}
#clients .project img.img-right {
	float:right
}
#clients .allClients {
	width:100%;
	float:left;
	margin-top:1.75%;
	margin-left:0;
	margin-right:0;
	margin-bottom:90px
}
#clients .allClients::after {
	clear:both;
	content:"";
	display:table
}
#clients .allClients>div {
	float:left;
	width:25%;
	height:90px;
	text-align:center;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-moz-box-align:center;
	box-align:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;
	align-items:center;
	-ms-flex-align:center
}
@media screen and (min-width:760px) {
	#clients .allClients>div {
		width:20%;
		height:100px
	}
}
@media screen and (min-width:1000px) {
	#clients .allClients>div {
		width:16.6666%;
		height:110px
	}
}
#clients .allClients>div a {
	width:60%;
	max-width:170px;
	margin:0 auto
}
#clients .allClients>div a img {
	width:100%
}
#clients .allClients>div a:hover img {
	opacity: 0.75;
}
footer {
	position:relative;
	color:#fff;
	width:100%;
	font-size:0.8rem;
	padding-bottom:30px;
	background-color:#000;
	z-index: 0;
}
@media screen and (min-width:760px) {
	footer {
		background-color:#fff;
		float:left;
		min-height:80vh;
		margin-bottom:0px;
		margin-top:50px;
		padding-left:40px;
		padding-right:40px;
		padding-left:0px;
		padding-right:0px;
		background: transparent;
	}
	footer header h1 {
		margin-bottom:60px
	}
}
footer>section {
	background-color:#000;
	padding:2.5% 0 2.5%
}
@media screen and (min-width:760px) {
	footer>section {
		padding:2.5% 5% 5%
	}
}
@media screen and (min-width:1024px) {
	footer>section {
		padding-bottom:2.5%
	}
}
footer address {
	font-style:normal !important
}
@media screen and (min-width:760px) {
	footer address ol {
		margin-bottom:40px
	}
}
footer article {
	margin-top:30px
}
@media screen and (min-width:760px) {
	footer article {
		position:static;
		margin:0
	}
}
footer article ol,footer article li {
	list-style:none;
	font-size:0.75rem;
	letter-spacing:0.02rem
}
@media screen and (min-width:760px) {
	footer article ol,footer article li {
		padding:0
	}
}
footer article ol span,footer article li span {
	display:inline-block;
	width:83px;
	font-family:"Oswald";
	font-weight:300;
	text-transform:uppercase;
	font-size:2rem;
	margin:0 0 30px 0;
	letter-spacing:0.1em;
	line-height:1.1;
	font-size:1.5rem;
	margin-bottom:10px
}
footer article ol a,footer article ol a:hover,footer article ol a:checked,footer article ol a:active,footer article li a,footer article li a:hover,footer article li a:checked,footer article li a:active {
	color:#fff
}
footer article .fiscal {
	font-size:0.6rem;
	margin-top:30px
}
@media screen and (min-width:760px) {
	footer article .fiscal {
		padding:0;
		text-align:left;
		margin:0;
		position:absolute;
		bottom:2.5%;
		left:0;
		color:#000;
		padding:0 5%;
		color: #fff;
	}
}
footer article .fiscal>span {
	color:#fff;
	text-decoration:underline;
	display:inline-block;
	margin-left:30px;
	margin-left:15px;
	cursor:pointer
}
footer article .fiscal>span:hover {
	text-shadow: .5px 0px 0px currentColor;
}
@media screen and (min-width:760px) {
	footer article .fiscal>span {
		color:#000;
		color:#fff;
	}
}
footer #ContactForm {
	display:none;
	background-color:#595959;
	padding:7% 10.5%;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
	width:84%
}
@media screen and (min-width:760px) {
	footer #ContactForm {
		float:right;
		width:300px;
		padding:30px 30px;
		margin:0;
		position:absolute;
		z-index:;
		top:6%;
		right:80px
	}
}
@media screen and (min-width:1024px) {
	footer #ContactForm {
		width:370px;
		top:8%
	}
}
footer #ContactForm input {
	border:solid 2px #000;
	width:100%;
	padding:0 10px;
	height:40px;
	background-color:transparent;
	font-family:"Oswald";
	font-weight:300;
	text-transform:uppercase;
	font-size:2rem;
	margin:0 0 30px 0;
	letter-spacing:0.1em;
	line-height:1.1;
	color:#000;
	line-height:2;
	font-size:1rem;
	font-weight:300;
	letter-spacing:0;
	margin-bottom:20px;
	-webkit-appearance:none;
	border-radius:0
}
footer #ContactForm input[type="submit"] {
	text-align:center;
	background-color:#000;
	color:#fff;
	margin-bottom:0
}
footer #ContactForm textarea {
	width:100%;
	height:70px;
	border:solid 2px #000;
	background-color:transparent;
	padding:10px 10px;
	font-family:"Oswald";
	font-weight:300;
	text-transform:uppercase;
	font-size:2rem;
	margin:0 0 30px 0;
	letter-spacing:0.1em;
	line-height:1.1;
	font-size:1rem;
	font-weight:300;
	letter-spacing:0;
	margin-bottom:20px;
	-webkit-appearance:none;
	border-radius:0
}
@media screen and (min-width:1024px) {
	footer #ContactForm textarea {
		height:100px
	}
}
footer .social {
	font-family:"Oswald";
	font-weight:300;
	text-transform:uppercase;
	font-size:2rem;
	margin:0 0 30px 0;
	letter-spacing:0.1em;
	line-height:1.1;
	padding:0 7%;
	font-size:0.9rem;
	text-transform:uppercase;
	margin-bottom:50px;
	line-height:2
}
@media screen and (min-width:760px) {
	footer .social {
		padding:0
	}
}
footer .social span {
	display:inline-block;
	position:relative;
}
footer .social a {
	display:inline-block;
	margin-left:20px;
	margin-left:15px
}
footer .social a:hover {
	text-shadow: .5px 0px 0px currentColor;
}
footer .social a img {
	width:30px;
	height:30px
}
footer .infoLegal {
	float:left;
	height:0;
	width:86%;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	font-size:0.7rem;
	overflow:hidden
}
@media screen and (min-width:760px) {
	footer .infoLegal {
		position:absolute;
		right:0;
		bottom:10%;
		color:#000;
		text-align:right;
		color:#fff;
	}
}
footer .infoLegal p {
	padding:20px 0 0;
	display:block;
	margin-bottom:0
}
footer .infoLegal p span {
	font-weight:400
}
footer .infoLegal.open {
	height:auto
}
#webgl-canvas-desktop {
  background: radial-gradient(
    circle farthest-corner at center top,
    #071021,
    #000
  ) !important;
}
#webgl-canvas-mobile {
  background: radial-gradient(
    circle farthest-corner at center top,
    #071021,
    #000
  ) !important;
}
.new_video.main-cn {
	background: #000;
}
#canvas-cn-desktop {
	opacity: 0.4;
}
figure.cn-mobile {
	background: #000;
}
#canvas-cn-mobile {
	opacity: 0.4;
}
.new_video {
	position:absolute;
	padding:0;
	height:0;
	overflow:hidden;
	width:100%;
	height:100vh;
	left:0;
	top:0;
	z-index:1;
	display:none
}
@media screen and (min-width:760px) {
	.new_video {
		display:block
	}
}
.new_video video,.new_video iframe,.new_video object,.new_video embed {
	opacity:1;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%
}
main {
	width:100%;
	position:relative;
	z-index:1
}
main section img {
	display:block;
	width:100%;
}
article {
	margin-top:60px;
	margin-left:0;
	margin-right:0;
	width:100%;
	position:relative;
	color: #fff;
}
article::after {
	clear:both;
	content:"";
	display:table
}
article>p,article>div,article>ol,article>form {
	margin-left:7%;
	margin-right:7%;
	margin-left:5%;
	margin-right:5%;
	font-size:0.9rem;
	line-height:1.5
}
@media screen and (max-width:760px) {
	article#contact-form>div {
		margin-left: 5px;
		margin-right: 5px;
	}
	article#contact-form .combine-text-align-center {
		margin-left: 5px;
	}
}
		
article>p::after,article>div::after,article>ol::after,article>form::after {
	clear:both;
	content:"";
	display:table
}
@media screen and (min-width:760px) {
	article>p,article>div,article>ol,article>form {
		font-size:1rem;
		line-height:1.6;
		margin-left:0;
		margin-right:0;
		padding-left:40px;
		padding-right:40px
	}
}
article#clients>div {
	margin:0
}
article h1 {
	font-family:"Oswald";
	font-weight:400;
	text-transform:uppercase;
	font-size:2rem;
	margin:0 0 30px 0;
	letter-spacing:0.1em;
	line-height:1.1;
	padding-left:7%;
	padding-right:7%
}
article h1.regular {
	font-weight:400;
	letter-spacing:normal
}
@media screen and (min-width:760px) {
	article h1 {
		font-size:2.5rem;
		padding-left:5%;
		padding-right:5%
	}
	body footer article h1 {
		padding:0
	}
}
@media screen and (min-width:1024px) {
	article h1 {
		padding-left:40px;
		padding-right:40px
	}
}
@media screen and (min-width:760px) {
	article {
		margin-top:110px
	}
	article#about-us {
		margin-bottom:120px
	}
	article#visual-graphic-design {
		margin-bottom:120px
	}
	article>p,article>figure {
		float:left
	}
	article>figure {
		padding-left:40px;
		padding-right:40px
	}
}
@media screen and (min-width:1024px) {
	article#about-us>p,article#about-us>div,article#visual-graphic-design>p,article#visual-graphic-design>div {
		width:50%;
		float:left
	}
	article#about-us>figure,article#visual-graphic-design>figure {
		width:50%;
		padding-left:40px;
		padding-right:40px
	}
	article#visual-graphic-design>figure {
		position:relative;
		margin-top:-115px
	}
}
.quote {
	display:block;
	width:100%;
	padding-right:100%;
	position:relative;
	left:-100%;
	z-index:2;
	margin-top:-4em;
	font-family:'Oswald';
	font-weight:400;
	font-size:1.5rem;
	text-transform:uppercase;
	line-height:1.3;
	text-align:right;
	padding-left:7%;
	padding-right:7%;
	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	-ms-transform:translateX(0%);
	-o-transform:translateX(0%);
	transform:translateX(0%)
}
html.touch body .quote>span,html.no-touch body .quote>span {
	left:0
}
@media screen and (min-width:760px) {
	.quote {
		position:absolute;
		font-size:2.85rem;
		line-height:1.2;
		bottom:-20%;
		padding-left:40px;
		padding-right:40px
	}
	.quote#zoom-in {
		bottom:-6%
	}
}
@media screen and (min-width:1024px) {
	.quote {
		bottom:-5%
	}
	html body.en .quote {
		bottom:-22%
	}
	.quote#zoom-in {
		bottom:-10%
	}
	html body.en .quote#zoom-in {
		bottom:-13%
	}
}
.quote>span {
	position:relative;
	top:0;
	left:-110%
}
.quote>span::before {
	content:"";
	position:absolute;
	z-index:1;
	display:block;
	width:80px;
	height:1px;
	top:17px;
	left:-90px;
	border:solid 1px #fff;
}
@media screen and (max-width:760px) {
	.quote>span::before {
	border:solid 1px #fff !important;
}
}
@media screen and (min-width:760px) {
	.quote>span::before {
		top:35px
	}
}
.quote#zoom-in {
	margin-top:-1.5em
}
.tabs {
	margin:15px 0 30px;
	padding:0px 3%;
	list-style:none;
	width:100%
}
.tabs::after {
	clear:both;
	content:"";
	display:table
}
@media screen and (min-width:760px) {
	.tabs {
		margin-top:90px;
		background-color: white;
		background-color: #000;
	}
}
@media screen and (min-width:1024px) {
	.tabs {
		padding-left:100px;
		padding-right:100px
	}
}
.tabs li {
	float:left;
	display:block;
	margin-right:2.35765%;
	width:14.70196%;
	background:none;
	padding:0px 0px 0 5px;
	cursor:pointer;
	text-align:center;
}
.tabs li:hover span {
	opacity: 1;
	color: #fff;
	text-shadow: .5px 0px 0px #fff;
}
.tabs li:last-child {
	margin-right:0
}
.tabs li:nth-child(6n) {
	margin-right:0
}
.tabs li:nth-child(6n+1) {
	clear:left
}
.tabs li img {
	opacity:0.3;
	display:block;
	clear:both;
	width:90%
}
@media screen and (min-width:760px) {
	.tabs li {
		margin-top: 20px;
	}
	.tabs li img {
		width:60%;
		display:inline-block;
		margin-bottom:20px
	}
}
@media screen and (min-width:1024px) {
	.tabs li img {
		width:30%
	}
}
.tabs li span {
	display:none;
	opacity:0.4
}
@media screen and (min-width:760px) {
	.tabs li span {
		display:block;
		margin-bottom:20px;
		color: #000;
		color: #fff;
	}
}
.tabs li.current img {
	opacity:1
}
.tabs li.current span {
	opacity:1;
	text-decoration:underline
}
.tabs li:first-child {
	padding-left: 5px;
}
.tab-content {
	display:none
}
.tab-content.current {
	display:inherit
}
@media screen and (min-width:1024px) {
	.tab-content {
		padding-left:173px;
		padding-right:173px;
		margin:0
	}
}
ol {
	padding-left:20px
}
ol::after {
	clear:both;
	content:"";
	display:table
}
ol li {
	float:left;
	width:100%;
	font-weight:400;
	margin-bottom:5px;
	list-style:disc;
	list-style-position:outside
}
#cookie-bar.fixed {
	position:fixed;
	z-index:30;
	top:inherit;
	bottom:0;
	background:transparent;
	background-image:url(../img/t.png);
	background-repeat:repeat;
	color:#000;
	padding:20px 0
}
#cookie-bar.fixed p {
	font-size:1rem;
	font-weight:400;
	padding:0 7%
}
@media screen and (min-width:760px) {
	#cookie-bar.fixed p {
		padding:0
	}
}
#cookie-bar.fixed p span {
	display:inline-block
}
#cookie-bar.fixed p span a {
	padding:0;
	margin:0;
	color:#000;
	text-decoration:underline
}
#cookie-bar.fixed p .cb-enable {
	background-color:transparent;
	display:inline-block;
	width:100px;
	height:36px;
	padding:0;
	line-height:2;
	text-align:center;
	color:#000;
	border:solid 2px #000;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-top-left-radius:0px;
	position:relative;
	top:10px
}
@media screen and (min-width:760px) {
	#cookie-bar.fixed p .cb-enable {
		top:-10px;
		margin-left:60px
	}
}
body.policy #logoPolicy {
	background-color:#fff;
	width:100%;
	max-width:87.5em;
	height:40px;
	position:fixed;
	z-index:20;
	top:0;
	left:0
}
@media screen and (min-width:1400px) {
	body.policy #logoPolicy {
		left:50%;
		margin-left:-43.75em
	}
}
body.policy #logoPolicy span {
	position:relative;
	right:0;
	width:70px;
	height:23px;
	float:right;
	overflow:hidden;
	text-indent:9999px;
	cursor:pointer;
	margin-right:7%;
	margin-top:10px;
	background-image:url(../img/logo_mobile-stiky.svg);
	background-repeat:no-repeat;
	background-position:center bottom
}
@media screen and (min-width:760px) {
	body.policy #logoPolicy span {
		margin-right:40px
	}
}
.sigillo-netcomm {
	position:fixed;
	z-index:10;
	bottom:20px;
	right:20px;
	width:40px;
	height:40px
}
@media screen and (min-width:1024px) {
	.sigillo-netcomm {
		width:60px;
		height:60px
	}
	
	.sm_video {
	display:block;
	position:absolute;
	left:10px;
	top:200px;
	z-index:4;
	}
	.sm_video2 {
	display:block;
	position:absolute;
	right:25%;
	top:300px;
	}
	.sm_video3 {
	display:block;
	position:absolute;
	left:300px;
	top:300px;
	z-index:3;
	}
}

@media screen and (max-width:760px) {
	.main-slogan {
	display:block;
	position:absolute;
	left:300px;
	top:300px;
	left: 60px;
    top: 590px;
	z-index:3;
	color: #fff;
	}
	.main-slogan h1 {
	font-size: 22px;
    line-height: 28px;
	}
}

@media screen and (max-width:600px) {
	.main-slogan {
	display:block;
	position:absolute;
	left:300px;
	top:300px;
	left: 25px;
    top: 550px;
	z-index:3;
	color: #fff;
	}
	.main-slogan h1 {
	font-size: 20px;
    line-height: 26px;
	}
	#hp h1 {
    top: 45%;
	}
	#hp .nav-hp {
    position: absolute;
    z-index: 1;
    top: 45%;
	}
}

@media screen and (max-width:460px) {
	.main-slogan {
	display:block;
	position:absolute;
	left:300px;
	top:300px;
	left: 15px;
    top: 510px;
	z-index:3;
	color: #fff;
	}
	.main-slogan h1 {
	font-size: 18px;
    line-height: 24px;
	}
	#hp h1 {
    top: 42%;
	}
	#hp .nav-hp {
    position: absolute;
    z-index: 1;
    top: 42%;
	}
}


@media screen and (min-width:761px) {
	.main-slogan {
	display:block;
	position:absolute;
	left:300px;
	top:300px;
	left: 90px;
    top: 410px;
	z-index:3;
	color: #fff;
	}
	.main-slogan h1 {
	font-size: 26px;
    line-height: 32px;
	}
}


@media screen and (min-width:1000px) {
	.main-slogan {
	display:block;
	position:absolute;
	left:300px;
	top:300px;
	left: 200px;
    top: 560px;
	z-index:3;
	color: #fff;
	}
	.main-slogan h1 {
	font-size: 30px;
    line-height: 38px;
	}
}

@media screen and (min-width:1280px) {
	.main-slogan {
	display:block;
	position:absolute;
	left:300px;
	top:300px;
	left:290px;
	top:390px;
	z-index:3;
	color: #fff;
	}
	.main-slogan h1 {
	font-size: 36px;
    line-height: 46px;
	}
}

.main-slogan-sub {
	font-size: 16px;
	margin-bottom: 6px;
}

.main-slogan-sub p {
	display: inline-block;
	margin-bottom: 0;
	font-size: 14px;
}
	
.logo {
	display:block;
	position:fixed;
	left:20px;
	top:10px;
	 z-index:99999;
}
.logo img {
	backface-visibility:visible;
	transform-style:preserve-3d;
	animation-name:rotating;
	animation-duration:19s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	-webkit-backface-visibility:visible;
	-webkit-transform-style:preserve-3d;
	-webkit-animation-name:rotating;
	-webkit-animation-duration:20s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	height:70px;
	width:auto;
	display:block;
	margin:auto;
	margin-top:5px;
}

@media screen and (max-width: 760px) {
	.logo img {
	height:50px;
	}
}

video#video-background {
	width:100%;
}
video.TopVideo__video {
	width:670px !important;
	height:100% !important;
}
video.TopVideo__video2 {
	width:430px !important;
	height:100% !important;
}
video.TopVideo__video3 {
	width:600px !important;
	height:100% !important;
}
.new_video {
	z-index:1;
}

@media screen and (max-width: 760px) {
	.TopVideo__video {
	display: none;
	}
	.TopVideo__video2 {
	display: none;
	}
	.TopVideo__video3 {
	display: none;
	}
	.new_video {
	display: none;
	}
}


.quote>span::before {
	content:"";
	position:absolute;
	z-index:1;
	display:block;
	width:80px;
	height:1px;
	top:17px;
	left:-90px;
	border:solid 1px #000;
	border:solid 1px #fff;
}
.quote {
	left:0% !important;
}
@-webkit-keyframes rotating {
	0% {
		-webkit-transform:rotateY(0deg);
	}
	50% {
		-webkit-transform:rotateY(180deg);
	}
	100% {
		-webkit-transform:rotateY(360deg);
	}
}
@-moz-keyframes rotating {
	0% {
		-webkit-transform:rotateY(0deg);
	}
	50% {
		-webkit-transform:rotateY(180deg);
	}
	100% {
		-webkit-transform:rotateY(360deg);
	}
}
@-ms-keyframes rotating {
	0% {
		-webkit-transform:rotateY(0deg);
	}
	50% {
		-webkit-transform:rotateY(180deg);
	}
	100% {
		-webkit-transform:rotateY(360deg);
	}
}
@keyframes rotating {
	0% {
		-webkit-transform:rotateY(0deg);
	}
	50% {
		-webkit-transform:rotateY(180deg);
	}
	100% {
		-webkit-transform:rotateY(360deg);
	}
}
::-webkit-scrollbar {
	width:8px;
	background-color:#000000;
}
::-webkit-scrollbar-thumb {
	background-color:#464646;
	border-radius:0px;
}
::-webkit-scrollbar-thumb:hover {
		background-color:#999999;
}

::selection {
	color:inherit;
	background:#f2f2f2;
	color: #000;
    background: #ffff00;
	background: rgb(250 215 20 / 90%);
}
.mySlides {
	display:none;
}
.sm-banner-content {
	margin-left:auto;
	margin-right:auto;
	max-width:980px;
}
.sm-banner-content-container {
	position:relative;
}
.button-black,.button-black:hover {
	color:	#fff !important;
	background-color:#000 !important;
}
.button-black {
	opacity:0.6;
}
.button-black:hover {
	opacity:1;
}
.arrow-display-left {
	position:absolute;
	top:50%;
	left:-3%;
	transform:translate(0%,-50%);
	-ms-transform:translate(-0%,-50%);
}
.arrow-display-right {
	position:absolute;
	top:50%;
	right:-3%;
	transform:translate(0%,-50%);
	-ms-transform:translate(0%,-50%);
}

.arrow-display-left2 {
	position:absolute;
	top:50%;
	left:-3%;
	transform:translate(0%,-50%);
	-ms-transform:translate(-0%,-50%);
}
.arrow-display-right2 {
	position:absolute;
	top:50%;
	right:-3%;
	transform:translate(0%,-50%);
	-ms-transform:translate(0%,-50%);
}

.sm-banner-button {
	border:none;
	display:inline-block;
	font-size: 18px;
	padding:8px 12px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	text-align:center;
	cursor:pointer;
	white-space: nowrap;
}
/* sparkle */
.sparkley {
	display: block;
	transition:all 0.25s ease;
	z-index:990;
}



.main-video {
	z-index:999;
}
.panel {
	padding:0 18px;
	display:none;
	background-color:white;
	overflow:hidden;
}
.covercolor figure {
	background:#000;
}
.covercolor figure img {
	opacity:1;
	-webkit-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
}
.covercolor figure:hover img {
	opacity:0;
	cursor: pointer;
}
@media screen and (max-width:760px) {
	.mobile_movie_slide {max-width:416px !important; max-height:416px !important;}
	.photo-mobile {padding-left:unset !important;}
	.sm-banner-content-container.arrow-display-left, .sm-banner-content-container.arrow-display-right {top: 70%;}
}

.photo-mobile {
	top: 431px;text-align: left;padding-left: 50%;display: block;
}

@media screen and (max-width:760px) {
	.sm_video {
	display: none;
	}
	
	.sm_video3 {
	display: none;
	}
	
	.c-hamburger {
		bottom: 15px !important;
	}
	
	.logo {
    left: 15px;
    top: 10px;
	}
	
	.arrow-display-left {
    left: 0%;
	}
	
	.arrow-display-right {
    right: 0%;
	}
	
	.arrow-display-left2 {
    left: 0%;
	top: 70%;
	}
	
	.arrow-display-right2 {
    right: 0%;
	top: 70%;
	}
	
    .pc_project{
	  display : none;
	}
}


@media screen and (min-width:760px) {
	.mobile_project{
	  display : none;
	}
	.movie_slide {max-width:620px !important; max-height:620px !important;}
}

.closebox { display : none !important}

.project.hideLoader.panel {
    background-image: url(http://tangentolab.com/img/background-logo3.png);
    background-size: 33.8%;
}

.tab-project img { width: 90%; margin : auto; text-align : center; }




@media (min-width: 64em) {
	.css-wfwfzv {
    height: calc(var(--viewport-height) - var(--search-panel-height));
	}
}

@media screen and (min-width:760px) {
	.css-wfwfzv {
	  display : none;
	}
}

.css-wfwfzv {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #212121;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 30px;
	display : none;
}

.css-k9gs80 {
    width: 100%;
    height: 100%;
    color: transparent;
    background-color: transparent;
    object-fit: cover;
    object-position: center top;
}

.css-wfwfzv::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.25;
}

@media screen and (max-width:760px) {
	article {
	  color: #fff;
	}
	.tabs {
    margin: 15px 20px 30px;
    width: 90%;
    background-color: white;
	background-color: #000;
    padding-top: 5px;
	}
	footer {
	z-index: 1;
	}
}

.st0	{
	fill: #000000;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-miterlimit: 10;
}

#tangento-footer {
	cursor: pointer;
}

#tangento-footer:hover .st0 {
	fill: #ffffff;
	transition: .6s;
}

#tangento-footer.clickit .st0 {
	fill: yellow;
	stroke: yellow;
}

.qOmjBOXn_0{stroke-dasharray:709 711;stroke-dashoffset:710;animation:qOmjBOXn_draw_0 14800ms linear 0ms infinite,qOmjBOXn_fade 14800ms linear 0ms infinite;}
.qOmjBOXn_1{stroke-dasharray:714 716;stroke-dashoffset:715;animation:qOmjBOXn_draw_1 14800ms linear 0ms infinite,qOmjBOXn_fade 14800ms linear 0ms infinite;}
.qOmjBOXn_2{stroke-dasharray:1139 1141;stroke-dashoffset:1140;animation:qOmjBOXn_draw_2 14800ms linear 0ms infinite,qOmjBOXn_fade 14800ms linear 0ms infinite;}
.qOmjBOXn_3{stroke-dasharray:1192 1194;stroke-dashoffset:1193;animation:qOmjBOXn_draw_3 14800ms linear 0ms infinite,qOmjBOXn_fade 14800ms linear 0ms infinite;}
.qOmjBOXn_4{stroke-dasharray:1089 1091;stroke-dashoffset:1090;animation:qOmjBOXn_draw_4 14800ms linear 0ms infinite,qOmjBOXn_fade 14800ms linear 0ms infinite;}
.qOmjBOXn_5{stroke-dasharray:709 711;stroke-dashoffset:710;animation:qOmjBOXn_draw_5 14800ms linear 0ms infinite,qOmjBOXn_fade 14800ms linear 0ms infinite;}
.qOmjBOXn_6{stroke-dasharray:283 285;stroke-dashoffset:284;animation:qOmjBOXn_draw_6 14800ms linear 0ms infinite,qOmjBOXn_fade 14800ms linear 0ms infinite;}
.qOmjBOXn_7{stroke-dasharray:374 376;stroke-dashoffset:375;animation:qOmjBOXn_draw_7 14800ms linear 0ms infinite,qOmjBOXn_fade 14800ms linear 0ms infinite;}
.qOmjBOXn_8{stroke-dasharray:374 376;stroke-dashoffset:375;animation:qOmjBOXn_draw_8 14800ms linear 0ms infinite,qOmjBOXn_fade 14800ms linear 0ms infinite;}
@keyframes qOmjBOXn_draw{100%{stroke-dashoffset:0;}}
@keyframes qOmjBOXn_fade{0%{stroke-opacity:1;}97.29729729729729%{stroke-opacity:1;}100%{stroke-opacity:0;}}
@keyframes qOmjBOXn_draw_0{2.7027027027027026%{stroke-dashoffset: 710}25.225225225225223%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
@keyframes qOmjBOXn_draw_1{4.954954954954955%{stroke-dashoffset: 715}27.477477477477475%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
@keyframes qOmjBOXn_draw_2{7.207207207207207%{stroke-dashoffset: 1140}29.72972972972973%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
@keyframes qOmjBOXn_draw_3{9.45945945945946%{stroke-dashoffset: 1193}31.981981981981978%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
@keyframes qOmjBOXn_draw_4{11.711711711711713%{stroke-dashoffset: 1090}34.23423423423423%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
@keyframes qOmjBOXn_draw_5{13.963963963963966%{stroke-dashoffset: 710}36.486486486486484%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
@keyframes qOmjBOXn_draw_6{8.32832832832833%{stroke-dashoffset: 284}30.862862862862868%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
@keyframes qOmjBOXn_draw_7{3.83183183183183%{stroke-dashoffset: 375}26.356356356356353%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
@keyframes qOmjBOXn_draw_8{10.68068068068068%{stroke-dashoffset: 375}33.113113113113131%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}


.content__image {
	position: relative;
    z-index: 1;
}

@media screen and (max-width:760px) {
	.content__image {
	  position: absolute;
	}
}

@media screen and (min-width:761px) {
	.tangento-map img {
	  max-width: 90%;
	  text-align: center;
      margin: auto;
	}
	.tangento-map h2 {
    font-size: 1.75rem;
    margin: 0 0 30px;
    text-align: center;
	color: #fff;
    }  
}

@media screen and (max-width:760px) {
	.tangento-map {
	  padding-top: 40px;
	  color: #fff;
	}
	.tangento-map h2 {
	  font-weight: 400;
      margin-left: 7%;
    }
}

#cdg_logo {
	position: absolute;
    left: 50%;
    top: 48%;
	z-index: 3;
}

canvas {
    position: absolute;
    left: 0;
    top: 0;
	z-index: 2;
	background: transparent !important;
}

div canvas {
	z-index: 1;
}

.mouse-circle {
	width: 40px;
	height: 40px;
	border: 1px solid #fcff00;
	border: 1px solid #fad714e6;
	border-radius: 50%;
	background: none;
	display: none;
	position: absolute;
	pointer-events: none;
	transition: 0.15s;
	transition: 0.25s;
	z-index: 999;
	mix-blend-mode: difference;
}

.mouse-point {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fcff00;
	background: #fad714e6;
	display: none;
	position: absolute;
	pointer-events: none;
	transition: 0.2s;
	transition: 0.3s;
	z-index: 999;
	mix-blend-mode: difference;
}


.spark-section {
    width: 100%;
    position: relative;
}
.spark-container {
    color: #fff;
    position: relative;
}
.w-container:before, .w-container:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
}
.spark-centered-900 {
    text-align: center;
    /* width: 900px; */
    max-width: 900px;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
}
.spark-section h2 {
    font-size: 1.75rem;
}
.spark-section p {
    color: #bfc4ce;
    text-align: center;
}
.spark-tabs-parent {
    width: 100%;
}
.w-tabs {
    position: relative;
}
.w-tabs:before, .w-tabs:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
}
.spark-flat-tabs-menu {
    grid-column-gap: 0px;
    color: #ffffff;
    justify-content: center;
    margin-bottom: 32px;
    display: flex;
}
.w-tab-menu {
    position: relative;
}
.spark-flat-tab.w--current {
    border-bottom-color: #5532fa;
    box-shadow: 0 3px 0 0 #fad714e6;
    color: #ffffff;
    background-color: #0000;
}
.w-tab-link.w--current {
    background-color: #C8C8C8;
}
.spark-flat-tab {
    box-shadow: 0 3px 0 0 #f0ecfd00;
    color: #000000;
    background-color: #0000 !important;
    padding: 24px 80px;
    transition: box-shadow .3s, color .15s;
}
.spark-flat-tab:hover {
    box-shadow: 0 3px 0 0 #fad714e6;
    opacity: 1;
    color: #fad714e6;
}
.w-tab-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    padding: 9px 30px;
    text-align: left;
    cursor: pointer;
    color: #222222;
    background-color: #dddddd;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
.text-block {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5em;
}
.text-block-4 {
    color: #bfc4ce;
    font-size: 20px;
    line-height: 1.5em;
}
.spark-tabs-content {
    width: 100%;
}
.w-tab-content {
    position: relative;
    display: block;
    overflow: hidden;
}
html.w-mod-touch * {
    background-attachment: scroll !important;
}
@media screen and (max-width: 999px) {
    .spark-full-width-mobile {
        width: 100%;
        margin-bottom: 1rem;
        display: block;
    }
	.combine-contact1_component {
    padding: 2rem 3rem !important;
   }
    .spark-flex-row-pricing {
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media screen and (max-width: 640px) {
	.spark-section {
        padding: 0 20px;
    }
	.spark-flex-row-pricing {
        flex-direction: column;
    }
	.spark-flex-row-pricing {
        align-items: flex-start;
      /*  margin-top: 64px; */
    }
    .spark-tabs-content.spark-full-width-mobile {
        width: 100vw;
        margin-left: -20px;
    }
	.combine-contact1_component {
    /* padding: 1.2rem 1.6rem !important; */
	padding: 1.2rem 1.0rem !important;
   }
   #wf-form-Contact-1-Form .combine-form_input-grey {
    padding: .4rem 0.8rem !important;
   }
   .combine-form_text-area-grey {
	padding: .4rem 0.8rem !important;
   }
   .spark-centered-900 {
    /* width: 900px; */
    margin-bottom: 28px;
   }
   .spark-section {
    max-width: 100%;
	margin: 0;
   }
   .w-tab-link {
    padding: 6px 24px;
   }
   .spark-flat-tabs-menu {
    margin-bottom: 28px;
    }
	.spark-full-pricing-tab {
	/* padding: 32px; */
    padding: 15px !important;
    }
	.spark-pricing-top {
    padding: 20px 12px !important;
   }
	.spark-features-included {
    padding: 20px 14px !important;
   }
   .udesly-title-wrapper-centered.udesly-margin-bottom {
	   margin-bottom: 28px !important;
   }
   .udesly-faq-title {
    margin-bottom: 20px !important;
    font-size: 16px !important;
    line-height: 20px !important;
   }
   .udesly-faq-item-toggle img {
    position: relative;
    bottom: 8px;
    }
}
.spark-full-pricing-tab {
   padding: 32px;
}
.w--tab-active {
    display: block !important;
}
.w-tab-pane {
    position: relative;
    display: none;
}
.spark-flex-row-pricing.spark-no-top {
    margin-top: 0;
}
.spark-flex-row-pricing {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 100px;
    display: flex;
}
.spark-pricing-column.spark-simple-shadow-tiny {
    border: 1px solid #5f6570;
    background-color: #00000000;
}
.spark-simple-shadow-tiny {
    box-shadow: -1px 1px 10px #0000001f;
}
.spark-pricing-column {
    background-color: var(--spark-library--white);
    border-radius: 8px;
    width: 458px;
    max-width: 100%;
}
.spark-pricing-top {
    border-bottom: 1px solid #0000;
    text-align: center;
    flex-direction: column;
    padding: 24px 12px;
    display: flex;
}
.spark-centered-primary-bg-content {
    grid-row-gap: 8px;
    color: #5532fa;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 1rem;
    display: flex;
}
.spark-small-icon {
    color: #bfc4ce;
    flex: none;
    width: 24px;
    height: 24px;
    display: inline-block;
}
.w-embed:before, .w-embed:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
}
.w-embed:after {
    clear: both;
}
.spark-label {
    font-weight: 500;
    line-height: 1;
}
.spark-flexed-price {
    justify-content: center;
    align-items: flex-end;
    display: flex;
}
.spark-price-text {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
	margin-bottom: 10px;
}
.spark-foreground-primary {
    color: #000000;
    font-weight: 600;
	margin-bottom: 10px;
}
.spark-foreground-secondary.spark-no-bottom {
    text-align: center;
    margin-bottom: 0;
}
.spark-features-included {
    grid-row-gap: 14px;
    border-bottom: 1px solid #0000;
    color: #17191c;
    text-align: left;
    flex-direction: column;
    align-items: center;
    padding: 24px 18px;
    display: flex;
}
.spark-checked-item {
    grid-column-gap: 16px;
    color: #bfc4ce;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 296px;
    display: flex;
}
.spark-small-icon.spark-primary-color {
    color: #fad714e6;
}
.spark-small-icon.spark-foreground-disabled {
    color: #98a1b3;
}

.udesly-section {
    background-color: #fff0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.udesly-title-wrapper-centered.udesly-margin-bottom {
    color: #ffffff;
    border: 0 #000;
    max-width: none;
    margin-bottom: 32px;
}
.udesly-title-wrapper-centered {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 600px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.udesly-display-large.udesly-text-extrabold {
    font-size: 1.75rem;
}
.udesly-paragraph-large {
    color: #bfc4ce;
    text-align: center;
}
.udesly-column {
    width: 100%;
    position: relative;
}
.udesly-faq-item {
    background-image: url(../img/dash_1dash.png);
    background-position: 50% 100%;
    background-repeat: repeat-x;
    background-size: auto;
    border-bottom: 1px #e6e6e6;
    padding: 16px 16px 0;
    transition: all .3s;
    display: block !important;
}
.w-dropdown {
    display: inline-block;
    position: relative;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    z-index: 900;
}
.udesly-faq-item-toggle {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 !important;
    display: flex !important;

}
.w-dropdown-toggle {
    user-select: none;
    display: inline-block;
    cursor: pointer;
    padding-right: 40px;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
    position: relative;
    vertical-align: top;
    text-decoration: none;
    color: #222222;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
}
.udesly-faq-title-wrapper {
    white-space: pre-wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}
.udesly-faq-title {
    color: #fff;
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
}
.udesly-faq-item-toggle img {
	width: initial;
	position: relative;
    bottom: 8px;
}
.udesly-faq-content-wrap {
    background-color: #0000 !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 35px;
    display: block;
    position: static !important;
    overflow: hidden;
}
.w-dropdown-list {
    position: absolute;
    background: #dddddd;
    display: none;
    min-width: 100%;
}
.w-dropdown-list.w--open {
    display: block;
}
.udesly-tab-content {
    color: #737373;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    line-height: 36px;
}
.udesly-list {
    color: #fff6f6;
    margin-bottom: 35px;
    padding-left: 20px !important;
    font-size: 14px;
    line-height: 24px;
}
.w-list-unstyled {
    padding-left: 0;
    list-style: none;
}
.udeslylist-item {
    margin-bottom: 4px;
}
.udesly-paragraph-small {
    color: #fff6f6;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5em;
}

.combine-container-small {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.combine-heading-style-h2 {
    color: #fff;
    font-size: 2.5rem;
    font-family: "Oswald";
    font-weight: 400;
    margin: 0 0 30px 0;
    letter-spacing: 0.1em;
    line-height: 1.1;
}
.combine-contact1_component {
    border: 1px solid #5f6570;
    background-color: #0000;
    border-radius: 0.5rem;
    margin-bottom: 0;
	margin: 0 0 15px;
    padding: 3rem 4rem;
}
.combine-form_form {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
}
.combine-form_field-wrapper {
    margin-bottom: 1.25rem;
}
.combine-form_label {
    color: #bfc4ce;
    margin-bottom: .5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
	display: block;
}
#wf-form-Contact-1-Form .combine-form_input-grey {
    border: 1px solid #5f6570;
    background-color: #f2f3f700;
    color: #fff;
    border-radius: .5rem;
    min-width: 16rem;
    height: 3rem;
    margin-bottom: 0;
    padding: .5rem 1.25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    transition: border-color .25s;
}
#wf-form-Contact-1-Form .combine-form_input-grey:hover {
    border-color: #d9dce2;
}
#wf-form-Contact-1-Form .combine-form_input-grey:focus {
    border-color: #fff;
}
.w-input, .w-select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
textarea.w-input, textarea.w-select {
    height: auto;
}
.combine-form_text-area-grey {
    border: 1px solid #5f6570;
    background-color: #f2f3f700;
    color: #fff;
    border-radius: .5rem;
    /* min-width: 16rem; */
	min-width: 100% !important;
    height: 100%;
    min-height: 10rem;
	max-width: 100% !important;
    margin-bottom: 0;
    padding: .5rem 1.25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    transition: border-color .25s;
}
#wf-form-Contact-1-Form .combine-form_text-area-grey:hover {
	border-color: #d9dce2;
}
#wf-form-Contact-1-Form .combine-form_text-area-grey:focus {
	border-color: #fff;
}
input.w-button {
    -webkit-appearance: button;
}
#wf-form-Contact-1-Form .combine-button-2 {
    background-color: #2f3137;
    color: #fff;
    text-align: center;
    border-radius: .5rem;
    padding: .75rem 1.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    transition-property: background-color;
}
.w-button {
    display: inline-block;
    padding: 9px 15px;
    background-color: #3898EC;
    color: white;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
}
#wf-form-Contact-1-Form .combine-button-2:hover {
    background-color: #28364ae6;
	background-color: #fad714e6;
    color: #000;
}
.combine-form_success-message {
    border: 1px solid #6d9400;
    background-color: #ebf7de;
    color: #6d9400;
    text-align: left;
    border-radius: .25rem;
    padding: .5rem 1.25rem;
    font-size: .875rem;
}
.w-form-done {
    display: none;
    padding: 20px;
    text-align: center;
    background-color: #dddddd;
}
.combine-form_error-message {
    border: 1px solid #e2004f;
    background-color: #ffecec;
    color: #e2004f;
    border-radius: .25rem;
    margin-top: .5rem;
    padding: .5rem 1.25rem;
    font-size: .875rem;
}
.w-form-fail {
    display: none;
    margin-top: 10px;
    padding: 10px;
    background-color: #ffdede;
}

@media screen and (max-width:760px) {
	#cdg_logo {
		top: 46%;
	}
	#world_view img {
		width: 80px !important;
	}
	.a1v2_logo_large {
    display: block;
    position: absolute;
    /* width: 100%; */
    /* height: 198px; */
    /* min-width: 320px; */
    width: 360px;
    /* max-width: 640px; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }
}

@media screen and (max-width:380px) {
	.a1v2_logo_large {
    width: 280px;
    }
}

.spark-section-2 {
    width: 100%;
    padding: 50px 15px;
    position: relative;
}
.spark-container-4 {
    color: #fff;
    text-align: left;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: auto;
    right: auto;
}
.spark-section-2 h1 {
	font-family: "Oswald";
	font-weight: 400;
	text-transform: uppercase;
    letter-spacing: normal;
	font-size: 2rem;
	margin: 0 0 30px 0;
    text-align: left;
	line-height: 1.1;
}
.spark-section-2 p {
    color: #fff;
}

.spark-flex-row-3 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}
.spark-flex-row-3.spark-5-spacing {
    grid-column-gap: 5%;
    align-items: center;
}
.spark-max-width-601 {
    max-width: 50%;
}
.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
.spark-three-image-grid-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-areas:
        "Area Area-2"
        "Area Area-3";
    align-items: center;
}
.spark-grid-image-2 {
    border-radius: 8px;
    width: 100%;
    display: block;
    position: relative;
}
#w-node-_01155ce8-eb48-848f-16b3-6475f39e3f86-2f652cd4 {
    grid-area: Area;
}
#w-node-_01155ce8-eb48-848f-16b3-6475f39e3f85-2f652cd4 {
    grid-area: Area-2;
}
#w-node-_01155ce8-eb48-848f-16b3-6475f39e3f84-2f652cd4 {
    grid-area: Area-3;
}
@media screen and (min-width:1000px) {
	.spark-container-4 {
    padding-left: 40px;
    padding-right: 40px;
    }
	.spark-section-2 {
    width: 100%;
    padding: 50px 40px;
    position: relative;
	}
}
@media screen and (min-width: 760px) {
    .spark-section-2 h1 {
    font-size: 2.5rem;
	}	
}
@media screen and (max-width:759px) {
	.spark-first {
	padding-bottom: 0;
	}
	.spark-flex-row-3 {
		display: block;
	}
	.spark-max-width-601 {
    max-width: 100%;
    }
	.spark-three-image-grid-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    }
}

@media screen and (max-width:999px) {
	.logo-image {
    height: 48px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
   }
}


.audio__list {
    padding-left: 0;
    list-style-type: none;
}
@media screen and (min-width: 1000px) {
    .audio__list {
        margin-bottom: 30px;
    }
}
.audio__list-item {
    color: #ffffff80;
    background-image: url(../img/dash.png);
    background-position: 50% 100%;
    background-repeat: repeat-x;
    background-size: auto;
    justify-content: space-between;
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
    position: relative;
}
.audio__list-item.mod--first {
    background-image: url(../img/dash.png), url(../img/dash.png);
    background-position: 0 0, 50% 100%;
    background-repeat: repeat-x, repeat-x;
    background-size: auto, auto;
}
.carousel-container {
    border-radius: 100px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: hidden;
}
.logo-container {
    background-color: #0000;
    justify-content: space-around;
    min-width: 160%;
    margin-left: -.1%;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
}
.logo-container._2 {
    margin-left: -.1%;
}
.logo-image {
    height: 60px;
    padding-left: 24px;
    padding-right: 24px;
	width: inherit;
}

.header_move.move-1 {
  	display: inline-block;
/*     -moz-animation: marquee 180s linear infinite;
        -webkit-animation: marquee 180s linear infinite;
        animation: marquee 180s linear infinite; */
    -moz-animation: marquee_1 60s linear infinite;
        -webkit-animation: marquee_1 60s linear infinite;
        animation: marquee_1 60s linear infinite;
    white-space: nowrap;
}
@-moz-keyframes marquee_1 {
        0% {
          transform: translateX(20%);
        }
        100% {
          transform: translateX(-80%);
        }
}
@-webkit-keyframes marquee_1 {
        0% {
          transform: translateX(20%);
        }
        100% {
          transform: translateX(-80%);
        }
}
@keyframes marquee_1 {
        0% {
          -moz-transform: translateX(20%);
          -webkit-transform: translateX(20%);
          transform: translateX(20%)
        }
        100% {
          -moz-transform: translateX(-80%);
          -webkit-transform: translateX(-80%);
          transform: translateX(-80%);
        }
}

@media (max-width: 999px) {
	.header_move.move-1 {
/*     -moz-animation: marquee 60s linear infinite;
        -webkit-animation: marquee 60s linear infinite;
        animation: marquee 60s linear infinite; */
    -moz-animation: marquee_1 30s linear infinite;
        -webkit-animation: marquee_1 30s linear infinite;
        animation: marquee_1 30s linear infinite;
    }
      @-moz-keyframes marquee_1 {
        0% {
          transform: translateX(30%);
        }
        100% {
          transform: translateX(-70%);
        }
      }
      @-webkit-keyframes marquee_1 {
        0% {
          transform: translateX(30%);
        }
        100% {
          transform: translateX(-70%);
        }
      }
      @keyframes marquee_1 {
        0% {
          -moz-transform: translateX(30%);
          -webkit-transform: translateX(30%);
          transform: translateX(30%)
        }
        100% {
          -moz-transform: translateX(-70%);
          -webkit-transform: translateX(-70%);
          transform: translateX(-70%);
        }
      }
	  .logomove-1 {
	margin-top: 45px;
	}
	.logomove-2 {
	margin-top: 25px;
    margin-bottom: 10px;
	}
	.logomove-3 {
	margin-top: 25px;
    margin-bottom: 10px;
	}
}

.header_move.reverse-move {
  	display: inline-block;
/*     -moz-animation: marquee_reverse 180s linear infinite;
        -webkit-animation: marquee_reverse 180s linear infinite;
        animation: marquee_reverse 180s linear infinite; */
    -moz-animation: marquee_reverse 60s linear infinite;
        -webkit-animation: marquee_reverse 60s linear infinite;
        animation: marquee_reverse 60s linear infinite;
    white-space: nowrap;
}
@-moz-keyframes marquee_reverse {
        0% {
          transform: translateX(-80%);
        }
        100% {
          transform: translateX(20%);
        }
}
@-webkit-keyframes marquee_reverse {
        0% {
          transform: translateX(-80%);
        }
        100% {
          transform: translateX(20%);
        }
}
@keyframes marquee_reverse {
        0% {
          -moz-transform: translateX(-80%);
          -webkit-transform: translateX(-80%);
          transform: translateX(-80%)
        }
        100% {
          -moz-transform: translateX(20%);
          -webkit-transform: translateX(20%);
          transform: translateX(20%);
        }
}

@media (max-width: 999px) {
	.header_move.reverse-move {
/*     -moz-animation: marquee_reverse 60s linear infinite;
        -webkit-animation: marquee_reverse 60s linear infinite;
        animation: marquee_reverse 60s linear infinite; */
    -moz-animation: marquee_reverse 30s linear infinite;
        -webkit-animation: marquee_reverse 30s linear infinite;
        animation: marquee_reverse 30s linear infinite;
    }
      @-moz-keyframes marquee_reverse {
        0% {
          transform: translateX(-70%);
        }
        100% {
          transform: translateX(30%);
        }
      }
      @-webkit-keyframes marquee_reverse {
        0% {
          transform: translateX(-70%);
        }
        100% {
          transform: translateX(30%);
        }
      }
      @keyframes marquee_reverse {
        0% {
          -moz-transform: translateX(-70%);
          -webkit-transform: translateX(-70%);
          transform: translateX(-70%)
        }
        100% {
          -moz-transform: translateX(30%);
          -webkit-transform: translateX(30%);
          transform: translateX(30%);
        }
      }
}

.header_move.move-3 {
  	display: inline-block;
/*     -moz-animation: marquee 180s linear infinite;
        -webkit-animation: marquee 180s linear infinite;
        animation: marquee 180s linear infinite; */
    -moz-animation: marquee_3 60s linear infinite;
        -webkit-animation: marquee_3 60s linear infinite;
        animation: marquee_3 60s linear infinite;
    white-space: nowrap;
}
@-moz-keyframes marquee_3 {
        0% {
          transform: translateX(20%);
        }
        100% {
          transform: translateX(-80%);
        }
}
@-webkit-keyframes marquee_3 {
        0% {
          transform: translateX(20%);
        }
        100% {
          transform: translateX(-80%);
        }
}
@keyframes marquee_3 {
        0% {
          -moz-transform: translateX(20%);
          -webkit-transform: translateX(20%);
          transform: translateX(20%)
        }
        100% {
          -moz-transform: translateX(-80%);
          -webkit-transform: translateX(-80%);
          transform: translateX(-80%);
        }
}

@media (max-width: 999px) {
	.header_move.move-3 {
/*     -moz-animation: marquee 60s linear infinite;
        -webkit-animation: marquee 60s linear infinite;
        animation: marquee 60s linear infinite; */
    -moz-animation: marquee_3 30s linear infinite;
        -webkit-animation: marquee_3 30s linear infinite;
        animation: marquee_3 30s linear infinite;
    }
      @-moz-keyframes marquee_3 {
        0% {
          transform: translateX(30%);
        }
        100% {
          transform: translateX(-70%);
        }
      }
      @-webkit-keyframes marquee_3 {
        0% {
          transform: translateX(30%);
        }
        100% {
          transform: translateX(-70%);
        }
      }
      @keyframes marquee_3 {
        0% {
          -moz-transform: translateX(30%);
          -webkit-transform: translateX(30%);
          transform: translateX(30%)
        }
        100% {
          -moz-transform: translateX(-70%);
          -webkit-transform: translateX(-70%);
          transform: translateX(-70%);
        }
      }
}

@media (min-width: 1000x) {
	ul.header_move:hover {
		-moz-animation-play-state: paused;
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
	}
	.logomove-1 {
	margin-bottom: 45px;
	}
}

ul.header_move li {
    list-style: none;
    display: inline-block;
}

.dark-grey {
	color: #bbb !important;
}

p.dark-grey {
	margin-bottom: 5px;
}