@charset "UTF-8";
/* CSS Document */

html, body {margin: 0px; padding: 0px; width: 100%; height: 100%; font-family: 'Lora', sans-serif;}
* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input, textarea, button {outline:none}
*:focus {outline:none;}
* {font-family: 'Montserrat', sans-serif}
button {cursor: pointer !important; width: 100%; padding: 15px 0px; color: #666; font-weight: 800; margin-top: 3%; background: none}

img {width:100%}

h1, h2, h3, h4, h5, h6 {}
h1, h3, h6 {font-family: 'Montserrat', sans-serif; font-weight: 600;}

body {overflow-x: hidden;}


/* SECTION */
section {float: left; padding: 0%; margin: 0px; width: 100%;}

/* main column*/

.column {width:100%; float:left; padding: 0}
.column a {color:#000; text-decoration: none}
.column a:hover {text-decoration: underline}

/* 1 column*/
.column100 {width:100%; float:left}

/* 1/2 column*/
.column50 {background:none; padding: 2% 0 0 0 !important; width:50%; float:left}
.column50:first-child {width:49%; float:left}
.column50:last-child {width:49%; float:right}
.column50 img {margin-bottom: 3%;}


/* 1/3 + 2/3 column*/
.column13 {width:31.33%; float:left; background:none; padding: 2% 0}
.column13:first-child {background:none; float: left}
.column13:last-child {background:none; float: right}
.column13 button{margin: 0; margin-bottom: 4%; float: right; width: 100%}

.column23 {width:65.67%; float:left; padding: 2% 0}
.column23:first-child {background:none; float: left}
.column23:last-child {background:none; float: right}


/* 1/3 column*/
.column33 {background:none; width:31.33%; margin: 0 3%; display: inline-block; float: left;}
.column33:first-child {background:none; margin: 0}
.column33:last-child {background:none; margin: 0}
.column33 img {width:100%; margin-bottom: 5%}
.column33 p {font-size: 1.3vw}

.column33 {background:none; width:33.33%; margin: 0; display: inline-block; float: left;}






/* HEADER */
header {width:100%; margin:0px; background: rgba(255,255,255,0.8); padding: 0; float:left; position: fixed; z-index: 10}
header .header {width:100%; margin:0px; float:left; padding: 1% 10%}
header .header .logo {width:8%; float:left}
.header {line-height:0; position: relative}
.header p {position: absolute; bottom:10%; background:#005678; font-size:3vw; color:#FFF; overflow:hidden; padding: 1.5% 2%; left:50%; width: auto;}
.language img {width: 1.9vw}


/* MENU */
nav {display:none; right: 3%;}
nav {width:300px; position: fixed; z-index: 999; margin-top: 5%; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.15);}
nav ul {width:100%; background: #333; list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
nav ul li a{width: 100%; text-decoration: none; color: #870055 !important; font-size: 1.1vw; display: block; text-align: center; padding: 12px 0; border-bottom: 1px solid #FFF; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.15);}
#menubar{width:25px; position:absolute; margin-top: 2.4%; right: 3%; z-index: 10; display: none}
.bar1, .bar2, .bar3 { width: 100%; height: 4px; background-color: #333; margin: 3px 0; transition: 0.4s; border-radius: 3px}
.menu_home {float:right; margin:0; padding:0; margin-top: 1vw; display: block; margin-right: 0}
.menu_home li {display:inline; color:#2978ab}
.menu_home li a{color:#870055; text-decoration:none; font-size:1.1vw; text-transform: uppercase;}
.menu_home li a:hover{text-decoration:underline}
.menu_home li span {padding: 0 0.3vw;}
menu {float:left; margin:0; padding: 0 0 3vw 0; text-align: center; width: 100%}
menu ul {margin:0; padding:0}
menu ul li {display: inline-block; margin:0; padding:0.6% 0}
menu ul li a{display: block; font-size: 1vw; padding-right: 1vw; margin: 0; text-decoration: none; color: #333;}
menu ul li a:hover{text-decoration:underline}

section {margin-top: 4vw;}


.column3 article{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; float: left}
.column3 article {width:31.33%; float:left; margin: 0px;}
.column3 article h3 {color: #666; font-size: 1.8vw; float: left; margin: 0; padding: 0px 0% 20px 0%; width: 100%; line-height: 2vw;}
.column3 article p {font-size: 1vw !important; line-height: 1.7vw;}
.column3 article .left_column {width: 100%;-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2;}
.column3 article .right_column {width: 100%; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;}
.column3 article .right_column img {width: 100%;  margin-bottom: 6%}
.column3 spacer {display: block; width: 100%; margin: 2% 0; float: left}
.column3 article {width:31.33%; float:left; margin: 0px;}
.column3 article:nth-child(2n) {margin: 0 3%}
.column3 article button {width: 40%; padding: 0.3vw 0px; margin: 0 !important; background: #2978ab; color:#fff; border:0}

.separatore {padding: 4vw 0 2vw 0}


/* FOOTER */
footer {width:100%; margin: 0; padding: 0; float: left; color: #FFF !important; margin-top: -1%; background: #870055; padding-top: 4%; box-shadow: 5px 5px 20px 2px #666;}
footer .leftside {width: 50%; padding: 0%; float: left; padding-left: 10%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
footer .leftside p{padding: 0; font-size: 1.0vw; line-height: 1.5vw; width: 100%; float: left; color:#FFF}
footer .leftside p strong{font-size: 1.3vw; color:#FFF}
footer .leftside img {width: 10%; float: left;}

footer .rightside {width: 50%; padding: 0%; float: left; padding-right: 10%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
footer a {color:#FFF !important; text-decoration: none; font-size: 1.0vw;}
footer strong {color:#FFF !important;}
footer a:hover {text-decoration: underline; color:#FFF !important}
footer ul {width: auto; float: left; padding: 0; margin: 0; list-style-type: none;}
footer ul li{padding-bottom:5%}

footer .button {width: 17%; float: left; margin-right: 2%}
footer .button img{width: 100%; float: left; margin: 0 0 1vw 0;}
footer h4 {font-weight: 400;}
.copy {width: 100%; float: left; background: #2978ab; color: #FFF; padding: 0px 0%; margin-top: 2vw; box-shadow: 5px 5px 20px 2px #333;}
.copy p{width: 50%; float: left; font-size: 0.8vw; font-weight: 300; color:#FFF; padding: 0 10%}
.copy p a{color:#FFF; text-decoration: none}
.copy p:last-child {text-align: right}

.socials {width:100%; float: left; text-align: center; padding: 3% 0}
.socials img {width: 3%; padding: 0 2px}
icons {width:100%; float: left; text-align: center;}
icons img {width: 8% !important; padding: 1vw 0.5vw 0 0}


footer iframe {height:27.4vw}
footer {margin-top:5vw}
.headerimg {line-height:0}
p {font-size:1.3vw;}
div {background: none}
.comunicare {padding-top:3vw; text-align:center}
.comunicare h2 {text-transform: uppercase; line-height: 2.2vw; padding-bottom: 1vw; font-size:2.3vw; font-weight: normal !important; padding-top:5vw; font-family: 'Cinzel', serif}
.comunicare p {font-size:1.3vw; padding: 0; line-height:1.7vw}
.comunicare img {padding: 0.5vw}
.comunicare button {background: #a01259 !important;}

button {width: 50%; padding: 0.4vw 0px; color: #FFF; font-weight: 600; margin-top: 3%; background: #2978ab; border: 0; font-size: 0.9vw;}

.bg-gray {background:#e2ecf1}
.fullimage {padding-top: 8vw; margin-bottom: 8vw; line-height:0}


h2, h3 {font-family: 'Cinzel', serif; font-weight:normal !important}
h2 {margin-top: 5vw;}

.comunicare2 {padding-top:3vw; text-align:center; padding-bottom: 1vw;}
.comunicare2 h2 {text-transform: uppercase; line-height: 2.2vw; padding-bottom: 1vw; font-size:2.3vw; font-weight: normal !important; padding-top:5vw; font-family: 'Cinzel', serif; padding: 0 !important; text-align: center !important; font-size: 1.6vw; line-height: 1.6vw;}
.comunicare2 p {font-size:1.3vw; padding: 0; line-height:1.7vw}
.comunicare2 img {padding: 0.5vw}
.comunicare2 button {background: #a01259 !important;}

.comunicare3 {padding-top:3vw; text-align:center; padding-bottom: 1vw;}
.comunicare3 h2 {text-transform: uppercase; line-height: 2.2vw; padding-bottom: 1vw; font-size:2.3vw; font-weight: normal !important; padding-top:5vw; font-family: 'Cinzel', serif; padding: 0 !important; text-align: center !important;}
.comunicare3 p {font-size:1.3vw; padding: 0; line-height:1.7vw}
.comunicare3 img {padding: 0.5vw}
.comunicare3 button {background: #a01259 !important;}


@media only screen and (max-width: 767px) {
	footer {padding: 6% 0 0 0 }
	footer .leftside, footer .rightside {width: 100%; float: left; text-align: center; padding: 0}
	footer .leftside p {width:100%; text-align: center; font-size: 3vw; line-height: 4vw; margin: 0; padding: 2% 0}
	footer .leftside p strong {font-size: 3.8vw;}
	footer .leftside img {display: none}
	footer .copy a, footer .copy p {font-size: 2.2vw}
	footer .copy {padding: 0}
	footer ul {width: 100%; float: left; text-align: center}
	footer ul li {width: 100%; text-align: center; padding-bottom: 1%}
	footer ul li a {font-size: 4vw !important}
	.socials img {width: 10%}

}




h1 {color:#870055; padding: 1vw 0; font-size: 2.7vw;font-weight: 300; font-family: 'Cinzel', serif; line-height: 3vw;}
h2 {color: #2978ab; font-size: 3vw; float: left; margin: 0; padding: 0px 0% 5vw 0%; width: 100%;}
h3 {color: #2978ab; font-size: 1.9vw; line-height: 1.9vw; float: left; margin: 1vw 0; padding: 0px; width: 100%; font-weight: normal; font-family: 'Cinzel', serif;}
h6 {color: #333; font-size: 1.3vw; padding: 0; margin: 0 0 1vw 0;}
p {font-size: 1.2vw; font-weight: 100}

.column {padding-left:10%; padding-right: 10%}
.paddingzero {padding-left:0%; padding-right: 0%}


.calltoaction {padding: 5vw 0 7vw 0; text-align:center}
.calltoaction button {width: 18vw; border: 0; background: #9f0056; color:#FFF; margin: 0}

.descprodotto {padding: 5% 20%;}
social {width: fit-content; float: right;}
social img {width: 2.2vw; padding: 0.1vw}

.column33 img {padding:0vw 0.5vw 0vw 0.5vw}
.column33:last-child img {margin-right: -0.5vw; float: right;}
.column33:first-child img {margin-left: -0.5vw}
.column33 {padding-top:1vw; margin-bottom:-1vw !important}

.portfolio {padding-top: 8vw}
.portfolio ul li a {background: #2978ab; padding: 0.4vw 1vw !important; color: #FFF; font-size: 1.3vw;}
.portfolio ul li a:hover {background: #a01259; text-decoration:none}
.portfolio h3 {font-size: 2.5vw !important; color:#a01259;}
.portfolio h2 {padding:0}


.contatti select {width:100%; padding:0.7vw; font-size: 1.2vw; float:left; margin-top:1vw}
.contatti input {width:100%; padding:0.7vw; font-size: 1.2vw; float:left; margin-top:1vw}
.contatti textarea {width:100%; padding:0.7vw; font-size: 1.2vw; float:left; margin-top:1vw; height: 7.3vw; margin-bottom: 2vw}
.contatti label {width:100%; padding:0.7vw; font-size: 1.2vw; text-align:left; float:left; padding-top:2vw}
.contatti button {font-size:1.4vw; padding: 1vw 0px;}

.profilo img {width: 40%}
.profilo h4 {text-transform: uppercase; line-height: 1.9vw; padding-bottom: 1vw; font-size:1.9vw; font-weight: normal !important; padding-top:0vw; font-family: 'Cinzel', serif; padding: 0 !important; margin-top: 0}
.profilo .icon {width: 3vw; float: left}
.profilo a {float: left; width:100%; text-align: center; font-size: 1.8vw; color: #2978ab; padding-top: 1vw; }
.profilo {text-align: center}
.profilo p {padding: 0 3vw; text-align: justify;}




@media only screen and (max-width: 767px) {
	.profilo a {font-size: 5.8vw;}
	.topheader, .menu_home {display:none}
	header .logo {margin: 1vw 0; width:25% !important}
	#menubar {display:block; margin-top: 3.5%; right: 10%; position: fixed}
	#menubar .bar {background:#a01259}
	nav {width:100%; margin: 0; margin-top: 12%; right: 0}
	nav ul li{background: #2978ab; color:#FFF; font-size: 3vw;}
	nav ul li a {font-size: 5vw}
	.flexslider p {width:70%; margin: 0 15% !important; font-size: 5vw; line-height: 5vw; bottom: 8%;}
	h1 {font-size: 7vw; padding: 1vw}
	h2{font-size: 9vw; line-height: 9vw; color: #a01259}
	p{font-size: 3.4vw; line-height: 4.5vw; padding: 0 3vw;}
	h3{font-size: 7vw; line-height: 7vw; text-align: center !important; width: 100%; padding: 1vw 3%}
	.calltoaction p {font-size: 4vw; width: 100%; text-align: center}
	.calltoaction button {font-size: 3.4vw; float: none; margin-top: 4vw; margin-bottom: 2vw;}
	.calltoaction {text-align: center}
	.bodycopy {padding: 0 0 3vw 0 !important}
	.bodycopy .column50, .bodycopy .column50 button {width:100%; text-align: center; font-size: 5.5vw}
	.bodycopy .column50 {padding-bottom: 2vw !important}
	.headerimage p {font-size: 5vw; width: 60%; margin: 0 20%; padding: 2vw 0;}

	.contatti div {width: 100% !important; margin: 0 !important; text-align: center !important}
	.contatti h2 {font-size: 5vw; text-align: center}
	.contatti div:first-child img {width: 25vw; float: none;}

	.contatti select, .contatti input, .contatti textarea, .contatti button {width:90% !important; margin: 2% 5% !important; font-size: 4vw !important;}
	.contatti label {font-size: 5vw; text-align: center}
	.contatti textarea {height: 40vw}
	.contatti {text-align: center}
	.contatti img {width: 40% !important}
	
	
	
	
	h1 {line-height: 6vw;}
	.descprodotto {padding: 6% 2%;}
	.column {padding-left: 0; padding-right: 0}
	section {margin: 11vw 0% 0% 0%; width: 100%;}
	.column50 {width: 100% !important; padding-bottom: 4vw !important}
	.column50 img {margin: 0}
	.calltoaction button {width: 45vw;}
	footer a {font-size: 4vw;}
	.copy p {width: 100%; text-align: center;}
	.copy p:last-child {text-align: center !important;}
	footer .copy a, footer .copy p {margin: 0; font-size: 2.8vw;}
	footer .copy {padding: 2vw}
	social img{width: 5vw; padding: 0.1vw; margin-top: 2vw;}	
	social {position: absolute; right: 20%;}	
	.bg-gray {background:#fff}
		
	.comunicare2 .column33{width:100%; padding: 4vw 0}
	.comunicare2 h2, .comunicare3 h2 {font-size: 4.6vw; line-height: 4.6vw; padding: 1vw 3vw 1vw 3vw !important}
	.comunicare2 img {padding: 0; margin: 0 0 4vw 0 !important}
	button {font-size: 2.9vw;width: 94% !important; padding: 2vw 0px !important; margin: 3vw 3% !important}
	.inverti{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	.inverti .column50:first-child, .inverti .column13 {width: 100%;-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2;}
	.inverti .column50:last-child, .inverti .column23 {width: 100%; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;}
	.comunicare3 img {padding: 0 !important;}

	.portfolio ul li a {padding: 0.4vw 3vw !important; font-size: 4.3vw;}
	.portfolio h3 {font-size: 7.5vw !important; padding-bottom: 4vw;}
	.profilo h4 {font-size: 7vw !important; margin-top: 9vw; color:#870055}
	menu ul li {padding: 1vw 0;}
	nav ul li a {font-size: 4vw; color:#FFF !important; text-transform: uppercase;}
	nav {margin-top: 10%;}
	nav ul li {background: #2978ab}
	
	.comunicare .column33{width:100%; padding: 4vw 0}
	.comunicare p {font-size: 3.4vw; line-height: 4.5vw; text-align: center !important; padding: 0 3vw}
	.comunicare h2 {font-size: 6.6vw; line-height: 6.6vw; text-align: center !important;}
	.comunicare img {padding: 0 !important;}
	.column23, .column13 {width: 100%}
	.column3 article {width:100%; padding-bottom: 4vw !important; margin: 0 !important}
	.column3 article h3 {font-size: 6vw; line-height: 6vw}
	.column3 article p {font-size: 4vw !important; line-height: 4.7vw; text-align: center;}
	.column33:last-child img {margin-right: -0.5vw; float: left;}
	
}