body, html {
  height: 100%;
  margin: 0;
}


body {
	background-color:var(--color-4);
	font-family: var(--font-style-1);
	}

body p{
	color:var(--color-black);
	font-family: var(--font-style-1);
	font-size:24px;
	line-height: 1.2em;
	}

#container_page {
	width:100%;
	overflow-x:hidden;
	max-width:1920px;
	margin:0 auto;
	display:block;
	position:relative;
	box-shadow:2px 2px 20px rgba(0,0,0,0.2);
	}

/* --- */

#menu_primary { display:block; }
#menu_secondary { display:none; }


/* ========== Delay ========== */

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

/* ========== Animate ========== */

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

/* ========== Desaturate ========== */

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

/* ========== 2x Columns ========== */

.colx2 {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	}

/* ========== iframe Video ========== */

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

/* ========== Zoom Scale ========== */

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

.zoom_scale:hover img {
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s 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);
	}

/* ========== BG Cover ========== */

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

.bg_cover_scroll {
	background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}






.hscroll-line {
	right: 50%;
	height:2px;
	position: absolute;
	overflow: hidden;
  transform: rotate(90deg);
  transform-origin:50% 50%;
  }

.hscroll-line::before,
.hscroll-line::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: ""
  }

.hscroll-line:before {
  background: transparent;
  }

.hscroll-line::after {
  background: rgb(233,198,157);
  background: -moz-linear-gradient(90deg, rgba(233,198,157,0) 0%, rgba(233,198,157,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(233,198,157,0) 0%, rgba(233,198,157,1) 100%);
  background: linear-gradient(90deg, rgba(233,198,157,0) 0%, rgba(233,198,157,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9c69d",endColorstr="#e9c69d",GradientType=1);
	animation: move 2.1s infinite
  }

@keyframes move {
	0% {
		transform: translate3d(-200%, 0, 0)
	}
	/* 60% {
		transform: translate3d(100%, 0, 0)
	} */
	100% {
		transform: translate3d(100%, 0, 0)
	}
}

/* ========== Boxes ========== */

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

#menu_primary { display:none; }
#menu_secondary { display:block; }

}

.mobile_view_menu { display:none; }

.hide_el {
	width:0;
	height:0;
	overflow:hidden;
	display: block;
	position:absolute;
	right:0;
	top:0;
	z-index:0;
 	}

.box_fluid,
.box_med {
	display:block;
	width:100%;
	max-width:1600px;
	margin:0 auto;
	}

.box_med {
	max-width:980px;
	}

/* ============ Testi generici ============ */

.mobile_view { display:none; }

/* =======================================
Media Queries - Generali
======================================= */

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

  .desktop_view_menu { display:none; }
  .mobile_view_menu { display:block; }

}

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

	.row-eq-height {
		display:table-cell;
		display:table-cell;
		display:table-cell;
		display:table-cell;
		}

.bg_cover_fixed { background-attachment: scroll; }
.pad0x20 { padding:0 20px; }

.box_fluid,
.box_med,
.box_small { width:100%; }

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

.desktop_view { display:none; }
.mobile_view { display:block; }



}

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

.center_med,
.box_fluid {width:100%;}
.bg_cover_fixed { background-attachment: scroll; }
.pad0x20 { padding:0 20px; }

}

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

.box_fluid {width:960px;}

}




/* CUSTOM */




.stile_titolo_1{
	font-family: var(--font-style-2);
	color:var(--color-black);
	text-transform:uppercase;
	letter-spacing: 2px;
	margin-bottom: 30px;
	line-height: 0.8em;
	display: inline-block;
}

.stile_titolo_2{
	font-family: var(--font-style-2);
	color:var(--color-black);
	text-transform:uppercase;
	letter-spacing: 2px;
	margin-bottom: 30px;
	line-height: 0.8em;
	display: inline-block;
}

.stile_titolo_3{
	font-family: var(--font-style-2);
	color:var(--color-1);
	text-transform:uppercase;
	letter-spacing: 2px;
	margin-bottom: 40px;
	line-height: 1.5em;
	display: inline-block;
}

.stile_titolo_4{
	font-family: var(--font-style-3);
	color:var(--color-black);
	text-transform:uppercase;
	letter-spacing: 5px;
	font-size:16px;
	line-height: 0.8em;
	display: block;
}


.stile_titolo_5{
	font-family: var(--font-style-2);
	color:var(--color-black);
	text-transform:uppercase;
	letter-spacing: 2px;
	margin-bottom: 10px;
	line-height: 1em;
	display: inline-block;
}



@media all and (min-width:1900px){
	.stile_titolo_1{font-size:85px;}
}

@media all and (min-width:1400px) and (max-width:1899px){
	.stile_titolo_1{font-size:65px;}
}

@media all and (min-width:992px) and (max-width:1399px){
	.stile_titolo_1{font-size:45px;}
}


