/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/


/*variabili es var(--nome)*/
:root { 
  /*color*/
  --text-color: #2d2d2d;
  --accent-color:#81A479;

  --white:#FFFFFF;
  --black:#040405;

  --lightgrey:#DFDFDF;
  --darkgrey:#2A2A2A;
  --main-bg-color:#FFFFFF;

  --radius:20px;
  --radius-small:10px;
  --shadow: 0px 3px 16px #00000025;

  /*font family*/
  --font-principale: 'Playfair Display', serif;
  --font-secondario: 'Raleway', sans-serif;

  /*font size/line height*/
  --size-p:16px;
  --size-p-small:14px;
  --size-p-big:18px;
  --size-p-check-form:11px;

  --size-h1: 90px;
  --lineH-h1: 1.2;
  --weight-h1: 900;

  --size-h2: 64px;
  --lineH-h2: 1.2;
  --weight-h2: 900;

  --size-h3: 45px;
  --lineH-h3: 1.2;
  --weight-h3: 900;

  --size-h4: 40px;
  --lineH-h4: 1.2;
  --weight-h4: 900;

  --size-h5: 24px;
  --lineH-h5: 1.2;
  --weight-h5: 900;

  --size-h6: 20px;
  --lineH-h6: 1.4;
  --weight-h6: 900;

  /*Elementi*/
  --w-container:1280px;
  --w-container-stretto:780px;
  --w-container-header:1580px;
  --width-btn:200px;

  --padding-container: 0 45px;
  --padding-singolo:45px;

  --padding-colonne:25px;
  --space-margin:50px;
	
  --h-visore:670px;
}


body{margin:0}

section, .w-container, .col-100, .col-85, .col-80, .col-75, .col-70, .col-60, .col-50, .col-40, .col-33, .col-30, .col-25, .col-15 {box-sizing: border-box;}
.w-container{width:var(--w-container); }
/*colonne*/
 .col-100,.full-width {width: 100%;}
 .col-85{width: 85%;}
 .col-80{width: 80%;}
 .col-75{width: 75%;}
 .col-70{width: 70%;}
 .col-66{width: 66%;}
 .col-60{width: 60%;}
 .col-50{width: 50%;}
 .col-40{width: 40%;}
 .col-33{width: 33%;}
 .col-30{width: 30%;}
 .col-25{width: 25%;}
 .col-20{width: 20%;}
 .col-15{width: 15%;}

.row .col-50:nth-child(odd) {padding-right: var(--padding-colonne); box-sizing:border-box;}
.row .col-50:nth-child(even) {padding-left: var(--padding-colonne); box-sizing:border-box;}

.row .col-25:nth-child(1n) {padding-top: var(--padding-colonne);padding-bottom: var(--padding-colonne);}
.row .col-25:nth-child(4n+1) {padding-right: var(--padding-colonne);}
.row .col-25:nth-child(4n+4) {padding-left:var(--padding-colonne);}
.row .col-25:nth-child(4n+2),
.row .col-25:nth-child(4n+3) {padding-right: var(--padding-colonne); padding-left: var(--padding-colonne);}

/*spazi*/
.padding {padding:var(--padding-singolo);}

.padding10 {padding:10px;}
.padding10sx {padding-left:10px;}
.padding10dx {padding-right:10px;}
.padding10top {padding-top:10px;}
.padding10bottom{padding-bottom:10px;}

.padding20 {padding:20px;}
.padding20sx {padding-left:20px;}
.padding20dx {padding-right:20px;}
.padding20top {padding-top:20px;}
.padding20bottom{padding-bottom:20px;}

.padding40 {padding:40px;}
.padding40sx {padding-left:40px;}
.padding40dx {padding-right:40px;}
.padding40top {padding-top:40px;}
.padding40bottom{padding-bottom:40px;}

.padding60 {padding:60px;}
.padding60sx {padding-left:60px;}
.padding60dx {padding-right:60px;}
.padding60top {padding-top:60px;}
.padding60bottom{padding-bottom:60px;}

