html{margin:0px; padding:0px;}
body{margin:0px; padding:0px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
@font-face {
	font-family: 'Livvic-BoldItalic';
	src: url('../fonts/livvic/Livvic-BoldItalic.ttf'); /* IE9 Compat Modes */
	src: url('../fonts/livvic/Livvic-BoldItalic.ttf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/livvic/Livvic-BoldItalic.ttf') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/livvic/Livvic-BoldItalic.ttf') format('woff'), /* Pretty Modern Browsers */
		 url('../fonts/livvic/Livvic-BoldItalic.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'Livvic-Regular';
	src: url('../fonts/livvic/Livvic-Regular.ttf'); /* IE9 Compat Modes */
	src: url('../fonts/livvic/Livvic-Regular.ttf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/livvic/Livvic-Regular.ttf') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/livvic/Livvic-Regular.ttf') format('woff'), /* Pretty Modern Browsers */
		 url('../fonts/livvic/Livvic-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'Satisfy-Regular';
	src: url('../fonts/Satisfy-Regular.ttf'); /* IE9 Compat Modes */
	src: url('../fonts/Satisfy-Regular.ttf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/Satisfy-Regular.ttf') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/Satisfy-Regular.ttf') format('woff'), /* Pretty Modern Browsers */
		 url('../fonts/Satisfy-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'Satisfy-SemiBold';
	src: url('../fonts/Satisfy-SemiBold.ttf'); /* IE9 Compat Modes */
	src: url('../fonts/Satisfy-SemiBold.ttf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/Satisfy-SemiBold.ttf') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/Satisfy-SemiBold.ttf') format('woff'), /* Pretty Modern Browsers */
		 url('../fonts/Satisfy-SemiBold.ttf')  format('truetype'); /* Safari, Android, iOS */
}
/*START MENU*/
.menu-item{font-family: 'Livvic-Regular'; font-size:18px; font-weight: 600;}
.navbar{float:right;}
/*END MENU*/
h1{font-family: 'Livvic-BoldItalic';}
.menuHeader{background-color: #A5BEDB;}
.baseHeader{background-color: #A5BEDB;min-height: 600px;position:relative;text-align: center;margin: 0px; padding:0px;overflow-x: hidden;}
.baseHeader .header .menu {position: absolute;z-index: 999;width:80%;}
.baseHeader .header .striscia{
	width: 300px; min-height: 600px;
	background-color: #E8E4E4;
	-ms-transform: skewX(-30deg); /* IE 9 */
	transform: skewX(-30deg); /* Standard syntax */
	position: absolute;
	margin-left:550px;
	/*-webkit-box-shadow: 1px 2px 1px 1px rgba(244,237,229, 0.8); 
	box-shadow: 1px 2px 1px 1px rgba(244,237,229, 0.8);*/
}
.baseHeader .header .intro {position: absolute;text-align: left;margin-top:150px;width: 600px;}
.baseHeader .header .intro .slogan{
	font-family:'Livvic-BoldItalic';
	text-align: left;
	font-size: 52px;
	font-weight: bold;
	letter-spacing: 2px;
	/*text-shadow: 2px 2px 2px white;*/
	position:relative;
	margin-bottom:100px;
	text-transform: uppercase;
	font-weight: 100;
}
.slogan3{font-size:35px;letter-spacing: 1px;font-weight: 400;}
.txt-rotate{color: #333; font-weight: 200;}
.text-highlight-warning {font-family:'Satisfy-Regular';size: 50px;font-weight: bold;}
.baseHeader .foto_giusy{text-align: center;}
.baseHeader .foto_giusy img{bottom:0px;position:absolute;}
.sfondo1{background-color: #f5f5f5;margin:0px; padding:0px;}
.spazio-1{height:50px;}
.h2Contattami{letter-spacing:4px;line-height: 40px; padding-top:20px;}
h2{font-family: 'Livvic-BoldItalic'; font-size:30px; letter-spacing:4px;}
h3{font-family: 'Livvic-BoldItalic'; font-size:20px; letter-spacing:2px;}
.ti-richiamo-io{font-family: 'Livvic-Regular';}
.ringraziamento-contatti{font-family: 'Livvic-Regular';font-size: 20px;}
.form-label{font-family: 'Livvic-Regular';}
button#invia{
	width:200px;
	background-color: #6199da;
	border-color: #A5BEDB;
	font-weight: bold;
	letter-spacing: 2px;
	font-family: 'Livvic-Regular';
}
button#invia:hover{background-color: #A5BEDB;color:#000;font-weight: 600;}
.mt-20{margin-top:20px;}
.h1Contattami{margin-top:50px;}
/*box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.16);*/
.MB-50{margin-bottom: 50px;}

div.col-telefono{width: 50px;}
div.col-telefono img{width: 50px;}
div.col-email{width: 50px;}
div.col-email img{width: 50px;}
.spazio-1-fb{height:40px;}
div.col-linkedin{width: 50px;}
div.col-linkedin img{width: 50px;}
div.col-instagram{width: 50px;}
div.col-instagram img{width: 50px;}
div.col-facebook{width: 40px;}
div.col-facebook img{width: 40px;}

div.numeroTelefono, div.indirizzoEmail, div.linkedin, div.instagram, div.facebook{text-align: left;float:left; width: 600px;}
div.numeroTelefono a{line-height: 43px; font-size: 20px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; margin-left:20px;}
div.indirizzoEmail a{line-height: 30px; font-size: 20px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; margin-left:20px;}


div.linkedin a{line-height: 50px; font-size: 20px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; margin-left:20px;}
div.instagram a{line-height: 50px; font-size: 20px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; margin-left:20px;}
div.facebook a{line-height: 70px; font-size: 20px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; margin-left:20px;}
.ti-richiamo-io{font-family: 'Livvic-BoldItalic';letter-spacing:2px; font-size:16px;}
.contattami{font-family: 'Livvic-Bolditalic';text-transform: uppercase;letter-spacing:4px; font-size:16px;}

.effetto {visibility: hidden;}
.effetto.fadein {visibility: visible !important;-webkit-animation: fade_in_anim 1.2s;animation: fade_in_anim 1.2s;}
@-moz-keyframes fade_in_anim {
	0%{opacity:0}
	100%{opacity:1}
}
@-webkit-keyframes fade_in_anim {
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes fade_in_anim {
	0%{opacity:0}
	100%{opacity:1}
}

.footer{ width: 100%;background-color: #2e2e2e; color:#FFF; letter-spacing: 2px; font-size: 13px; line-height: 30px;/*position: fixed; bottom: 0;*/}
.footer img.telefono{ width:20px;}
.footer img.email{ margin-left:20px;width:25px;}
.footer a{ color:#FFF; letter-spacing: 2px; text-decoration: none;}
.brMobile{display: none;}
@media (max-width: 1300px) {
	.baseHeader{margin: 0px; padding:0px;overflow-x: hidden;}
	.baseHeader .header .intro .slogan{font-size: 45px;letter-spacing: 1px;margin-bottom:30px;}
	.slogan3{font-size:26px;}
	.MB-50{margin-bottom: 40px;}
}
@media (max-width: 991px) {
	.baseHeader{min-height: 500px;margin: 0px; padding:0px;overflow-x: hidden;}
	.baseHeader .container{margin:0px; padding:0px;}
	.baseHeader .header .striscia{width: 130px; min-height: 500px;margin-left:330px;position:absolute;}
	.baseHeader .header .intro {max-width: 450px;margin-top:50px;margin-left:10px;}
	.baseHeader .header .intro .slogan{font-size: 40px;letter-spacing: 1px;margin-bottom:30px;}
	.slogan3{font-size:22px;}
	.baseHeader .foto_giusy img{width:200px;}
	#invia-smart{margin-top:10px; width:90%;}

	.baseHeader .header .menu {width:40%;background-color: #A5BEDB;}
	.navbar{width:68%; margin-top:0px;padding-top:0px; text-align: left;}
	.nav-bar{width:100%;}
	.nav-bar li{width:100%;}
	.navbar-toggler{padding: 2px;font-size: 18px;line-height: 1;border:none;margin:5px 0px 0px 0px;}
	li.nav-item{border-bottom: 1px #ccc solid;}
	li.nav-item ul.dropdown-menu li{border:none;}
	.border-top{border-top: 1px #ccc solid;}
	li.nav-item ul{margin:0px; padding:0px;}
	li.nav-item ul.dropdown-menu{background-color: transparent;border:none;}
	.menu-item, li.nav-item ul.dropdown-menu li a{font-family: 'Livvic-Regular'; font-size:15px; font-weight: 600; color:#4a5663;}
	.spazio-1{height:30px;}
	h2{font-family: 'Livvic-BoldItalic'; font-size:25px; letter-spacing:4px;margin-bottom: 20px}
	.h1Contattami{margin-top:20px;}
	b{font-family: 'Satisfy-SemiBold';}
}
@media (max-width: 900px) {
	.baseHeader .header .intro {max-width: 450px;margin-top:50px;margin-left:10px;}
	baseHeader .header .menu {position: absolute;  width:900%;text-align: left;background-color: #A5BEDB;}
	.baseHeader .header .intro .slogan{font-size: 40px;letter-spacing: 1px;margin-bottom:30px;}
	.slogan3{font-size:22px;}
	.h2{font-family: 'Livvic-BoldItalic'; font-size:20px; margin-bottom: 20px;}
	#invia-smart{margin-top:10px;width:95%;}
	.spazio-1{height:30px;}
	h2{font-family: 'Livvic-BoldItalic'; font-size:30px; letter-spacing:4px;}
}
@media (max-width: 780px) {
	body{margin:0px; padding:0px;}
	html{margin:0px; padding:0px;}
	.baseHeader{min-height: 500px;margin: 0px; padding:0px;overflow-x: hidden;}
	.baseHeader .container{margin:0px; padding:0px;}
	.baseHeader .header .striscia{width: 130px; min-height: 500px;margin-left:330px;position:absolute;}
	.baseHeader .header .intro {max-width: 450px;margin-top:50px;margin-left:10px;}
	.baseHeader .header .intro .slogan{font-size: 30px;letter-spacing: 1px;margin-bottom:30px;}
	.slogan3{font-size:22px;}
	.baseHeader .foto_giusy img{width:200px;}
	.h2{font-family: 'Livvic-BoldItalic'; font-size:20px; margin-bottom: 20px;}
	h2{font-family: 'Livvic-BoldItalic'; font-size:25px; letter-spacing:4px;}
	.h1Contattami{margin-top:20px;}
	#inviaContattami{width:100%;}
	.navbar{width:90%;}
	.brMobile{display: block;}
	div.col-telefono{width: 30px;}
	div.col-telefono img{width: 30px;}
	div.col-email{width: 30px;}
	div.col-email img{width: 30px;}
	div.numeroTelefono, div.indirizzoEmail, div.linkedin, div.instagram, div.facebook{text-align: left;float:left; width:auto;}
	div.numeroTelefono a{line-height: 30px; font-size: 18px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; margin-left:20px;}
	div.indirizzoEmail a{line-height: 23px; font-size: 18px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; margin-left:20px;}
	
	.spazio-1-fb{height:20px;}
	div.col-linkedin{width: 30px;}
	div.col-linkedin img{width: 30px;}
	div.col-instagram{width: 30px;}
	div.col-instagram img{width: 30px;}
	div.col-facebook{width: 20px;}
	div.col-facebook img{width: 20px;}
	div.linkedin a{line-height: 30px; font-size: 20px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; margin-left:20px;}
	div.instagram a{line-height: 30px; font-size: 16px; font-family: 'Livvic-Regular'; letter-spacing: 1px; color:#000; text-decoration: none; margin-left:10px;}
	div.facebook a{line-height: 40px; font-size: 20px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; margin-left:20px;}
}
@media (max-width: 450px) {
	body{margin:0px; padding:0px;}
	html{margin:0px; padding:0px;}
	.baseHeader{min-height: 470px;margin: 0px; padding:0px;overflow-x: hidden;}
	.baseHeader .header .menu {position: absolute;float:left;min-width:80%;text-align: left;background-color: #A5BEDB;}
	.navbar{width:96%;}
	.baseHeader .container{margin:0px; padding:0px;}
	.baseHeader .header .striscia{width: 130px; min-height: 470px;margin-left:190px;position:absolute;overflow-x: hidden;}
	.baseHeader .header .intro {max-width: 350px;margin-top:50px;margin-left:10px;}
	.baseHeader .header .intro .slogan{font-size: 25px;letter-spacing: 1px;margin-bottom:30px;}
	.slogan3{font-size:20px;}
	.baseHeader .foto_giusy img{width:180px;}
	.spazio-1{height:30px;}
	h2{font-family: 'Livvic-BoldItalic'; font-size:25px; letter-spacing:4px;margin-bottom: 20px;}
	.MT-50{margin-top:20px;}
	.MB-50{margin-bottom: 20px;}
	.mt-20-mobile{margin-top:20px;}
	b{font-family: 'Satisfy-SemiBold'; font-weight: 600;}
}
@media (max-width: 330px) {
	.slogan3{font-size:16px;}
	div.col-email{width: 20px;}
	div.col-email img{width: 20px;}
	div.numeroTelefono a{line-height: 30px; font-size: 16px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; padding-left:10px; margin:0px;}
	div.indirizzoEmail a{line-height: 23px; font-size: 16px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; padding-left:5px;margin:0px;}
	.spazio-1-fb{height:20px;}
	div.col-instagram{width: 20px;}
	div.col-instagram img{width: 20px;}
	div.instagram a{line-height: 20px; font-size: 14px; font-family: 'Livvic-Regular'; letter-spacing: 1px; color:#000; text-decoration: none; margin-left:5px;}

}
@media (max-width: 300px) {
	.baseHeader .header .intro .slogan{font-size: 20px;letter-spacing: 1px;margin-bottom:30px;}
	.slogan3{font-size:14px;}
	div.col-telefono{width: 20px;}
	div.col-telefono img{width: 20px;}
	div.col-email{width: 20px;}
	div.col-email img{width: 20px;}
	div.numeroTelefono, div.indirizzoEmail, div.linkedin, div.instagram, div.facebook{text-align: left;float:left; width:auto;}
	div.numeroTelefono a{line-height: 30px; font-size: 16px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; padding-left:10px; margin:0px;}
	div.indirizzoEmail a{line-height: 23px; font-size: 14px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; padding-left:5px;margin:0px;}
	.spazio-1-fb{height:20px;}
	div.col-linkedin{width: 20px;}
	div.col-linkedin img{width: 20px;}
	div.col-instagram{width: 20px;}
	div.col-instagram img{width: 20px;}
	div.col-facebook{width: 10px;}
	div.col-facebook img{width: 10px;}
	div.linkedin a{line-height: 20px; font-size: 20px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; margin-left:20px;}
	div.instagram a{line-height: 20px; font-size: 12px; font-family: 'Livvic-Regular'; letter-spacing: 1px; color:#000; text-decoration: none; margin-left:5px;}
	div.facebook a{line-height: 25px; font-size: 20px; font-family: 'Livvic-Regular'; letter-spacing: 2px; color:#000; text-decoration: none; margin-left:20px;}
}