﻿/* Tiranti Fisarmoniche - edit: tonidigrigio - 2020 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url(all.min.css);
@import url(form.css);
@import url(animsition.min.css);
@import url(cookieconsent.min.css);

/*default*/
html, button, input, select, textarea {color:#666;overflow-x:hidden;}
body {margin:0px;padding:0px;background:#FFF;}
::-moz-selection {background:#CDB656;text-shadow:none;color:#FFF;}
::selection {background:#CDB656;text-shadow:none;color:#FFF;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;}
img {margin:0px;padding:0px;border:0px;outline:none;vertical-align: middle;}
a {text-decoration:none;outline:none;border:none;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize: vertical;}
.chromeframe { margin: 0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}

/*typography*/
* {text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html {font-family:sans-serif;font-size:100%;-webkit-font-smoothing:antialiased;}
body {font-family: 'Open Sans', sans-serif;font-style:normal;font-weight:400;color:#666;font-size:12px;}
ul,ol {margin:0px;padding:0px;float:none;list-style:none;}
ul ul,ol ul,ul ol,ol ol {margin:0px;padding:0px;}
ul,ol {margin:0px;padding:0px;clear:both;float:none;list-style:none;}
ul li,ol li {font-size:1em;line-height:1.2em;}
p {font-size:1.2em;line-height:1.4em;margin:20px 0px;font-weight:400;}
p:last-child, p:last-of-type {margin-bottom:0px;}
blockquote {font-size:2.0em;line-height:auto;margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h1 {font-size:2.4em;}
h2 {font-size:2.0em;}
h3 {font-size:1.8em;}
h4 {font-size:1.6em;}
h5 {font-size:1.4em;}
h6 {font-size:1.2em;}

/*clearfix*/
.clearfix {clear:both;}
.clearfix:before, .clearfix:after {content:" ";display:table; }
.clearfix:after {clear:both;}
.clearfix {width:100%;*zoom:1;}

/*default link*/
a, a:link, a:visited, a:active, a:hover {
	color:#333;
	text-decoration:none;
	outline:none;
	border:none;
	-webkit-transition:	all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-o-transition:		all 0.3s ease-in-out;
	-ms-transition:		all 0.3s ease-in-out;
	transition:			all 0.3s ease-in-out;
}
a:hover {color:#000;}

/*animation*/
.animation {
	-webkit-transition:	all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-o-transition:		all 0.3s ease-in-out;
	-ms-transition:		all 0.3s ease-in-out;
	transition:			all 0.3s ease-in-out;
}
.disableAnimation {
	-webkit-transition: none !important;
	-moz-transition: 	none !important;
	-o-transition: 		none !important;
	-ms-transition: 	none !important;
	transition: 		none !important;
}

/*loading*/
.animsition-loading {
	position:fixed;
	width:100%;height:100%;
	left:0px;right:0px;bottom:0px;top:0px;
	border:none;
	margin:0px;
	padding:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.animsition-loading .image {position:absolute;top:35%;left:50%;margin:0px 0px 0px -140px;width:280px;height:80px;background:url(/assets/img/loading.svg) no-repeat center center;background-size:280px 80px;}
.animsition-loading span {
    display: block;
    width: 80px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -40px;
    color: #1d1d1d;
    font-size:1em;
    text-align: center;
}
.animsition-loading::after {
	content: "";
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px;
	position:fixed;
	top:calc((30% + 160px) + 20px);
	left:50%;
	border-radius: 50%;
	z-index:100;
	background-color: transparent;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #1d1d1d;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-name: animsition-loading;
	animation-name: animsition-loading;
}

/*scrolling*/
#ascrail2000 {z-index:999999 !important;right:5px !important;top:5px !important;bottom:5px !important;height:calc(100vh - 10px) !important;overflow:hidden !important;border-radius:2.5px;}

/*scroller down*/
.scroller-down {width:50%;position:absolute;bottom:5em;z-index:9;text-align:center;}
.scroller-down.left {left:0px;}
.scroller-down.right {right:0px;}
.scroller-down a {display:block;width:20px;height:50px;margin:0px auto;}
.scroller-down a svg {fill:#6ba9be;}
.scroller-down a:hover {margin-bottom:-5px;}
.scroller-down.top a:hover {margin-bottom:5px;margin-top:-5px;}

/*template*/
.container, .container-fluid {padding-left:15px;padding-right:15px;}
.row {margin-right:-15px;margin-left:-15px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right:15px;padding-left:15px;}

/*card*/
.card {border:none;border-radius:0px;}
.card-body {margin:0px;padding:0px;}

/*header*/
#head-wrapper {
	background:#1d1d1d;
	overflow:hidden;
	height:90px;
	position:fixed;
	left:0px;
	right:0px;
	z-index:999999;
	-webkit-transition:	all 0.5s ease-in-out;
	-moz-transition:	all 0.5s ease-in-out;
	-o-transition:		all 0.5s ease-in-out;
	-ms-transition:		all 0.5s ease-in-out;
	transition:			all 0.5s ease-in-out;
}
#head-wrapper.nav-up {top:-90px;}
#head-wrapper.nav-dw {top:0px;}
#head-spacer {background:#1d1d1d;width:100%;clear:both;float:none;height:90px;}

/*footer*/
#foot-wrapper {
	padding:20px 0px;
	background:#1d1d1d;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	overflow:hidden;
}
#foot-wrapper p {margin:0px;}
#foot-wrapper p a {color:#999;}
#foot-wrapper p a:hover {color:#FFF;}
#foot-wrapper .d-sm-block {display:inline-block !important;}

/*logo*/
.logo {height:50px;width:70px;margin:20px 0px;overflow:hidden;float:left;}
.logo a {display:block;}
.logo svg {fill:#FFFFFF;}

/*menu*/
#main-menu {float:right;margin:20px 0px;height:50px;line-height:50px;overflow:hidden;}
#main-menu ul {display:inline-block;}
#main-menu ul.menu {border-left:1px solid #666;margin-right:20px;}
#main-menu ul.menu li {display:inline-block;margin-left:20px;height:50px;vertical-align:top;}
#main-menu ul.menu li a {color:#666;display:block;font-size:1.2em;line-height:1em;margin-top:9px;}
#main-menu ul.menu li a:hover {color:#FFF;}
#main-menu ul.menu li a.active, #main-menu ul.menu li a.active:hover {color:#FFF;text-decoration:underline;cursor:default;}
#main-menu ul.lang {border-left:1px solid #666;padding-left:10px;margin-right:20px;}
#main-menu ul.lang li {display:inline-block;line-height:50px;margin-left:10px;}
#main-menu ul.lang li a {color:#666;}
#main-menu ul.lang li a:hover {color:#FFF;}
#main-menu ul.lang li a.active, #main-menu ul.lang li a.active:hover {color:#FFF;text-decoration:underline;cursor:default;}
#main-menu ul.social {border-left:1px solid #666;padding-left:15px;}
#main-menu ul.social li {display:inline-block;line-height:50px;margin-left:5px;}
#main-menu ul.social li a i.fab {width:20px;height:20px;background:#8e8e8e;color:#1d1d1d;text-align:center;line-height:20px;}
#main-menu ul.social li a:hover i.fab {background:#FFF;}

/*menu toggle*/
#menu-toggle {display:none;cursor:pointer;position:relative;padding-right:30px;}
#menu-toggle p {font-weight:600;color:#FFF;margin:0px;}
#menu-toggle .line {
	width:20px;
	height:14px;
	margin:0px;
	position:absolute;
	top:50%;
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	right:0px;
}
#menu-toggle .line span {
	display:block;
	width:20px;
	height:2px;
	background:#FFF;
	position:absolute;
	-webkit-transition:	all 0.2s ease-in-out;
	-moz-transition:	all 0.2s ease-in-out;
	-o-transition:		all 0.2s ease-in-out;
	-ms-transition:		all 0.2s ease-in-out;
	transition:			all 0.2s ease-in-out;
}
#menu-toggle .line span:nth-child(1) {left:0px;top:0px;}
#menu-toggle .line span:nth-child(2) {left:0px;top:6px;}
#menu-toggle .line span:nth-child(3) {left:0px;top:6px;}
#menu-toggle .line span:nth-child(4) {left:0px;bottom:0px;}
#menu-toggle.active .line span:nth-child(1) {opacity:0;top:-5px;}
#menu-toggle.active .line span:nth-child(4) {opacity:0;bottom:-5px}
#menu-toggle.active .line span:nth-child(2) {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#menu-toggle.active .line span:nth-child(3) {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*overlay menu mobile*/
.overlay {position:fixed;width:auto;height:100%;top:0px;left:0px;right:0px;bottom:0px;background:#1d1d1d;z-index:-1;}
.overlay-scale {
	visibility: hidden;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter:alpha(opacity=0);
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition:	all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-o-transition:		all 0.3s ease-in-out;
	-ms-transition:		all 0.3s ease-in-out;
	transition:			all 0.3s ease-in-out;
}
.overlay-scale.open {
	visibility: visible;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);	
	z-index:99999;
}

/*mobile menu*/
#mobile-menu {margin:130px 30px 0px 30px;}
#mobile-menu ul li {margin:5px 0px;height:30px;}
#mobile-menu ul li a {display:block;text-align:center;line-height:30px;font-weight:600;font-size:1.4em;color:#666;}
#mobile-menu ul li a span {line-height:30px;position:relative;}
#mobile-menu ul li br {display:none;}
#mobile-menu ul li a.active {color:#FFF;}
#mobile-menu ul li a.active span {padding:0px 40px;}
#mobile-menu ul li a.active span::after {
	content: "";
	width:20px;
	height:30px;
	background:url("../img/mm-sx.svg") no-repeat;
	position:absolute;
	top:5px;
	left:0px;
}
#mobile-menu ul li a.active span::before {
	content: "";
	width:20px;
	height:30px;
	background:url("../img/mm-dx.svg") no-repeat;
	position:absolute;
	top:5px;
	right:0px;
}

/*mobile over social*/
.mobile-social {position:absolute;bottom:40px;left:40px;right:40px;text-align:center;}
.mobile-social li {display:inline-block;line-height:50px;margin:0px 5px;font-size:1.3em;}
.mobile-social li a i.fab {width:30px;height:30px;background:#8e8e8e;color:#1d1d1d;text-align:center;line-height:30px;}
.mobile-social li a:hover i.fab {background:#FFF;}

/*grid*/
.grid {width:100%;clear:both;float:none;}
.grid:after {content:'';display:block;clear:both;}
.grid-item {float:left;width:33.3333%;overflow: hidden;}

/*carousel*/
.carousel-control-next {justify-content:flex-end;}
.carousel-control-prev {justify-content:flex-start;}
.carousel-control-next-icon, .carousel-control-prev-icon  {width:60px;height:40px;background:none;margin:0px 20px;}
.carousel-control-next-icon svg, .carousel-control-prev-icon svg {fill:#FFF;} 
.carousel-indicators {bottom:40px;}
.carousel-caption {
    position:absolute;
    right:80px;
    bottom:auto;
	top:50%;
    left:80px;
    padding:0px;
    text-align: center;
	margin-top:-40px;
	transform: translateY(-50%);
}
svg#banner-home-over {fill:#FFF;width:100%;}
svg#banner-home-over g {fill:#000;}

/*text wrapper*/
.text-wrapper .wrapper {margin:-5em 20em 0px 20em;}
.text-wrapper .title {
    padding: 10px 0px 0px 60px;
    margin-bottom: 20px;
    font-weight: 300;
    color:#CDB656;
	background: url("../img/title-up.svg")  no-repeat 0px 0px;
}
.text-wrapper p:last-child, .text-wrapper p:last-of-type {margin-bottom:0px;}
.text-wrapper ul {list-style:disc;list-style-position:inside;margin:20px 0px 0px 0px;}
.text-wrapper ul li {font-size:1.2em;line-height:1.4em;font-weight:400;}

/*gold section*/
.gold-bg {background:#CDB656;}
.gold-bg.text-wrapper .title {color:#FFF;background: url("../img/title-up-line.svg")  no-repeat 0px 0px;}
.gold-bg.text-wrapper p {color:#FFF;}
.gold-bg.text-wrapper ul li {color:#FFF;}

/*storia navigazione*/
#nav-storia {
	padding:0px;
	margin:0px;
	left:0px ;
	right:0px;
	background:#FFF;
	z-index:999999 !important;
	-webkit-transition:	all 0.5s ease-in-out;
	-moz-transition:	all 0.5s ease-in-out;
	-o-transition:		all 0.5s ease-in-out;
	-ms-transition:		all 0.5s ease-in-out;
	transition:			all 0.5s ease-in-out;
}

#nav-storia.scroll-to-fixed-fixed {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

#nav-storia.nav-dw {top:90px !important;}
#nav-storia.nav-up {top:0px !important;}
.navigation-storia {padding:20px 0px;}
.navigation-storia ul {margin:0px auto;position:relative;display:inline-block;}
.navigation-storia ul::after {
	content: "";
	width:100%;
	height:1px;
	background:#b5d4de;
	position:absolute;
	top:4.5px;
	left:0px;
	right:0px;
	z-index:1;
}
.navigation-storia ul li {display:inline-block;margin:0px;padding:0px 10px;position:relative;text-transform:uppercase;font-size:1.1em;}
.navigation-storia ul li a {color:#b5d4de;display:block;position:relative;z-index:3;}
.navigation-storia ul li a::before {
	content: "";
	display:block;
	width:10px;
	height:10px;
	border:1px solid #b7d5df;
	border-radius:50%;
	background:#FFF;
	margin:0px auto 10px auto;
	-webkit-transition:	all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-o-transition:		all 0.3s ease-in-out;
	-ms-transition:		all 0.3s ease-in-out;
	transition:			all 0.3s ease-in-out;
	position:relative;
	z-index:4;
}
.navigation-storia ul li:first-child::after, .navigation-storia ul li:first-of-type::after {
	content:"";
	background:#FFF;
	display:block;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:50%;
	z-index:2;	
}
.navigation-storia ul li:last-child::after, .navigation-storia ul li:last-of-type::after {
	content:"";
	background:#FFF;
	display:block;
	position:absolute;
	top:0px;
	bottom:0px;
	left:50%;
	right:0px;
	z-index:2;	
}
.navigation-storia ul li a:hover {color:#6caabe;}
.navigation-storia ul li a:hover::before {border-color:#6caabe;}
.navigation-storia ul li a.current {color:#6caabe;}
.navigation-storia ul li a.current::before {border-color:#6caabe;background:#6caabe;}

/*storie wrapper*/
#storie-wrapper section {padding:15em 0px 22em 0px;position:relative;}
#storie-wrapper section .row {min-height:250px;}
#storie-wrapper section .scroller-down {bottom:40px;left:20px;right:0px;width:auto;}
#storie-wrapper section h6 {margin:0px 0px 10px 0px;color:#CDB656;font-weight:600}
#storie-wrapper section p {margin:0px;}
#storie-wrapper .citazione {
	padding:10px 60px;
	margin-bottom:20px;
	font-weight:300;
	color:#FFF;
	line-height:28px;
	background-image:url("../img/title-up-line.svg"), url("../img/title-down-line.svg");
	background-repeat:no-repeat;
	background-position:top left, bottom right;
}

/*contatti*/
body.contatti #section-01 p a {color:#6ba9be;font-weight:600;border-bottom:1px solid #FFF;}
body.contatti #section-01 p a:hover {border-color:#6ba9be;}
.form-wrapper {padding:10em 0px;}
.form-wrapper h3 {margin:0px 0px 20px 0px;color:#cdb656;}
.form-wrapper p {margin:0px;}

/*mappa*/
#mapWrapper {position: relative;overflow: hidden;height:calc(100vh - 100px);background:#f0f0f0;}
#map {width:100%;height:100%;cursor:default;}
#map a {display:none;}
#map img,  #ctaForm #map object,  #ctaForm #map embed {max-width:none;}
#map a[href^="http://maps.google.com/maps"], #map a[href^="https://maps.google.com/maps"], #map a[href^="https://www.google.com/maps"] {display: none !important;}
.gm-bundled-control .gmnoprint, .gm-style-cc {display:none !important;}
.gmnoprint:not(.gm-bundled-control) {opacity:0;}
button.gm-control-active.gm-fullscreen-control {display:none !important;}
.gm-style .gm-style-iw-c {border-radius:0px;box-shadow:none;}
.gm-style .gm-style-iw-t::after {box-shadow:none;}

/*ambassador*/
.list-ambassador {width:auto;margin:10em -10px;}
.ambassador {position:relative;overflow:hidden;margin:10px 10px 30px 10px;}
.ambassador a {position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:3;display:block;text-indent:-999999px;}
.ambassador .card-body {padding-top:20px;}
.ambassador h5 {color:#cdb656;margin:0px;font-weight:600;}
.ambassador p {margin:10px 0px 0px 0px;text-transform:uppercase;color:#999;line-height:20px;font-size:1em;}
.ambassador p img {margin-right:5px;height:10px;width:auto;}

/*prodotti*/
body.catalogo #section-01 a.button {
	width:300px;
	height:60px;
	float:none;
	clear:both;
	display:block;
	border:none;
	outline:none;
	background:#6ba9be;
	color:#FFF;
	line-height:60px;
	font-weight:400;
	background-image:url("../img/down-dx.svg"), url("../img/down-sx.svg");
	background-repeat:no-repeat;
	background-position:center left, center right;
}
.title-list-prodotti {margin-top:10em;}
.title-list-prodotti h2 {color:#cdb656;margin:0px;display:inline-block;font-weight:600;}
.title-list-prodotti .label {margin:0px 0px 0px 40px;width:auto;position:relative;/*display:inline-block;*/display:none;}
.title-list-prodotti .label::after {
	content: "";
	width:8px;
	height:8px;
	border-top:2px solid #cdb656;
	border-right:2px solid #cdb656;
	position:absolute;
	top:10px;
    right:0px;
	-ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
	-webkit-transition:	all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-o-transition:		all 0.3s ease-in-out;
	-ms-transition:		all 0.3s ease-in-out;
	transition:			all 0.3s ease-in-out;
}
.title-list-prodotti .label span {display:inline-block;line-height:20px;margin:0px 20px 0px 0px;text-transform:uppercase;color:#999;}
.title-list-prodotti .label select {
	outline:none;
	margin:0px;
	width: 220px;
	border:none;
    border-bottom:1px solid #CCC;
	height:38px;
	color:#666;
	font-weight:400;
	padding:0px;
    font-size:12px;
    border-radius: 0;
    line-height:24px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-o-transition:		all 0.3s ease-in-out;
	-ms-transition:		all 0.3s ease-in-out;
	transition:			all 0.3s ease-in-out;
	position: relative;
}
.title-list-prodotti .label select:focus {border-color:#6ba9be;}
.list-prodotti {width:auto;margin:20px -10px 10em -10px;}
.prodotti {position:relative;overflow:hidden;margin:10px 10px 30px 10px;}
.prodotti a {position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:3;display:block;text-indent:-999999px;}
.prodotti .card-body {padding-top:20px;position:relative;}
.prodotti .card-body::after {
	content: "";
	position:absolute;
	right:15px;
	top:50%;
	width:50px;
	height:20px;
	background: url("../img/next-small.svg") no-repeat center;
	-webkit-transition:	all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-o-transition:		all 0.3s ease-in-out;
	-ms-transition:		all 0.3s ease-in-out;
	transition:			all 0.3s ease-in-out;
	opacity:0;
}
.prodotti h4 {color:#cdb656;margin:0px;font-weight:600;}
.prodotti p {margin:5px 0px 0px 0px;text-transform:uppercase;color:#999;}
.prodotti:hover .card-body::after {opacity:1;right:20px;}
.wrapper-prodotti {margin:80px;}
.wrapper-prodotti .title {padding:0px !important;margin:0px;background:none;color:#cdb656;font-weight:600;font-size:1.8em;}
.wrapper-prodotti .subtitle {margin:5px 0px 0px 0px;text-transform:uppercase;color:#999;font-size:1.3em;}
.wrapper-prodotti a.back {display:block;position:absolute;right:0px;top:10px;width:40px;height:15px;}
.wrapper-prodotti a.back svg {width:40px;height:15px;fill:#6ba9be;}
.wrapper-prodotti a.back:hover {right:5px;}
.wrapper-prodotti .row {margin-top:20px;}
.wrapper-prodotti h6 {color:#000;margin:0px;padding:0px 0px 5px 0px;border-bottom:1px solid #CCC; text-transform:uppercase;}
.wrapper-prodotti ul.info {margin:5px 0px 20px 0px;padding:0px;clear:both;list-style:none;}
.wrapper-prodotti ul.info li {line-height:normal;color:#666;margin-bottom:5px;}
.wrapper-prodotti ul.info li:last-child {margin-bottom:0px;}
.wrapper-prodotti ul.link {clear:both;float:none;margin:20px 0px 0px 0px;list-style:none;}
.wrapper-prodotti ul.link li {color:#3f9cbb; text-transform:uppercase;font-weight:600;padding:0px 0px 5px 0px;}
.wrapper-prodotti ul.link li a {color:#3f9cbb;border-bottom:1px solid #FFF;}
.wrapper-prodotti ul.link li a:hover {border-color:#3f9cbb;}

/*assistenza*/
.lista-assistenza {padding-top:10em;}
.lista-assistenza .row {margin-top:60px;}
.lista-assistenza h4, .lista-assistenza h2 {color:#cdb656;margin:0px 0px 10px 0px;font-weight:600;}
.lista-assistenza p {margin:0px;}

/*homeintro*/
.home-intro {padding-top:10rem;padding-bottom:10rem;}
.home-intro h3 {color:#CDB656;font-weight:400;}
.home-intro span {display:block;}
.home-intro span svg {display:inline-block;margin-right:10px;fill:#6ba9be;width:20px;}
.home-intro a {display:inline-block;color:#6ba9be;font-size:0.9rem;border-bottom:1px solid #FFF}
.home-intro a:hover {border-bottom:1px solid #6ba9be}

/*responsive*/
@media handheld, only screen and (max-width:1780px) {
	.text-wrapper .wrapper {margin:-5em 10em 0px 10em;}
}

@media handheld, only screen and (max-width:1680px) {
	#storie-wrapper section {padding:15em 0px 17em 0px;}
}

@media handheld, only screen and (max-width:1580px) {
	.text-wrapper .wrapper {margin:-5em 5em 0px 5em;}
	.scroller-down {bottom:2.5em;}	
	#storie-wrapper section {padding:10em 0px 12em 0px;}	
	.lista-assistenza {padding-top:5em;}
	.form-wrapper {padding:7em 0px;}
	.list-ambassador {margin-top:5em;margin-bottom:5em;}
	
}

@media handheld, only screen and (max-width:1480px) {
	.catalogo #section-01 .scroller-down {display:none;overflow:hidden;opacity:0;}
	.wrapper-prodotti {margin:40px;}
}

@media handheld, only screen and (max-width:1320px) {
	.text-wrapper .wrapper {margin:-5em 40px 0px 40px;}
	.scroller-down {bottom:20px;}
	.catalogo #section-01 .wrapper {margin:0px 40px;}
	.title-list-prodotti {margin-top:7em;}
	.list-prodotti {margin-bottom:6em;}
}

@media handheld, only screen and (max-width:1280px) {
	#main-menu ul.menu {margin-right:15px;}
	#main-menu ul.menu li {margin-left:15px;}
	#main-menu ul.lang {padding-left:5px;margin-right:15px;}
	#main-menu ul.social {padding-left: 10px;}
	.text-wrapper .title {padding:0px 0px 0px 45px;background-size:30px 35px !important;}
	.text-wrapper .title {font-size:2.2em;}
	.catalogo .text-wrapper p {margin:10px 0px;}
	.catalogo .text-wrapper ul {margin-top:10px;}
	.wrapper-prodotti {margin:20px;}
	.lista-assistenza {padding-top:2em;}
	
}

@media handheld, only screen and (max-width:1024px) {
	body {font-size:11px;}	
	.scroller-down {
		-ms-transform: scale(0.7);
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	
}

@media handheld, only screen and (max-width:780px) {
	#main-menu ul.menu {display:none;}
	#main-menu ul.social {display:none;}
	#main-menu ul.lang {border:none;border-right:1px solid #666; margin-left:0px;padding-right:0px;padding-right:15px;margin-right:15px;}
	#menu-toggle {display:inline-block;}
	.text-wrapper .wrapper {margin:40px;}
	body.aboutus #section-02 .order-0 {order:1}
	body.aboutus #section-02 .order-1 {order:0;}
	.scroller-down {width:100%;position:relative;left:inherit !important;right:inherit !important;bottom:inherit !important;clear:both;float:none;order:5;margin-bottom:20px;}
	#storie-wrapper section {padding:7em 0px 5em 0px;}
	#storie-wrapper .scroller-down {margin:20px 0px 0px 0px;}
	.catalogo #section-01 .wrapper {margin:30px;}
	.title-list-prodotti {margin-top:30px;}
	.list-prodotti {margin-bottom:30px;}
	.grid-item {width:50%;}
	.wrapper-prodotti {margin:40px 20px;} 
	#mapWrapper {height:400px;}
}

@media handheld, only screen and (max-width:580px) {
	#foot-wrapper p {text-align:center !important;margin:2.5px 0px;}
	.home-intro {padding-bottom:40px;padding-top:30px;}
	.home-intro h3 {margin-top:30px !important;}
	.home-intro p {margin:10px 0px !important;}
	.carousel-caption {display:none;}
	.carousel-indicators {display:none;}
	.carousel-control-next, .carousel-control-prev {transform: scale(.5);}
	
}

/*mobile force*/
html.mobile #nav-storia {display:none;overflow:hidden;opacity:0;}
html.mobile #storie-wrapper img.w-100 {width:80% !important;margin:0px auto;}
html.mobile #storie-wrapper .order-0 {order:1;}
html.mobile #storie-wrapper .order-1 {order:0;}
html.mobile #storie-wrapper #storia4 .order-0 {order:0;}
html.mobile #storie-wrapper #storia4 .order-1 {order:1;}
html.mobile #storie-wrapper #storia2 .citazione {margin-top:20px;}
html.mobile #storie-wrapper section h6 {margin:0px 20px 5px 20px;}
html.mobile #storie-wrapper section p  {margin:0px 20px 20px 20px;}
html.mobile .list-prodotti {margin:0px;}
html.mobile .title-list-prodotti h2 {display:block;}
html.mobile .title-list-prodotti .label {margin:10px 0px;width:100%;}
html.mobile .title-list-prodotti .label span {width:110px;margin:0px;}
html.mobile .title-list-prodotti .label select {display:inline-block;width:calc(100% - 115px);}
html.mobile .grid-item {width:100%;}
html.mobile .title-list-prodotti {margin:40px 10px 0px 10px;} 
html.mobile .lista-assistenza .order-0 {order:1;}
html.mobile .lista-assistenza .order-1 {order:0;}
html.mobile .lista-assistenza {padding:0px;}
html.mobile .lista-assistenza .row {margin:0px;}
html.mobile .lista-assistenza .row .col-12 {padding-left:0px;padding-right:0px;}
html.mobile .lista-assistenza h4 {margin:20px 40px 10px 40px;padding:0px;}
html.mobile .lista-assistenza p  {margin:0px 40px 40px 40px;padding:0px;}
html.mobile .form-wrapper {padding:2em 0px;margin-top:2em;border-top:1px solid #eee;}
html.mobile .list-ambassador {margin:40px 0px;}

/*form*/
.required {border:solid 1px red !important;}

/*cookie*/
.cc-window.cc-banner {
    margin:0px;
    width:auto;
    bottom:20px;
    left:50%;
    right:inherit !important;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius:3px;
    max-width:inherit;
    min-width:inherit;
    padding:15px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}
.cc-banner .cc-message {flex:none;font-size:0.8em;color:#FFF;}
.cc-banner .cc-message a {color:#FFF;border-bottom:1px solid #666;padding:0px;opacity:1;line-height:normal;}
.cc-banner .cc-message a:hover {border-color:#FFF;}
.cc-banner .cc-btn {margin:0px;padding:0px;background:none;border:none;font-size:0.8em;color:#FFF;font-weight:bold;}
.cc-banner .cc-btn:hover {background:#1d1d1d !important;}
.cc-banner .cc-btn:last-child {width:auto;max-width:inherit;min-width:inherit;margin-left:20px;}

html.mobile .cc-window.cc-floating {left:10px !important;right:10px !important;bottom:10px !important;padding:10px;-ms-transform:none;-webkit-transform:none;transform:none;}
html.mobile .cc-window.cc-floating .cc-message {margin:0px;font-size:0.8em;color:#FFF;display:inline-block;}
html.mobile .cc-window.cc-floating .cc-compliance {flex:none;display:block;position:absolute;right:20px;top:12px;}
html.mobile .cc-btn {display:block;padding:0px;font-size:.8em;font-weight:bold;border:none;}

/*privacy*/
.privacy {padding-top:40px;padding-bottom:40px;}
.privacy h4 {margin:0px;padding:0px;font-weight:700;color:#cdb656;}
.privacy h6 {margin:20px 0px 0px 0px;padding:0px;font-weight:600;font-size:1.2em;}
.privacy p {font-size:1.2em;line-height:1.4em;margin:5px 0px;font-weight:400;}
.privacy ul {margin:15px 0px 15px 20px;list-style-position:outside;list-style:disc;}
.privacy ul li {margin:5px 0px;font-size:1.2em;line-height:1.4em;}



















