/*--- Custom breakpoint */
elemento {
}
@media only all and (min-width: 48rem) and (max-width: 63.99rem) {
  .g-container {
    width: 48rem;

  }
}

/*--- Typgraphy ---*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  line-height: 1.2;
}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
  margin-top: 3rem;
}
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 {
  margin-top: 3rem;
}
ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6 {
  margin-top: 3rem;
}
.round-shadow {
	box-shadow: 0 10px 30px -15px rgba(0,0,0,0.6);
  border-radius: 8px;
  overflow: hidden;
}
h1 {
	letter-spacing:-0.05rem;
}
h1 span.sottotitolo {
  font-size: 1.3rem;
  font-weight: 400;
  margin-bottom: 0;
  display: block;
  letter-spacing:0;
}
.sottotitolo::after, .intro::after {
	content: ' ';
  display: block;
  width: 40px;
  height: 3px;
  background-color: #077d97;
  position: relative;
  top: 1rem;
  margin-bottom: 1rem;
}
.titolo-sezione, .page-header h1, .page-header h2 {
	text-transform:uppercase;
	font-weight:400;
	font-size:1.2rem;
	letter-spacing:0.05rem;
	border-top:1px solid #f59f00;
	margin-bottom:1.5rem;
	line-height: inherit;
	margin-top: 0;
}
@media only all and (min-width: 64rem) {
	h1 {
		font-size:2.5rem;
	}
	h1 span.sottotitolo {
	  margin-bottom: 2.5rem;
	}
	.sottotitolo::after, .intro::after {
		margin-bottom: 4rem;
	}
}
.com-content-article p {
	line-height:1.75;
}
.testo {
	max-width:800px;
	margin:auto;
}
a:not(.g-menu-item-container,button) {
 text-decoration: underline;
}
a.g-menu-item-container, a.button {
 text-decoration: none;
}
.button {
	border-radius:4px;
	text-decoration: none;
}
.button.button-2:hover, .button.button-2:active, .button.button-2:focus {
	background: #fff;
	border-color: #e34a00;
	color: #e34a00;
}
/*------ sfondo parta alta */
#g-container-top {
	background-color:#222222;
}
/*--- Navigation ---*/
#g-navigation  {
	box-shadow: 0 4px 12px -6px rgba(40, 40, 40, 0.19);
}
#g-navigation .g-content {
	transition: all 0.3s ease-in-out 0s;
}
#g-navigation.headroom--not-top .g-content {
	padding-top:0;
	padding-bottom:0;
}
.g-main-nav .g-toplevel {
  display: block;
  text-align: right;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
	letter-spacing: 0.05em;
}
.g-main-nav .g-toplevel > li:hover > .g-menu-item-container > .g-menu-item-content::before, .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 7px;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container.special {
  background-color: #e34a00;
  color: #fff;
  border-radius: 4px;
  border: 2px solid transparent;
}
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container.special {
  background: #fff;
  border-color: #e34a00;
  color: #cb4200;
  text-decoration:none;
}
.g-main-nav .g-toplevel > li:hover > .g-menu-item-container.special > .g-menu-item-content::before, .g-main-nav .g-toplevel > li.active > .g-menu-item-container.special > .g-menu-item-content::before {
	display:none;	
}
@media only all and (min-width: 51rem) and (max-width: 55.99rem) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 0.625rem 3px;
	letter-spacing: 0.025em;
  }
  #menu-9752-particle {
	  padding-right:0;
  }
}
@media only all and (min-width: 56rem) and (max-width: 63.99rem) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 0.625rem 5px;
	letter-spacing: 0.05em;
  }
  #menu-9752-particle {
	  padding-right:0;
  }
}
@media only all and (min-width: 64rem) and (max-width: 75.99rem) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 0.625rem 10px;
  }
}
/* --- offcanvas menu ----*/
/* #g-offcanvas {
  padding-left: 0rem;
} */
.g-offcanvas-toggle {
	position: fixed;
	background-color: #222;
	border-radius: 30px;
	padding-top: 7px;
	top: 16px;
	border: 1px solid #000;
}
/* .menu-offcanvas-basso {
  position: absolute;
  width: 100%;
  bottom: 25px;
}
.chiudi-menu {
  background-color: #077d97;
  width:100%;
  padding: 8px;
  font-weight: bold;
  cursor: pointer;
  padding: 1rem 1.5rem;
  box-sizing: content-box;
  font-size:1.35rem;
  position: absolute;
  bottom: 0;
} */
/* #g-offcanvas #g-mobilemenu-container {
  margin-left: -2.125rem;
}
#g-mobilemenu-container .g-toplevel li .g-menu-item-content {
  font-size:1.35rem;
  line-height: 1.2;
} */
#g-offcanvas #g-mobilemenu-container {
  margin-left: -25%;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li {
	padding-top: 0.625rem;
	padding-bottom:  0.625rem;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 25px;
	padding: 0 0 0 2px;
	text-align: center;
	position: relative;
	display: inline-block;
	left: 0px;
	top: 2px;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator::after {
  content: "\f054";
}
/* .g-go-back a::before {
  content: "\f053";
  opacity: 1;
  width: 45px;
  height: 45px;
  line-height: 43px;
  border-radius: 25px;
  background-color: #077d97;
  font-size: 1.35rem;
  padding-right: 3px;
  padding-top: 1px;
} */


/*---- Transizione large-section --------*/
@media only all and (min-width: 75.99rem) and (max-width: 108.43rem) {
	.section-horizontal-paddings-large {
		padding-left: calc(50vw - 607px);
		padding-right: calc(50vw - 607px);
	}
}


/*--- Sections --*/
#g-mainbar .platform-content.container {
	padding:0;
}
#g-mainbar .platform-content.container > .row > .col {
	padding-left:0;
}
.section-title {
	margin-top:0;
	margin-bottom:1.5rem;
	font-size:1.5rem;
	text-transform:uppercase;	
	border-bottom: 1px solid rgba(166, 166, 166, 0.4);
}
@media only all and (min-width: 64rem) {
	.section-title {
		font-size:2.5rem;
	}
}

