* {
	margin: 0;
	padding: 0;

	text-decoration: none;
	font-family: 'Celeste', "Times New Roman", Times, Baskerville, Georgia, serif;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	background-image: url(../img/dark.jpg);
	background-size: cover;

	background-attachment: fixed;
	overflow-x: hidden;
}

html, body {
	height: 100%;
	min-height: 100%;
}

.box {
	width: 100%;

	opacity: 0;
}

.pre {
	height: 100%;
	width: 100%;
	background-color: #AFA598;

	position: fixed;
	top: 0;
	right: 0;
	z-index: 50;

	-webkit-transition: 1.2s cubic-bezier(1, 0.02, 0.79, 1);
	     -o-transition: 1.2s cubic-bezier(1, 0.02, 0.79, 1);
	        transition: 1.2s cubic-bezier(1, 0.02, 0.79, 1);
}

.pre.togli {
	width: 0;
}

#wrap {
	height: 90%;
	max-height: 984px;
}

.contenitore {
	height: 100%;
	width: 100%;
	max-height: 885px;
	max-width: 1600px;
	margin: 0 auto;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	-webkit-flex-wrap: wrap;
	   -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	     -o-flex-wrap: wrap;
	        flex-wrap: wrap;
	        justify-content: center;
	    -ms-justify-content: center;
	-webkit-justify-content: center;
}

.blocco {
	width: 48%;
	padding: 1%;
}

/* blocco sinistra */
.contTesto {
	max-width: 56%;
	margin: 0 auto;
	margin-top: 68px;
	margin-right: 0;
}

.titolo {
	margin-bottom: 14px;

	position: relative;

	font-size: 20px;
	font-weight: normal;
	color: #A6957B;
	letter-spacing: .5px;

	text-indent: 29px;
}

.titolo::before {
	height: 1px;
	width: 83px;
	background-color: #A6957B;

	position: absolute;
	top: 12px;
	left: -68px;

	content: '';
}

.contatti {
	margin-bottom: 11px;

	font-family: 'Montserrat', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 40px;
	font-weight: 400;
	letter-spacing: 4px;
}

.testo {
	margin-bottom: 66px;

	font-size: 18px;
	color: #A6957B;
	letter-spacing: .3px;
	line-height: 1.61;

	mix-blend-mode: multiply;
}

.testo a {
	color: #A6957B;
}

.testo strong {
	font-size: 17px;
	font-style: italic;
}

.btn {
	width: 131px;

	position: relative;
}

.btn a {
	padding: 22px 37px;
	border: 1px solid #000;

	position: relative;

	font-family: 'Montserrat', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #000;
	letter-spacing: 1.1px;

	outline: none;
	-webkit-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}

.btn::before, .btn a::before, .btn a::after {
	background-color: #000;

	position: absolute;

	content: '';
	-webkit-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}

.btn::before {
	height: 1px;
	width: 0;
	background-color: #A6957B;

	top: 12px;
	z-index: 3;
}

.btn a::after {
	height: 1px;
	width: 72px;

	top: 29px;
	right: -56px;
}

.btn a::before {
	height: 100%;
	width: 0;

	top: 0;
	left: 0;
	z-index: -1;
}

.btn:hover::before {
	width: 50px;

	left: -30px;

	-webkit-transition-delay: .5s;
	   -moz-transition-delay: .5s;
	    -ms-transition-delay: .5s;
	     -o-transition-delay: .5s;
	        transition-delay: .5s;
}

.btn:hover a {
	color: #F5EEE4;
}

.btn:hover a::after {
	width: 0;
}

.btn:hover a::before {
	width: 100%;
}

/* blocco destra */
.destra {
	min-height: 89vh;

	position: relative;
}

#boxImma {
	height: 349px;
	width: 100%;
	max-width: 350px;
	/* width: 44%; */

	position: absolute;
	top: 427px;
	right: calc(100% + -138px);
	z-index: 1;

	overflow: hidden;
}

.spazioVuoto {
	height: 70vh;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	        justify-content: center;
	-webkit-justify-content: center;
	    -ms-justify-content: center;
	    -ms-align-items: center;
	        align-items: center;
	-webkit-align-items: center;
}

.logoHome {
	width: 434px;
	margin-top: 136px;
}

.logoHome .logoSx {
	height: 131px;
	max-width: 434px;
}

#altro {
	position: relative;
}

.rettangolo1 {
	height: 560px;
	width: 100%;
	max-width: 760px;

	position: absolute;
	top: 73px;
	right: -10px;
	z-index: -1;

	overflow: hidden;
}

.rettangolo2 {
	height: 382px;
	width: 200px;
	background: #B0A494;

	position: absolute;
	top: -39px;
	right: -28px;
	z-index: 13;
}

.spaziosotto {
	height: 113px;
}

.popup {
	height: 100%;
	width: 100%;
	background-color: rgba(136, 132, 126, 0.8);

	position: fixed;
	top: 0;
	left: 0;
	z-index: -20;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	opacity: 0;
	-webkit-transition: .4s;
	     -o-transition: .4s;
	        transition: .4s;
	        justify-content: center;
	-webkit-justify-content: center;
	    -ms-justify-content: center;
	    -ms-align-items: center;
	        align-items: center;
	-webkit-align-items: center;
}

.popup.att {
	z-index: 19;

	opacity: 1;
}

.contMappa {
	position: relative;
}

.chiudimi {
	height: 40px;
	width: 40px;
	border: 1px solid #000;
	background-color: #F5EEE4;

	position: absolute;
	top: -30px;
	right: -30px;
	z-index: 2;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	font-family: 'Montserrat', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #000;

	cursor: pointer;
	        justify-content: center;
	-webkit-justify-content: center;
	    -ms-justify-content: center;
	    -ms-align-items: center;
	        align-items: center;
	-webkit-align-items: center;
	-webkit-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}

.chiudimi::before {
	height: 100%;
	width: 0;
	background-color: #000;

	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;

	content: '';
	-webkit-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}

.chiudimi:hover {
	color: #F5EEE4;
}

.chiudimi:hover::before {
	width: 100%;
}

@media (max-width: 1310px) {
	
	.spazioVuoto {
		height: 63vh;
	}

	.blocco {
		width: 98%;
	}

	.contTesto {
		margin-right: auto;
	}

	#altro, .contTesto {
		max-width: 76%;
	}

	#altro {
		margin: 0 auto;
	}

	#boxImma {
		right: auto;
		left: -20px;
	}
}

@media (max-width: 1280px) {
	.spazioVuoto {
		height: 70vh;
	}
}

@media (max-width: 1024px) and (orientation: landscape) {
	.destra {
		height: 130%;
	}
}

@media (max-width: 768px) {
	.sinistra {
		padding-bottom: 50px;
	}
}

@media (max-width: 600px) {
	.logoHome {
		text-align: center;
	}

	.logoSx {
		width: 80%;
	}

	.rettangolo2 {
		display: none;
	}

	.rettangolo1, #boxImma {
		height: auto;
		width: 100%;
		max-width: 100%;
		margin-top: 10px;

		position: static;
	}

	.popup iframe {
		width: 100%;
    height: 60vh;
	}
}