.vb-newsletter { border:1px solid #000; padding: 25px 30px; background-color:#fff; }
.vb-newsletter > div { position:relative; text-align: center; }
.vb-newsletter h2 { margin-bottom: 10px; }


/* FORM */
.form-venet .form-col { display: flex; padding-top:20px; gap: 40px; align-items: center; justify-content: center; flex-wrap:wrap; flex-direction:row; }
.form-venet .form-row { position:relative; display:flex; flex-direction:column; margin-bottom:15px; }
.form-venet .form-row .form-error { position:absolute; right:0; bottom:-17px; font-size:.9rem; line-height: 1.3rem; display:none; color:#d00; }
.form-venet .form-row .form-error.error-show { display:inline-block; }

/* RESPONSE */
.form-venet-wrap .form-response { display:none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color:#ff5151; align-items: center; justify-content: center; }
.form-venet-wrap .form-response.active { dispay:flex; }

/* CHECKBOX */
.form-venet .form-checkbox { display:flex; justify-content: center; font-size: 16px; }
.form-venet .form-checkbox > span { position:relative; margin-left: 10px; text-align: start; cursor:pointer; }
.form-venet .form-checkbox > input { position:relative; height:20px; width:20px; min-width:20px; border:1px solid #616161; border-radius:1px; outline:none; transition-duration:0.3s; cursor:pointer; margin:5px 0 0 0; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; }
.form-venet .form-checkbox > input:checked { border:1px solid #616161; background-color:#ff0; }
.form-venet .form-checkbox > input:checked:after { content:"\2714"; font-size:18px; font-weight:900; font-family:Arial, Helvetica, sans-serif; display:block; text-align:center; color:#d00; position:absolute; left:3px; top:-4px; cursor:pointer; }

/* SLIDE PLACEHOLDER */
.form-venet label:not(.form-checkbox) { font-size: 18px; font-weight:400; line-height: normal; letter-spacing:.2px; position: absolute; top:7px; left: 0; color:inherit; pointer-events: none; transform-origin: left center; transition: transform .25s; }
.form-venet .form-text { font-size: 18px; font-weight:400; line-height: normal; letter-spacing:.2px; width: 100%; padding: 6px 30px 6px 0; margin:0; color: #333; border: none; border-bottom: 1px solid #ddd; background-color: transparent; border-radius: initial; }
.form-venet span.line { position:absolute; bottom:0; left:0; height:1px; width:0; background-color:#f00; pointer-events:none; transition:width .45s ease-in-out; }
.form-venet input::placeholder, .form-venet textarea::placeholder { opacity:0; }
.form-venet .form-text:focus + label, .form-venet .form-text:not(:placeholder-shown) + label { transform: translateY(-100%) scale(0.75); }
.form-venet .form-text:hover ~ span.line,
.form-venet .form-text:focus ~ span.line,
.form-venet .form-text:not(:placeholder-shown) ~ span.line { width:100%; }

@media all and (max-width:767px) {
	.form-venet .form-col { flex-direction:column; gap:0; flex-wrap:nowrap; }
	.form-venet .form-row { margin-bottom: 25px; }
	.vb-newsletter { padding: 20px 10px; }
}