.padding100 {padding:100px;}
.padding100sx {padding-left:100px;}
.padding100dx {padding-right:100px;}
.padding100top {padding-top:100px;}
.padding100bottom{padding-bottom:100px;}

.padding70 {padding:70px;}
.padding70sx {padding-left:70px;}
.padding70dx {padding-right:70px;}
.padding70top {padding-top:70px;}
.padding70bottom{padding-bottom:70px;}
.padding125top {padding-top:125px;}
.padding125bottom {padding-bottom:125px;}

.margin0 {margin:0px;}
.margin0top {margin-top:0px;}
.margin0bottom{margin-bottom:0px;}

.margin10 {margin:10px;}
.margin10sx {margin-left:10px;}
.margin10dx {margin-right:10px !important;}
.margin10top {margin-top:10px;}
.margin10bottom{margin-bottom:10px;}

.margin20 {margin:20px;}
.margin20sx {margin-left:20px;}
.margin20dx {margin-right:20px !important;}
.margin20top {margin-top:20px;}
.margin20bottom{margin-bottom:20px;}

.margin30 {margin:30px;}
.margin30sx {margin-left:30px;}
.margin30dx {margin-right:30px;}
.margin30top {margin-top:30px;}
.margin30bottom{margin-bottom:30px;}

.margin40 {margin:40px;}
.margin40sx {margin-left:40px;}
.margin40dx {margin-right:40px;}
.margin40top {margin-top:40px;}
.margin40bottom{margin-bottom:40px;}

.margin60 {margin:60px;}
.margin60sx {margin-left:60px;}
.margin60dx {margin-right:60px;}
.margin60top {margin-top:60px;}
.margin60bottom{margin-bottom:60px;}

.margin70bottom{margin-bottom:70px;}
.margin70top{margin-top:70px;}
.margin100bottom{margin-bottom:100px;}
.margin100top{margin-top:100px;}
.margin-125top{margin-top:-125px;}

.margin-auto {margin: 0 auto;}
.no-margin {margin: 0px!important;}
.no-padding {padding: 0px!important;}
/*Fine spazi*/

