/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&display=swap');
body {
		font-family: 'Barlow', sans-serif !important;
}
/* order top */
.body-innerwrapper {

	
}
#sp-header-topbar {
	height: 0px !important;
}
#sp-header-topbar .container-inner>.row {
    min-height: 0px !important; 
}
#sp-header { 
height: 100px !important} 
#sp-logo {
	position: relative
}
.logo {
	position: absolute;
	top: 70px;
}
/* order END */
#sp-header-topbar .container-inner {
    border-bottom: 0px !important;
}
#sp-logo, #sp-logo img {
	width:450px !important;
	margin-left: auto;
	margin-right: auto;
}
#sp-header-topbar #sp-contact, #sp-header-topbar #sp-social {
	display: none !important;
}
#sp-header, #sp-header-topbar {
	background: #ffc845;
}
#sp-header .sp-menu-item a {
	font-family: 'Barlow', sans-serif !important;
	text-transform: uppercase;
	font-weight: 600;
}
h1, h2, h3, h4 {
	font-family: 'Barlow', sans-serif !important;
		color: #304b7d !important;
}
h1 {
	text-transform: uppercase;
	font-weight: 700;	
}
h2 {
	font-size: 24px !important;
}
.indiceint {
	background: #ebf0f8 url('/images/fryellow.svg') no-repeat top center/50px;
}
.indiceint ul li {
	display: block;
	line-height: 22px;
	list-style: none;
  background: url('/images/pallinogiallo.svg') no-repeat left center/15px;
	margin-bottom: 5px;
}
.indiceint ul li a {
	padding-left: 25px;
	display: block;
}
.indiceint ul li:hover {
  background: url('/images/pallinogiallover.svg') no-repeat left center/15px;
}
li.sottovoce {
	font-size: 14px !important;
  background: url('/images/pallinoblu.svg') no-repeat left center/10px !important;
	margin-left: 40px;
}
.indiceint a {
	color: #000;
}
.capwhite {
	background: #ffffff url('/images/frgrey.svg') no-repeat top center/50px;
}
.capgrey {
	background: #ebf0f8 url('/images/frwhite.svg') no-repeat top center/50px;
}
#sp-bottom, #sp-footer {
	background: #304b7d !important;
}
/* home */
.boxhome1, .boxhome2 {
	height: 192px;
	display: block;
	box-sizing: border-box;
	position: relative
}
.boxhome1 h2, .boxhome2 h2{
	padding-top: 40px;
	font-weight: bold !important;
}
.boxhome1 {
background: linear-gradient(90deg, rgba(255,200,69,1) 0%, rgba(140,197,206,0.4780112728685224) 31%, rgba(241,245,248,1) 100%);
}
.boxhome1:before {
	content: "";
	display: block;
	height: 192px;
	width: 86px;
	background: url(/images/frhome1.svg) no-repeat right center/30px;
	position: absolute;
	left: -86px;	
}
.boxhome2 {
background: linear-gradient(90deg, rgba(241,245,248,1) 49%, rgba(140,197,206,0.4780112728685224) 69%, rgba(255,200,69,1) 100%);
}
.boxhome2:after {
	content: "";
	display: block;
	height: 192px;
	width: 86px;
	background: url(/images/frhome1.svg) no-repeat right center/30px;
	position: absolute;
	right: -86px;
	top: 0px;
	  transform: rotate(180deg);
}
.boxhome2 * {
	padding-left: 40px;
}
.boxhome1 * {
	padding-left: 150px;
}
/* page int */
.bannerint {
background: linear-gradient(180deg, rgba(185,219,224,1) 4%, rgba(140,197,206,0.7245098723082983) 30%, rgba(255,200,69,1) 100%);
}
.bannerint h1 {
	display: block;
	padding-top: 70px;
}
.prenotahp {
	position: relative;
	display: block;
	padding: 30px;
	border: 1px solid #ffc845;
	height: 361px;
	background: #F9FBFC;
}
.prenotahp:after {
	content: "";
	display: block;
	height: 361px;
	width: 86px;
	background: url(/images/frhome1.svg) no-repeat right center/30px;
	position: absolute;
	right: -86px;
	top: 0px;
	  transform: rotate(180deg);
}
.mainpage h2 {
	text-transform: uppercase;
	font-weight: bold;
	background: url(/images/pallinogiallo.svg) no-repeat left center/25px;
	padding-left: 40px;
}
.mainpage h3 {
	background: #304b7d;
	padding-left: 10px;
	font-size: 20px !important;
	margin-top: 20px;
		color: #fff !important;
	padding-top: 4px;
	padding-bottom: 4px;
}
.mainpage h4 {
	background: #ffc845;
	font-size: 18px !important;
	padding-left: 10px;
	margin-top: 20px;

}
.ulxh4 {
	list-style: none;
	margin-left: 50px;
}
.evid {
	border: 1px solid #333;
	padding: 30px;
	font-size: 18px;
}
.caph3 {
	border: 1px solid #ccc;
	padding: 30px;
	display: block;
	margin-bottom: 20px;
}
.cause {
	background: #F9FAFD;
	padding: 20px;
	display: block;
	margin-top: 20px;
}
.cause strong {
	background: #BCC7D9;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	width: 100%;
}
.cta-form {
	    background: #ffc845 url(/images/frwhite.svg) no-repeat top center/50px;
}
.cta {
	background: #ffc845;
	height: 70px;
	font-size: 26px;
	display: block;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 450px;
	font-weight: 500;
	margin-top: 40px;
	text-align: center;
	line-height: 26px;
	position: relative;
	border-radius: 70px;
}
.cta label{
	font-size: 14px;
	text-transform: uppercase;
}
.cta:hover {
	border-bottom: 1px solid #304b7d;
}
.cta:before {
	content: "";
	display: block;
	width: 70px;
	height: 32px;
	position: absolute;
	left: 190px;
	top: -31px;
	background: url(/images/frgiallo-u.svg) no-repeat top center;
}
.cta:after {
	content: "";
	display: block;
	width: 70px;
	height: 32px;
	position: absolute;
	left: 190px;
	bottom: -32px;
	background: url(/images/frgiallo-b.svg) no-repeat top center;
}
.tel {
	color: #304b7d;
	font-size: 25px;
	font-weight: bold;
	background: url(/images/phone.svg) no-repeat top center/40px;
	height: 70px;
	padding-top: 25px;
	display: block;
}
.grid5 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.grid5 div {
	text-align: center;
}
h2 a {
	color: #304b7d !important;
	padding-left: 0px !important;
	position: relative;
}
h2 a:hover:before {
	content: "";
	display: block;
	height: 18px;
	width: 18px;
	background: url(/images/pallinoblu.svg) no-repeat center center/18px;
	position: absolute;
	left: -25px;
	top: 7px;
}