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

  }
}

@media only all and (min-width: 75rem) and (max-width: 107rem) {
	.section-horizontal-paddings-large {
	  padding-left: calc((100vw - 75rem) / 2);
	  padding-right: calc((100vw - 75rem) / 2);
	}
}
.box3.moduletable, .box3.widget, .box3.g-outer-box, .box3 > .g-content {
  background: #d9e4eb;
  color: #333;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.box3 a:hover {
  box-shadow: none;
}
.rounded .g-content {
  border-radius: 8px;
  overflow: hidden;
}

/*--- Typgraphy ---*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  line-height: 1.2;
}
#g-mainbar h1, #g-mainbar h2, #g-mainbar h3, #g-feature h1, #g-feature h2, #g-feature h3 {
	color:#006096;
}
#g-extension h4{
	color: #103f6e;
}

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;
}
@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;
}
.box3 .button.nui.colored {
  background: #006096 !important;
  color: #fff !important;
  box-shadow: none;
  border: 2px solid #trasparent !important;
  border-color: transparent !important;
}
.button:hover, .button:active, .button:focus,.button.button-2:hover, .button.button-2:active, .button.button-2:focus, .box3 .button.nui.colored:hover, .box3 .button.nui.colored:active, .box3 .button.nui.colored:focus {
  background: #fff!important;
  border-color: #ee7d1a!important;
  color: #0073ae!important;
}
/*--- Navigation ---*/
#g-navigation  {
	box-shadow: 0 4px 12px -6px rgba(40, 40, 40, 0.19);
	border-bottom: 1px solid #dadada;
}

#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 {
	font-weight:bold;
}
.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: 20px;
	left: 0;
	width: 100%;
	height: 3px;
	border-radius: 7px;
	background: #ee7d1a;
}
@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 1rem;
  }
}

.g-logo {max-width:480px;}

@media only all and (max-width: 48rem) {
  #logo-1221-particle {
    padding: 8px 0 8px 60px;
  }
}


/* --- offcanvas menu ----*/
.g-offcanvas-toggle {
	position: fixed;
	background-color: #fff;
	border-radius: 30px;
	padding-top: 7px;
	top: 16px;
	border: 1px solid #dfdfdf;
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.09) inset;
}

#g-offcanvas {
  padding-left: 0rem;
}

.chiudi-menu {
  background-color: #006096;
  width:100%;
  padding: 8px;
  font-weight: bold;
  cursor: pointer;
  padding: 18px 1.5rem;
  box-sizing: content-box;
  font-size:1.35rem;
  position: absolute;
  top: 0;
  left: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 .g-toplevel > li {
  padding: 0.625rem 1.5rem;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  width: 45px;
  height: 45px;
  line-height: 43px;
  border-radius: 25px;
  background-color: #077d97;
  padding: 0 0 0 2px;
  text-align: center;
  font-size: 1.35rem;
  position: relative;
  display: inline-block;
  left: 20px;
  top: -4px;
}
#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;
}

/*--- Sections --*/
.home #contenuto-main > .g-content {
	padding:0;
	margin-left: 0;
}
 #g-mainbar .platform-content.container {
	padding:0; 
}
/*
#g-mainbar .platform-content.container > .row > .col {
	padding:0;
	margin:0;
}
#g-mainbar .platform-content.container > .row > .col {
	padding:0;
	margin: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;
	}
}
#g-utility a:not(.button) {
color: #ffc18a;
}
#g-bottom a {
	color:#d0edff;
}
#g-bottom a.button {color:#fff;}
/*--- 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 {
	margin: 0 -0.625rem;
}
.card-grid .g-content.scheda {
	box-shadow: 0 5px 15px -7px rgba(0,0,0,0.3);
	box-shadow: 0 5px 15px -7px rgba(26, 87, 102, 0.37);
	border-radius:8px; 
	border-top: solid 11px #0073ae;
	background-color:#fff;
/* 	margin-left: 0;
	margin-right: 1.25rem;
	margin-top: 0;
	margin-bottom: 2.5rem; */
	padding-top:0px;
}
.card-grid .g-block:nth-child(even) .g-content.scheda {
	border-top: solid 11px #005381;
}
.card-grid .g-content.scheda.pari {
	border-top: solid 11px #005381;
}
.card-grid .g-content.scheda .button.button-2:hover, .card-grid .g-content.scheda .button.button-2:active, .card-grid .g-content.scheda .button.button-2:focus {
  background: transparent;
  border-color: #077D97;
  color: #077D97;
}

/*--- Header ---*/ 
/* #g-container-top {
		box-shadow: 0 4px 12px -6px rgba(40, 40, 40, 0.19);
} */





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

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

