@import 'https://fonts.googleapis.com/css?family=Cardo|Playfair+Display';

body {overflow-x:hidden; font-family: 'Playfair Display', serif;}


/* ========== delay ========== */
.hover_delay {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
	}

/* ========== alpha ========== */
.alpha_50 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity:0.5;
 	}

/* ========== animate ========== */
.animate_linear  {
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	transition:all 0.1s linear;
	}

.animate_easing {
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	}

/* ========== border radius ========== */
.radius_3 {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}

/* ========== box sizing ========== */
.box_sizing {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}

.box_fluid {
  width:1140px;
	margin:0 auto;
	}

.grayScale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	}

.center_vert {
  width:100%;
  position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	}

.zoom_scale img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}

.zoom_scale:hover img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.table_even {border-collapse:collapse;}
.table_even tr:nth-child(even) {background-color:#EBEEF1;}

.bg_cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
  
.container {
  width: 90%;
  margin: 20px auto;
  background:url(../bg-container.png) center center repeat;
  padding: 50px 0;
  text-align:center;
  color:#fff;
}

.container h1{
  font-size:36px;
  letter-spacing:0.01em;
}

.container h1 span{
  font-size:50px;
  letter-spacing:0.06em;
}

.titolo1{
  width:540px;
  margin:0 auto;
  position:relative;
}

.container h3{
  font-size:31px;
}

.email{
  font-size:27px;
  color:#444;
  padding:8px 25px 10px;
  background:url(../bg-a.png) center center repeat;
}

.container p{
  font-size:23px;
  line-height:2.1em;
}

.container p span {
  font-family: 'Cardo', serif;
  border:1px solid #fff;
  padding:3px 10px;
}

.container p span a{
  color:#fff
}

.container img {position:absolute; right:20px; bottom:-30px; width:172px}

.footer{
	width:90%;
	position:absolute;
	bottom:5px;
	left:5%;
	color:#fff;
	font-size:10px;
	text-align:center;
}

.footer a{
	color:#fff;
}

.footerDesk{display:block;}
.footerMob{display:none;}

/* =============
Media Queries
============= */

/* ====== Small ======  */
@media only screen and (min-width : 0) and (max-width : 766px),
only screen and (min-device-width : 0) and (max-device-width : 766px),
only screen and (min-device-width : 0) and (max-device-width : 766px) and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-width: 0) and (max-device-height: 766px) and (-webkit-device-pixel-ratio: 3) {

#box_modulo_contatti input[type="text"],
.center_med,
.centra,
.box_fluid {width:100%;}

.colx2 {
	-moz-column-count:1;
	-moz-column-gap:0;
	-webkit-column-count:1;
	-webkit-column-gap:0;
	}

table.table_responsive,
.table_responsive td,
.table_responsive tr {
	width:100%;
	display:block;
	}
	
	
	
.container h1{
  font-size:25px;
  letter-spacing:0.01em;
}

.container h1 span{
  font-size:30px;
  letter-spacing:0.06em;
  line-height:1.2em;
}

.titolo1{
  width:80%;
  margin:0 auto;
  position:relative;
}

.container{
	position:relative;
	margin:0 auto
}

.container h3{
  font-size:20px;
  margin:0 20px;
}

.email{
  font-size:18px;
  color:#444;
  padding:8px 25px 10px;
  background:url(../bg-a.png) center center repeat;
}

.container p{
  font-size:15px;
  line-height:2.1em;
  margin:0 20px;
}

.container p span {
  display:block;
}

.container img {position:absolute; right:50%; bottom:-35px; margin-right:-152px;}

.center_vert {
  width:100%;
  position:absolute;
	top:0;
	left:0;
	-ms-transform: translate(0);
	-webkit-transform: translate(0);
	transform: translate(0);
	height:auto
	}
	
.footerMob{display:block;}
.footerDesk{display:none;}

.footer{
	width:90%;
	position:relative;
	bottom:0;
	left:0;
	color:#fff;
	margin:20px auto;
}

.footer p{
	font-size:10px !important;
	text-align:center;
}


}

/* ====== Med ======  */
@media only screen and (min-width : 767px) and (max-width : 959px),
only screen and (min-device-width : 767px) and (max-device-width : 959px),
only screen and (min-device-width : 767px) and (max-device-width : 959px) and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-width: 767px) and (max-device-height: 959px) and (-webkit-device-pixel-ratio: 3) {

.center_med,
.centra,
.box_fluid {width:100%;}




.container h3{
  font-size:25px;
}

.email{
  font-size:24px;
  color:#444;
  padding:8px 25px 10px;
  background:url(../bg-a.png) center center repeat;
}

.container p{
  font-size:20px;
  line-height:2.1em;
}




}

/* ====== Big ======  */
@media only screen and (min-width : 960px) and (max-width : 1299px),
only screen and (min-device-width : 960px) and (max-device-width : 1299px),
only screen and (min-device-width : 960px) and (max-device-width : 1299px) and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-width: 960px) and (max-device-height: 1299px) and (-webkit-device-pixel-ratio: 3) {

.box_fluid {width:960px;}

}