@charset "utf-8";
/* CSS Document */

/* STRUTTURA DEL SITO */

html {}

html, body { font:14px/18px 'Quicksand', sans-serif; color:#606060; }

body {  background: #F4F4F4; }
a{ text-decoration:none; color:#2E7D32 ; }
a:hover {text-decoration: underline;}

h1,h2,h3,h4,h5,h6 { color:#2E7D32; }
h1 { font-size:1.7em;  }
h2 { font-size:1.5em;}
h3 { font-size:1.3em;}
h4 { font-size:1.2em;}
h5 { font-size:1.1em;}
h6 { font-size:0.9em; font-weight:bold;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#2E7D32;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration: underline;}

.btn{box-shadow: none;}
ul#nav>li,
#top-menu-cat ul li,
#top-menu-cat ul li a,
#index-buttons > div,
#index-banner > div span,
#index-banner > div img, 
#preventivobox,
#top-menu-cat .submenu,
#top-menu-cat .submenu li,
.mainco .catlist img,
.preventbutton {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

.white-bg{background: #fff;}
/********************BEGIN HEADER******************************/
header{background: #FFF;}
#top-bar{ position: relative; width: 100%; background-color: #CDB69B;background-color: #b6b6b9; z-index: 2;}
#top-bar > div{/*display: flex;*/ justify-content: space-between;}
#top-bar,
#language_switcher,
#top_search,
#menu-container{height: 38px;} 

#language_switcher{ float: right; cursor: pointer; text-transform: uppercase; position: relative; display: flex; vertical-align: middle; align-items: center;color: #fff;}
#current-lang{    vertical-align: middle; display: inline-flex; align-items: center;}
#current-lang:after {content: ""; height: 16px; width: 1px; background: #fff; margin-left: 10px; margin-right: 18px; }
#current-lang i{}
#submenu-lang{display: none;    position: absolute; background: #fff; top: 37px; left: -0.8rem; padding: 0.2rem 0.8rem; border: 1px solid #cdb69b;}
#submenu-lang img{display: none;}
#submenu-lang li{ margin-bottom: 0.3rem;}
#submenu-lang li a{ color: #606060; font-size: 1.1rem; }
#language_switcher:hover #submenu-lang{display: block;} 

#top_search{ float: right; }
#top_search input[type=text]{height: 32px; color: #fff;    border-color: #fff;width: 90%;}
#top_search input[type="text"]::-webkit-input-placeholder{color: #fff; }
#top_search input[type="text"]::-moz-input-placeholder{color: #fff; }
#top_search input[type="text"]::-ms-input-placeholder{color: #fff; }
#top_search input[type="text"]::-moz-input-placeholder{color: #fff !important; }
#top_search input[type="text"]::placeholder{color: #fff !important; }

#top_search form > div{display: flex;}
#top_search button{background: none; border: none; display: inline-flex; vertical-align: middle;width: auto;}



#top-bar #menu-container { float: left; }
ul#nav {     height: 100%;  }
ul#nav>li {  height: 100%; /*border-right: 1px solid #bbbbbb;*/ display: inline-flex; vertical-align: middle; align-items: center; }
 
ul#nav>li a { color:#FFFFFF; padding: 0px 13px 0; /*font-weight: bold;*/ font-size: 1.2rem; text-decoration: none !important;}

ul#nav>li:hover { background:#828387; } 

ul#nav>li ul { display:none; padding-bottom:10px; }
ul#nav>li ul li { padding:7px 0 5px; background:url(i/navsubbg.png) no-repeat center top;}
ul#nav>li ul li a { }

ul#nav>li:hover ul {display:block; }
ul#nav>li:hover ul il {} 

ul#nav>li ul li ul { display:none !important; }

#header{padding: 30px 0; display: flex;   align-items: center; position: relative;}
#header #logo { float: left; width: 28%; }   
#header #logo img {	width: 100%; }
#top-menu-cat{width: 75%;text-align: right;}
#top-menu-cat > ul{ }
#top-menu-cat ul li{display: inline-block; margin-left: 1.2rem;  padding: 40px 0;}
#top-menu-cat ul li > a{color: #2E7D32; font-weight: bold; font-size: 1.25rem;text-transform: uppercase;padding: 0.5rem 0.7rem;}
#top-menu-cat > ul > li:hover{   }
#top-menu-cat > ul > li:hover > a{color: #fff; text-decoration: none; background: #0aaa5f;}
#top-menu-cat ul .preventivo{   position: relative;}
#top-menu-cat ul .preventivo a{    background: #B0CC3D;     position: relative; color: #fff;}
#top-menu-cat ul .preventivo:hover > a{    background: #0aaa5f;}
#top-menu-cat ul .preventivo.open > a{background: #B0CC3D;}

#top-menu-cat .submenu{ display: none; background: #fff; display: none; position: absolute; width: 100%; left: 0;
    height: auto; z-index: 220; top: 129px;     padding: 10px 15px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.14), 0 1px 5px 1px rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.14), 0 1px 5px 1px rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2); }
header.sticky #top-menu-cat .submenu{top: 90px;}     
#top-menu-cat > ul > li:hover .submenu{ display: block; }
#top-menu-cat .submenu li{ width: 23.6%; margin-right: 0rem; float: left; padding: 1%; height: 100px; display: inline-flex; vertical-align: middle;
    align-items: center; /* background: #3ab44a14; */ border-bottom: 1px solid #2E7D324d; margin-bottom: 0.5%; margin: 0.6rem 0.6rem; overflow: hidden;}
#top-menu-cat .submenu li span.img{width: 40%; display: inline-flex; vertical-align: middle; overflow: hidden;}
#top-menu-cat .submenu li span.img img{ display: block; width: 100%; height: auto; max-height: 100%;}
#top-menu-cat .submenu li span.titolo{     font-weight: bold; width: 57%; display: inline-block; text-align: left; margin-left: 3%; color: #2E7D32;
    vertical-align: middle; font-size: 1.1rem;}
#top-menu-cat .submenu li:hover{background: #2E7D320d;}

#preventivobox{display: none;background: #fff; border: 3px solid #B0CC3D; position: absolute; right:0; z-index: 5; width: 200%; padding: 1rem; color: #fff;top: 88px;}
@media screen and (min-width: 1025px){
	#top-menu-cat ul .preventivo:hover > a{}
	#top-menu-cat ul .preventivo:hover #preventivobox{display: block;}	
}
#top-menu-cat ul .preventivo.open #preventivobox{display: block;}
#preventivobox p{color: #2E7D32; text-align: left;}
#preventivobox p a{color: #2E7D32 !important; font-weight: bold;}
#preventivobox ul li{display: block; color: #fff;      padding: 5px 0;  border-bottom: 1px solid #eee;margin-left: 0; }
#preventivobox ul li span.img,
#preventivobox ul li span.title,
#preventivobox ul li span.qta{display: inline-block; vertical-align: middle; text-align: left}
#preventivobox ul li span.img{ width: 25%; }
#preventivobox ul li span.title{ color: #2E7D32;    font-size: 1.2rem;  font-weight: bold;width: 62%;  margin-left: 3%;}
#preventivobox ul li span.qta{ color: #2E7D32;    font-size: 1.2rem;  font-weight: bold;width: 7%;  margin-left: 1%; text-align: center;}
#preventivobox ul li img{ width: 100%;}
#preventivobox a{    background: #186818; float: left;     margin-top: 15px; color: #2E7D32; font-weight: bold;}
#preventivobox a:hover{text-decoration: none; background:#0aaa5f !important;  color: #fff !important; }

#search-wrapper{position: relative;}
.search-wrapper{ margin: 0;text-align: right;}
.search-wrapper span{}
.search-wrapper #megasearch,
.search-wrapper #search{  display: block;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    height: 45px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 45px 0 15px;
    border: 0;
    margin: 0;
    text-align: center;background: #EEEEEE;
    border-bottom: 2px solid #E53935;}
.search-wrapper #search{background: inherit;     border: 1px solid #d0d0d0;}    
.search-wrapper #megasearch::-webkit-input-placeholder,
.search-wrapper #search::-webkit-input-placeholder { color: #000; }
.search-wrapper i{position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;}    
    
.search-wrapper .input-field{margin-top: 0;}

.search-wrapper .autocomplete-content{margin-top: 0; position: absolute; width: 100%;max-height: 500px; }	
.autocomplete-content { margin-top: -15px; display: block; opacity: 1; max-height: 500px; top: 50px;left: auto; right: 0; width: 300%;}
.autocomplete-content li:hover{ background-color: #77c87233 !important; }
.autocomplete-content li a{text-decoration: none !important;color: #2E7D32;font-weight: bold; }
.autocomplete-content li .highlight {color: #2E7D32; background: #B0CC3D; }
/* width */
.autocomplete-content::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.autocomplete-content::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.autocomplete-content::-webkit-scrollbar-thumb {
  background: #cdb69b;; 
}

/* Handle on hover */
.autocomplete-content::-webkit-scrollbar-thumb:hover {
  background: #38b54b; 
}

#mega-progress,
#progress{background-color: rgb(149, 215, 155); margin-bottom:0; display:none;}
#mega-progress.progress .indeterminate,
#progress.progress .indeterminate{    background-color: #3bb64d;}    

#delta-fixed{display: block; height: 200px;}

header{ z-index: 200; position: fixed !important; top: 0; width: 100%; }
header.sticky { box-shadow: 0 2px 5px rgba(0,0,0,.26); }
#top-bar{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
@media screen and (min-width: 1024px){
	header.sticky #top-bar{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;overflow: hidden; height: 0;}
	header.sticky #header{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; padding: 0px 0;}
	header.sticky #header #logo { width: 25%;-webkit-transition: all 0.3s ease-in-out; padding: 0px 0;}
	header.sticky #header #top-menu-cat { width: 75%;-webkit-transition: all 0.3s ease-in-out; padding: 0px 0;}
}
/********************END HEADER******************************/

/********************************BEGIN INDEX**************************/  
.carousel .carousel-item{visibility: visible;} 
#indexcontent {	padding-top: 30px; }

#company-intro{    background: #fff; padding: 2rem;    font-size: 1.3rem; line-height: 1.9rem;display: flex; align-items: center;}
#company-intro img{}
#company-intro > div{}
#company-intro p{    margin-top: 12px;}
#company-intro i{    font-size: 1.7rem;  display: inline-block;}
 
#index-fastlinks{display: none;}
#index-fastlinks a{} 
#index-buttons{margin-top: 60px;  margin-bottom: 60px;}
.pulsantoni > div{    padding-top: 2rem !important; padding-bottom: 2rem !important;}
#index-buttons > div{ width: 32% !important; }
.pulsantoni > div.catalogo{ background: #F57C00;}
.pulsantoni > div.riciclata{background: #00AEBF; margin-left: 2% !important; margin-right: 2% !important;}
.pulsantoni > div.lavora-con-noi{ background: #00B0FF; }
.pulsantoni > div.naviga{     background: #2E7D32; display: none;}
.pulsantoni > div img{    display: inline-block; vertical-align: middle;width: 30%;  padding: 0 2%;}
.pulsantoni > div span{color: #fff;  text-transform: uppercase;  font-weight: bold;  font-size: 1.8rem;     line-height: 1.9rem;  display: inline-flex;
    width: 63%;   margin-left: 2%;    vertical-align: middle;}
.pulsantoni a{    display: block;  width: 100%;  height: 100%;}
.pulsantoni a:hover{text-decoration: none;}
.pulsantoni > div:hover{background: #000000b0;}

#index-banner{margin-bottom: 60px;}
#index-banner > div{width: 32%; position: relative;    padding: 0;}
#index-banner > div.center{width: 32%;margin-left: 2%; margin-right: 2%;}
#index-banner > div img{width: 100%;}
#index-banner > div span{    position: absolute;  bottom: 20%;left: 0;  text-align: center;  color: #fff; text-transform: uppercase;
    font-weight: bold;  font-size: 1.3rem;  width: 100%; padding: 1.1rem 0; background: rgb(163, 165, 169);}
#index-banner > div:hover span{background: #fff;color: #2e7d32;}
#index-banner > div:hover img{opacity: 0.8;}
/********************************END INDEX**************************/  

/******************************** BEGIN LEFTCOL****************************/

#leftcol { } 

#midcol { }

#leftcol, #midcol, #rightcol { float: left; }

.leftcol ul li ul { margin-top: 5px; display: none; }

.leftcol .menulev-0{ position: relative; line-height: 2rem; margin-bottom: 18px;     padding-bottom: 13px;border-bottom: 1px solid #9e9e9e70;}
.leftcol .menulev-1 { line-height: 2rem;} 	

.leftcol .menulev-0 > a{ text-transform: uppercase; font-weight: bold; font-size: 1.6rem; color: #2E7D32; }
.leftcol .menulev-1 > a{ color: #616161;  text-transform: capitalize; font-size: 1.3rem; }

#leftcol .menulev-1:hover{}

.leftcol a.xpand {position: absolute; right: 0 !important; top: 5px !important; }
.leftcol a.xpand.rev i{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg);}

.leftcol .menulev-0.expanded > a{  color: #00890a; }

.leftcol .menulev-0.giochi-per-parchi > a{}
.leftcol .menulev-0.arredo-urbano > a{color: #616161;}
.leftcol .menulev-0.percorsi-salute-fitness-attrezzature-sportive > a{color: #0D47A1;}
.leftcol .menulev-0.agility_dog_legno > a{color: #FF8F00;}

.leftcol ul li.menulev-0.giochi-per-parchi.selected > a:first-of-type,
.leftcol ul li.menulev-0.giochi-per-parchi:hover > a:first-of-type,
.leftcol ul li.menulev-0.giochi-per-parchi li.selected > a:first-of-type,
.leftcol ul li.menulev-0.giochi-per-parchi li:hover > a:first-of-type{ text-decoration: none;     background: rgba(58, 181, 75, 0.1);}

.leftcol ul li.menulev-0.arredo-urbano.selected > a:first-of-type,
.leftcol ul li.menulev-0.arredo-urbano:hover > a:first-of-type,
.leftcol ul li.menulev-0.arredo-urbano li.selected > a:first-of-type,
.leftcol ul li.menulev-0.arredo-urbano li:hover > a:first-of-type{ text-decoration: none;     background: rgba(97, 97, 97, 0.1);}

.leftcol ul li.menulev-0.percorsi-salute-fitness-attrezzature-sportive.selected > a:first-of-type,
.leftcol ul li.menulev-0.percorsi-salute-fitness-attrezzature-sportive:hover > a:first-of-type,
.leftcol ul li.menulev-0.percorsi-salute-fitness-attrezzature-sportive li.selected > a:first-of-type,
.leftcol ul li.menulev-0.percorsi-salute-fitness-attrezzature-sportive li:hover > a:first-of-type{ text-decoration: none;     background: rgba(13, 71, 161, 0.1);}

.leftcol ul li.menulev-0.agility_dog_legno.selected > a:first-of-type,
.leftcol ul li.menulev-0.agility_dog_legno:hover > a:first-of-type,
.leftcol ul li.menulev-0.agility_dog_legno li.selected > a:first-of-type,
.leftcol ul li.menulev-0.agility_dog_legno li:hover > a:first-of-type{ text-decoration: none;     background: rgba(255, 143, 0, 0.1);}

.leftcol ul li.menulev-1.selected > a:first-of-type,
.leftcol ul li.menulev-1:hover > a:first-of-type{ text-decoration: none; }

.leftcol .menulev-0 > a,
.leftcol .menulev-1 > a{padding: 0.2rem 1%;}
.leftcol li.percorsi-salute-fitness-attrezzature-sportive a{display: inline-block; }

#secondary-menu{}
#secondary-menu.pulsantoni > div.riciclata{margin-left: 0 !important; margin-right: 0 !important;}
#secondary-menu.pulsantoni > div{margin-bottom: 10px;}
/******************************** END LEFTCOL****************************/

/******************************** BEGIN CONTENT****************************/

#pagecontent { margin-top: 20px; }
#content-container{background: #fff;    padding: 0.5rem 2%;}
.mainco {}

.bussola { color: #747175;  font-size:1.1rem; padding:10px 1px 5px;margin-bottom: 20px;}
.bussola a {color: #2E7D32;  }
.bussola a:hover { color: #007909;}
.bussola span { color: #2E7D32; padding: 0 5px;position: relative; bottom: 1px;}

.mainco h1 { margin: 0 0 0.3rem 0; color:#2E7D32; font-size: 3.2rem; font-weight: bold; text-transform: uppercase; }
.mainco h2 {}
.mainco h2.marca-title {    color: #2E7D32 !important; font-size: 18px; margin-top: 0.8em; margin-bottom: 10px; text-transform: uppercase;
    font-weight: bold;  font-size: 1.5rem;}
.mainco h3 { margin-top:5px; color:#4C4C4C ; font-size:1.2em;}

.mainco p { padding:5px 0 15px;}
.mainco ul { /*padding:5px 0 15px;*/ }
.mainco ul li { /*padding-left:15px; margin:3px 0 ; background:url(i/bullet-menu.png) no-repeat left 4px;*/ }

.mainco #mainco-menu #preventivo {/*position: absolute; top: 0px; left: 468px; width:170px; height: 22px;*/ background: #ff0000;}

.mainco .catlist{ float: left; padding: 0px; width: 23%;  list-style: none; text-align: center; position: relative;
    margin-right: 2%;  margin-bottom: 15px;} 
.mainco .catlist .listthumb{  background: #fff;  position: relative;overflow: hidden;display: flex;}
.codprod{position: absolute;
    right: 5px;
    top: 2px;
    background: rgba(229, 229, 229, 0.5);}
.mainco .catlist .listtexts{  background: #fff; transition: 0.3s all ease-in-out;  overflow: hidden;
    display: inline-flex; vertical-align: middle; text-align: center; align-items: center;width: 100%; margin-top:5px;}
.mainco .catlist br{display: none;}
.mainco .catlist .listtexts h2{margin: 0 auto;}
.mainco .catlist .listtexts h2 a{ font-size: 1.1rem; font-style: normal; font-weight: bold; text-transform: capitalize;    color: #2E7D32;
	display: inline-block; max-width: 88%;}  
.mainco .catlist .listtexts h2 a.preventbutton{ width: 100%; display: block;}
.mainco .catlist .listtexts h2 a.nome_prodotto{ }
.mainco .catlist .listthumb a{   width: 100%; display: flex; align-items: center;}
.catlist:hover a img{  
	-webkit-transform:scale(1.25); 
    -moz-transform:scale(1.25);
    -ms-transform:scale(1.25); 
    -o-transform:scale(1.25); 
     transform:scale(1.25);
}


.mainco .catlist:hover{  }
.op-subcat .catlist:hover{border-color: #008000;}
.mainco .catlist.main-cat{}
.mainco .catlist.main-cat .sottolistacat{display:none;}
.mainco .catlist img{max-height: 94%; max-width:98%;    margin: 0 auto; width: 100%; max-height: 180px; width: auto;}

	
.preventbutton { position: absolute; color: #fff;
    background-color: #B0CC3D;
    width: 100%;
    padding: 0.3rem 1%;
    margin-left: 0!important;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 auto;
    width: 100% !important;
    height: auto !important;
    bottom: -50px !important;
    left: 0 !important;
    top: inherit !important;
    display: inline-block !important;}
.preventbutton:hover{color: #fff; background-color: #0aaa5f;}
.mainco .catlist:hover .preventbutton  { bottom: 0 !important;}    

.mainco .listacategorie .catlist:hover .listtexts {  margin-bottom: 0px !important;} 
 
.mainco .catlist .listtexts span {font-size: 10px; font-style: italic; margin-left: 5px; text-transform: uppercase;}

.mainco #contact-google-map {box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.mainco #contatti-info {margin: 30px 0px;}
.mainco #contatti-info p {padding: 3px 0px;}


.lista-pagine-prodotti { margin-bottom:20px;   margin-top: 15px;}

.lista-pagine-prodotti h2 { }
.lista-pagine-prodotti ul { font-size:16px; margin:0 5px;  }
.lista-pagine-prodotti ul li { background:none; padding:20px  5px 5px;  border-top:1px dashed #AFAFAF; }
.lista-pagine-prodotti ul li:first-child { border-top:none; padding-top:10px;}
.lista-pagine-prodotti ul li a{ color:#4C4C4C; background:url(i/bullet2.png) no-repeat left 2px ; padding-left:20px; }
.lista-pagine-prodotti ul li a:hover { color:#D8004E; }
/***************************CART*************************************/
#modal_cart{ text-align: center; width: 25%; max-height: 90%; border-radius: 0;}
#modal_cart .modal-content{padding: 0;}
#modal_cart .modal-content h4{text-transform: uppercase;
    /*font-weight: bold;*/
    font-size: 1.9rem;
color: #fff;
    background: #B0CC3D;
    padding: 0.6rem 0;}
#modal_cart .modal-content .prod-info{ text-align: center; width: 50%; margin: 10px auto;}
#modal_cart .modal-content .prod-info img{  display: block; width: 100%; margin: 5px auto;}
#modal_cart .modal-content .prod-info span{ display: block; font-size: 1.3rem; font-weight: bold; color: #2E7D32;     margin-top: 2px;
    background: #fff;
    padding: 0.5rem 4%;}
#modal_cart .modal-content .prod-info .qta{ display: flex; align-items: center;    margin-top: 10px;}
#modal_cart .modal-content .prod-info input{margin-bottom: 0;  text-align: center;    background: #fff;}
#modal_cart .modal-content .prod-info label{color: rgba(0,0,0,0.87); font-size: 1.2rem; margin-right: 3%; font-weight: bold;}
#modal_cart .modal-footer{    border-top: 1px solid #9e9e9eb8;}
#modal_cart .modal-footer a{}
#modal_cart .modal-footer a.back{float: left;font-weight: bold;}
#modal_cart .modal-footer a.add{float: right; background: #B0CC3D; font-weight: bold; color: #fff;}

#top-menu-cat ul .preventivo.open > a,
.mainco .catlist:hover .preventbutton:hover,
#modal_cart .modal-footer a.add:hover{text-decoration: none;background: #2e7d32; color: #fff; background-color: #0aaa5f;}

.del-prod{    background-color: #9e9e9e;}
.del-prod:hover{text-decoration: none;    background-color: #ee6e73;}
.del-prod i{margin-left: 0;}
#toast-container{z-index: 250;}
/***************************FILTRI***********************************/
#filters{}
#filters h4{color: #2e7d32; font-weight: bold; font-size: 1.4rem;margin-bottom: 0.7rem;}
#filters h4 i{display: none;}
#filters h4 i.opened{    transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg);}
#filters form{}
#filters label{font-size: 1rem; font-weight: bold; color: inherit;}
#filters label span{}
.filter-slider{height: 100px;}
#filters .noUi-horizontal{     margin-top: 40px;
    margin-bottom: 20px;
    width: 88%;
    height: 6px;
    border: none;
    margin-left: 6%;
    display: inline-block;}
.noUi-connect{    background: #cdb69b;}
.noUi-pips{display: none;}
.noUi-handle{    box-shadow: none;
    border-radius: 100%;
    width: 24px !important;
    height: 24px !important;
    top: -10px !important; cursor: pointer;}
.noUi-handle:after, .noUi-handle:before{content: none;}    
.noUi-tooltip{    background: transparent;
    border: none;
    font-weight: bold;
    padding: 0;}
.noUi-tooltip span{text-transform: lowercase;}
.noUi-value-horizontal{transform: translate3d(-50%,83%,0);
    font-size: 0.9rem;}
#filters button{float:right;background-color: #2e7d32; display: none;}
#filters a{float: right; margin-right: 2%; line-height: 36px;  font-size: 1.1rem;}
.no-results{    font-size: 1.3rem;}
.no-results a{ font-weight: bold;}
/***************************SCHEDA PRODOTTO**************************/

.schedaprodotto{ background: #fff;}
.schedaprodotto #prod-image { position: relative;}
.schedaprodotto #prod-image img {width: 100%; cursor: zoom-in;    border-bottom: 3px solid #f4f4f4;}
.schedaprodotto #prod-image img.active{border: none;}
#image-code{position: absolute;
    right: 0;
    top: 11px;
    background: rgba(229, 229, 229, 0.5);
    font-weight: bold;
    padding: 2px; text-align: right;}   
.contain { }
.galleria { overflow:auto; }
.galleria a{     background: none;  margin: 0; padding: 0; display: inline-block; width: 32%; margin-right: 1%; margin-bottom: 0.3rem; overflow: hidden; }
.contain .galleria li span {}
.contain .galleria li a {}
.contain .galleria li a:hover {}
.galleria a img { display: block; width: 100%; margin: 0; transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;} 
.galleria a:hover img {-webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);}

#right-info-container{    border-left: 3px solid #f4f4f4;}
#right-info-container h2{text-transform: uppercase;font-size: 1.3rem; font-weight: bold;    line-height: 3rem;}

#caratteristiche-container{ background: #fff; }
#caratteristiche-container h2,
#caratteristiche-container p{ color: #606060; border-bottom: 1px solid #606060; }
#caratteristiche-container p{ line-height: 1.7rem;  font-size: 1.2rem; padding: 0; text-transform: capitalize;padding: 9px 0;}
#caratteristiche-container p span{font-weight: bold;    text-transform: none;}

#materialbox-overlay,
.lg-backdrop{ opacity: 0.7 !important;}

.download{    padding-top: 30px; background: #fff;}
.download h2{ color: #b31e8c ; border-bottom: 1px solid #b31e8c;}
.download ul{ list-style: none; }
.download h2,
.download a{ color: #b31e8c !important; font-weight: bold; }
.download a{ line-height: 2.9rem;  font-size: 1.2rem; padding: 0;    vertical-align: middle;
    align-items: center;
    display: inline-flex; text-decoration: none !important;
	text-transform: capitalize;
    width: 100%;}
.download a:hover{    background: rgba(179, 30, 129, 0.05);}    
.download i{text-decoration: none !important;}    
.download ul li{background: none; border-bottom: 1px solid #b31e8c; padding: 0;margin:0;}

#add-to-prev-wrap{    margin-top: 2rem;    margin-bottom: 10px;}
#add-to-prev-wrap span{}
#add-to-prev-wrap label{font-size: 1.2rem !important; color: #606060; margin-right: 5px;}
#add-to-prev-wrap input{    background: #f4f4f4;
    display: inline-flex;
    /*float: right;*/
    margin-right: 10px;
    width: auto;
    /* vertical-align: middle; */
    /* align-items: center; */
    text-align: center;
    /* margin-right: 10px; */
    height: 28px;
    /*width: 20%;*/}
#add-to-prev-prod{ background-color: #B0CC3D;
    font-weight: bold;
    float: right;
    /* margin-top: 20px; */
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1rem;
    /* margin-bottom: 20px; */
    box-shadow: none;
    display: block;
    align-self: right;
    font-size: 1.2rem;
    width: 100%;
    margin-bottom: 10px;
    /*width: 76%;*/
    }
#add-to-prev-prod:hover{text-decoration: none;background: #0aaa5f;  color: #fff;}
#contatti-prod{display: none;}

#related-products > h2{    margin-bottom: 10px; border-bottom: 1px solid rgb(97,97,97); text-transform: uppercase; font-weight: bold; font-size: 1.5rem;
    color: #2E7D32; padding-bottom: 5px;}
.mainco .catlist.related-product{  width: 23%;}

/* News Page Styling */

.op-show_news .mainco h1 {margin: 10px 0px 15px 0px; float: left;}
.op-show_news .mainco .pagenews {float:left; border-top: 1px solid #ddd;}
.op-show_news .mainco .pagenews .news_date {float:right; margin: -30px 20px 0 0;}
.op-show_news .mainco .pagenews .news_body { padding: 5px 0 0 0; min-width: 694px;}
.op-show_news .bussola { display: none; }

.newsmarchio {margin:0 0 15px 0; }
.newsmarchio dt { margin-top:25px; padding-left:5px; padding-right:5px;}
.newsmarchio .news_date { font-size:12px;}
.newsmarchio dd { border-bottom: 1px solid #DDDDDD; padding-bottom:4px; padding-left:5px; padding-right:5px; }
.ie7 .newsmarchio dd {overflow:auto;}
.newsmarchio p { padding-bottom:0;  font-size: 12px;}
.newsmarchio .readnews { float:right; font-size:12px; }
.numberpagina{float:left; margin: 0 0 0 1px;}
.numberpagina a{padding:2px 7px; border: 1px solid #eee; background: #fff;}
.numberpagina a:hover{background:#eee;}

.mainco img {padding:1%;margin-top: 3%;}

.autofancy { color:#333;  text-align: left;}
.autofancy:hover {color:#D64319 ;}
.autofancy img {    background:#fff;   border: 1px solid #CCCCCC;
    padding:3px;}
    .ie7 .autofancy img,
    .ie8 .autofancy img {border:1px solid #ccc; padding:3px;}
.autofancy .click2mag { font-size:10px;  padding-left: 8px;}
.ie7 .autofancy .click2mag { display:block;}

/***************************CARRELLO**************************/

input[type=text], input[type=password], input[type=email], textarea{background: #fff; color: #616161;}

.richiestainfo {  border-top: 1px solid #CCCCCC;
   
    padding-top: 20px;}
.richiestainfo label { width:45%; margin: 5px 4% 10px 0;
    padding: 2px 0; float:left;}
.richiestainfo>label>span { font-weight:bold;}
.richiestainfo label span { display:block;    font-size: 1.2rem !important;}

.richiestainfo label label {  margin: 2px 0 5px 0;     padding-left: 1%;
    padding-right: 1%;
    width: 48%; }

.richiestainfo label input { width:202px; border-radius:5px;    width: 96%;
    border-radius: 5px;
    border-radius: 0;
    padding: 11px 2%; background: #fff; color: #616161;}

.richiestainfo label.textarea { width:95%;}
.richiestainfo label.textarea span {}
.richiestainfo label.textarea textarea { border-radius:5px;  min-height: 100px;}
    
    
.richiestainfo label .group-checks { font-weight:normal;} 
.richiestainfo label .group-checks label {}
.richiestainfo label .group-checks label input {    margin-right: 10px;
    position: relative;
    top: 1px;
    width: 15px;}    
    
.richiestainfo label .group-radio {font-weight:normal;}   
.richiestainfo label .group-radio label {}
.richiestainfo label .group-radio label input {    margin-right: 10px;
    position: relative;
    top: 1px;
    width: 15px;}        



.richiestainfo label.fullsizeline {   margin-right: 0;
    width: 98%;}


.richiestainfo label.fullsizeline .group-radio {
    border-bottom: thin solid #CCCCCC;
    font-weight: normal;
    overflow: auto;
}
/* Preventivo - Shopping Cart */
.cart-container{ padding: 0.5rem 3%; }
.tabprodotti {margin: 0 0 25px 0; width: 100%;}
.tabprodotti tr {border-bottom: 1px solid #E9E9E9;}
.tabprodotti tr td,
.tabprodotti tr th{}
.rowcart .pcol1 img {width:50px;}
/*
.rowcart .pcol2 {width: 90px; }
.rowcart .pcol3 {width: 400px; }
.rowcart .pcol4 {width: 45px;}
*/
.rowcart .pcol4,
.prcart_title .pcol4,
.rowcart .pcol4 input{text-align: center;}
.rowcart .pcol4 input{width: 100%;}
.rowcart .opcart{text-align: center;}

.info-prev{font-size: 1.1rem;}
h2.info-prev{font-size: 1.3rem; text-transform: uppercase;    font-weight: bold; padding-bottom: 8px; margin-top: 15px; }

.info-prev-back{text-align: right;}
.prodotticart{margin-top: 15px; font-size: 1.1rem;}
.richiestainfo button{background-color: #B0CC3D; font-weight: bold; float: right; margin-top: 20px;color: #2E7D32; text-transform: uppercase;
    font-size: 1.1rem; margin-bottom: 20px; box-shadow: none;}
.richiestainfo button:hover{text-decoration: none;background: #2e7d32;
    color: #fff}
.info_preventivi button{color: #fff;} 
.info_preventivi button:hover{background-color: #0aaa5f;} 
#informativa{width: auto; margin-right: 5px; opacity: 1; position: relative;}

input[type=button], input[type=submit], button{    background-image: none;
    background: #69F0AE;
    padding: 9px 2%;
    background: #00980b;
    color: #fff;}
input[type=button]:hover, input[type=submit]:hover, button:hover {
    cursor: pointer;
    color: #fff;
    border-color: #666;
    box-shadow: 0 3px 5px #ccc;
    background: #1B5E20;
}



.richiestainfo .actionloader {margin-left: 480px;}

.reg_obbligatorio { font-size:11px;  margin-top: 10px;}




.toggleFormVis {}
.richiestainfo.info_info-prodotto {display:none; }



.hide_please{
	display: none;
}


.no-items{padding-top: 10px;
display: block;
font-size: 12px;
}


.err-login{
	border: 2px solid red !important;
}


.err-login-msg{
	display: block;
	color: red !important;
	font-weight: bold !important;
}

.list404 li a{
	color:#4C4C4C!important;
}

.list404 li a:hover{
	color:#007909!important;
}




li a.cat-selected{color: #00890A !important;}
body.settori-di-attivita .mainco .catlist.main-cat {}

body.settori-di-attivita .mainco .catlist {}

body.settori-di-attivita .mainco .catlist .listtexts{}

.gecko .listtexts {line-height: 13px;}






 




   




.pulsante {
	display: none;
}

p.secmenutext {
	position: absolute;
	color: white;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin-top: 13px;
	font-size: 25px;
	margin-left: 13px;
}

p.secmenutext > span {
	font-size: 12px;
	margin-top: 0px;
  position: absolute;
} 

p.sysmsg, p.syserr{color: #fff;  font-size: 17px; padding: 1%;}
p.sysmsg{background: #008000;}
p.syserr{background: #ff0000;}

.index .description{display: none;} 



.lang_ru ul#nav>li a {  
	padding: 0px 5px 0!important;
}

.lang_ru ul#nav>li:hover>a {
  padding: 7px 5px 0 5px!important;
}

.lang_ru ul#nav {
  font-size: 10px;
  width: 830px;
  padding: 0 0px;
}

.lang_ru ul#nav>li.search .text {
  width: 60px;
  font-size: 11px;
}

.lang_ru ul#nav>li.search {
  padding-top: 0px;
  padding-left: 0px;
} 

.lang_de p.secmenutext {
  font-size: 18px;
}


.bussola{  padding-top: 0;}














@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
  
.tooltip-content { 
  margin-left: 0%!important;
  position: absolute;
  z-index: 9999;
  left: 0;
  margin: 0;
  top: -39%;
  text-align: left;
  background: #008000;
  opacity: 0;
  cursor: default;
  width: 100%;
  display: none;
  box-shadow: -2px -2px 10px rgba(48,54,61,0.2); 
  text-align: center;
  min-height: 65px;
  
  min-height: 50px;
    top: -30%;
}
/*.tooltip-effect-5 .tooltip-content{-webkit-transform-origin:50% calc(100% + 6em);transform-origin:50% calc(100% + 6em);-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);-webkit-transition:opacity 0.2s, -webkit-transform 0.2s;transition:opacity 0.2s, transform 0.2s;-webkit-transition-timing-function:ease, cubic-bezier(.17,.67,.4,1.39);transition-timing-function:ease, cubic-bezier(.17,.67,.4,1.39);}*/
.catlist:hover .tooltip-content{display: block;-webkit-animation-name: fadeIn;
-webkit-animation-duration: 0.2s;
animation-name: fadeIn;
animation-duration: 0.2s;pointer-events:auto;opacity:1;-webkit-transform:translate3d(0,0,0) rotate3d(0,0,0,0);transform:translate3d(0,0,0) rotate3d(0,0,0,0);}
.tooltip-content::after{content:'';top:100%;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-top-color:#008000;border-width:10px;margin-left:-10px;}
.tooltip-text{font-size:0.68em;line-height:1.35;display:block;padding:1.31em 1.21em 1.21em 0;color:#fff;}
.tooltip-effect-5 .tooltip-text{padding:1.4em;   padding: 0.5em;}

.lang_es ul#nav>li.search .text{width: 80px;}

#leftcol .menulev-0 > a{  text-transform: uppercase;}

.slicknav_menu {
	display:none;
}

#fb_button {
    position: absolute;
    top: 75px;
	top: 55px;
    right: 140px;
	z-index: 999999999;
	top: 58px;
    right: 340px;
}
#fb_button a{}
#fb_button a img{}
.mainco #content-container img {
	max-width: 100%;
	height: auto;
}

.warning{background: #FF8A80;}

/**********************RICERCA*********************************/
#search-container{}
#res-search{}
#res-search h2.search-results-type{ margin-bottom: 10px; text-transform: uppercase; font-weight: bold;    padding-bottom: 0.4rem; display: block; border-bottom: 1px solid #cecece;}
#res-search article.Pagine{border-bottom: 1px solid #f4f4f4; margin-bottom: 15px}
#res-search article .search-results-name{font-weight: bold;text-align: left; font-size: 1.3rem;    padding: 0; line-height: 2rem;}
#res-search article .search-results-descr{}
#res-search article.Prodotto{    float: left; width: 32%; margin-right: 1%;}
#res-search article.Prodotto img{display: block; width: 100%;}
/**********************BEGIN FOOTER****************************/
#footer {background: #fff;    border-top: 5px solid #cdb69b;    padding-top: 50px;}
#footer #footer-container {    margin-bottom: 0;  padding-bottom: 20px;	}

footer .f1 img{display: block; width: 84%; margin-bottom: 20px;}
footer .f1 p{color: #606060; line-height: 1.5rem;}

footer .f2 li,
footer .f3 li{margin-bottom: 20px;}
footer .f2 li a,
footer .f3 li a{ color: #606060; text-transform: uppercase;font-size: 1.3rem;}

footer .f4 hr{margin: 15px auto;}
footer .f4 p{margin-bottom: 5px;}
footer .f4 img{margin-right: 5px;}
footer .f4 a:hover{text-decoration: none;}

#banner-switch-site{position: fixed; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; bottom: 50px;  width: 25%;
    background: #00aebf; right: -30%; padding: 1rem 1rem; z-index: 2;}
#banner-switch-site:hover{}
#banner-switch-site.active{right: 1%;}    
#banner-switch-site a{text-decoration: none !important;}
#banner-switch-site h1{color: #fff; margin-bottom: 10px;}
#banner-switch-site p{color: #fff;}
#banner-switch-site .banner-footer{margin-top: 15px;}
#banner-switch-site a.close{color: #fff;}
#banner-switch-site a.go{float: right; background-color: #fff;}
#banner-switch-site a.go:hover{background-color: #007e8f; color: #fff;}

.credits {text-align: right; margin-top: 60px; }
.credits a{color: #606060;   display: inline-flex;}
/**********************END FOOTER****************************/

/**********************SIDENAV*************************/
#header .sidenav-trigger{display: none;}
li.preventivo i{display: none;}
.sidenav .logo{display: block; width: 80%; margin-top: 10px;margin-left: 5%;}
.mobile-search-trigger{display: none !important; vertical-align: middle;}


/**********************MEDIA QUERIES*************************/
@media only screen and (min-width: 993px){
	.container { width: 85%; }
}
@media screen and (max-width: 1440px){
	.container { width: 94%; }
}
@media screen and (max-width: 1366px){}
@media screen and (max-width: 1280px){
	#header #logo { float: left; width: 25%; }
	#header #top-menu-cat { float: left; width: 75%; }
	
	#top-menu-cat .submenu li { width: 23.5%; }
	#modal_cart .modal-content .prod-info{width: 60%;}
}
@media screen and (max-width: 1024px){
	.container { width: 96%; }
	ul#nav>li a {color: #FFFFFF; padding: 0px 9px 0; font-weight: bold; font-size: 1rem; text-decoration: none !important; }
	#top-menu-cat ul li > a{ font-size: 1.1rem; padding: 0.5rem 0.6rem; }
	#header { padding: 10px 0; }
	#delta-fixed { height: 157px; background: #fff;}
	.pulsantoni > div span{font-size: 1.3rem;}	
	#top-menu-cat .submenu li { width: 23%; }
	.mainco h1{font-size: 2.7rem;}
	.mainco .catlist{width: 31%;}
	#add-to-prev-prod{height: 48px; line-height: 20px;padding-top: 4px;}
	#add-to-prev-wrap input{height: 48px;}
	#leftcol .menulev-0 > a{font-size: 1.4rem;}
	
	#banner-switch-site{width: 98%;right: -101%;}
}
@media screen and (max-width: 900px){
	#header .sidenav-trigger{display: block;}
	#top-bar{display: none;}
	#top_search{display: none;}
	#header #logo{width: 55%; margin-left: 3%;}
	li.preventivo i{ display: inline-flex; vertical-align: middle; position: relative; top: -2px;}
	#top-menu-cat > ul > li{display: none;}
	#top-menu-cat ul li.preventivo{display: inline-block;}
	#delta-fixed { height: 125px; }
	
	.pulsantoni > div.naviga{display: block; }
	#preventivobox ul li span.title{width: 68%;}
	
	#index-fastlinks{display:block;}
	#index-fastlinks a{    color: #6e6f73;
    text-transform: uppercase;
    font-weight: bold;
    padding: 1.5rem 1.2rem;
    font-size: 1.3rem;
    text-align: center;
    background: #fff !important;
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 1%;}
	#index-fastlinks a:nth-of-type(1){ color:#2E7D32;}
	#index-fastlinks a:nth-of-type(2){ color:#616161; margin-right: 0;}
	#index-fastlinks a:nth-of-type(3){ color:#0D47A1;}
	#index-fastlinks a:nth-of-type(4){ color:#FF8F00; margin-right: 0;}
	.sidenav .leftcol .menulev-0 > a,
	.sidenav .leftcol .menulev-1 > a{padding: 0 32px;font-size: 1rem;}
	.sidenav .leftcol a.xpand{padding: 0 !important;     top: 0px !important;top: -9px !important;}
	#leftcol a.xpand{ top: 0px !important; }
	.leftcol li > a {height: auto; line-height: inherit;}
	.leftcol .menulev-1 > a{margin-bottom: 10px;}
	.leftcol .menulev-0{border: none;}
	.sidenav li.lang{display: inline-block; margin-top: 15px; width: 32%;}
	.sidenav li.lang a{}
	.sidenav li.lang a span{display: none;}
	.sidenav li.lang a img{}
	
	.carousel{height: 253px;}
	
	#modal_cart{width: 60%;}
	
	.mobile-search-trigger{    display: inline-flex !important;}
	#top_search{ float: none; width: 100%; background-color: #CDB69B;overflow: visible !important;}
	#search-wrapper{ width: 96%; margin: 0 auto;}
	#top_search input[type=text]{width: 100%;}
	.autocomplete-content{width: 104%; left: -2%;}
	
	#filters h4{cursor: pointer;}
	#filters h4 i{display: inline-flex; vertical-align: middle;}
	#filters form{display: none;}
}
@media screen and (max-width: 800px){
	.mainco h1 { font-size: 2.6rem; }
	
}
@media screen and (max-width: 768px){
	.mainco .catlist .listtexts h2 a{font-size: 1rem;}
	.mainco .catlist.related-product { width: 31%; }
	
	#company-intro{display: block;}
	#company-intro img{width: 80%; margin: 0 auto 15px;float: none;}
	#company-intro > div { width: 100%; }
}
@media screen and (max-width: 720px){
	#leftcol{display: none;}
	.mainco{width: 100% !important;}
}
@media screen and (max-width: 640px){}
@media screen and (max-width: 600px){
	#add-to-prev-prod{line-height: 44px;}
	.richiestainfo label span{font-weight: 1.1rem !important;}
	
	#right-info-container{border-left: none; border-top: 3px solid #f4f4f4; padding-top: 4px;}
	
	#footer #footer-container > div{margin-bottom: 20px; text-align: center;}
	footer .f1 img{margin-left: auto; margin-right: auto;}
	footer .f2 li	, footer .f3 li{width: 48%; display: inline-block;}
	footer .f2 li a, footer .f3 li a{ font-size: 1.1rem;}
}
@media screen and (max-width: 480px){
	#header #logo { width: 90%; }
	#index-buttons > div,
	#index-banner > div { width: 100% !important;  margin: 5px 0 !important; }
	#index-banner > div span{bottom: 0;}
	
	#top-menu-cat ul li.preventivo span.text{display: none;}
	#top-menu-cat ul li{padding: 20px 0;}
	#delta-fixed {height: 84px;}
	#preventivobox{width: 400px;}
	
	.mainco h1 { font-size: 2.3rem; }
	.mainco .catlist{height: auto;    width: 48%;}
	.mainco .catlist .listtexts h2 a { font-size: 1.2rem; }

	.tabprodotti tr td, .tabprodotti tr th { padding: 5px; 	}
	
	#add-to-prev-prod{font-size: 1rem;}
}
@media screen and (max-width: 414px){
	#header #logo { width: 75%; }
	#preventivobox {width: 300px; }
	#preventivobox ul li span.title { width: 61%; font-size: 1.1rem; }
}
@media screen and (max-width: 375px){
	#header #logo {  width: 100%; }
	.tabprodotti .pcol1{display: none;}
}
@media screen and (max-width: 360px){#top-menu-cat ul li{margin-left: 0.8rem;}}
@media screen and (max-width: 320px){}