.hero-message {
	font-size:1.2rem;
}
.hero-title {
	font-size:1.5rem;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 25px;
	letter-spacing: -0.05rem;
}


@media only all and (max-width: 35.99rem) {
	.home #g-above {
		background-image:url('/images/hero-background-mobile.jpg');
		background-position: top;
		background-size: cover;
	}
	.home #g-above .g-grid {
		align-items:normal;
	}
	.hero-container {
		min-height:calc(90vh - 102px);
		display:flex;
	}
}
@media only all and (min-width: 36rem) and (max-width: 50.99rem) {
	.home #g-above {
		background-image: url('/images/hero-background-tablet.jpg');
		background-position: center;
		background-size: cover;
		padding-top: 50px;
	}
	.home #g-above .g-grid {
		align-items:normal;
	}
	.hero-container {
		min-height:calc(80vh - 102px);
		display:flex;
	}
	.hero-title {
		font-size:2rem;
		line-height: 1.2;
	}
}
@media only all and (min-width: 51rem) {
	.home #g-above {
		background-image:url('/images/hero-background.jpg');
		background-position: center;
		background-size: cover;
	}
	.hero-container {
		min-height:calc(90vh - 102px);
		display:flex;
	}
	.hero-title {
		font-size:2.5rem;
		font-size: calc(2.25rem + 0.0125 * (100vw - 1024px));
		line-height: 1.2;
	}
}
/*---- Offerta --------*/
.inside-grid {
	margin: 0 -2.125rem;
}
.offerta {
	background-color: #006096;
	color: #fff;
	border-radius: 8px;
	border-top: solid 11px #ee7d1a;
}
@media only all and (min-width: 51rem) {
	.offerta {
	height:100%;
}
}
.offerta p {
	margin:0;	
}
  
/*---- Seminari --------*/
.seminario-container p {
	margin:0;	
}
.seminario-container .data {
	background-color: #006096;
	color: #fff;
	padding: 5px 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 -24px 15px;
}
.seminario-container .data span {
  color:orange;
}
.seminario-container .titolo {
	font-weight: bold;
  font-size: 1.75rem;
  line-height: 1.1;
  margin:0 0 6px 0;
  color: #006096;
}
.seminario-container .info {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
  margin: 15px 0;
}
.seminario-container .info span {
  color: #ee7933;
}

/*---- SOCI FONDATORI-----*/
@media only all and (min-width: 48rem) and (max-width: 74.99rem){
	.socio, .socio-titolo {
		flex: 0 33%;
		width: 33%;
	}
}
.socio-titolo .g-content {
	background-color: #006096;
  min-height: calc(100% - 50px);
  padding: 15px!important;
  margin-bottom: 10px;
  margin-right: 25px;
  color: #fff;
  border-radius: 8px;
}
/*---- Header pagine ----*/
#g-above .header-container {
	min-height:30vh;
	text-align:center;
}
.header-container .section-title {
	display:inline;
}
.manutenzione #g-above {
	background-image:url('/images/background-riparazioni.jpg');
	background-position: top;
	background-size: cover; 
}
.rimessaggio #g-above {
	background-image:url('/images/background-rimessaggio.jpg'); 
	background-position: top;
	background-size: cover; 
}
.noleggio #g-above {
	background-image:url('/images/background-noleggio.jpg'); 
	background-position: top;
	background-size: cover; 
}

/*--- Servizi ---*/
.servizi-title {
	margin-top:0;
	line-height:1.2;
}
.immagine-offset {
  box-shadow: 0 10px 30px -15px rgba(0,0,0,0.6);
  border-radius: 8px;
  overflow: hidden;
}
@media only all and (min-width: 64rem) {
	.immagine-offset {
		margin-top: -5vw;
	}
}
/*--- Contatti ---*/
.servizi-telefono {
  font-weight: bold;
  font-size: 1.5rem;
}
.servizi-telefono span {
  font-weight: 400;
}
.servizi-mail {
  font-weight: bold;
  font-size: 1.2rem;
}
@media only all and (min-width: 64rem) {
	.servizi-telefono {
	  font-size: 2rem;
	}
	.servizi-mail {
	  font-size: 1.5rem;
	  line-height:3rem;
}
}
.contatti-mobile h4:not(:first-child) {
	margin-top:35px;
}
/*--- 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;
}
.chronocredits {
	display:none;
}

.nui label {
  margin-bottom: 0;
}
.nui.form .field > label, .nui.form .fields > label {
  font-weight: 400!important;
}
.nui.form input, .nui.form textarea, .nui.checkbox > label::before {
  border-color: #c7d5de!important;
}
.nui.red {
color: #d24e00!important;
}