/*
rosso var(--exrosso)
nero #252525
*/
:root{
  --exrosso:#4bb068;
  --bluedark:#09519f;
}

*{-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

body{font-family: 'PT Sans', sans-serif; font-weight: 400; color:#252525; font-size:0.9em;}
a, button{text-decoration:none !important; outline:none !important}
.w100{width:100%;}
.bg-black{background-color: #252525}
.bg-red{background-color: var(--exrosso)}
a.wb:link, a.wb:visited {
color:#fff; 
}
a.wb:hover {
color:#252525; 
}

a.bw:link, a.bw:visited {
color:#fff; 
}
a.bw:hover {
color:var(--exrosso); 
}
.navbar-brand svg{width: 150px; height: auto}
.p-header{padding:6px 0 6px 0;}
#items-in-cart{font-weight: 700; font-size: 0.7em; display: inline-block; border-radius: 20px; background-color: #000; color: #fff; width: 20px; height: 20px; text-align: center;}
#items-in-cart-xs{font-weight: 700; font-size: 0.7em; display: inline-block; border-radius: 20px; background-color: var(--exrosso); color: #fff; min-width: 16px; height: 16px; text-align: center;}
#navigazione{background:none  !important; margin:16px 0 0 0 !important; padding:0 !important}
.nav-item{margin:12px 0 12px 0 !important; padding:0 !important; background:none !important; font-size: 1.2em}
a.nav-link:link, a.nav-link:visited  {text-transform:uppercase; color:#252525 !important; 
 		-webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
		}
a.nav-link:hover  {
	color:var(--exrosso) !important;
	 -webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
	}

.dropdown-menu {
	background-color: rgba(255,255,255,0.9); !important;
	border:0 !important;
	border-radius:0 !important;
	}
a.dropdown-item:link, a.dropdown-item:visited  {text-transform:uppercase; font-size:0.9em; color:#252525;
 		-webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
		}
a.dropdown-item:hover  {
	color:var(--exrosso);
	 -webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
		background:none !important
	}

.navbar .dropdown.show > a {
    color: #252525 !important;
}

a.nav-link.active {color:var(--exrosso) !important; background:none !important;}

.icon-bar {
	width: 22px; 
	height: 2px;
	
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
  background-color:var(--exrosso);
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
  background-color:var(--exrosso);
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
  background-color: #252525;
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  background-color: #252525;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
  background-color: #252525;
}

.dropdown-margin {margin-top:12px !important; background:rgba(0,0,0,0.7) !important;}
.flames{max-width: 140px}
.under-header{margin-bottom: 100px}
h2{font-size: 2em}
.tit-section{text-align: center; text-transform: uppercase; border-bottom:var(--exrosso) 2px solid; padding-bottom: 26px; font-size: 1.4em; margin-bottom: 20px; color: var(--exrosso) }
/* .navbar-brand{display: none} */

.condizioni strong {text-transform: uppercase; font-size: 1.2em !important; line-height: 2.2em}
.condizioni ol:last-child { margin-left: 20px }
.condizioni ol:last-child li { margin-bottom: 8px }

@media (max-width: 991px) and (min-width: 766px)
{ 
	.logo img{max-width: 150px; margin-top: 2px}
	.navbar-brand svg{width: 120px; height: auto}

	.nav-item{font-size: 1.1em; font-weight: 600}
	a.nav-link{padding: 4px 2px 4px 2px !important}
}
@media (max-width: 767px) 
{ 
	.flames{max-width: 100px}
	.navbar-brand{display: block}
	.navbar-brand img{max-width: 150px;}
  .navbar-brand svg{width: 100px; height: auto}
	h2{font-size: 1.4em}
	.logo img{max-width: 150px; margin-top: 2px}
	.nav-item{margin:4px 0 4px 0 !important; font-size: 1em; font-weight: 600}
	a.nav-link{padding: 4px 2px 4px 2px}
	a.nav-link:link, a.nav-link:visited  {text-transform:uppercase; color:#252525 !important; 
		}
a.nav-link:hover  {
	color:var(--exrosso) !important;
	}
}
.consegne{font-size: 2em; margin:20px 0 20px 0; color: var(--exrosso)}
@media (max-width: 767px) 
  { .consegne{font-size: 1.6em;}
}
.red-stripe{background-image: url(../imgs/green-dot.png); background-repeat: repeat-x; background-position: bottom;}


.image {
  margin:auto;
    width: 100%;
    height: 100%;
   overflow:hidden !important; 
   text-align: center;
}

.image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
  .box:hover img {
    -webkit-transform:scale(1.20); /* Safari and Chrome */
    -moz-transform:scale(1.20); /* Firefox */
    -ms-transform:scale(1.20); /* IE 9 */
    -o-transform:scale(1.20); /* Opera */
     transform:scale(1.20);
}

#titoloarticolo {border-bottom: #ccc 4px solid}
#titoloarticolo h1{font-weight: 700; font-size: 2em}
#descrizione .prezzo{font-size: 1.6em; color: var(--exrosso)}
#parallax{color:#fff;}
#parallax .sep{max-width: 160px; background-color: var(--exrosso); max-height: 4px; margin: 4px auto 4px auto}
#parallax .ds{text-align:center; font-size: 1.2em}
.count{text-align: center; font-size: 3.4em}

.footer{margin-top: 150px; background-color: #252525; color: #ffff; border-bottom: var(--exrosso) 4px solid}
.flame-footer{margin:-43px auto 60px auto;}
.tax-data{font-size: 0.9em}
.footer svg{width: 110px; height: 75px; margin-top: 20px; margin-bottom:10px}
.footer .sep{max-width: 80%; background-color: var(--exrosso); max-height: 4px; margin: 4px auto 12px auto}
.footer .center{text-align: center; font-size: 1em}
.footer ul{list-style-type: none; font-size: 1.2em; margin-top: 20px; float: right; padding-left:0 !important;}
.footer ul li{margin-bottom: 16px}
.footer a:link, .footer a:visited {color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}
.footer a:hover {color:var(--exrosso); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}
.footer a:link i, .footer a:visited i {color:var(--exrosso); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}
.footer a:hover i {color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}
.footer .sub{min-height: 90px}
.subfooter{background-color: #252525; border-bottom: #6cbe03 6px solid; text-align:center; }
.copy{background-image: url(../imgs/bgcopy-green.png); background-repeat: no-repeat; background-position: center bottom; color:#fff; text-align:center;min-height: 43px }
.txds{font-size: 1.1em}
@media (max-width: 767px) 
{
 .footer ul{float: left}
}

/* ------------------------------- FORM ----------------------------- */
.gruppo-modulo label {color:#252525; font-size:0.8em;}
.gruppo-modulo input[type="text"], .gruppo-modulo input[type="email"], .gruppo-modulo input[type="password"], .gruppo-modulo select, .gruppo-modulo textarea, .plogin input[type="email"], .plogin input[type="password"], .qta-lista{
   border: 1px #000 solid; background:#FAFAFA; font-size:1em; color:#000; border-radius: 0;
  }
.gruppo-modulo input[type="text"]:focus, .gruppo-modulo input[type="email"]:focus, .gruppo-modulo input[type="password"]:focus, .gruppo-modulo select:focus, .gruppo-modulo textarea:focus, .qta-lista:focus 
{box-shadow: 0 1px 1px rgba(107,108,110, 0.075) inset, 0 0 8px rgba(107,108,110, 0.6) !important; outline: 0 none !important; }
.gruppo-modulo textarea:focus {border: 1px #6b6c6e solid !important  border-radius: 0;}

.btn { border-radius:20px;
  background:var(--exrosso); color:#FFF;
 -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out
  }
.btn:hover {background:#252525; color:#FFF;
  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out
  }
.risposta{font-size:1.2em; margin-bottom:8px; min-height:18px}
.avviso-alert{color:#C00}
#invio-messaggio{font-size:1.2em}

.g-recaptcha
{
  display: inline-block;
  -webkit-transform: scale(0.77);
     -moz-transform: scale(0.77);
      -ms-transform: scale(0.77);
       -o-transform: scale(0.77);
          transform: scale(0.77);
   -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
       -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
           transform-origin: 0 0;
}
.material-switch > input[type="checkbox"] {
    display: none;   
}
.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(237,68,59);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(234,33,46);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: #666;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: #000;
    left: 20px;
}
#map-canvas{min-height: 480px}

.privacy {text-align:justify; font-size:1em}
.privacy ol, .privacy ul {padding-left: 0 !important;}
.privacy > ol > li{margin-bottom:20px}
.privacy a:link, .privacy a:visited, .gruppo-modulo a:link, .gruppo-modulo a:visited {
  font-size:1em;
  color:#e83036;
  -webkit-transition: color 400ms ease-out 100ms;
    -moz-transition: color 400ms ease-out 100ms;
    -o-transition: color 400ms ease-out 100ms;
    transition: color 400ms ease-out 100ms;
}
 .privacy a:hover, .gruppo-modulo a:hover {
  color:#231f20;
  -webkit-transition: color 400ms ease-out 100ms;
    -moz-transition: color 400ms ease-out 100ms;
    -o-transition: color 400ms ease-out 100ms;
    transition: color 400ms ease-out 100ms;
}