/*--- Custom Blog ----*/

.customblog .item {	
}
.customblog .pull-left.item-image {
  margin: 0;
  float:none;
}
.customblog .page-header {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
}
.customblog .page-header h2 {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  margin-top: 1rem;
  margin-bottom: 0.625rem;
  padding-bottom: 1.5rem;
}

.customblog .page-header h2 a {
	text-decoration:none;
}

.pagination ul > li > span {
  color: #fff;
}
@media only all and (max-width: 50.99rem) {
	.customblog .items-row {
		display:flex;
		flex-wrap:wrap;
		padding:0;
		margin:0;		
	}
  .row-fluid .customblog [class*="span"] {
    display: block;
  }
  .row-fluid .customblog [class*="span"] {
    width: 50%;
    flex-basis: 50%;
    margin: 0;
    margin-left: 0px;
    padding: 6px;
  }
}

/*--- Custom grid ---*/

.custom-grid {
	padding:0;
	margin:0 -2.125rem -2.125rem 0;
}
.custom-grid .g-content:not(.scheda) {
	padding-left:0;
	margin-left:0;
	padding-top:0;
	margin-top:0;	
}

/*--- Card grid ---*/

.card-grid {
	margin-right: -0.75rem;
}
.card-grid .scheda .g-content {
	box-shadow: 0 0 20px rgba(0,0,0,0.12);
	margin-left: 0;
	margin-right: 0.75rem;
	margin-top: 0;
	padding:0;
}

/*--- Header ---*/ 
.g-logo {max-width:250px;}

@media only all and (min-width: 64rem) {
	#g-top {
		margin-top: 102px;
	} 
}

/*--- Hero Section ---*/

