@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

/*Normalize.css
-----------------------------------------------*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}h2{font-size:1.5em;margin:0.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:0.83em;margin:1.67em 0;}h6{font-size:0.75em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}small{font-size:75%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

/*Generici
-----------------------------------------------*/
*{position:relative}
html{
    height: 100%;
	scrollbar-gutter: stable;
}
body{
	height:100%;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight:300;
    overflow-x:hidden;
    color:#000;
    line-height:1.6;
    font-size:16px;
    margin:0;
    padding:0;
	background:#333;
}
body.loaded{opacity:1}
body.is-menu-active{overflow:hidden;}
button, input, select, textarea {font-family: 'IBM Plex Sans', sans-serif; font-weight:300;}

a{color:#55a550; text-decoration:none; outline:none !important;}
a:hover{color:#000; text-decoration:none;}
p{margin:0 0 1em 0;}
strong, b{font-weight:500;}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family: 'Dosis', sans-serif; font-weight:400; margin:0 0 1em 0; line-height:1.2em; padding:0;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration:none;}

h1,.h1{font-size:3.2rem;}
h2,.h2{font-size:2.8rem;}
h3,.h3{font-size:2.4rem;}
h4,.h4{font-size:2.0rem;}
h5,.h5{font-size:1.6rem;}
h6,.h6{font-size:1.4rem;}
@media(max-width:767px){
h1,.h1{font-size:3rem;}
h2,.h2{font-size:2.5rem;}
h3,.h3{font-size:2.2rem;}
}

.title-hide{text-indent:-9999px; font-size:0; height:0; margin:0;}
.error{border:1px solid #f00 !important;}
.error2{padding:0 17px 0 0; color:#f00;}

/*animazioni generiche*/
.m-ani{
-webkit-transition:all 600ms ease-in-out;
-moz-transition:all 600ms ease-in-out;
-o-transition:all 600ms ease-in-out;
-ms-transition:all 600ms ease-in-out;
transition:all 600ms ease-in-out;
}
footer *, .prods-line *, .cat-line *, .prod-view *, .prj-item *, .cat-item *, .prods-list *, .msg-backdrop * {
-webkit-transition:all 600ms ease-out;
-moz-transition:all 600ms ease-out;
-o-transition:all 600ms ease-out;
-ms-transition:all 600ms ease-out;
transition:all 600ms ease-out;
}


/*estensione del container*/
@media (min-width:1440px){
.container{max-width:1380px;}
}
@media (min-width:1700px){
.container{max-width:1640px;}
}
/*@media (min-width:1900px){
.container{max-width:1860px;}
}*/
@media (max-width:767px){
	.container{
		padding-right: var(--bs-gutter-x,1.5rem);
		padding-left: var(--bs-gutter-x,1.5rem);
	}
}

/*Header
-----------------------------------------------*/
header{
	position: fixed;
    top: 0;
    left: 50%;
    font-size:1.15rem;
	transform:translate(-50%,0);
    z-index: 50;
    min-height: 100px;
    width:100%;
	padding:15px 0;
	background-color:rgba(255,255,255,0);
	transition:top 0.6s ease 0.2s, background-color 0.6s ease; 
}
header .logo{margin:0 auto; text-align:center;}
header .logo .svg-logo{transform:scale(0.9);}
@media(max-width:991px){
	header .logo .svg-logo{transform:scale(0.75);}
}
@media(max-width:767px){
	header .logo .svg-logo{transform:scale(0.65);}
}

/* toggle menu */
.toggle{display:none; position:absolute; z-index:610; width:30px; height:22px; top:36px; left:15px;}
#nav-toggle{position:absolute; top:0; width:100%; height:100%; border:0; outline:0; padding:0; background:transparent}
#nav-toggle span{cursor:pointer; height:2px; width:30px; background:#fff; position:absolute; display:block; content:'';}
#nav-toggle span:first-child{top:0;}
#nav-toggle span:last-child{top:10px;}
#nav-toggle span{transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out;}
#nav-toggle.active span:first-child, #nav-toggle.active span:last-child{top:10px;}
#nav-toggle.active span:first-child{transform:rotate(45deg);}
#nav-toggle.active span:last-child{transform:translateY(0) rotate(-45deg); top:10px;}
@media(max-width:1199px){
	.toggle{display:block;}
}

/*nav secondaria*/
.nav-secondary{position:absolute; z-index:610; top:18px; right:0;}
.nav-secondary ul{display:flex; align-items:center; list-style:none; padding:0; margin:0}
.nav-secondary ul li{margin-right:20px}
.nav-secondary ul li:nth-child(4){margin-right:0}
.nav-secondary ul li:last-child{margin-right:0}
.nav-secondary ul li a{color:#fff;}
.nav-secondary ul li a.link-look{display:flex; align-items:center; color:#fff; height:42px; /*border:1px solid #fff;*/ padding:0 10px 0 0; border-radius:50px}
.nav-secondary ul li a.link-look.fill{color:#000; background:#fff}
.nav-secondary ul li a.link-look.ico{padding:0 25px 0 2px;}
.nav-secondary ul li a.link-look.ico img{width:44px; height:44px; border-radius:50%; margin-right:10px;}
.nav-secondary ul li button{color:#fff; border:0; outline:0; padding:0; background:transparent}
.nav-secondary ul li button:hover,
.nav-secondary ul li button.active{color:#55a550;}
.nav-secondary ul li i{margin-left:8px; font-size:1rem}
@media(max-width:1199px){
	.nav-secondary ul li:nth-child(1),
	.nav-secondary ul li:nth-child(2),
	.nav-secondary ul li:nth-child(3){display:none}
}

/*Offcanvas Search*/
#offc-search.offcanvas.offcanvas-top{height:100vh}
#offc-search .wrap-input-search{display:flex; align-items:center; width:100%; height:100%}
#offc-search .wrap-input-search form{width:100%;}

/*menu game*/
.nav-prods-cat{position:absolute; z-index:610; top:25px; left:0;}
.nav-prods-cat ul{display:flex; list-style:none; padding:0; margin:0}
.nav-prods-cat ul li{margin-right:30px}
.nav-prods-cat ul li button{color:#fff; border:0; outline:0; padding:0; background:transparent}
.nav-prods-cat ul li button:hover,
.nav-prods-cat ul li button.active{color:#55a550;}
.nav-prods-cat ul li i{margin-left:8px; font-size:0.9rem}
@media(max-width:1199px){
	.nav-prods-cat{display:none}
}

/*logo*/
header .svg-logo .svg-logo-square,
header .svg-logo .svg-logo-circle{opacity:0}
header .svg-logo .svg-logo-symbol path,
header .svg-logo .svg-logo-name path,
header .svg-logo .svg-logo-name rect{fill:#fff}

/*header mouseover*/
header:hover{background-color:rgba(255,255,255,1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)}
header:hover #nav-toggle span{background:#000;}
header:hover .nav-prods-cat ul li button{color:#000}
header:hover .nav-prods-cat ul li button:hover{color:#55a550}
header:hover .nav-secondary ul li a{color:#000;}
header:hover .nav-secondary ul li a.link-look{color:#000; border-color:#d5d5d5;}
header:hover .nav-secondary ul li a.link-look:hover{color:#55a550;}
header:hover .nav-secondary ul li button{color:#000}
header:hover .nav-secondary ul li button:hover{color:#55a550}
header:hover .svg-logo .svg-logo-square,
header:hover .svg-logo .svg-logo-circle{opacity:1}
header:hover .svg-logo .svg-logo-symbol path,
header:hover .svg-logo .svg-logo-name path,
header:hover .svg-logo .svg-logo-name rect{fill:#000}

/*header active / is-page*/
header.active,
header.is-page{background-color:rgba(255,255,255,1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)}
header.active #nav-toggle span,
header.is-page #nav-toggle span{background:#000;}
header.active .nav-prods-cat ul li button,
header.is-page .nav-prods-cat ul li button,
header.active .nav-secondary ul li button,
header.is-page .nav-secondary ul li button{color:#000}
header.active .nav-secondary ul li button.active,
header.is-page .nav-secondary ul li button.active,
header.active .nav-prods-cat ul li button.active,
header.is-page .nav-prods-cat ul li button.active{color:#55a550}
header.active .nav-prods-cat ul li button:hover{color:#55a550}
header.active .nav-secondary ul li button:hover{color:#55a550}
header.is-page .nav-prods-cat ul li button:hover,
header.is-page .nav-secondary ul li button:hover,
header.active .nav-secondary ul li a,
header.is-page .nav-secondary ul li a{color:#000;}
header.active .nav-secondary ul li a.link-look,
header.is-page .nav-secondary ul li a.link-look{color:#000; border-color:#d5d5d5;}
header.active .nav-secondary ul li a.link-look:hover,
header.is-page .nav-secondary ul li a.link-look:hover{color:#55a550;}
header.active .svg-logo .svg-logo-square,
header.is-page .svg-logo .svg-logo-square,
header.active .svg-logo .svg-logo-circle,
header.is-page .svg-logo .svg-logo-circle{opacity:1}
header.active .svg-logo .svg-logo-symbol path,
header.is-page .svg-logo .svg-logo-symbol path,
header.active .svg-logo .svg-logo-name path,
header.is-page .svg-logo .svg-logo-name path,
header.active .svg-logo .svg-logo-name rect,
header.is-page .svg-logo .svg-logo-name rect{fill:#000}

/*is scroll*/
header.is-scroll{background-color:rgba(255,255,255,1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)}
header.is-scroll #nav-toggle span{background:#000;}
header.is-scroll .nav-prods-cat ul li button{color:#000}
header.is-scroll .nav-prods-cat ul li button:hover{color:#55a550}
header.is-scroll .nav-secondary ul li a{color:#000;}
header.is-scroll .nav-secondary ul li a.link-look{color:#000; border-color:#d5d5d5;}
header.is-scroll .nav-secondary ul li a.link-look:hover{color:#55a550;}
header.is-scroll .nav-secondary ul li button{color:#000}
header.is-scroll .nav-secondary ul li button:hover{color:#55a550}
header.is-scroll .svg-logo .svg-logo-square,
header.is-scroll .svg-logo .svg-logo-circle{opacity:1}
header.is-scroll .svg-logo .svg-logo-symbol path,
header.is-scroll .svg-logo .svg-logo-name path,
header.is-scroll .svg-logo .svg-logo-name rect{fill:#000}

/* Nav */
.menu-corporate,
.menu-gioco,
.menu-fitness,
.menu-arredo{
	opacity:0;
	position:fixed; 
	z-index: 49; 
	top:130px; 
	left:50%; 
	font-size:1.1rem;
	transform:translate(-50%,-120%); 
	max-width:1600px; 
	width:100%;
	padding:0 15px;
}
.menu-wrap{width:100%; min-height:300px; overflow:hidden; border-radius:16px; border:1px solid #ebebeb; background:#fff;}
.menu-header{padding:15px 30px; border-bottom:1px solid #eee}
.menu-body{padding:30px 5px 0 5px}
.menu-body a{color:#000}
.menu-body a:hover{color:#55a550}
.menu-body ul{padding:0; margin:0 0 30px}
.menu-body ul li.title:before{position:absolute; top:11px; left:0; content:""; display:inline-block; width:10px; height:10px; border-radius:50%; padding:3px 5px; margin-right:8px; background:#f9c975}
.menu-body ul li{padding:3px 5px 3px 19px}
/*.menu-body ul li:not(.title){padding:3px 5px 3px 19px}*/

.menu-body .menu-prods-cat {border-right:1px solid #eee}
.menu-body .menu-prods-cat li{padding:0 5px 20px 0!important}
.menu-body .menu-prods-cat li:nth-child(4){padding-top:40px!important}
.menu-body .menu-prods-cat .h4{margin:0}
.menu-body .menu-prods-cat a{display:flex; align-items:center}
.menu-body .menu-prods-cat a i{margin:5px 10px 0 0}

.menu-corporate.is-open,
.menu-gioco.is-open,
.menu-fitness.is-open,
.menu-arredo.is-open{transform:translate(-50%,0); opacity:1;}
@media(max-width:767px){
	.menu-wrap{height:calc(100vh - 220px); padding:15px}
	.menu-wrap-scroll{height:100%; overflow-y:scroll}
	.menu-body .menu-prods-cat {border-right:0}
}

/*estensione del container*/
@media (min-width: 768px){
	.menu-corporate,
	.menu-gioco,
	.menu-fitness,
	.menu-arredo{max-width:720px;}
}
@media (min-width: 992px){
	.menu-corporate,
	.menu-gioco,
	.menu-fitness,
	.menu-arredo{max-width:1148px;}
}
@media (min-width:1440px){
	.menu-corporate,
	.menu-gioco,
	.menu-fitness,
	.menu-arredo{max-width:1420px;}
}
@media (min-width:1700px){
	.menu-corporate,
	.menu-gioco,
	.menu-fitness,
	.menu-arredo{max-width:1650px;}
}
/*@media (min-width:1900px){
	.menu-corporate,
	.menu-gioco,
	.menu-fitness,
	.menu-arredo{max-width:1860px;}
}*/


@media (max-width:767px){
	/* Nav */
	.menu{overflow:auto}
	.menu:after,
	.col-dx-up:after{display:none}
}

/*Generici
-----------------------------------------------*/
:root {
  --sticky-top: 160px;
}

main{font-size:18px; background:#fff}
.max{width:100%!important; max-width:100%!important}
.bg-page{background:#f4f4f4!important}
.radius-primary{border-radius: 48px 20px 48px 20px}
.shadow-primary{box-shadow: 3px 3px 12px 0 rgba(0,0,0,0.08 )}
.border-green-light{border:1px solid #cce4ca}

/*classi input*/
.nocompiled {border:1px solid #f00 !important;}
.nocompiled2 {padding:0 17px 0 0; color:#f00;}

/*div loading*/
#divloading{display:none}

/*hero page*/
.hero-page{height:80vh; background:#000}
.hero-page .figure{height:100%; width:100%}
.hero-page .figure img{width:100%; height:100%; object-fit:cover; opacity:0.8;}
.hero-page .img-gradient{display:none; position:absolute; z-index:11; top:0; left:0; width:100%; height:110px; background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.70) 40%, rgba(0, 0, 0, 0) 100%);}
.hero-page .caption{position:absolute; bottom:30px; z-index:11; width:100%;}
.hero-page .caption img{display:block; width:700px}
.hero-page .caption span{display:block;}
.hero-page .caption h1{font-size:4.2rem; color:#fff; margin-bottom:1rem; font-weight:700}
.hero-page .caption .h5{color:#fff}
@media(max-width:767px){
.hero-page .caption h1{font-size:3.2rem; color:#fff; margin-bottom:1rem; font-weight:700}
.hero-page .caption .h5{color:#fff}
}

/*intro page*/
.intro-page{padding:40px 0; font-size:1.4rem}
.intro-page img{max-width:100%}
@media(max-width:767px){
.intro-page{font-size:1.1rem}
}

/*color*/
.color-primary{color:#55a550}
.color-secondary{color:#f9c975}

/*emoji*/
.emoji{display:inline-block; width:32px; height:32px; margin-right:10px;}
.emoji-face-smiling{background:url(../images/emoji-face-smiling.png); background-size:cover}
.emoji-biceps{background:url(../images/emoji-biceps.png); background-size:cover}
.emoji-face-sunglass{background:url(../images/emoji-face-sunglass.png); background-size:cover}
.emoji-fire{background:url(../images/emoji-fire.png); background-size:cover}

/*text*/
.text-normal{text-transform:none}

/*btn*/
.btn{white-space:nowrap; padding:0.675rem 1.25rem; border-radius:60px; text-decoration:none!important}
.btn-sm{padding:0.275rem 0.75rem;}
.btn-primary{border-color:#55a550; background-color:#55a550;}
.btn-primary:hover,
.btn-primary:active{color:#55a550!important; border-color:#55a550!important; background-color:#fff!important;}
.btn-primary:disabled{border-color:#55a550; background-color:#55a550;}

.btn-outline-primary{color:#55a550; border-color:#55a550; background-color:#fff;}
.btn-outline-primary:hover,
.btn-outline-primary:active{color:#000!important; border-color:#55a550!important; background-color:#fff!important;}
.btn-secondary{color:#fff; border-color:#f9c975; background-color:#f9c975;}
.btn-secondary:hover{color:#f9c975; border-color:#f9c975; background-color:#fff;}
.btn-outline-secondary{color:#f9c975; border-color:#f9c975; background-color:#fff;}
.btn-ico{display:flex; align-items:center; justify-content: space-between;}
.btn-ico i{margin-left:15px}

.mark-action{display:flex; align-items:center; min-width:200px; height:68px; padding:0 65px 0 80px; border-radius:50px; border:0; background:#fff;}
.mark-action:before{position:absolute; left:3px; display:flex; align-items:center; justify-content:center; font-family: "bootstrap-icons"; content:"\F285"; height:62px; width:62px; border-radius:50%; margin-right:15px; background:#f9c975; transition:all 400ms ease-out;}
.mark-action:hover{padding:0 115px 0 30px;}
.mark-action:hover:before{left:calc(100% - 65px);}
.mark-action-green{color:#fff; background:#55a550;}
.mark-action-green:before{color:#55a550; background:#fff;}
.mark-action.ico-star:before{content:"\F588"; font-size:1.4rem}

/*btn arrow*/
.arrow-container{display:flex; align-items:center; justify-content:flex-end;}
.btn-arrow{cursor:pointer; display:flex; align-items:center; justify-content:center; color:#000; padding:10px; margin:0 5px; width:60px; height:60px; border-radius:50%; border:1px solid #55a550;}
.btn-arrow:hover{color:#55a550}

/*input numeri gruppo*/
.number-group{display:flex; width:fit-content; padding:0.275rem; border-radius:0.25rem; border:1px solid #eaeced;}
.number-group span{cursor:pointer; padding:0.275rem;}
.number-group button{padding:0.275rem; border:0; outline:0; background:transparent}
.number-group input{width:40px; padding:0.275rem; color:#0377ca; text-align:center; border:0}

/*panel board*/
.panel-board{padding:30px; background:#fff}
.panel-board p:last-child{margin-bottom:0}
@media(max-width:767px){
/*.panel-board{padding:30px 0;}*/
}

/*page header*/
.banner-header-img {padding:190px 0 30px 0;}
.banner-header-img .wrap{height:680px; overflow:hidden;}
.banner-header-img .wrap img{height:100%; width:100%; object-fit:cover}
@media(max-width:767px){
.banner-header-img .wrap{height:420px;}
}

/*panel figure*/
.panel-figure{overflow:hidden;}
.panel-figure img{width:100%; height:100%; object-fit:cover;}

/*table*/
.table thead th{text-transform:uppercase; background:#f0f2f2}
.table tbody td{vertical-align:middle}

/*row intro*/
.row-header{margin-bottom:80px;}
.row-header h1{font-size:4.2em; margin-bottom:0}
.row-header h2{font-size:3em; margin-bottom:0}
.row-header p{font-size:1.2rem; margin-bottom:0}
.row-header h2.small{font-size:1.6em; text-transform:none; margin-top:30px;}
.row-header .lbl-section{font-weight:700;}
@media(max-width:991px){
.row-header h1{font-size:3.8em; margin-bottom:2rem;}
.row-header h2{font-size:2.8em; margin-bottom:2rem;}
}
@media(max-width:767px){
.row-header h1{font-size:3.2em;}
.row-header h2{font-size:2.2em;}
.row-header p{margin-top:0;}
}

/*msg*/
.msg-backdrop{display:none; position:fixed; z-index:777; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.2)}
.msg-add-cart{position:absolute; bottom:-200px; left:50%; transform:translate(-50%,0); padding:15px; border-radius:17px; white-space:nowrap; background:#fff;}
.msg-add-cart.active{bottom:30px;}

/*carrello*/
.count-cart.c-0{display:none}
.count-cart{display:inline-block; font-size:0.8rem; margin-left:5px}

/*Breadcrumb*/
.breadcrumb-cat{display:flex; padding:8px 0; margin:0; overflow:hidden;}
.breadcrumb-cat ul{display:flex; padding:0; margin:0}
.breadcrumb-cat ul li{display:flex; align-items:center; white-space: nowrap; text-transform:uppercase; font-size:0.8rem; padding-left:8px;}
.breadcrumb-cat ul li:first-child{padding-left:0;}
.breadcrumb-cat ul li:last-child{padding-right:0;}
.breadcrumb-cat ul li:after{margin-left:8px; font-family: bootstrap-icons !important; color:#55a550; content: "\F309"; font-size:1.6rem;}
.breadcrumb-cat ul li:last-child:after{display:none}
.breadcrumb-cat ul li a{color:#000; text-decoration:underline;}
.breadcrumb-cat ul li:first-child a{font-weight:700;}
.breadcrumb-cat ul li a:hover{text-decoration:none;}

/*404*/
#notfound {padding:300px 0; min-height: 90vh}
.notfound {width: 100%; padding-left: 160px; line-height: 1.1}
.notfound h1{font-size:5em; margin:0}
.notfound .notfound-404 {position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 140px; height: 140px;}
.notfound .notfound-404:before {content: ''; position: absolute; width: 260%; height: 260%; top:50%; left:50%; transform:translate(-50%, -50%); border-radius: 50%; background-color: #f2f5f8;}
.notfound .notfound-404 i{font-size:8em;}

/*Home
-----------------------------------------------*/
/*Carousel*/
.hero-home{height:100vh; background:#000}
.carousel-home{height:100%; overflow:hidden;}
.carousel-home .slick-list,
.carousel-home .slick-track,
.carousel-home .slick-item{height:100%;}
.carousel-home .slick-item .figure{height:100%; width:100%}
.carousel-home .slick-item .figure img{width:100%; height:100%; object-fit:cover;
-webkit-transition:all 1.4s cubic-bezier(0.7, 0, 0.3, 1);
transition:all 1.4s cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transform:scale(1.4);
transform:scale(1.4);
opacity:0;}
.carousel-home .slick-current .figure img{-webkit-transform:scale(1); transform:scale(1); opacity:0.8}
/* caption */
.hero-home .caption{position:absolute; bottom:30px; z-index:11; width:100%; padding:0 6%}
.hero-home .caption img{display:block; width:700px}
.hero-home .caption span{display:block;}
.hero-home .caption .h1{font-size:4.2rem; color:#fff; margin-bottom:1rem; font-weight:700}
.hero-home .caption .h5{color:#fff}
@media(max-width:767px){
.hero-home .caption img{width:100%}
.hero-home .caption .h1{font-size:2.2rem; color:#fff; margin-bottom:1rem; font-weight:700}
.hero-home .caption .h5{color:#fff}
	
}
/*img gradient*/
.hero-home .img-gradient{display:none; position:absolute; z-index:11; top:0; left:0; width:100%; height:110px; background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.70) 40%, rgba(0, 0, 0, 0) 100%);}

/*Presentazione categorie*/
.cat-focus{padding:80px 0}
.cat-item{margin-bottom:60px;}
.cat-item a{position:absolute; z-index:11; top:0; left:0; width:100%; height:100%;}
.cat-item .figure{width:100%; height:480px; margin-bottom:30px; overflow:hidden}
.cat-item .figure img{height:100%; width:100%; object-fit:cover}
.cat-item .figure .action{position:absolute; right:15px; bottom:15px;}
.cat-item:hover .figure .action .mark-action:before{color:#fff; background:#55a550;}
.cat-item:hover .figure img{transform:scale(115%) rotate(2deg);}
.cat-item:hover .figure.radius-primary{border-radius: 20px 48px;}
.cat-item .caption h3{margin-bottom:0}

/*Progetti*/
.prj-focus{padding:80px 0}
.prj-focus .arrow-container{margin-top:60px; text-align:right}
.prj-view .slick-list{overflow:visible}
.prj-carousel .slick-list{margin:-20px; padding:0 20% 0 0 !important;}
.prj-carousel .slick-list:before{position:absolute; z-index:1; content:""; height:100%; width:100%; left:-100%; background:#fff;}
.prj-carousel .slick-slide {padding:15px;}
.prj-carousel .prj-item a{position:absolute; z-index:11; top:0; left:0; height:100%; width:100%;}
.prj-carousel .prj-item .figure{width:100%; height:400px; margin-bottom:30px; overflow:hidden;}
.prj-carousel .prj-item .figure img{position:absolute; width:100%; height:100%; object-fit:cover;}
.prj-carousel .prj-item .figure .action{position:absolute; right:15px; bottom:15px;}
.prj-carousel .prj-item:hover .figure .action .mark-action:before{color:#fff; background:#55a550;}
.prj-carousel .prj-item:hover .figure img{transform:scale(115%) rotate(2deg)}
.prj-carousel .prj-item:hover .figure.radius-primary{border-radius: 20px 48px;}
.prj-carousel .prj-item .caption h3{margin-bottom:0}

@media(max-width:1199px){
.prj-view .slick-list{overflow:hidden}
}
/*Company*/
.company-focus{padding:80px 0}

/*Catalogo*/
.catalog-focus{padding:80px 0}

/*Newsletter*/
.reg-newsletter{padding:80px 0}
.reg-newsletter .form-container{display:flex; align-items:center; padding:30px 60px; min-height:600px; border-radius: 48px 0 0 48px; background:#f9c975}
.reg-newsletter .form-container a{color:#000; text-decoration:underline;}
.reg-newsletter .figure{height:100%; border-radius: 0 48px 48px 0; overflow:hidden;}
.reg-newsletter .figure img{height:100%; width:100%; object-fit:cover;}

@media(max-width:991px){
.reg-newsletter .form-container{padding:60px 30px; border-radius: 48px; min-height: inherit}
.reg-newsletter .figure{display:none}
}

/*Prodotti
-----------------------------------------------*/
/*linee prodotto*/
.cat-line{padding:0 0 80px 0;}
.line-list .line-item{/*position:sticky; top:var( --sticky-top );*/ display:flex; align-items:stretch; margin-bottom:60px; background:#fff;}

/*
.line-list .line-item:nth-child(2){top:calc( var( --sticky-top ) + 20px )}
.line-list .line-item:nth-child(3){top:calc( var( --sticky-top ) + 40px )}
.line-list .line-item:nth-child(4){top:calc( var( --sticky-top ) + 60px )}
.line-list .line-item:nth-child(5){top:calc( var( --sticky-top ) + 80px )}
.line-list .line-item:nth-child(6){top:calc( var( --sticky-top ) + 100px )}
.line-list .line-item:nth-child(7){top:calc( var( --sticky-top ) + 120px )}
.line-list .line-item:nth-child(8){top:calc( var( --sticky-top ) + 140px )}
.line-list .line-item:nth-child(9){top:calc( var( --sticky-top ) + 160px )}
.line-list .line-item:nth-child(10){top:calc( var( --sticky-top ) + 180px )}
.line-list .line-item:nth-child(11){top:calc( var( --sticky-top ) + 200px )}
.line-list .line-item:nth-child(12){top:calc( var( --sticky-top ) + 220px )}
.line-list .line-item:nth-child(13){top:calc( var( --sticky-top ) + 240px )}
.line-list .line-item:nth-child(14){top:calc( var( --sticky-top ) + 260px )}
.line-list .line-item:nth-child(15){top:calc( var( --sticky-top ) + 280px )}
*/
.line-list .line-item:hover.shadow-primary{box-shadow: 3px 3px 12px 0 rgba(93,166,84,0.45)}
.line-list .line-item .line-figure{width:33.3%; overflow:hidden}
.line-list .line-item .line-figure img{width:100%; height:100%; object-fit:cover}
.line-list .line-item .line-info{width:66.6%; padding:30px;}
.line-list .line-item .line-info h3{margin-bottom:0;}
.line-list .line-item .line-info .prods-preview {padding:30px 50px 30px;}
.line-list .line-item .line-info .prods-preview ul{display:flex; align-items:center; justify-content: space-between; list-style:none; min-height:220px; margin:0; padding:0;}
.line-list .line-item .line-info .prods-preview ul li img{max-width:240px;}
.line-list .line-item .line-info .action ul{display:flex; align-items:center; justify-content:flex-end; list-style:none; margin:0; padding:0;}
.line-list .line-item .line-info .action ul li:first-child{margin-right:30px;}
@media(max-width:1199px){
.line-list .line-item .line-info .title {margin-bottom:60px}
.line-list .line-item .line-info .prods-preview {display:none}
}
@media(max-width:991px){
.line-list .line-item .line-figure{width:40%;}
.line-list .line-item .line-info{width:60%;}
}
@media(max-width:767px){
.line-list .line-item{flex-direction: column;}
.line-list .line-item .line-figure{width:100%; height:260px;}
.line-list .line-item .line-info{width:100%; padding:30px 15px;}
.line-list .line-item .line-info .title {margin-bottom:15px}
.line-list .line-item .line-info .action ul{flex-direction: column; align-items: flex-start;}
.line-list .line-item .line-info .action ul li:first-child{margin-bottom:40px}
}

/*linea prodotto*/
.prods-line{padding:0 0 80px 0;}
.prods-list{list-style:none; padding:0; margin:0;}
.prods-list .p-item{margin-bottom:30px;}
.prods-list .p-item:hover .shadow-primary{box-shadow: 3px 3px 12px 0 rgba(93,166,84,0.45)}
.prods-list .p-item a{position:absolute; z-index:11; width:100%; height:100%}
.prods-list .p-item .new-sticker{display:flex; align-items:center; justify-content:center; position: absolute; transform: rotate(-12deg); top: 0; left: 0; width: 50px; height: 50px; border-radius:50%; background:#f00;}
.prods-list .p-item .new-sticker span{display:block;  color:#fff; font-size:0.65rem; text-transform:uppercase;}
.prods-list .p-item .figure{display:flex; align-items:center; justify-content:center; overflow:hidden; min-height:350px; padding:0 15px;}
.prods-list .p-item .figure img{max-width:100%}
.prods-list .p-item .figure-variant{position: absolute; top: 15px; right: 15px; width: 110px; height: 110px;}
.prods-list .p-item .figure-variant-qr{position: absolute; top: 15px; right: 15px; width: 80px; height: 80px;}
.prods-list .p-item .figure-variant img,
.prods-list .p-item .figure-variant-qr img{width: 100%; border: 1px solid #dfdfdf;}
.prods-list .p-item .caption{display:flex; align-items:center; justify-content:space-between; padding:15px;}
.prods-list .p-item .caption .h3,
.prods-list .p-item .caption h3{font-size:1.2rem; margin:0}
.prods-list .p-item:hover .caption h3{color:#55a550}
.prods-list .p-item:hover .figure img{transform:scale(110%) rotate(2deg)}
.prods-list .p-item .caption .ico{padding-right:15px;}
.prods-list .p-item .caption .ico img{width:32px; height:32px;}
@media(max-width:991px){
.prods-list .p-item .figure{min-height:280px;}
}

/*scheda prod*/
.prod-view{padding:190px 0 80px 0;}
.prod-view h1{margin:0}
.prod-view .prod-header{display:flex; align-items:center; /*margin-bottom:60px*/}
.prod-view .prod-header .title,
.prod-view .prod-header .action{width:50%;}
.prod-view .prod-header .action{display:flex; justify-content:flex-end}
.prod-view .figure img{max-width:100%}
.prod-view .figure-variant{position: absolute; top: 0; left: 0; width: 200px; height: 200px;}
.prod-view .figure-variant-qr{position: absolute; top: 0; left: 0; width: 80px; height: 80px;}
.prod-view .figure-variant img,
.prod-view .figure-variant-qr img{width: 100%; border: 1px solid #dfdfdf;}
.prod-view .info > span{display:block; padding:45px 45px 0 45px;}
.prod-view .info ul{list-style:none; font-size: 1rem; padding:20px 45px 60px 45px; margin:0;}
.prod-view .info ul li{display:flex; justify-content:space-between; color:#6e6e6e; padding:12px 0; border-bottom:1px solid #dbdbdb}
.prod-view .info ul li strong{color:#000;}
.prod-view .info ul li strong span:after{content:", "; }
.prod-view .info ul li strong span:last-child:after{display:none}
.prod-view .info .info-txt{padding:20px 45px 60px 45px;}
.prod-view .info .info-txt p:last-child,
.prod-view .info .info-txt ul:last-child{margin:0}

.prod-view .prod-more-info{display:flex; flex-wrap: wrap; padding:15px 45px 45px 45px}
.prod-view .prod-more-info > .btn {text-align:left}
.prod-view .prod-more-info > * {margin-bottom:15px}
.prod-view .prod-more-info > *:last-child {margin-bottom:0}

.file_list a[href$=".jpg"]{color:red}
.file_list a[href$=".pdf"]{color:purple}

@media(max-width:991px){
.prod-view .prod-header{flex-wrap: wrap;}
.prod-view .prod-header .title,
.prod-view .prod-header .action{width:100%;}
.prod-view .prod-header .title{margin-bottom:60px;}
.prod-view .prod-header .action{display:flex; justify-content:flex-start}
}
@media(max-width:767px){
.prod-view .figure-variant{position:relative; transform:translate(50%, 0); margin-bottom:60px;}
.prod-view .info > span{padding:25px 25px 0 25px;}
.prod-view .info ul{padding:25px 25px 40px 25px;}
.prod-view .prod-more-info{padding:15px 25px 25px 25px}
.prod-view .info .info-txt{padding:15px 25px 25px 25px}

}

/*Page
-----------------------------------------------*/
/*page header*/
.banner-header {padding:160px 0 30px 0;}
.banner-header .wrap{display:flex; align-items:flex-end; min-height:380px; background:url(/media/iy2e1qlx/banner-watermark.png) no-repeat 125% 20% #55a550}
.banner-header .wrap .caption{padding:60px 80px; width:75%}
.banner-header .wrap .caption h1{font-size:4.2rem; color:#fff; margin-bottom:1rem; font-weight:700}
.banner-header .wrap .caption .h5{color:#fff}
@media(max-width:1199px){
.banner-header .wrap{background-position:330% 25%}
.banner-header .wrap .caption{width:75%}
}
@media(max-width:991px){
.banner-header .wrap {min-height:380px; background-position: -90% 25%}
.banner-header .wrap .caption{padding:60px; width:100%}
}
@media(max-width:767px){
.banner-header .wrap {background-position: -50% 70%; background-size:150%;}
.banner-header .wrap .caption{padding:30px;}
.banner-header .wrap .caption h1{font-size:2.2rem; color:#fff; margin-bottom:1rem; font-weight:700}
.banner-header .wrap .caption .h5{color:#fff}
}

/*page view*/
.page-view{padding: 0 0 80px 0}
.page-view a{text-decoration:underline}
.tile-content,
.tile-content-combo{margin-bottom:80px}
.block-list .tile-content-combo:nth-child(odd) .blk-img{order:1;}
.block-list .tile-content-combo:nth-child(odd) .blk-txt{order:2;}
.block-list .tile-content-combo:nth-child(even) .blk-img{order:2;}
.block-list .tile-content-combo:nth-child(even) .blk-txt{order:1;}
@media(max-width:991px){
.block-list .tile-content-combo:nth-child(even) .blk-img{order:1;}
.block-list .tile-content-combo:nth-child(even) .blk-txt{order:2;}
}

/*Progetti
-----------------------------------------------*/
/*lista progetti*/
.prj-grid {padding:190px 0 30px 0; min-height:90vh}
.prj-list{display:flex; flex-wrap: wrap;}
.prj-list .prj-item{width:46%; margin-bottom:60px;}
.prj-list .prj-item:nth-child(odd){margin-right:2%}
.prj-list .prj-item:nth-child(even){margin-left:2%}
.prj-list .prj-item a{position:absolute; z-index:11; top:0; left:0; height:100%; width:100%;}
.prj-list .prj-item .figure{width:100%; height:400px; margin-bottom:30px; overflow:hidden;}
.prj-list .prj-item .figure img{position:absolute; width:100%; height:100%; object-fit:cover;}
.prj-list .prj-item .figure .action{position:absolute; right:15px; bottom:15px;}
.prj-list .prj-item:hover .figure .action .mark-action:before{color:#fff; background:#55a550;}
.prj-list .prj-item:hover .figure img {transform:scale(115%) rotate(2deg);}
.prj-list .prj-item:hover .figure.radius-primary{border-radius: 20px 48px;}
.prj-list .prj-item .caption h3{margin-bottom:0}
@media(max-width:991px){
.prj-list .prj-item{width:100%;}
.prj-list .prj-item:nth-child(odd){margin-right:0}
.prj-list .prj-item:nth-child(even){margin-left:0}
}

/*scheda progetto*/
.prj-card h1{color:#55a550; margin:0}


/*Cataloghi
-----------------------------------------------*/
.catalog-page{padding:190px 0 30px 0; min-height:90vh}
.catalog-list{display:flex; flex-wrap:wrap; justify-content:center;}
.row-catalog{display:flex; align-items:center; width:50%; padding:30px; border-bottom:1px solid #eee}
.row-catalog .figure{width:200px; margin-right:30px;}
.row-catalog .figure img{width:100%;}
.row-catalog .txt{margin-bottom:30px}
.row-catalog .link{display:flex; align-items:center;}
.row-catalog .link *{margin-right:15px}

/*Risultati ricerca
-----------------------------------------------*/
.search-page{padding:190px 0 30px 0; min-height:90vh}
.search-list{display: flex; flex-wrap: wrap; list-style:none; padding:0; margin:0;}
.search-list li{display:flex; align-items:center; width:50%; padding:25px 0; border-bottom:1px solid #ddd}
.search-list li .figure{width:160px; margin-right:15px;}
.search-list li .figure img{width:100%;}
.search-list li small{color:#9d9d9d}

/*Cart*/
.cart-view{padding:190px 0 80px 0; min-height:90vh}

/*offcanvas*/
.offcanvas{background:#f3f3f3}
.offcanvas.offcanvas-end{width:55%}
.offcanvas-body{padding:0 60px; text-align:left!important}
.offcanvas-body .h4{font-weight:400}
.offcanvas-body .form-control{border:0; border-radius:0; padding:0.7rem 1.5rem}
.offcanvas-body #divResultMsg p{color:#000}
@media(max-width:991px){
.offcanvas.offcanvas-end{width:95%}
.offcanvas-body{padding:0 30px;}
}

/*Footer
-----------------------------------------------*/
footer{min-height:320px; width:100%; font-size:0.9rem; line-height:1.7em; color:#000; background:#f4f4f4}
footer .top{padding:40px 0 0 0;}
footer .top ul{list-style:none; padding:0; margin:0 0 40px 0;}
footer .top ul li{position:relative; padding:7px 0;}
footer .top .col-link{margin-top:80px;}
footer .top .social{margin:20px 0;}
footer .top .social li{display:inline-block; padding:0 10px 0 0}
footer .bottom{padding:25px 0}


footer strong{font-size:1em}
footer a{text-decoration:none; color:#000; }
footer a:hover{color:#55a550;}
footer small{font-size:0.7em;}

@media(max-width:991px){
footer .logo-footer{margin-bottom:80px; text-align:center;}
footer .logo-footer + p{text-align:center;}
}
@media(max-width:767px){
footer {text-align:center;}
footer .top .col-link{margin-top:30px;}
}


#msgReg{
    display:none;
    padding:20px;
    margin-top:20px;
    text-align:center;
    font-style:italic;
    border-top:2px solid #fff;
}