html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

ol,
ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

* {
	box-sizing: border-box;
}

body {
	line-height: 0;
	font-size: 16px;
	font-family: "Montserrat";
	color: #606060;
}

p {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 20px;
	font-family: "Montserrat";
	color: #606060;
}

h2,
h3,
h4 {
	color: #606060;
}

main img {
	width: 100%;
}

/*fine reset*/


@font-face {
	font-family: "Montserrat";
	src: url(Fonts/Montserrat-Regular.ttf);
}

@font-face {
	font-family: "Montserrat-bold";
	src: url(Fonts/Montserrat-SemiBold.ttf);
}

strong {
	font-family: "Montserrat-bold";
}


:root {
	--colore-grigio: #f4f4f4;
	--colore-oro: #e2cb80;

}

.contenitore {
	max-width: 1320px;
	padding: 0 15px;
	margin-left: auto;
	margin-right: auto;
}

header {
	max-width: 1340px;
	padding: 0 15px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 28px;
	padding-bottom: 32px;
}

.logo {
	max-width: 700px;
}

.logo img {
	width: 100%;
}

.social-header img {
	margin-right: 30px;
}

.info-header img {
	margin-left: 30px;
}

.linea-dorata-top {
	height: 30px;
	background-color: var(--colore-oro);
}

.banner-top {
	text-align: center;
}

.banner-top img {
	width: 100%;
}

.introduzione {
	max-width: 700px;
	padding: 47px 15px 32px 15px;
	text-align: center;
	margin: auto;
}
.introduzione p { font-size: 22px; line-height: 30px;}

.flex {
	display: flex;
	justify-content: space-between;
}

.flex div {
	width: 48.5%;
}

.sfondo-dorato {
	background-image: url(../img/sfondo-verticale-dorato.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.padding-bottom-80 {
	padding-bottom: 80px;
}

h2 {
	text-transform: uppercase;
	font-size: 40px;
	text-align: center;
	margin-top: 89px;
	margin-bottom: 40px;
	font-family: "Montserrat-bold";
}

h3 {
	font-family: "Montserrat-bold";
	font-size: 24px;
	margin-bottom: 16px;
	margin-top: 24px;
	background-image: url(../img/freccie-titolo.png);
	background-position: 0;
	background-repeat: no-repeat;
	line-height: 16px;
	padding-left: 46px;
}

.background-color-grigio {
	background-color: var(--colore-grigio);
}

.order-1 {
	order: 1;
}

.order-2 {
	order: 2;
}

.contenitore p {
	padding-left: 46px;
}

.padding-top-bottom {
	padding: 40px 0;
}

.contatti {
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
}

.contatti>div {
	width: 48.5%;
	background-color: var(--colore-grigio);
	padding-top: 60px;
	padding-bottom: 50px;
}

.contatti-sx {
	border-radius: 0 20px 20px 0;

}

.contatti-dx {
	border-radius: 20px 0px 0px 20px;
}

li {
	line-height: 24px;
}

.contatti-sx-box {
	float: right;
	padding-right: 120px;
}

h4 {
	font-family: "Montserrat-bold";
	font-size: 24px;
	line-height: 1;
	display: flex;
	align-items: center;
}

h4 span {
	margin-right: 15px;
}

.contatti-sx-box ul {
	margin-bottom: 44px;
	padding-left: 36px;
}
.contatti-dx ul {
	margin-bottom: 50px;
}

.contatti img {
	width: 20px;
}
.mappa-box {
	max-width: 1140px;
	height: 400px;
	margin: auto;
}

footer{
	background-color: #3c3c3b;
	padding: 40px 0;
}
h5{
	line-height: 1;
	color: #fff;
	font-size: 18px;
	font-family: "Montserrat-bold";
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	
}
.footer-wrap {
	display: flex;
	justify-content: space-between;
}
.footer-wrap li {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}
.footer-wrap ul{
	margin-top: 30px;
}
.margin-top-20{
	margin-top: 20px;
}
.footer-wrap li img {margin-right: 10px;}
.padding-top-42{ padding-top:42px}
.padding-piva {
	padding-top: 100px;
}
 .contatti-sx a {
            color: #606060;
            text-decoration: none;
        }
        .iframe-container{
       position: relative;
       width: 100%;
       padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
       -webkit-filter: grayscale(100%);
filter: grayscale(100%);
   }
   .iframe-container > *{
       display: block;
       position: absolute;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       margin: 0;
       padding: 0;
       height: 100%;
       width: 100%;
       max-height: 500px ;
   }   
       

        @media only screen and (max-width:1000px) {
            .info-header img {
                margin-left: 10px;
                height: 25px;
            }

            .social-header img {
                margin-right: 10px;
                height: 25px;
            }

            .logo {
                max-width: 450px;
            }

            .contatti {
                flex-wrap: wrap;
            }

            .contatti>div {
                width: 100%;
                background-color: var(--colore-grigio);
                padding-top: 60px;
                padding-bottom: 50px;
            }

            .contatti-sx-box {
                float: none;
                padding-right: 0;
                padding-left: 15px;
            }
            .contatti-dx {
                border-radius: 0px 0px 0px 0px;
            }
            .contatti-dx  {
                padding-top: 0 !important;
                margin-top: -20px;
            }
        }

        @media only screen and (max-width:700px) {

            .info-header img,
            .social-header img {
                display: none;

            }

            .introduzione p {
                font-size: 20px;
            }


            .flex {
                display: flex;
                flex-wrap: wrap;

            }

            .flex div {
                width: 100%;
            }

            .bottom-img {
                padding-bottom: 30px;
            }

            h2 {

                font-size: 30px;
				margin-top: 60px;
            }

            h3 {

                font-size: 20px;
				line-height: 24px;
            }

            .order-2-mobile {
                order: 2;
            }
			.order-1-mobile {
                order: 1;
            }
            .footer-wrap {
    display: block;
    justify-content: space-between;
}
        }