.customhero-container-modulo {	
	box-shadow: rgb(0, 0, 0) 0px 0px 30px -15px;	
}
@media only all and (max-width: 50.99rem) {
	#g-slideshow .g-grid > .g-block .g-content  {	
		margin: 0;
		padding:0;
	}		
	.hero-block {
		order:2;
	}
}
@media only all and (min-width: 51rem) {
	#g-slideshow { 
		background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(34,34,34,1) 51%);
	}
	#g-slideshow .g-grid {
		align-items: center;
	}
	.customhero-container-modulo {	
		margin-right: -12vw;
		position: relative;
		z-index: 100;
		background-color: #333;
	}		
}
@media only all and (min-width: 76rem) {
	.customhero-container-modulo {	
		padding-left: 15vw;
	}		
}
@media only all and (min-width: 75.99rem) and (max-width: 108.43rem) {
	.customhero-container-modulo {
		padding-left: calc(50vw - 607px);		
	}
}
.hero-inner {
	padding:2.125rem;
}
.hero-container {
	min-height:calc(90vh - 102px);
	display:flex;
	align-items: center;
}
.custom-grid .hero-block {
	margin-bottom:2.125rem;
}
.custom-grid .hero-block .g-content	{
	position: relative;
	background-color: #333;
	box-sizing: content-box;
	padding: 60px 5vw 60px 50vw;
	margin-right: -5vw;
    margin-left: -50vw;
	margin-bottom: 0;
	box-shadow: 0 0px 30px -15px rgb(0, 0, 0);
}
.hero-message {
	font-size:1.1rem;
	font-weight:300;
}
.hero-title {
	font-size:2rem;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 25px;
	letter-spacing: -0.1rem;
}
@media only all and (min-width: 48rem) {
	.hero-title {
		font-size:3rem;
		line-height: 1;
		margin-bottom: 25px;
		letter-spacing: -0.10rem;
	}
}

/*---- Scarica cataloghi ---*/

.home #g-above .g-grid {
	align-items:initial;
}
.home #g-above .scarica-cataloghi-block {
	background: url('/images/cataloghi-arredo-urbano.jpg');
	min-height: 300px;
	background-size: cover;
	background-position:center;
	margin: -2.125rem 0 !important;
	box-shadow: rgb(0, 0, 0) 0px 0px 30px -15px;
}
@media only all and (min-width: 48rem) {
	.scarica-cataloghi img {
		margin:-2.125rem 0;
		box-shadow: rgb(0, 0, 0) 0px 0px 30px -15px;		
	}	
}
@media only all and (min-width: 76rem) {
	.scarica-cataloghi-testo {
		padding-left:15vw;
		max-width:600px;
	}
}
@media only all and (min-width: 75.99rem) and (max-width: 108.43rem) {
	.scarica-cataloghi-testo {
		padding-left: calc(50vw - 607px);		
	}
}

/*-------- Pagina cataloghi -----------*/

.cataloghi {
	background-color:#fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.12);
	height: calc(100% - 0.75rem);
	padding:0.75rem;
}
.card-grid .scheda .cataloghi.g-content {
	padding:0.75rem;
}
.desc-catalogo {
	margin-top:1.5rem;
}
.desc-catalogo .button {
	font-size:1rem;
}
.desc-catalogo h3 {
	margin:0;
	font-size:1.3rem;
	line-height:1.1
}
@media only all and (max-width: 76rem) {
	.catalogo-outer {
		width: 33%;
		flex: 0 33%;
	}
}
@media only all and (max-width: 50.99rem) {
	.catalogo-outer {
		width: 50%;
		flex: 0 50%;
		flex-basis: 50%!important;
	}
}

/*---- Modulo catergorie prodotti ----*/

@media only all and (max-width: 50.99rem) {
	.blocco-categoria {
		width: 50%;
		flex: 0 50%;
		flex-basis: 50%!important;
	}
}
.blocco-categoria a {
	color: #1A1A1A;
	text-decoration: none;
	border:none;
}
.blocco-categoria a h4 {
	margin-top: 1rem;
	border:none;
	margin-bottom: 2rem;
}
.blocco-categoria a .contenitore-categoria {
	padding:0.75rem;
	background-color: #fff;
	transition: all 0.2s;
}
.blocco-categoria a:hover .contenitore-categoria {
	background-color: #ffbd43;	
}

