/*
Theme Name: Winemonitoring
Theme URI: https://winemonitoring.it
Description: A child theme for Twenty Twenty.
Author: Diamente
Author URI: https://diamente.it/
Template: twentytwenty
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
html, body, #site-content {
	font-family: 'Roboto', sans-serif !important;
	background: rgb(0,174,237);
background: -moz-linear-gradient(90deg, rgba(0,174,237,1) 0%, rgba(0,104,156,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,174,237,1) 0%, rgba(0,104,156,1) 100%);
background: linear-gradient(90deg, rgba(0,174,237,1) 0%, rgba(0,104,156,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aeed",endColorstr="#00689c",GradientType=1);
}
.mob { display: none; }
.grecaptcha-badge { right: -265px !important; }
/*TYPO*/
.big-title {
	font-size: 136px;
	line-height: 163px;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	letter-spacing: 0px;
}
.big-title span {
	font-size: 76px;
	line-height: 76px;
	font-weight: 700;
	letter-spacing: 0px;
}
.big-subtitle {
	font-size: 40px;
	line-height: 48px;
	font-weight: 700;
	color: #fff024;
	text-align: center;
}
.big-text {
	font-size: 40px;
	line-height: 48px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 0px;	
}
.text {
	font-size: 25px;
	line-height: 37px;
	font-weight: 400;
	color: #ffffff;
}
ul.text {list-style-type: circle;}
.form-title {
	font-size: 50px;
	line-height: 60px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 0;
}
.myhr {
	height: 5px;
    background: #fff;
    margin-top: 0;
    margin-bottom: 40px;
}
.primary-menu a {
	color: #ffffff !important;
	font-weight: 700;
	text-transform: uppercase;
}
/*COLORI*/
.bianco { color: #ffffff; }
.azzurro { color: #00aeed; }
.giallo { color: #fff024; }
.verde { color: #59b64e; }
/*HEADER*/
#site-header {
	background: rgb(0,174,237);
background: -moz-linear-gradient(90deg, rgba(0,174,237,1) 0%, rgba(0,104,156,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,174,237,1) 0%, rgba(0,104,156,1) 100%);
background: linear-gradient(90deg, rgba(0,174,237,1) 0%, rgba(0,104,156,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aeed",endColorstr="#00689c",GradientType=1);
}
.site-logo img { max-height: 55px; }
/*FOOTER*/
#site-footer {
	margin-top: 0 !important;
	border-top: 0;
	background: rgb(0,174,237);
background: -moz-linear-gradient(90deg, rgba(0,174,237,1) 0%, rgba(0,104,156,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,174,237,1) 0%, rgba(0,104,156,1) 100%);
background: linear-gradient(90deg, rgba(0,174,237,1) 0%, rgba(0,104,156,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aeed",endColorstr="#00689c",GradientType=1);
	color: #ffffff;
}
#site-footer .section-inner {
	max-width: 1110px;
	font-size: 13px;
}
#site-footer a,
#site-footer a:hover { color: #ffffff; }
/*SEZIONE 0*/
.cont0 { margin-bottom: 80px; }
/*SEZIONE 1*/
.cont1 .col12 { margin-top: 60px; }
.cont1 .img-wrapper {
	display: inline-block;
	position: relative;
}
.cont1 .40-img {
	width: 100%;
	height: auto;
	display: block;
}
.cont1 .laptop-img {
	position: absolute;
	width: 30%;
	bottom: 50px;
	left: 39%;
}
.cont1 .text-wrapper__bottom { margin-top: 170px; }
/*SEZIONE 2*/
.cont2 { margin-top: 30px; }
.cont2 .col-icon img {
	width: 50%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 10px;
}
.cont2 .col-icon .text { text-align: center; }
/*SEZIONE 3*/
.cont3 { padding: 120px 0; }
.cont3 .img-wrapper {
	display: inline-block;
	width: 100%;
}
.cont3 .img31 {
	position: absolute;
	width: 30%;
	left: 30%;
	z-index: 2;
}
.cont3 .img32 {
	position: absolute;
	z-index: 1;
	width: 30%;
	top: 14%;
	left: 30%;
}
.cont3 .img33 {
	position: absolute;
    width: 29%;
    top: 57%;
    left: 12%;
}
.cont3 .img34 {
	position: absolute;
    width: 19%;
    top: 55%;
    left: 36%;
}
.cont3 .img35 {
	position: absolute;
    width: 32%;
    top: 55.8%;
    left: 47%;
}
/*SEZIONE 4*/
.cont4 { padding: 120px 0 310px; }
.cont4 .img-wrapper {
	display: inline-block;
	width: 100%;
}
.cont4 .img41 {
	position: absolute;
	z-index: 1;
	width: 30%;
	left: 35%;
/*	-webkit-transform: translateX(-60%); 
      -ms-transform: translateX(-60%);
          transform: translateX(-60%);*/
}
.cont4 .img42 {
	position: absolute;
	width: 30%;
	top: 28%;
	left: 24%;
/*	-webkit-transform: translateX(-60%); 
      -ms-transform: translateX(-60%);
          transform: translateX(-60%);*/
}
.cont4 .img43 {
	position: absolute;
    width: 29%;
    top: 22%;
    left: 47%;
}
/*SEZIONE 5*/
.cont5 { padding: 120px 0; }
.cont5 .img-wrapper {
	display: inline-block;
	width: 100%;
}
.cont5 .img50 {
	position: absolute;
	width: 30%;
	left: 15%;
	top: 11%;
	z-index: 2;
}
.cont5 .img51 {
	position: absolute;
	width: 40%;
	left: 43%;
	top: -2%;
	z-index: 3;
}
.cont5 .img52 {
	position: absolute;
	z-index: 1;
	width: 40%;
	left: 30%;
	top: 33%;
	z-index: 1;
}
.cont5 .img53 {
	position: absolute;
    width: 29%;
    top: 64%;
    left: 14%;
}
.cont5 .img54 {
	position: absolute;
    width: 19%;
    top: 62%;
    left: 37.5%;
}
.cont5 .img55 {
	position: absolute;
    width: 32%;
    top: 63%;
    left: 49%;
}
/*SEZIONE 7*/
.cont7 { padding: 120px 0; }
.cont7 .img-wrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.cont7 img { width: 40% }
#col71 > div > img:nth-child(2) { margin: 35px 0; }
/*SEZIONE 8*/
.cont8 { padding: 60px 0; }
.cont8 .form-title { text-align: center; }
.cont8 .form-field-wrapper {
	display: flex;
	margin-bottom: 20px;
}
.cont8 .form-field-wrapper .form-field:nth-child(1) {
	width: 50%;
	padding-right: 10px;
}
.cont8 .form-field-wrapper .form-field:nth-child(2) {
	width: 50%;
	padding-left: 10px;
}
.cont8 .wpcf7-list-item {
	margin-left: 0;
	margin-top: 20px;
}
.cont8 input[type="checkbox"] { margin-right: 5px; }
.cont8 .wpcf7-list-item-label,
.cont8 .wpcf7-list-item-label a,
.cont8 .wpcf7-list-item-label a:hover { color: #ffffff; }
.cont8 .form-btn { text-align: center; }
.cont8 .form-btn input {
	min-width: 150px;
	text-decoration: none;
	background:#59b64e;
}
.cont8 .form-btn input:hover {
	background:#5cad52;
}
/*SEZIONE 9*/
.cont9 { padding: 120px 0; }
/*SEZIONE 6*/
.cont6 .row { 
	position: relative; 
	margin-bottom: 80px;
}
.cont6 .form-title { text-align: center; }
.cont6 .left-img img {
	position: absolute;
	left: 13%;
	z-index:1;
} 
.cont6 .right-text .text, .cont6 .right-text .big-text { padding-left: 100px; }
.cont6 .right-img img {
	position: absolute;
	right: 13%;
	z-index: 1;
} 
.cont6 .left-text .text, .cont6 .left-text .big-text { 
	padding-right: 100px;
	text-align: right;
}

/*RESPONSIVE*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
/*	.mob { display: block; }
	.desk { display: none !important; }*/
	.header-inner .toggle { display: none; }
	.cont3 .img32 { top: 12%; }
	.cont3 .img33 { top: 45%; }
	.cont3 .img34 { top: 43.5%; }
	.cont3 .img35 { top: 44%; }
	.cont4 { padding: 120px 0 200px; }
	.cont4 .img42 { top: 24%; }
	.cont4 .img43 { top: 18%; }
	.cont5 .img52 { top: 27%; }
	.cont5 .img53 { top: 49%; }
	.cont5 .img54 { top: 47.8%; }
	.cont5 .img55 { top: 48.4%; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.mob { display: block; }
	.desk { display: none !important; }
	.header-inner .toggle { display: none; }
	.big-title span {
		font-size: 50px;
		line-height: 50px;
		letter-spacing: -1px;
	}
	.big-title {
		font-size: 85px;
		line-height: 100px;
		margin-bottom: 30px;
	}
	.cont3, .cont4, .cont5, .cont7 { padding: 30px 0; } 

	

	.cont0 { margin-bottom: 40px; }
	.cont1 img { margin: 0 auto; }
	.cont1 .col12 img {
		margin: 0 auto;
		margin-bottom: 60px;
	}
	.cont3 .mob img {
		margin: 0 auto;
		margin-bottom: 80px;
		margin-top: 60px;
	}
	.cont4 .mob img {
		margin: 0 auto;
		margin-bottom: 80px;
		margin-top: 60px;
	}
	.cont5 .mob img {
		margin: 0 auto;
		margin-bottom: 80px;
		margin-top: 60px;
	}	

	.cont8 { padding: 0; }
	.cont7 .img-wrapper {
		flex-direction: row;
		margin-bottom: 80px;
	}
	.cont7 img { width: 30%; }
	.cont9 .img-wrapper {
		margin-bottom: 80px;
	}

	.cont6 .left-img img {
		position: relative;
		left: unset;
		margin-top: 40px;
	}
	.cont6 .right-text .text, .cont6 .right-text .big-text { padding-left: 0; }
	.cont6 .right-img img {
		position: relative;
		right: unset;
		margin-top: 40px;
	}
	.cont6 .left-text .text, .cont6 .left-text .big-text {
		padding-right: 0;
		text-align: left;
	}
	.cont6 .row-left { flex-direction: column-reverse; }
}
@media only screen and (max-width: 767px) {
	.mob { display: block; }
	.desk { display: none !important; }
	.header-inner .toggle { display: none; }

	.big-title span {
		font-size: 27px;
		line-height: unset;
		letter-spacing: -1px;
	}
	.big-title {
		font-size: 45px;
		line-height: 60px;
		margin-bottom: 30px;
	}
	.big-subtitle, .big-text, .form-title {
		font-size: 30px;
		line-height: 38px;
	}
	.text {
		font-size: 20px;
		line-height: 32px;
	}

	.cont3, .cont4, .cont5, .cont7, .cont8, .cont9 { 
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
	} 
	.cont0 { margin-bottom: 40px; }
	.cont1 img { margin: 0 auto; }
	.cont1 .col12 img {
		margin: 0 auto;
		margin-bottom: 60px;
	}
	.cont2 .col-icon { margin-bottom: 30px; }
	.cont3 .mob img {
		margin: 0 auto;
		margin-bottom: 80px;
		margin-top: 60px;
	}
	.cont4 .mob img {
		margin: 0 auto;
		margin-bottom: 80px;
		margin-top: 60px;
	}
	.cont5 .mob img {
		margin: 0 auto;
		margin-bottom: 80px;
		margin-top: 60px;
	}	
	.cont7 .img-wrapper {
		flex-direction: row;
		margin-bottom: 80px;
	}
	.cont7 img { width: 30%; }
	.cont9 .img-wrapper {
		margin-bottom: 80px;
	}
	.cont8 .form-field-wrapper { display: block; }
	.cont8 .form-field-wrapper .form-field:nth-child(1) {
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.cont8 .form-field-wrapper .form-field:nth-child(2) {
		width: 100%;
		padding-left: 0;
	}

	.cont6 .left-img img {
		position: relative;
		left: unset;
		margin-top: 40px;
	}
	.cont6 .right-text .text, .cont6 .right-text .big-text { padding-left: 0; }
	.cont6 .right-img img {
		position: relative;
		right: unset;
		margin-top: 40px;
	}
	.cont6 .left-text .text, .cont6 .left-text .big-text {
		padding-right: 0;
		text-align: left;
	}
	.cont6 .row-left { flex-direction: column-reverse; }
}