@charset "utf-8";
/* CSS Document */
body{
	background-color:#fff;
	font-family: 'DIN Next LT Pro', sans-serif;
}

.container-mobile {display:none;}
#myCarousel{display:none;}

.testata
{
	width:100%;
	height:auto;
	/*position:absolute;*/
}
.img-testata
{
	width: 100%;
	height: auto;
	max-height:550px;
}
.container
{
	/*width:100%;*/
	height:auto;
	/*position:absolute;*/
	position:relative;
	margin-top:-200px;
}
.container-txt
{
	float:left;
	margin-top:210px;
	color:#3b3b3b;
	font-size:60px;
	width:40%;
}
.container-dx
{
	float:left;
}
.container-dx  > p
{
	font-size:18px;
	line-height:18px;
	margin:20px 0px 0px 0px;
}
.logo-appstore
{
	margin-top:-10px;
}
.logo-playstore
{
	margin-top:-100px;
}
.container-sx
{
	float:left;
	margin-right:20px;
}

.container-claim > p
{
	font-size:24px;
	line-height:24px;
}
.container-img
{
	float:right;
	width:60%;
	text-align:left;
}
.img-prodotto
{
	/*width:85%;*/
	margin-top:-200px;
}

.device, .social
{
	width:100%;
	margin-top:20px;
	text-align:center;
}

.device > img
{
	padding:30px;
}

.social > hr
{
	width:80%;
	margin-top:60px;
}
footer.bottom
{
	display: block;
	width: 100%;
	height: 30vh;
	background: #ffffff;
	padding-bottom: 5vh;
}

footer.bottom > .bottom
{
	width: 100%;
	height: 4vh;
	text-align: center;
	color: #9a9a9b;
	/*font-size: 2.5vh;
	letter-spacing: 0.05vh;*/
	font-size:14px;
}

footer.bottom > .bottom > a
{
	text-decoration: none;
	color: #000;
}

footer.bottom > .bottom > a > i
{
	position: relative;
	top: 6vh;
	font-size: 20vh;
	color: #000;
}
.ui-loader, .ui-corner-all, .ui-body-a, .ui-loader-default
{
	display:none;
}
@media (max-width: 1150px){
	.device > img
	{
		padding:30px 0px;
	}
}
@media (max-width: 1050px){
	.container
	{
		display:none;
	}
	.container-mobile
	{
		display:block;
	}
	.container-img
	{
		width: 100%;
		text-align: center;
		position:relative;
		margin-top: -80px;
	}
	.img-prodotto
	{
		width:50%;
	}
	.container-txt
	{
		width:100%;
		margin-top:0px;
		
	}
	.container-link
	{
		float:left;
		width:50%;
		padding-left:75px;
	}
	.container-claim
	{
		float:right;
		width:50%;
		padding-left:10px;
		font-size:40px;
	}
	
}

@media (max-width: 900px){
	.device{display:none;}
	#myCarousel{display:block;}
	.social{margin-top:85px;}
	.carousel-inner > .item > .img-dev{
		width: auto !important;
		margin: auto;
	}
	.carousel-control
	{
		color:#000;
	}
	.carousel-indicators{
		bottom:-55px;
	}
	.carousel-indicators li{
		width:2.5vw;
		height:2.5vw;
		max-width:15px;
		max-height:15px;
		background-color:#b3b3b2;
		margin:0px 4px;
		border:0px;
	}
	.carousel-indicators .active{
		background-color:#000000;
		width:2.5vw;
		height:2.5vw;
		max-width:15px;
		max-height:15px;
		margin:0px 4px;
		border:0px;
	}
	.container-txt
	{
		text-align:center;
	}
	.container-link
	{
		width:100%;
		padding:0px;
	}
	.container-sx, .container-dx{float:none; margin:0px;}
	.container-claim
	{
		width:100%;
		padding:0px;
		margin-top:-100px;
	}
	.container-img
	{
		width: 100%;
		text-align: center;
		position:relative;
		margin-top: 50px;
	}
}
	
@media (max-width: 530px){
	.img-prodotto
		{
			margin-top:-150px;
		}
	.logoapp
	{
		width:100px;
		margin-top:15px;
	}
}