@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed&display=swap');

@font-face {
    font-family: 'Butler';
    src: url('Butler-Light.eot');
    src: url('Butler-Light.eot?#iefix') format('embedded-opentype'),
        url('Butler-Light.woff2') format('woff2'),
        url('Butler-Light.woff') format('woff'),
        url('Butler-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler-Medium.eot');
    src: url('Butler-Medium.eot?#iefix') format('embedded-opentype'),
        url('Butler-Medium.woff2') format('woff2'),
        url('Butler-Medium.woff') format('woff'),
        url('Butler-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler-Bold.eot');
    src: url('Butler-Bold.eot?#iefix') format('embedded-opentype'),
        url('Butler-Bold.woff2') format('woff2'),
        url('Butler-Bold.woff') format('woff'),
        url('Butler-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler-Black.eot');
    src: url('Butler-Black.eot?#iefix') format('embedded-opentype'),
        url('Butler-Black.woff2') format('woff2'),
        url('Butler-Black.woff') format('woff'),
        url('Butler-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler-ExtraBold.eot');
    src: url('Butler-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('Butler-ExtraBold.woff2') format('woff2'),
        url('Butler-ExtraBold.woff') format('woff'),
        url('Butler-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler.eot');
    src: url('Butler.eot?#iefix') format('embedded-opentype'),
        url('Butler.woff2') format('woff2'),
        url('Butler.woff') format('woff'),
        url('Butler.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler-UltraLight.eot');
    src: url('Butler-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('Butler-UltraLight.woff2') format('woff2'),
        url('Butler-UltraLight.woff') format('woff'),
        url('Butler-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}



body {
	background-color:#fefefe;
	font-family: 'Assistant', sans-serif;
	}

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


.pm0 {
  padding:0!important;
  margin:0!important;
}

.dnone {display:none;}

.hscroll-line {
	right: 50%;
	height:2px;
	position: absolute;
	overflow: hidden;
  transform: rotate(90deg);
  tranform-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,
.box_small,
.box_extrasmall {
	display:block;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	}

.box_med {
	max-width:980px;
	}

	.box_small{max-width:700px;}

	.box_extrasmall {max-width:470px}

	a:hover{text-decoration:none}

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

.mobile_view { display:none; }

.pad060{padding:0 60px}

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

/* ====== Switch Menu ======  */
@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) {

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

    .pad060{padding: 0;}

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

}