/*----------------------
Erba Vita Group // CSS
bg@barbaragambini.com
2025-03-05
----------------------*/



@font-face { font-family: Facultad; font-weight: regular; src: url("fonts/Facultad-Regular.otf") format("opentype"); }


html { scroll-behavior:smooth; }
body, html { width: 100%;  height: 100%;  }

::-moz-selection  { background: #FF5321; color: #ffffff; }
::selection { background: #FF5321; color: #ffffff; }
a { color:#6f9fb8; text-decoration: underline; }
a:hover { color:#1068B2; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight:100;  margin:0; }


.line-height-1 { line-height:1; }
.line-height-1-2 { line-height:1.2; }
.line-height-2 { line-height:2; }
.line-height-n { line-height:normal; }


body { font-size:16px; color:#333; }


/*-------------------------
font
-------------------------*/
.font-freeroad { font-family: 'Freeroad Bold', sans-serif; }
.font-opensans { font-family: 'Open Sans', sans-serif; }
.font-opensans-c { font-family: 'Open Sans Condensed', sans-serif; }
.font-muli { font-family: 'Muli', sans-serif; }
.font-coda { font-family: 'Coda', cursive; }
.font-oswald { font-family: 'Oswald', sans-serif; }
.font-anton { font-family: 'Anton', sans-serif; letter-spacing:0.03em; }
.font-norffo { font-family: 'Norffo'; }
.font-norffo-i { font-family: 'Norffo Italic'; }
.font-montserrat { font-family: 'Montserrat', sans-serif; }
.font-pacifico { font-family: 'Pacifico', cursive; }
.font-rancho { font-family: 'Rancho', cursive; }
.font-lato { font-family: 'Lato', sans-serif; }
.font-arvo { font-family: 'Arvo', serif; }
.font-titillium { font-family: 'Titillium Web', sans-serif; }
.font-roboto { font-family: 'Roboto', sans-serif; }
.font-roboto-c { font-family: 'Roboto Condensed', sans-serif; }
.font-laila { font-family: 'Laila', serif; }
.font-roboto-slab { font-family: 'Roboto Slab', serif; }
.font-kaushan { font-family: 'Kaushan Script', cursive; }
.font-nunito-sans {font-family: 'Nunito Sans', sans-serif; }
.font-noto-sans-KR { font-family: 'Noto Sans KR', sans-serif; }
.font-lora { font-family: 'Lora', serif; }
.font-pt-sans { font-family: 'PT Sans', sans-serif; }
.font-nunito-sans {font-family: 'Nunito Sans', sans-serif; }
.font-caveat {font-family: 'Caveat', cursive; }
.font-poppins { font-family: 'Poppins', sans-serif;} 
.font-raleway { font-family: 'Raleway', sans-serif; }
.font-dosis {font-family: 'Dosis', sans-serif;}
.font-maven-pro { font-family: 'Maven Pro', sans-serif; }
.font-inter { font-family: 'Inter', sans-serif; }
.font-garet { font-family: 'Garet', sans-serif; }
.font-tt-commons { font-family: 'TT Commons', sans-serif; }
.font-literata { font-family: 'Literata', serif; }
.font-chivo { font-family: 'Chivo', sans-serif; }
.font-facultad { font-family: Facultad; }



.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 700; }
.font-weight-800 { font-weight: 800; }
.font-weight-900 { font-weight: 900; }


.chiamaci { border-radius: 5px; line-height: .9; text-decoration: none; background: #009544; transition:.4s ; }
.chiamaci:hover { transform: scale(1.1); color: #fff; text-decoration: none;  }

/*-------------------------
colori e grandezze font
-------------------------*/
.rosso { color:#c00c0f; }
.pink { color: #ff3066; }
.rosso-mattone { color:#7c0505; }
.marrone { color:#330000; }
.blu { color:#0055b8; }
.ciano { color:#10aab6;}
.giallo { color:#FFE500; }
.green { color:#005d63; }
.light-green { color:#6cd8af; }
.light-light-green { color:#bfd5c6; }

.light-blue { color:#e5ecf8; }
.dark-green { color:#04483d; }
.dark { color:rgba(27,28,72,1.00); }
.heavy-green { color:#315771; }
.gold { color: #d2bc79; }
.bianco { color: #fff; }
.orange { color:#e95f1c; }
.black { color:#000; }
.magenta { color:#b92454; }
.viola-dark { color:#232d78; }
.heavy-blu { color:#1a3459; }

.marrone-bg { background-color:#330000; }
.rosso-mattone-bg { background-color:#7c0505; }
.rosso-bg { background-color:#c00c0f; }
.ciano-bg { background-color:#10aab6;}
.giallo-bg { background-color:#FFE500; }
.bianco-bg { background-color:#fff; }
.blu-bg { background-color:#0055b8; }
.green-bg { background-color:#005d63; }
.dark-green-bg { background-color:#04483d; }
.dark-bg { background-color:rgba(27,28,72,1.00); }
.pink-bg { background-color: #ff3066; }
.black-bg { background-color:#000; }
.magenta-bg { background-color: #b92454; }
.viola-dark-bg { background-color:#232d78; }

.light-green-bg { background-color:#6cd8af; }
.light-light-green-bg { background-color: #bfd5c6; }
.light-blue-bg { background-color:#e5ecf8; }
.heavy-green-bg { background-color:#315771; }
.heavy-blu-bg { background-color:#1a3459; }

.dark-bg { background-color:#333; }
.white-bg { background-color:#fff; }
.orange-bg { background-color:#e95f1c; }
.gold-bg { background-color: #d2bc79; }

.light-grey-bg { background-color:#f0f0f0 ; }
.cold-grey-bg { background-color:#d1d4d9; }
.dark { color:rgba(0,0,0,.7); }

.dark-grey { color:#333333;}
.dark-grey-bg { background-color:#333333; }

.grey { color:#7a7e81; }
.grey-bg { background-color:#7a7e81; }

.grey-2 { color:#a2a1a1; }
.grey-bg-2 { background-color:#a2a1a1; }


.text-12 { font-size:12px; }
.text-14 { font-size:14px; }
.text-16 { font-size:16px; }
.text-18 { font-size:18px; }
.text-20 { font-size:20px; }
.text-22 { font-size:22px; }
.text-25 { font-size:25px; }
.text-30 { font-size:30px; }
.text-35 { font-size:35px; }
.text-40 { font-size:40px; }
.text-45 { font-size:45px; }
.text-50 { font-size:50px; }
.text-55 { font-size:55px; }
.text-60 { font-size:60px; }
.text-xxl { font-size:80px; }

.max-width-90 { max-width:900px; }
.max-width-80 { max-width:800px; }
.max-width-70 { max-width:700px; }
.max-width-60 { max-width:600px; }
.max-width-50 { max-width:500px; }
.max-width-40 { max-width:400px; }
.max-width-30 { max-width:300px; }

.opacity-10 { opacity:.1; }
.opacity-20 { opacity:.2; }
.opacity-30 { opacity:.3; }
.opacity-40 { opacity:.4; }
.opacity-50 { opacity:.5; }
.opacity-60 { opacity:.6; }
.opacity-80 { opacity:.8; }
.opacity-90 { opacity:.9; }

.border-radius-3 { border-radius: 3px; }
.border-radius-5 { border-radius: 5px; }
.border-radius-8 { border-radius: 8px; }
.border-radius-10 { border-radius: 10px; }
.border-radius-15 { border-radius: 15px; }
.border-radius-20 { border-radius: 20px; }
.border-radius-25 { border-radius: 25px; }
.border-radius-30 { border-radius: 30px; }
.border-radius-35 { border-radius: 35px; }
.border-radius-40 { border-radius: 40px; }

.letter-spacing-005 { letter-spacing:.05em; }
.letter-spacing-010 { letter-spacing:.1em; }
.letter-spacing-015 { letter-spacing:.15em; }
.letter-spacing-020 { letter-spacing:.2em; }
.letter-spacing-025 { letter-spacing:.25em; }


.custom-background { background:url("img/") center center / cover; }
.custom-background .container { position: relative; z-index: 500; }
.overlay { position:absolute; bottom:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, .4); z-index:1;
}


/*------------------------------*/
.brand { display: flex; align-items: center; color: #fff; text-decoration: none; display: flex; outline: 2px solid #fff; outline-offset: 4px; }
.brand .tag { 
text-align: center;
padding: .4rem .2rem;
min-width: 130px;
font-size: 24px;
text-transform: uppercase;
}
.brand .tag.tag-1 { background: #fff; color: #000; letter-spacing: .02em; }
.brand .tag.tag-2 { font-weight: 900; }
.brand:hover { color: #fff; }
/*------------------------------*/



nav { box-shadow:1px 2px 3px rgba(0,0,0,.1);}

.fissa { z-index: 4; position:fixed; top:0;  height:0;  width:100%; }

/*body.sps.sps--abw .fissa { position:relative; top:inherit; left:inherit; height:auto; }
body.sps.sps--blw .fissa { position:fixed; top:0;  height:0;  width:100%; }*/


.brand-img { 
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out; 
}

.navbar-nav  li { position: relative; }
.navbar-nav > li > a {
display: inline-block;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
color:#005d63;
text-decoration: none;
position: relative;
border-radius: 0px;
font-size: 14px;
letter-spacing: .1em; 
font-weight:800;
position: relative;
}

.navbar-nav > .active > a, 
.navbar-nav > .active > a:hover, 
.navbar-nav > .active > a:focus, 
.navbar-nav > .open > a, 
.navbar-nav > .open > a:hover, 
.navbar-nav > .open > a:focus,
.navbar-nav a:hover { color: #1a3459; text-decoration:none; }


.navbar-toggler { 
border: 2px solid #1a3459;
border-radius: 0;
color: #1a3459;
padding: 0.6rem .8rem;
border-radius: 6px;
}

.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow:none;
}


.navbar-nav > li.nav-item.contact-us > a { 
/*
outline: 2px solid #c70c0f;
outline-offset: -2px;
*/
background:#e95f1c; color: #fff;
border-radius: 50px;

}

.navbar-nav  li.nav-item.contact-us:hover a { background:005d63; color: #fff; border:none!important;  }


.navbar-nav > li > a , 
body.sps.sps--abw .navbar-nav > li > a { padding:12px 50px; }
/*body.sps.sps--blw .navbar-nav > li > a { padding:5px 30px;  }*/

body.sps.sps--abw .brand-img { width: 250px }
/*body.sps.sps--blw .brand-img { width: 120px; }*/


body.sps.sps--blw .navbar-nav > li.nav-item.contact-us > a {  }

/*----*/

.navbar-nav li a:after { display:block; content: ""; position: absolute; width:100%; height:5px; left:0; bottom:-27px; background: #e95f1c; visibility: hidden;  }
.navbar-nav li:hover a:after { visibility: visible; }
.navbar-nav li.contact-us:hover a:after { display: none; }




/*------------------------------*/
/*section.header { display: flex; justify-content: space-between; flex-direction: column; height: 100%; width: 100%; }*/

section.header  { 
z-index: 2; 
background:url('img/bg-home.jpg') no-repeat center center / cover ; }


/*
section.header .overlay { z-index: 2; 
background: url('img/pills.webp') repeat-x center center ;
background-position: left center;
background-size:auto 105%;
width: 58%;
left: inherit;
right: 0;
}
*/

section [class*="container-"] { position: relative; z-index: 3; }

/*------------------------------*/

section.about-us { }

/*section.about-us .overlay { z-index: 2; 
background: url('img/triangle-shape-light-green.svg') no-repeat , url('img/iStock-1278273073.webp') no-repeat;
background-position: right center, right center;
background-size: auto, cover;
width: 47%;
left: 0;
clip-path: url("img/frame.svg");
}*/
/*------------------------------*/

section.what-we-do .box { margin: auto;background: #fff;padding: 2rem; border-radius: 30px; height: 100%; }
section.what-we-do .box .icon { width: 120px; margin: 0 auto; } 

/*------------------------------*/


section.numbers .box { display: flex; text-align: start; align-items: center; overflow: hidden; border-radius: 8px; border: 2px solid #fff; min-width: 320px; }
section.numbers .box .icon { margin-right: 1rem; width:120px; background: #fff; padding:8px;  }
section.numbers .box .icon img { width: 90px; }

section.numbers .box h3.number { font-weight: 800; line-height: 1; margin: 0; text-transform: uppercase; }
section.numbers .box p { font-weight:800; line-height: 1; text-transform: uppercase; }

section.numbers .box .n-txt { display:; align-items:; padding: 8px 8px 10px; }
section.numbers .box .n-txt h3 { margin-right:10px; }


/*------------------------------*/

section.posizione ul li { margin-bottom: 1.5rem; }
section.posizione ul li:last-child { margin-bottom: 0; }

/*------------------------------*/

section.servizi .box { background:#fff; padding:30px 20px 20px 20px; height:100%; color: #fff;  }
section.servizi .box img { width:100px; }
section.servizi .box h4 { font-size:16px; text-transform:uppercase; }
section.servizi .box h4 strong { font-weight:700; }

section.offerte .box .bordatura { border-top: 2px dotted #999; border-bottom: 2px dotted #999; }
section.offerte .box { position: relative; }
section.offerte .box::before {
position: absolute;
display: block;
content: "";
width: 30px;
height: 40px;
top: 0;
left: 0;
background: url(img/contrassegno.svg) no-repeat;
width: 63px;
height: 95px;
top: -16px;
left: 10px;
}


/*----------------------------*/


section.products .carousel-inner { min-height:; }
section.products .carousel .carousel-indicatori { 
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: none;
}
section.products .carousel .carousel-indicatori button { 
text-transform: uppercase; font-size: 16px; font-weight: 700; background: none; border:1px solid #005d63; border-radius: 30px; color:#005d63; padding: 5px 20px; margin: 0 5px; }

section.products .carousel .carousel-indicatori button.active { color: #e95f1c; border-color: #e95f1c; }

section.products .carousel img {/* object-fit: cover; object-position: bottom center; aspect-ratio: 1 / .8; */width: 630px;  }

/*----------------------------*/
section .slider.slick-slider .slick-slide p { margin: 0 auto; font-size: 12px; max-width: 200px; line-height: 1; text-align: center; }
/*----------------------------*/


/*-----------------------------
.Gallery
------------------------------*/

/*.gallery .cover-img { height: 230px; overflow: hidden; }*/
.gallery .cover-img img { object-fit: cover; height: 280px; }
.gallery .thumb { overflow: hidden; }
.gallery .thumb img {     
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}

.gallery .thumb a { display:block; }


/*----------------------------*/
section.presentazione .cover-bg { background: url("img/img_cta.webp") no-repeat center 0 / auto 100%; min-height:600px; height: 100%; max-width: 700px; }




.text-shadow { text-shadow:2px 2px 0 rgba(0,0,0,.5); }

/*----------------------------
Form
----------------------------*/

aside { background: rgba(0,0,0,.4); border-radius: 10px; }

.form-control {
background:#ffffff24;
border: none;
border-radius: 0;
box-shadow: none;
color:#ffff;
font-size:20px;
padding:15px;
font-weight:normal;
line-height:normal;
border:;
}
.form-control::-moz-placeholder { opacity:.5; color: #fff; }
.form-control::placeholder { opacity:.5; color:#fff; }
select option { opacity:1; color:#999; }

label.checkbox-terms { margin:0; line-height:1; }
.checkbox-terms input { margin:5px 0 0 ;}


.form-privacy { margin-top:20px; color:; }
.form-privacy a { color:#fff; }
.form-privacy a:hover { color:#fff; }
.form-privacy label.radio-inline { font-size:14px; margin:0 0 6px 0; }

input#AntiSpam { width:50px; border:0; border-radius:0; padding:5px 0; background:rgba(255,255,255,0.2); border: 1px solid #ddd; text-align:center; font-weight:600; color:#fff; }

.btn-custom { border:0 solid transparent; line-height:1; width:100%; display:block; text-decoration:none; text-align:center; transition:.4s; }

.btn-custom:hover  { text-decoration:none; background:#e95f1c; color:#fff; transform: scale(1.05); }
.btn-custom:hover i { color:; }


.btn-custom.btn-outline { outline: 2px solid #fff; outline-offset: -2px; background: none; color: #fff; }
.btn-custom.btn-outline:hover { outline: 2px solid #fff; outline-offset: -2px; background:; color:#fff; }
.btn-custom.btn-outline:hover i { }
body.typ-body a { color: #fff; }

form.contactMe button.btn-custom { letter-spacing: .2em; }
form.contactMe button.btn-custom:hover { background:#6cd8af; outline: none; border:none; color: #fff;  }

.form-control.custom-select-grip { padding:0; }
.form-control select { padding:18px; }
.custom-select-grip { position:relative; }
.custom-select-grip:after { position:absolute; right:15px; top:3px; content:""; display:block; 
right:14px; top:50%; margin-top:-8px; width: 10px; height: 18px; background: url(img/select-grip.svg) no-repeat center center / 100% auto; opacity: .5; }


select { 
appearance:none;
-moz-appearance:none;
-webkit-appearance: none;
background:none; border:none; width:100%;
color:#93b1ac; line-height:1;
}

.form-control:focus, textarea.form-control:focus { background:#ffffff24; border:none; box-shadow:none; color: #fff; }
input.form-control:focus::placeholder, 
textarea:focus::placeholder{ color: transparent; }

form.contactMe .form-check { margin-bottom: 5px; }


/*----------------------------*/
.custom-list { position:relative; margin:0 0 0 40px; padding:0 0 0 0; }
.custom-list li { font-size:20px; margin:0 0 12px 0; line-height:1; position:relative; margin-bottom:16px; font-weight:500; }
.custom-list li:last-child { margin:0; }
.custom-list i { font-size: 22px; left:-30px; position:absolute; top:1px; }



/*----------------------------
----------------------------*/
.bottom-call-to-action {  }

a.bottom-bnt {
    border: 3px solid;
    border-radius: 4px;
    color:;
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing:;
    margin:0px auto 0;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
	max-width:400px;
	text-decoration:none;
}

a.bottom-bnt:hover { text-decoration:none; background:#fff;  border:3px solid transparent; color:#c00c0f; }
.privacy-page strong { font-weight:700; }


/*----------------------------
----------------------------*/

.social-icons a { color: #fff; transition:.2s; }
.social-icons a:hover { transform: scale(1.3); }
.address a { color: #fff; font-weight: 400; }


/*----------------------------
----------------------------*/
.scroll-to-top { border:2px solid #002e26; width:50px; height:50px; border-radius: 50%; display:block; 
line-height:46px; text-align: center; margin:0 auto; background: rgba(255,255,255,0.2); position:fixed; bottom:30px; right:30px; color:#002e26; box-shadow: 4px 1px 0 #002e26; }
.scroll-to-top:hover {  }




/*----------------------------
----------------------------
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);
----------------------------
----------------------------*/


/*----------------------------
mobile sopra i....
----------------------------*/

@media(min-width:1920px) {
section.header .overlay { width: 50%; }   
}
@media(min-width:1600px) {}


@media(min-width:1200px) { 
.text-60 { font-size:75px; }
}


@media(min-width:990px) {
    
section { scroll-margin-top: 78px; }
section.header { margin-top: 78px; }
}



/*----------------------------
mobile sotto i...
----------------------------*/
@media(max-width:1600px) {}


@media(max-width:1400px)  { 
   
.text-18 { font-size:17px; }
.text-20 { font-size:18px; }
.text-22 { font-size:20px; }
.text-25 { font-size:22px; }
.text-30 { font-size:25px; }
.text-35 { font-size:30px; }
.text-40 { font-size:35px; }
.text-45 { font-size:40px; }
.text-50 { font-size:45px; }
.text-55 { font-size:50px; }
.text-60 { font-size:55px; }
.text-xxl { font-size:65px; } 

.navbar-nav > li > a, body.sps.sps--abw .navbar-nav > li > a {padding-left: 30px; padding-right: 30px; }
}


@media(max-width:1200px) {  }


@media(max-width:1024px) { 
section.numbers .box { min-width:290px; }
}

@media(max-width:990px) {

.custom-list { position:relative; margin:30px auto 0 auto; padding:0 0 0 0; max-width:290px; }
.custom-list li { font-size:18px; margin:0 0 12px 0; line-height:1; position:relative; margin-bottom:16px; font-weight:500; }
.custom-list i { font-size: 20px; left:-30px; position:absolute; top:1px; }
    
.navbar-nav > li > a { display:block; }
    
.fissa,
body.sps.sps--blw .fissa, 
body.sps.sps--abw .fissa { position:relative; top:inherit; left:inherit; height:auto; }
.brand-img { width: 180px; }    
.h-100 { height:auto!important; }
    

section.presentazione .cover-bg { min-height: 300px; }   
}

    
@media(max-width:767px) {
.scroll-to-top { position:relative; bottom:auto;right:auto; background:none; }
section.header  { background: rgb(0,46,38); background: linear-gradient(183deg, rgba(0,46,38,1) 0%, rgba(4,72,61,1) 87%); }
.valpharma-logo { width:400px; }  
}


@media(max-width:570px) {}
	
@media(max-width:480px) {
.text-18 { font-size:16px; }
.text-20 { font-size:17px; }
.text-22 { font-size:20px; }
.text-25 { font-size:18px; }
.text-30 { font-size:20px; }
.text-35 { font-size:25px; }
.text-40 { font-size:30px; }
.text-45 { font-size:32px; }
.text-50 { font-size:35px; }
.text-55 { font-size:38px; }  
.text-60 { font-size:40px; }
.text-xxl { font-size:45px; }
    
section.header  .overlay { height: 300px; } 
section.footer img {   }
.valpharma-logo { width:300px; }
}