body {
	background: url(../images/sfondo.jpg) #000408;
}

main {
	max-width: none;
	margin: 0 auto;
	overflow: hidden;
}
.main_body {
	padding: 0;
	text-align: center;
	min-width: 1400px;
	height: 100vh;
	display: block;
	position: relative;
}
	
	.box_center_cont {}
	@media screen and (max-width: 450px) {
		.box_center_cont {
			height: 100vh;
			width: 100vw;
			min-width: 300px;
			position: relative;
		}
	}
	
		.box_logo {
			width: 250px;
			position: absolute;
			top: 10%;
			left: 6%;
		}
		@media screen and (max-width: 450px) {
			.box_logo {
				position: relative;
				margin: 20px auto 30px;
				text-align: center;
				width: 90%;
				top: auto;
				left: auto;
			}
		}
		
			.box_logo_title {
				cursor: pointer;
				color: #ff7800;
				font-weight: 400;
				border: 1px solid #fff;
				padding: 5px 0;
				width: 100%;
				transition: color 0.3s linear;
				-webkit-transition: color 0.3s linear;
				-moz-transition: color 0.3s linear;
				margin-top: 16px;
			}
			.box_logo_title:hover {
				color: #ffa658;
			}
			@media screen and (max-width: 450px) {
				.box_logo_title {
					width: 250px;
					margin: 16px auto;
				}
			}
		
		
		.box_download_cont {
			position: absolute;
			top: 35%;
			left: 6%;
		}
		@media screen and (max-width: 450px) {
			.box_download_cont {
				margin: auto;
				position: relative;
				top: auto;
				left: auto;
			}
		}
		
			.box_download {
				background: #fff;
				padding: 15px 0;
				height: 350px;
				width: 250px;
				box-shadow: 0px 0px 13px 10px #383838;
				position: relative;
			}
			@media screen and (max-width: 450px) {
				.box_download {
					margin: auto;
					height: 320px;
				}
			}
			
				.box_download_title {
					font-weight: 600;
					font-size: 20px;
					margin-top: 20px;
				}
				@media screen and (max-width: 450px) {
					.box_download_title {
						margin-top: 10px;
					}
				}
				
				.box_download_name {
					font-weight: 400;
					text-align: left;
					padding: 10px 20px 0 20px;
					word-break: break-word;
				}
				.box_download_size {
					font-weight: 200;
					text-align: left;
					padding: 5px 20px 20px 20px;
					font-size: 14px;
				}
				
				.box_download_btn {
					text-transform: uppercase;
					font-weight: 600;
					cursor: pointer;
					background: #ff7800;
					color: #fff;
					padding: 5px 0;
					position: absolute;
					bottom: 15px;
					width: 100%;
					transition: background 0.3s linear;
					-webkit-transition: background 0.3s linear;
					-moz-transition: background 0.3s linear;
				}
				.box_download_btn:hover {
					background: #ffa658;
				}
				.box_download_btn.disabled {
					background: #b5b5b5;
					cursor: default;
				}
				
				.box_download_img {
					width: 130px;
					margin: 24px auto 10px;
				}
				
					.image {
						display: block;
						width: 100%;
						-webkit-user-drag: none;
						-khtml-user-drag: none;
						-moz-user-drag: none;
						-o-user-drag: none;
						user-drag: none;
					}
					
			.box_contact {
				padding: 15px 0;
				width: 250px;
				position: relative;
				margin-top: 36px;
				color: #fff;
				border: 1px solid #fff;
			}
			@media screen and (max-width: 450px) {
				.box_contact {
					margin: auto;
					margin-top: 15px;
					padding: 10px 0;
				}
			}
			.box_contact a {
				color: #fff;
			}
				.box_contact_company {
					font-weight: 600;
					line-height: 22px;
				}
		
	
	.box_info_cont {
		position: absolute;
		top: 10%;
		left: 40%;
	}
	.box_info_eco {
		top: 10%;
		left: 35%;
		z-index: 1;
	}
	.box_info_virt {
		top: 7%;
		left: 55%;
		z-index: 2;
	}
	.box_info_video {
		top: 14%;
		left: 75%;
		z-index: 3;
	}
	.box_info_foto {
		top: 51%;
		left: 45%;
		z-index: 4;
	}
	.box_info_drone {
		top: 53%;
		left: 65%;
		z-index: 5;
	}
		
		.box_info {
			background: #fff;
			padding: 0;
			height: 400px;
			width: 250px;
			box-shadow: 0px 0px 13px 10px #383838;
			
			background-color: #ffffff;
			background-position: center 20px;
			background-repeat: no-repeat;
			background-size: 160px;
			position: relative;
		}
		.box_info_eco .box_info {
			background-image: url(../images/e-commerce.png);
		}
		.box_info_virt .box_info {
			background-image: url(../images/virtual_tour.png);
		}
		.box_info_video .box_info {
			background-image: url(../images/videomaking.png);
		}
		.box_info_foto .box_info {
			background-image: url(../images/foto.png);
		}
		.box_info_drone .box_info {
			background-image: url(../images/drone.png);
		}
		
			.box_info_title_cont {
				display: flex;
				align-items: flex-start;
				justify-content: flex-start;
				
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				cursor: move; /* fallback if grab cursor is unsupported */
				cursor: grab;
				cursor: -moz-grab;
				cursor: -webkit-grab;
			}
			.box_info_title_cont:active {
				cursor: grabbing;
				cursor: -moz-grabbing;
				cursor: -webkit-grabbing;
			}
				
				.box_info_move {
					color: #fff;
					background: #ff7800;
					font-size: 15px;
					height: 42px;
					width: 45px;
					display: flex;
					flex-direction: column;
					align-content: center;
					justify-content: center;
					align-items: center;
					transition: background 0.3s linear;
					-webkit-transition: background 0.3s linear;
					-moz-transition: background 0.3s linear;
				}
				.box_info_move:hover {
					background: #ffa658;
				}
					.box_info_move p {
						font-size: 13px;
						line-height: 12px;
					}
			
				.box_info_title {
					font-style: italic;
					font-weight: 400;
					font-size: 17px;
					padding: 12px 0 8px 8px;
				}
				
					.box_info_title p {
						display: inline-block;
						margin-right: 20px;
						font-size: 15px;
						font-style: normal;
						vertical-align: bottom;
						color: #ff7800;
					}
				
		

			.box_info_text {
				padding: 95px 15px 0;
				font-size: 13px;
				font-weight: 400;
				line-height: 15px;
				text-align: left;
				max-height: 100%;
			}
			
			.box_info_btn {
				text-transform: uppercase;
				font-weight: 600;
				cursor: pointer;
				background: #ff7800;
				color: #fff;
				padding: 5px 0;
				position: absolute;
				bottom: 15px;
				width: 100%;
				transition: background 0.3s linear;
				-webkit-transition: background 0.3s linear;
				-moz-transition: background 0.3s linear;
			}
			.box_info_btn:hover {
				background: #ffa658;
			}