/*classi generiche*/
.display-block {display:block !important;}
.display-inline-block {display:inline-block;}
.clear {clear: both;}
.hidden {display: none!important;}
.float-left {float: left;}
.float-right {float: right;}
.float-none {float: none;}
.inline-block {display: inline-block;vertical-align: top;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-left {text-align:left;}
.vertical-top {vertical-align:top;}
.overflow {overflow: visible!important;}
.no-overflow {overflow:hidden!important;}
.verticalaligntop{vertical-align:top;}
/*flex*/
.flex {display: flex;align-items: center;}
.flex-row {flex-direction: row;}
.flex-column {flex-direction: column;}
.flex-top {display:flex;align-items: top;}
.flex-bottom {display:flex;align-items: bottom;}
.flex-wrap {flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap;}

.border-radius{ border-radius:var(--radius);}
.border-radius-small{ border-radius:var(--radius-small);}
.circle {border-radius:100%;}

.border-top {border-top: 2px solid var(--lightgrey);}
.border-bottom {border-bottom: 2px solid var(--lightgrey);}
.border {border: 2px solid var(--lightgrey);}

.box-shadow{box-shadow:var(--shadow);}
/*Fine generiche*/

/* visore */
.hVisore{height: var(--h-visore);}
/*colori testi*/
.testo-normale {color: var(--text-color)!important;}
.negativo, .bianco {color: var(--white)!important;}
.nero {color: var(--black)!important;}
.darkgrey {color: var(--darkgrey)!important;}
.lightgrey {color: var(--lightgrey)!important;}
.testo-evidenza,.green {color: var(--accent-color)!important;}
/*colori background*/
.bg-evidenza {background-color: var(--accent-color);}
.bg-main {background-color: var(--main-bg-color);}
.bg-alt1  {background-color: var(--lightgrey);}
.bg-alt2  {background-color: var(--darkgrey);}
/*fine colori*/

/*font*/
.italic {font-style:italic!important;}
.maiuscolo, .uppercase {text-transform:uppercase!important;}
.minuscolo, .lowercase {text-transform:lowercase!important;}
.iniziali-maiuscole {text-transform:capitalize!important;}

.light {font-weight: 100;}
.regular {font-weight: 400!important;}
.medium {font-weight: 500!important;}
.semibold {font-weight: 600!important;}
b, strong, .bold, .grassetto {font-weight: 700!important;}
.underline{
  text-decoration-line:underline;
  text-decoration-style: solid;
  text-decoration-thickness:2px;
}

a {color:var(--accent-color);transition:.3s;}
a:hover {color:var(--accent-color);transition:.3s;}

h1, .title-h1 {font-family: var(--font-principale); font-size:var(--size-h1);line-height: var(--lineH-h1); color: var(--black);font-weight:  var(--weight-h1); text-transform: inherit; }
h2, .title-h2 {font-family: var(--font-principale); font-size:var(--size-h2);line-height: var(--lineH-h2); color: var(--black);font-weight:  var(--weight-h2); text-transform: inherit; }
h3, .title-h3 {font-family: var(--font-principale); font-size:var(--size-h3);line-height: var(--lineH-h3); color: var(--black);font-weight:  var(--weight-h3); text-transform: inherit; }
.title-h4 {font-family: var(--font-principale); font-size:var(--size-h4);line-height: var(--lineH-h4); color: var(--black);font-weight:  var(--weight-h4); text-transform: inherit; }
.title-h5 {font-family: var(--font-principale); font-size:var(--size-h5);line-height: var(--lineH-h5); color: var(--black);font-weight:  var(--weight-h5); text-transform: inherit; }
.title-h6 {font-family: var(--font-principale); font-size:var(--size-h6);line-height: var(--lineH-h6); color: var(--black);font-weight:  var(--weight-h6); text-transform: inherit; }

h1,h2,h3,.title-h1,.title-h2,.title-h3,.title-h4,.title-h5,.title-h6 {letter-spacing: -1px;}

body, p, li, .p-small, .p-big, .p-normal {font-family: var(--font-secondario);}

p, li {font-size: var(--size-p);color: var(--text-color); line-height:1.6;}
.p-small { font-size: var(--size-p-small);color: var(--text-color); line-height:1.2;}
.p-big { font-size: var(--size-p-big)!important;color: var(--text-color); line-height:1.6;}

.playfair{font-family: var(--font-principale);}
.raleway{font-family: var(--font-secondario);}
/*Fine font*/

/*Bottoni*/
.btn, button.btn, div.wpcf7 input[type="submit"], .button-default .button_theme, .button-default input[type="button"], .button-default input[type="reset"], .button-default input[type="submit"], .button-flat .button_theme, .button-flat button, .button-flat input[type="button"], .button-flat input[type="reset"], .button-flat input[type="submit"], .button-round .button_theme, .button-round button, .button-round input[type="button"], .button-round input[type="reset"], .button-round input[type="submit"]{
  border-radius:30px;
  text-transform:uppercase;
  font-size: var(--size-p-small); 
  font-family: var(--font-secondario); 
  font-weight:700;
  letter-spacing:0.1px;
  line-height:1; 
  text-decoration: none; 
  min-width: var(--width-btn);
  display:inline-block; 
  padding: 12px 20px;
  margin: 2.5px 0;
  text-align: center; 
  overflow:hidden; 
  transition: .3s;
}

.btn:hover{
	background: var(--white)!important;
	color: var(--black)!important;
   box-shadow:0px 10px 10px rgba(0,0,0,0.2);
   transform : translateY(-3px);
}
.btn:active {
  box-shadow:0px 5px 10px rgba(0,0,0,0.2);
  transform:translateY(-1px);
}
button::after {display: none;}

.btn.btn-outline-alt,
button.btn.btn-outline-alt {
  color: var(--text-color); 
  border-color: var(--text-color);
  background-color:transparent; 
  border-width: 2px; 
  border-style: solid;
}
	.btn.btn-outline-negativo, button.btn.btn-outline-negativo {
    color: var(--white);
    border-color: var(--white);
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
}
.btn.btn-solid-negativo,
button.btn.btn-solid-negativo  {
  color: var(--text-color); 
  border-color: var(--white); 
  background-color: var(--white);
  border-width: 2px; 
  border-style: solid;
}
.btn.btn-outline-negativo,
button.btn.btn-outline-negativo{
  color: var(--white); 
  border-color: var(--white);
  background-color:transparent;
  border-width: 2px; 
  border-style: solid;
}
/*Fine Bottoni*/


/*form*/
.wpcf7 {width: 100%;}
.wpcf7 input {background: transparent;}
.wpcf7 input[type="checkbox"] {display: inline-block;}

.wpcf7 input[type="url"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="tel"],  
.wpcf7 input[type="text"],
.wpcf7 textarea{
	border-radius:0px;
	font-size: var(--size-p);
	font-family: var(--font-principale);
	font-weight:600;
	line-height:1.6;
	padding: 14px 0px;
	transition: .3s;
	margin-top:10px;
	margin-bottom:10px;
	box-shadow: #000 0px 0px!important;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom: 1.5px solid #ffffff;
}

.wpcf7 input[type="url"]:focus, 
.wpcf7 input[type="email"]:focus, 
.wpcf7 input[type="tel"]:focus,  
.wpcf7 input[type="text"]:focus ,
.wpcf7 textarea:focus{	
padding: 14px 30px;
background:#ffffff0f !important;
color:#fff!important;
}


.wpcf7 input[type="url"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="tel"],  
.wpcf7 input[type="text"],
.wpcf7 textarea{
    color: white;
}
.wpcf7 input[type="url"]::-moz-placeholder, 
.wpcf7 input[type="email"]::-moz-placeholder, 
.wpcf7 input[type="tel"]::-moz-placeholder,  
.wpcf7 input[type="text"]::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder{
    color: #ffffff42;
}

/*form*/
.wpcf7 {width: 100%;}
.wpcf7 input,.wpcf7 textarea  {background: transparent;}
.wpcf7 input[type="checkbox"] {display: inline-block;}
.wpcf7 textarea {height:200px}

.wpcf7 input[type="url"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="tel"],  
.wpcf7 input[type="text"],
.wpcf7 textarea   {
	border-radius:0px;
	font-size: var(--size-p);
	font-family: var(--font-principale);
	font-weight:600;
	line-height:1.6;
	padding: 14px 0px;
	transition: .3s;
	margin-top:10px;
	margin-bottom:10px;
	box-shadow: #000 0px 0px!important;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom: 1.5px solid #ffffff;
}
.wpcf7 input[type="url"]:focus, 
.wpcf7 input[type="email"]:focus, 
.wpcf7 input[type="tel"]:focus,  
.wpcf7 input[type="text"]:focus,
.wpcf7 textarea:focus {	
padding: 14px 30px;
background:#ffffff0f !important;
color:#fff!important;
}
.wpcf7 input[type="url"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="tel"],  
.wpcf7 input[type="text"],
.wpcf7 textarea {
    color: white;
}
.wpcf7 input[type="url"]::-moz-placeholder, 
.wpcf7 input[type="email"]::-moz-placeholder, 
.wpcf7 input[type="tel"]::-moz-placeholder,  
.wpcf7 input[type="text"]::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder {
    color: #ffffff42;
}
.wpcf7 input[type="url"]:-ms-input-placeholder, 
.wpcf7 input[type="email"]:-ms-input-placeholder, 
.wpcf7 input[type="tel"]:-ms-input-placeholder,  
.wpcf7 input[type="text"]:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholde {
    color: #ffffff42;
}
.wpcf7 input[type="url"]::-webkit-input-placeholder, 
.wpcf7 input[type="email"]::-webkit-input-placeholder, 
.wpcf7 input[type="tel"]::-webkit-input-placeholder,  
.wpcf7 input[type="text"]::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {
    color: #ffffff42;
}
/*Change text in autofill textbox*/
.wpcf7 input:-webkit-autofill {
    -webkit-text-fill-color: #1a2d43 !important;
    padding: 14px 30px;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 0.9em!important;
    line-height:1.6!important;
    position: absolute;
}
.wpcf7-not-valid {border-color: #dc3232!important;}

.wpcf7 .ajax-loader {filter: brightness(500%) contrast(80%);width: 15px;height: 15px;background-size: cover;}

/* FORM SPUNTE */
.wpcf7 .info-privacy {margin-top:30px}
.wpcf7 .info-privacy,.info-privacy *{color:#fff!important; font-size:14px; line-height:1.2;}
.wpcf7 .info-privacy span.wpcf7-list-item { margin: 0;}
.wpcf7 .info-privacy span.wpcf7-form-control-wrap.accettazione {width: 20px;}
.wpcf7 .info-privacy p a{text-decoration:underline;}
.wpcf7 small {display: inline;}
.wpcf7 .wpcf7-form-control-wrap.marketing { display: inline;}
/* FINE FORM SPUNTE */


/****************** HEADER/MENU ******************/
.logo{position:absolute;left:5%;top:10px;height:150px; z-index: 99;}
#menu{background:#fff;min-height:90px; display: flex; justify-content: center}
ul#main-menu{margin: 0; list-style: none; display: flex; justify-content: center;   padding: 0;}
#main-menu li{font-size:18px;font-family: var(--font-secondario);font-weight:500;display:inline-block;padding:30px}
#main-menu li a{text-decoration:none;color:var(--black)}
#main-menu li a:hover{text-decoration:underline}p{font-size:16px;font-family:Raleway,sans-serif;font-weight:300;text-align:center;line-height:20px}
header{display:block;margin:0;text-align:center;background-color:rgba(0,0,0,.4);}

/**************** HOME PAGE ****************/

.textIntro{background:rgba(129,164,120,.25);border-radius:20px;padding:30px 150px 50px 150px}
.textIntro h3{font-family:'Playfair Display',serif;text-align:center;font-size:30px!important;font-weight:900}


/*card*/
figure {
    margin: 0;
}
.card-list .card.col-33 {
    width:calc(33% - var(--padding-colonne));
    margin-top:var(--padding-colonne);
    margin-bottom:var(--padding-colonne);
    }
.card-list .card.col-33:nth-child(3n+1) {margin-right:var(--padding-colonne);margin-left:0;}
.card-list .card.col-33:nth-child(3n+2) {margin-right:calc(var(--padding-colonne) / 2); margin-left:calc(var(--padding-colonne) / 2);}
.card-list .card.col-33:nth-child(3n+3) {margin-right:0;margin-left:var(--padding-colonne);}
.card-list .card {
    display:flex;
    position: relative;
    aspect-ratio: 1 / 1;
    min-height:200px;
    }
.card-list .card.card-square{
    aspect-ratio: 1 / 1;
    }
.card-list .card figure {
    width: 100%;
    height: 100%;
    position:absolute;
    display:flex;
    align-items:stretch;
    }
.card-list .card figure img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
/*overlay*/
.card-list .card:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left:0;
    background: linear-gradient(180deg,rgb(0 0 0 / 50%) 30%,rgb(0 0 0));
    opacity:0.3;
    }
.card-list .card .card-content {
    width:100%;
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    position: relative;
    z-index:10; 
    justify-content:center;
    padding: 20px;
    }
/*hover card*/
.card-list .card:hover {
    transform: scale(1.02)!important;
    box-shadow: rgb(0 0 0 / 30%) 0 10px 20px;
}
.card-list .card .card-content .hidden-area {
    position: relative;
    width:100%;
    text-align:center;
    max-height:0;
    top:10%;
    opacity: 0;
    }
.card-list .card:hover .card-content .hidden-area {
     top:0%;
     max-height:100px;
     opacity: 1;
     transition: all .35s;
    }
.card-list .card:hover:after {
    background: linear-gradient(180deg,rgb(0 0 0 / 50%) 30%,rgb(0 0 0));
    opacity:0.8;
    }
.card-list .card .card-content .hidden-area,
.card-list .card:hover .card-content .hidden-area,
.card-list .card:after,
.card-list .card:hover:after,
.card-list .card:hover,
.card-list .card{
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
/*fine-card*/

/*prodotti*/
section#passion  {
	background:url(../img/bg-csaladi-min.jpg) no-repeat top center;
}

section#passion  {
	
  background-size:cover;
  background-position:center;
  max-width: 100%; 
  height: 470px; 
  display: flex;  
  align-items: center;  
  justify-content: center;
  overflow:hidden!important;
  position:relative;
	
  }
section#passion .contenuto  {
    z-index: 12;
    }