/*-------------- Custom mosaic ---------------*/
.sprocket-mosaic .sprocket-mosaic-container {
	display: flex;
	flex-wrap: wrap;
	height: initial !important;
}
.sprocket-mosaic-columns-6 li {
  width: 16.666666666666668%;
  position: initial !important;
  flex-basis: 16.6%;
  padding: 0;
  margin: 0;
}
.sprocket-mosaic-columns-4 li {
  width: 25%;
  position: initial !important;
  flex-basis: 25%;
  padding: 0;
  margin: 0;
}
@media only all and (max-width: 50.99rem) {
	[class*="sprocket-mosaic-columns-"] li {
		width: 50%;
		flex: 0 50%;
		flex-basis: 50%!important;
	}
}
.sprocket-mosaic-item {
  border: none;
  border-radius: 0;
  box-shadow: 0 0 20px rgba(0,0,0,0.12);
  
}
.sprocket-mosaic-item h2.sprocket-mosaic-title {
  line-height: 1.2em;
  font-size:1rem;
  margin-top:1rem;
}
.sprocket-mosaic-item h2.sprocket-mosaic-title a {
  color:#1a1a1a;
  text-decoration:none;
}
.sprocket-mosaic-hovercontent, .sprocket-readmore {
	display:none;
}

/*--- Marchi ---*/

.logo-marchio {
	flex: 0 50%;
	width:50%;
	text-align:center;
}
.logo-cliente {
	flex: 0 20%;
	width:20%;
	text-align:center;
}
/*----------- moduli articoli/categorie correlati */
.moduletable .nav.menu, .moduletable .mostread, .moduletable .latestnews, .moduletable .archive-module, .moduletable .relateditems, .moduletable .categories-module, .moduletable .category-module, .moduletable .latestusers, .moduletable .unstyled
{
  margin: 0;
  display: inline-block;
  border: none;
  padding: 1.5rem 0;
  border-radius: 0;
}
.moduletable .nav.menu li, .moduletable .mostread li, .moduletable .latestnews li, .moduletable .archive-module li, .moduletable .relateditems li, .moduletable .categories-module li, .moduletable .category-module li, .moduletable .latestusers li, .moduletable .unstyled li
{
  list-style-type: none;
  margin-left: 0;
  padding-bottom: 1.5rem;
  margin-bottom:0;
  border-bottom: none;
}
.moduletable .nav.menu li a::before, .moduletable .mostread li a::before, .moduletable .latestnews li a::before, .moduletable .archive-module li a::before, .moduletable .relateditems li a::before, .moduletable .categories-module li a::before, .moduletable .category-module li a::before, .moduletable .latestusers li a::before, .moduletable .unstyled li a::before
{
	display:none;
}



/*--- Box Parco giochi ----*/
.box-parco-giochi > .g-content {
	 box-shadow: 0 0 20px rgba(0,0,0,0.2);
	 height:calc(100% - 2.125rem);
}

/*--- Banner fisso Contatti---*/
.spazio-banner-fisso {
  height: 44px;
}
.banner-fisso-contatti {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	display:flex;
	color:#fff;
	font-weight:bold;
	background-color:#091831;
	box-shadow: 0 -4px 12px -4px rgba(0, 0, 0, 0.20);
	border-top: 1px solid #0e2752;
	transition: all 0.3s ease-in-out 0s;
}
.banner-fisso-contatti .pulsante {
	flex-basis:auto;
	flex-grow:1;	
	text-align:center;
	text-transform:uppercase;
	padding:10px 0;
	cursor:pointer;
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.09) inset;
}
.banner-fisso-contatti .pulsante:not(:first-child) {
/* 	border-left: 1px solid #0e2752; */
}
#g-copyright .banner-fisso-contatti a {
	text-decoration:none;
	color:#fff;
}