@charset "UTF-8";
/* CSS Document */
@import "compass/css3";

*, *:before, *:after {box-sizing:  border-box !important;}

::selection {background:#000; color:#fff;}
::-moz-selection {background:#000; color:#fff;}

body {font-family: 'Arial', sans-serif; font-weight:400; font-size:13px; letter-spacing:1px; padding:2em 0 4em 0; line-height:17px;}

a {color:#000; text-decoration:none; padding:5px 0;} a:hover {color:#000; text-decoration:none;}
img {width:100%; height:auto;}

.divisore {clear:both;}

#container {width:95%; margin:0 auto;}

#container p {width:40%;}

.logo {width:60%; float:left;}
.logo a {border-bottom:solid 1px #000;}
.logo span {visibility:hidden; opacity: 0;}
.logo:hover > span {visibility:visible !important; opacity: 1;}
.ep-logo {line-height:40px; padding-left:3em;}

.footer-abs {position: absolute; bottom: 4em; width: 94%;}
.contact {float:right;}
.contact a {margin-left:2em;}
.vs {float:left;}
.column {max-width:300px; float:left; margin-right:3em;}

.title {position:fixed; top:8em; left:3.4em;}


/*Gradient*/

.gradient {
  
  top:12em; bottom:12em; left:20em; right:20em;
  position:fixed;
	background: linear-gradient(270deg, #18f0b8, #18a2f0, #db5640);
	background-size: 600% 600%;
	-webkit-animation: Gradient 60s ease infinite;
	-moz-animation: Gradient 60s ease infinite;
	animation: Gradient 60s ease infinite;
}

.about-inside {position:absolute; bottom:3em; right:3em; color:#fff;}

.img-gradient {position:absolute; bottom:0; width:600px; height:auto; left:50%; margin-left:-300px;}

    
    @-webkit-keyframes Gradient {
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}
	@-moz-keyframes Gradient {
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}
	@keyframes Gradient { 
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}

@media screen and (max-width: 1120px) {
		body {font-size:35px !important; line-height:1.2em;}
		.gradient {left: 0em; right:0em; top:0em; bottom: 3em; z-index:-2;}
		#container p {width:100%;}

		.footer-abs {position: fixed; bottom: 0em; left:0; width: 100%; background-color: #fff;}
		.footer > .contact {width: 100%; border-top: solid 2px #000; float:none; padding:50px 0;  text-align: center; float:left;}
		.footer > .contact a {margin-left: 0;}
		.contact a {width:100%;}

		.about-inside {width: 100%; text-align: center; border-top:solid 2px #fff; right: 0; padding-top:50px;}

		.column {width: 100%; max-width:100%;}

		input {width: 100%;}
		#main table {width:100%; text-align: center; margin-top: 30px;}
		input { width: 100%; font-size: 36px !important; border-radius: 0; padding: 30px 20px !important;}
		.form-legend {font-size: 36px !important;}
		textarea {width: 100% !important; min-height: 400px;}
	}