@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;}

.menu {float:right;}
.menu a {margin-left:2em;}

.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;}

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

/*Grid Image*/
article {
 -moz-column-width: 26em;
 -webkit-column-width: 26em;
 -moz-column-gap: 4em;
 -webkit-column-gap: 4em; 
 margin-top:4.5em;
  
}

section {
 display: inline-block;
 margin: 4em 0;
 padding:  0;
 width:  100%; 
}

section span {display:none; position:fixed; top:8em; left:6.3em; text-align:left;}
section a:hover > span {display:inline !important;}
section p {visibility:hidden;}
section a:hover > p {visibility:visible !important;}

/*Grid Image*/

.single-work {margin:0 auto; width:60%; padding-top: 5em;}
.single-work img {margin-bottom:2em;}
.single-description {padding:2em 0 4em 0;}

/*Drag and Drop*/



/*Hide*/
.l-index-m {display:none !important;}
.form-mobile {display:none;}
.desc-contact-mobile {display:none;}
.desc-contact {display:inline;}

/*video 100%*/
.videoWrapper {
  position: relative;
  padding-bottom: 53.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-bottom: 30px;
}

.vs-direct {display:none;}

/*Private page*/
.row_private {width:100%; height: auto; margin:30px 0;}
.column_private {width:32.66%; height: auto; float: left;}
.margin_column_private {margin:0 1%;}
.line_divider {clear:both; border-bottom:solid 1px #ccc; width:100%; margin:30px 0 50px 0;}


/*MEDIA SCREEN*/

/*Mobile*/
@media screen and (max-width: 1120px) {

		body {font-size:33px !important; line-height:1.2em;}
		#container p {width:100%;}
		.title {display: none;}
		.l-index-m {display:inline !important;}
		.mobile-fix {position: fixed; left:0; width: 100%; background-color: #fff; top:0; padding:50px 0; border-bottom:solid 1px #000;}
		.menu a {width:100%; margin-left:40px;}
		.logo {display:none !important;}
		section span {position:relative; top:30px; left: 0;}
		section p {display:none;}

		.vs-direct {display:inline;}
		.vs-page {display:none !important;}

		.vs { width: 100%; border-top: solid 2px #000; float:none; padding:50px 0; text-align: center;}
		.contact {width: 100%; border-top: solid 1px #000; float:none; padding:50px 0;  text-align: center; float:left;}
		.contact a {margin-left: 0;}

		.single-work {width:100%;}
		.single-description {border-bottom: solid 2px #000;}

		#main {margin-top: 50px;}
		#main table {width:100%; text-align: center; margin-top: 30px;}
		input {width: 80%; font-size: 36px !important; border-radius: 0; padding: 30px 20px !important;}

		.form input {width: 100%; }
		.form textarea {width: 100%; min-height: 400px;}
		.form-legend {font-size: 36px !important;}

		.footer-abs {position: relative; bottom: 0em; width: 100%; margin-top: 6em;}

		.column_private {width:100%; height: auto; float: left;}
		.margin_column_private {margin:0;}
	}

/*iPad Mini Portrait
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {
	
	body { font-size:16px; line-height:20px}
	.single-work {width:100%;}
	.watch {display:none;}
	#container p {width:60%;}
	.logo {width:80%; float:left;}
	#container p {padding-top:60px;}
	
	}*/

/*iPad Mini Land
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
	
	body { font-size:16px; line-height:20px}
	.watch {display:none;}
	#container p {width:60%;}
	.footer-abs {position:inherit; margin-top:3em;}
	.logo {width:80%; float:left;}
	#container p {padding-top:80px;}
	
	}*/
	

/*iPhone 5 / 5s Portrait	
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
	
	body { font-size:3em; line-height:1.2em;}
	.logo span {display:none !important;}
	.logo {display:none !important;}
	.contact {float:left;}
	.mobile-fix {position: fixed !important; width:100%; top:0; left:0; padding:60px 30px; border-bottom:solid 1px #000; background:#fff;}
	.menu a {margin-left:0; margin-right:1em;}
	.l-index-m {display:inline !important; border-bottom:solid 1px #000;}
	.title {position:fixed; top:6.2em; left:30px;}
	 section span {top:6.2em; left:150px;}
	 section {margin:1em 0;}
	 .single-work {width:100%;}
	 article {margin-top:7em; }
	 #container p {width:100%; padding-top:150px;}
	 .footer-abs {position:inherit !important; margin-top:150px;}
	 .contact {width:100%; border-top:solid 1px #000; text-align:left; padding:50px 0 !important; margin-left:0 !important;}
	 .vs {width:100%; border-top:solid 1px #000; text-align:left; padding:50px 0; margin:0 !important;}
	 
	 .watch {display:none;}
	 .form {display:none;} 
	 .form-mobile {display:inline !important; color:#000;}
	 .form-mobile a {border-bottom:solid 1px #000;}
	 .desc-contact-mobile {display:inline;}
	 .desc-contact {display:none;}
}*/

/*iPhone 5 / 5s Land	
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
	
	
	.logo span {display:none !important;}
	.logo {display:none !important;}
	.contact {float:left;}
	.mobile-fix {position: fixed !important; width:100%; top:0; left:0; padding:60px 30px; border-bottom:solid 1px #000; background:#fff;}
	.menu a {margin-left:0; margin-right:1em;}
	.l-index-m {display:inline !important; border-bottom:solid 1px #000;}
	.title {position:fixed; top:6.2em; left:30px;}
	 section span {top:6.2em; left:150px;}
	 section {margin:1em 0;}
	 .single-work {width:100%;}
	 article {margin-top:7em; }
	  .footer-abs {position:inherit !important; margin-top:150px;}
	 .contact {width:100%; border-top:solid 1px #000; text-align:left; padding:50px 0 !important; margin-left:0 !important;}
	 .vs {width:100%; border-top:solid 1px #000; text-align:left; padding:50px 0; margin:0 !important;}
	 
	 .watch {display:none;}
	 .form {display:none;} 
	 .form-mobile {display:inline !important; color:#000;}
	 .form-mobile a {border-bottom:solid 1px #000;}
	 .desc-contact-mobile {display:inline;}
	 .desc-contact {display:none;}
	  
	 
}*/