@media all and (min-width:992px){

	.stile_titolo_2{font-size:30px;}
	.stile_titolo_3{font-size:30px;}
	.stile_titolo_5{font-size:45px;}
	.img_desktop{display:block;}
	.img_mobile{display:none;}
}

@media all and (max-width:991px){

	.stile_titolo_1{font-size:40px;}
	.stile_titolo_2{font-size:20px;}
	.stile_titolo_3{font-size:20px;}
	.stile_titolo_5{font-size:25px;}
	.img_desktop{display:none;}
	.img_mobile{display:block;}

}


/* PULSANTI GENERICI */
#btn_bol_nav,
#btn_bol_big_nav,
.btn_tipo_1,
.btn_tipo_2,
.btn_tipo_3,
.btn_tipo_4{
	display: inline-block;
	text-decoration:none!important;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#btn_bol_big_nav,
#btn_bol_nav{
	cursor: pointer;
	font-family: var(--font-style-2);
	text-transform:uppercase;
	font-size:20px;
	color:var(--color-white);
	background-color:var(--color-1);
	border:solid 2px var(--color-1);
	font-weight:bold;
	padding: 8px 12px;
}

#btn_bol_big_nav:hover,
#btn_bol_nav:hover{
	color:var(--color-white);
	background-color:var(--color-black);
	border:solid 2px var(--color-black);
}

a.btn_tipo_1{
	font-family: var(--font-style-2);
	text-transform:uppercase;
	font-size:20px;
	color:var(--color-white);
	background-color:var(--color-1);
	border:solid 2px var(--color-1);
	font-weight:bold;
	padding: 8px 12px;
}


a.btn_tipo_1:hover{
	color:var(--color-white);
	background-color:var(--color-black);
	border:solid 2px var(--color-black);
}

a.btn_tipo_2{
	font-family: var(--font-style-2);
	text-transform:uppercase;
	font-size:25px;
	color:var(--color-white);
	background-color:var(--color-1);
	border:solid 2px var(--color-1);
	font-weight:bold;
	padding: 15px 65px;
}

a.btn_tipo_2:hover{
	color:var(--color-white);
	background-color:var(--color-black);
	border:solid 2px var(--color-black);
}


a.btn_tipo_3{
	font-family: var(--font-style-2);
	text-transform:uppercase;
	font-size:20px;
	color:var(--color-white);
	background-color:var(--color-black);
	border:solid 2px var(--color-black);
	font-weight:bold;
	padding: 8px 12px;
}

a.btn_tipo_3:hover{
	color:var(--color-white);
	background-color:var(--color-1);
	border:solid 2px var(--color-1);
}




a.btn_tipo_4{
	font-family: var(--font-style-2);
	text-transform:uppercase;
	font-size:25px;
	color:var(--color-white);
	background-color:var(--color-black);
	border:solid 2px var(--color-black);
	font-weight:bold;
	padding: 15px 65px;
}

a.btn_tipo_4:hover{
	color:var(--color-black);
	background-color:var(--color-white);
	border:solid 2px var(--color-black);
}


.fascia_generica{background-color:var(--color-3);}


/* === ################ DESKTOP ################ === */
@media all and (min-width:992px){
	.fascia_generica{padding: 0 0 0 0;}
	.txt_desktop_view { display:block; }
	.txt_mobile_view { display:none; }
	
}
/* === ################ ./DESKTOP ################ === */
	
/* === ################ MOBILE ################ === */
@media all and (min-width:0) and (max-width:991px){
		.fascia_generica{padding: 0 0 0 0;}
		.txt_desktop_view { display:none; }
		.txt_mobile_view { display:block; }
		a.btn_tipo_2{padding: 8px 12px;font-size:20px;}
}
/* === ################ ./MOBILE ################ === */


.item_link{
	display: block;
	position: relative;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}


.cover_generica{
	position: absolute;
	top:0;
	left:0;
	right:0;
	margin: 0 auto;
	width:100%;
	height:100%;
	background-color: var(--color-1);
	z-index:1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	opacity: 0;
}

.item_link:hover .cover_generica{opacity: 0.3;}


div.grecaptcha-badge {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

div.grecaptcha-logo {
    opacity: 0 !important;
    box-shadow: inherit !important;
    visibility: hidden !important;
}


.testo_sotto_box {
	text-align:center;
	background-color:var(--color-3);
}

.testo_sotto_box .txt p{
	font-size:20px;
	line-height: 1.6em;
}


@media all and (min-width:769px){
	.testo_sotto_box {padding: 120px 0;}
}

@media all and (min-width:0) and (max-width:768px){
	.testo_sotto_box {padding: 30px 0;}
}

.icona_content {
    display:block;
    margin: 0 auto 30px auto;
   }

.icona_content .ic-icona {
	background:var(--color-1);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	width:50px;
	height:50px;
	position: relative;
	top:-3px;
	display: inline-block;
	margin-right:10px;
}


.box_foto{
	display: block;
	margin: 0 auto;
	width:97%;
}