section#passion:before, {
    content:'';
    top: 0;
    background: #0000003b;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    }
/*fine prodotti*/





	
	.joinFamily em{font-weight:500}
	.formContact{border:7px solid #81a478;border-radius:6px}
	.overlayBG{background:rgba(0,0,0,.2);width:100%;height:100%;position:absolute;border-radius:20px}
	.products{margin:0;padding:0;width:100%;position:relative; display: flex; justify-content: center;}
	.products article{float:left;width:375px;min-height:375px;position:relative!important;border-radius:20px;background-size:cover}
	.products h4{position:absolute;margin:auto;width:100%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}
	
	.videof,.videot{width:100%!important;height:460px;border-radius:20px;object-fit:cover}
	article.cento.secondo{padding:0!important}
	.html5-endscreen.ytp-player-content.videowall-endscreen.ytp-show-tiles{display:none!important}#thover{position:fixed;background:#000;width:100%;height:100%;opacity:.6;}
	.products p.margBtm30 {   padding: 0 150px;}
	#tpopup{position:absolute;width:530px;height:750px;background:#fff;left:50%;top:20%;border-radius:5px;padding:10px;margin-left:-320px;margin-top:-150px;text-align:center;box-shadow:0 0 10px 0 #000;}
	#tclose{position:absolute;background:#000;color:#fff;right:-15px;top:-15px;border-radius:50%;width:30px;height:30px;line-height:30px;text-align:center;font-size:8px;font-weight:700;font-family:'Arial Black',Arial,sans-serif;cursor:pointer;box-shadow:0 0 10px 0 #000;}
	
	.colh1{background:url(../img/caffe-vergnano-italian-story.jpg) no-repeat top left;    min-height: 480px;   border-radius: 20px; background-size: cover;display: flex;    justify-content: center;    flex-direction: column; }
	
	.colh2{background:url(../img/history02-min.jpg) no-repeat top left}
	
	.logoH{background:url(../img/history-logo.jpg) no-repeat top center;min-height:405px;margin-top:50px}
	

	img.iconIG{margin:-50px auto;position:absolute;border:3px solid #81a478;border-radius:60px;left:0;right:0}
	section.IG{text-align:center}
.history{position: relative}
.history:before{    content: '';
    top: 0;
    background: #0000003b;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;}
	.discoverHistory{margin-bottom:80px}

/***** form ***/
	#mc_embed_signup {background: rgba(129,164,120,0.2);}
	form{font-family:Raleway,sans-serif; font-size: 18px; padding: 50px;}
	form input, form textarea {width: 90%;color: #000000; background-color: rgba(255,255,255,1); border-color: #000000; border-width: 0 0 1px 0;
    min-height: 35px;  margin:8px 0;  padding: 0 15px;font-family:Raleway,sans-serif; font-size: 18px; }
	form textarea {width: 95%; padding:  15px;}
	.mc-field-group.input-group ul {   list-style: none;  padding: 0;}
	.mc-field-group.input-group strong {    margin: 1%;    display: block;}
	input#mc-embedded-subscribe {    width: 160px;    margin: auto;    left: 0;    right: 0;    border-width: 2px;    border-radius: 10px;
    margin-top: 50px;    font-weight: 700;}
	input#mce-CONTATTO-0, input#mce-CONTATTO-1, input#mce-PRIVACY-0 {   width: 15px;    height: 15px;    float: left;    margin: 0;}
	.mc-field-group.input-group:first-child li {    display: inline-block;		width: 120px;}
	label {   display: inline-block;}
	.mc-field-group.col-50,.mc-field-group.col-25 {    margin-top: 20px;}
	#mce-MESSAGE{min-height: 100px;}
	section#contacts {   margin-bottom: 70px;}
	input#mce-ZIPCODE,input#mce-PROVINCE {min-height: 35px;  width: 82%;}
	.mc-field-group.input-group li label {padding: 7px 0 0 8px;}
	.checkP{margin: 0 0 0 8px;}

/*********** footer *****/
footer{display:block;float:left;width:100%;padding:60px 8%;background-color:#000;margin-top:100px;box-sizing:border-box}
	footer h4{color:#fff;text-align:center;font-size:20px;display:block;border-bottom:1px solid;width:fit-content;padding:0 60px 10px;box-sizing:border-box;margin:auto}
	footer p{color:#fff;text-align:center;font-weight:200;font-size:16px}
	footer a{color:#fff;text-decoration:none;font-weight:600}
	footer a:hover{text-decoration:underline;color:#fff}
.txtFooter{width:100%;margin:auto; flex-direction: row}
.col2F{float:left;width:40%}
.col1F{float:left;width:60%}
	.col1F p{text-align:left;padding:0 0 0 70px; font-size:17px;margin:9px 0 0 0}
	.col2F p{text-align:left;font-size:17px;margin:9px 0 0 0;padding-left:20px;border-left:1px solid #fff;font-weight:700}



/************** form mailchimp ***********/
#mc_embed_signup {background: rgba(129,164,120,0.2);}
	form{font-family:Raleway,sans-serif; font-size: 18px; padding: 50px;}
	form input, form textarea {width: 90%;color: #000000; background-color: rgba(255,255,255,1); border-color: #000000; border-width: 0 0 1px 0;
    min-height: 35px;  margin:8px 0;  padding: 0 15px;font-family:Raleway,sans-serif; font-size: 18px; }
	form textarea {width: 95%; padding:  15px;}
	.mc-field-group.input-group ul {   list-style: none;  padding: 0;}
	.mc-field-group.input-group strong {    margin: 1%;    display: block;}
	input#mc-embedded-subscribe {    width: 160px;    margin: auto;    left: 0;    right: 0;    border-width: 2px;    border-radius: 10px;
    margin-top: 50px;    font-weight: 700;}
	input#mce-CONTATTO-0, input#mce-CONTATTO-1, input#mce-PRIVACY-0 {   width: 15px;    height: 15px;    float: left;    margin: 0;}
	.mc-field-group.input-group:first-child li {    display: inline-block;		width: 120px;}
	label {   display: inline-block;}
	.mc-field-group.col-50,.mc-field-group.col-25 {    margin-top: 20px; float: left}
	#mce-MESSAGE{min-height: 100px;}
	section#contacts {   margin-bottom: 70px;}
	input#mce-ZIPCODE,input#mce-PROVINCE {min-height: 35px;  width: 82%;}
	.mc-field-group.input-group li label {padding: 7px 0 0 8px;}
	.checkP{margin: 0 0 0 8px;}
/*
*/



section#visore {
    /* height: 100%; */
    display: block;
    position: relative;
    z-index: 0;
}

#visore figure {
    margin: 0;
    height: 100%;
}
#visore video {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    min-height: 400px;
    z-index: 0;
}

#visore .testo {
    position: absolute;
    width: 100%;
    z-index: 99;
}
#visore .testo h1 {
    color: white;
}

#visore > div {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    text-align: center;
}

#visore a.btn {
    color: white;
    border: 1px solid white;
    display: initial;
    border-color: white;
    background-color: transparent;
}