@charset "UTF-8";
/* MASTER - IGinger rev.2020
verde: #00a99d; hover: #006866; / scuro / rgba(0, 104, 102, 0.8);
arancio: #f5b04d;
ginger: #F28C00; hover: #E9500E; / chiaro / rgba(242, 140, 0, 0.8); / scuro / rgba(233, 80, 14, 0.8);
 ***************** */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Varela+Round&display=swap");
/* font-family: 'Open Sans', sans-serif; */
/* font-family: 'Varela Round', sans-serif; */

/********************************************** 
	Extra Style
***********************************************/
@import url("animations.css");
@import url("bootstrap.css");
@import url("bootstrap-xxs.css");
@import url("article_img.css");

/********************************************** 
	Custom Scrollbars 
***********************************************/

::-webkit-scrollbar {
	width: 10px;
	height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background: rgba(242, 140, 0, 1);
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(242, 140, 0, 1);
}

/* IE */
body {
	scrollbar-face-color: #f28c00;
}

*,
::before,
::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
/* Global Styles */
html {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	scroll-behavior: smooth;
}
html,
body {
	width: 100%;
	height: 100%;
	color: #3b3b3b;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	position: relative;
	padding-top: 70px;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
}
/* IOS SAFARI BUG FIX MODAL */
body.iosBugFixCaret.modal-open {
	position: fixed;
	width: 100%;
	height: 100%;
}

/* MOBILE VIEW */
.mobileHide {
	display: block;
}
/* */

/* MOBILE VIEW */
.sticky {
    position: -webkit-sticky;
	position: sticky;
    top: 55px;
}
@media screen and (max-width: 768px) {
	.sticky {
		position: -webkit-static;
		position: static;
	}
}

/* COLLAPSE CONTAINER MENU */
.container-fluid {
	margin: 0;
	width: 100%;
}

.side-collapse-container {
	/* overflow: hidden; */ 
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 98.877%;
}
/**/
.clear {
	position: relative;
	clear: both;
	width: 100%;
	height: 1px;
	visibility: hidden;
}
.clearfix::after {
	position: relative;
    clear: both;
    display: block;
    content: "";
}
.spacer {
	position: relative;
	clear: both;
	width: 100%;
	height: 25px;
	visibility: hidden;
}
.halfSpacer {
	position: relative;
	clear: both;
	width: 100%;
	height: 8px;
	visibility: hidden;
}
.overflow {
	overflow: hidden;
}

.relative.relative {
	position: relative;
}

/* MARGIN - PADDING CUSTOM */
.noMarginTOP.noMarginTOP 			{ margin-top: 0; }
.noMarginBottom.noMarginBottom 		{ margin-bottom: 0; }
.noPaddingTop.noPaddingTop 			{ padding-top: 0; }
.noPaddingBottom.noPaddingBottom 	{ padding-bottom: 0; }
.noMargin.noMargin 					{ margin: 0; }
.noMargin-center.noMargin-center 	{ margin: 0 auto; }
.noPadding.noPadding 				{ padding: 0; }

/* Margin Top */
.mt-1.mt-1 { margin-top: 1rem; }
.mt-2.mt-2 { margin-top: 2rem; }
.mt-3.mt-3 { margin-top: 3rem; }
.mt-4.mt-4 { margin-top: 4rem; }
.mt-5.mt-5 { margin-top: 5rem; }

/* Margin Bottom */
.mb-1.mb-1 { margin-bottom: 1rem; }
.mb-2.mb-2 { margin-bottom: 2rem; }
.mb-3.mb-3 { margin-bottom: 3rem; }
.mb-4.mb-4 { margin-bottom: 4rem; }
.mb-5.mb-5 { margin-bottom: 5rem; }

/* Margin Left */
.ml-1.ml-1 { margin-left: 1rem; }
.ml-2.ml-2 { margin-left: 2rem; }
.ml-3.ml-3 { margin-left: 3rem; }
.ml-4.ml-4 { margin-left: 4rem; }
.ml-5.ml-5 { margin-left: 5rem; }

/* Margin Right */
.mr-1.mr-1 { margin-right: 1rem; }
.mr-2.mr-2 { margin-right: 2rem; }
.mr-3.mr-3 { margin-right: 3rem; }
.mr-4.mr-4 { margin-right: 4rem; }
.mr-5.mr-5 { margin-right: 5rem; }

/* Margin Block (top e bottom) */
.m-block-1.m-block-1 { margin-block: 1rem; }
.m-block-2.m-block-2 { margin-block: 2rem; }
.m-block-3.m-block-3 { margin-block: 3rem; }
.m-block-4.m-block-4 { margin-block: 4rem; }
.m-block-5.m-block-5 { margin-block: 5rem; }

/* Margin Inline (left e right) */
.m-inline-1.m-inline-1 { margin-inline: 1rem; }
.m-inline-2.m-inline-2 { margin-inline: 2rem; }
.m-inline-3.m-inline-3 { margin-inline: 3rem; }
.m-inline-4.m-inline-4 { margin-inline: 4rem; }
.m-inline-5.m-inline-5 { margin-inline: 5rem; }

/* Margin tutti i lati */
.m-1.m-1 { margin: 1rem; }
.m-2.m-2 { margin: 2rem; }
.m-3.m-3 { margin: 3rem; }
.m-4.m-4 { margin: 4rem; }
.m-5.m-5 { margin: 5rem; }

/* Padding Top */
.pt-1.pt-1 { padding-top: 1rem; }
.pt-2.pt-2 { padding-top: 2rem; }
.pt-3.pt-3 { padding-top: 3rem; }
.pt-4.pt-4 { padding-top: 4rem; }
.pt-5.pt-5 { padding-top: 5rem; }

/* Padding Bottom */
.pb-1.pb-1 { padding-bottom: 1rem; }
.pb-2.pb-2 { padding-bottom: 2rem; }
.pb-3.pb-3 { padding-bottom: 3rem; }
.pb-4.pb-4 { padding-bottom: 4rem; }
.pb-5.pb-5 { padding-bottom: 5rem; }

/* Padding Left */
.pl-1.pl-1 { padding-left: 1rem; }
.pl-2.pl-2 { padding-left: 2rem; }
.pl-3.pl-3 { padding-left: 3rem; }
.pl-4.pl-4 { padding-left: 4rem; }
.pl-5.pl-5 { padding-left: 5rem; }

/* Padding Right */
.pr-1.pr-1 { padding-right: 1rem; }
.pr-2.pr-2 { padding-right: 2rem; }
.pr-3.pr-3 { padding-right: 3rem; }
.pr-4.pr-4 { padding-right: 4rem; }
.pr-5.pr-5 { padding-right: 5rem; }

/* Padding Block (top e bottom) */
.p-block-1.p-block-1 { padding-block: 1rem; }
.p-block-2.p-block-2 { padding-block: 2rem; }
.p-block-3.p-block-3 { padding-block: 3rem; }
.p-block-4.p-block-4 { padding-block: 4rem; }
.p-block-5.p-block-5 { padding-block: 5rem; }

/* Padding Inline (left e right) */
.p-inline-1.p-inline-1 { padding-inline: 1rem; }
.p-inline-2.p-inline-2 { padding-inline: 2rem; }
.p-inline-3.p-inline-3 { padding-inline: 3rem; }
.p-inline-4.p-inline-4 { padding-inline: 4rem; }
.p-inline-5.p-inline-5 { padding-inline: 5rem; }

/* Padding tutti i lati */
.p-1.p-1 { padding: 1rem; }
.p-2.p-2 { padding: 2rem; }
.p-3.p-3 { padding: 3rem; }
.p-4.p-4 { padding: 4rem; }
.p-5.p-5 { padding: 5rem; }

/* COLORS */
.yellow.yellow {
	color: #333;
	background-color: #eae038;
}
.orange.orange {
	color: #f28c00;
}

hr.big {
	position: relative;
	clear: both;
	width: 100%;
	height: 1px;
	border: none;
	border-bottom: 3px solid #eee;
	background-color: transparent;
}

.margin_rest.margin_rest {
	margin: 0;
}
.padding_reset.padding_reset {
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #f28c00;
	font-family: "Varela Round", sans-serif;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
	position: relative;
}

h1 > * {
	margin-bottom: 0.5rem;
}

h1 small a,
h2 small a,
h3 small a,
h4 small a,
h5 small a,
h6 small a {
	padding-left: 1em;
	color: #a7a7a7;
}

.text-left.text-left {
	text-align: left;
}
.text-center.text-center {
	text-align: center;
}
.text-right.text-right {
	text-align: right;
}

.uppercase.uppercase {
	text-transform: uppercase;
}

.float-left {
	float: left;
}
.float-none {
	float: none;
}
.float-right {
	float: right;
}

.truncate {
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.displayNone {
	display: none;
}

.block.block {
	display: block;
}

.top_title {
	padding-left: 20px;
	color: #3b3b3b;
}

.big_title {
	color: #f28c00;
	font-size: 4em;
	letter-spacing: 2px;
	line-height: 0.9em;
}

.mid_title {
	color: #f28c00;
	font-size: 2em;
	letter-spacing: 2px;
	line-height: 0.9em;
}

.section-colored .big_title {
	padding-top: 25px;
	color: #fff;
	font-size: 4em;
	letter-spacing: 2px;
	line-height: 0.9em;
}

.section-colored .mid_title {
	padding-top: 25px;
	color: #fff;
	font-size: 2em;
	letter-spacing: 2px;
	line-height: 0.9em;
}

.section .big_title,
.section .mid_title {
	padding-top: 25px;
}

.section-colored h1,
.section-colored h2,
.section-colored h3,
.section-colored h4,
.section-colored h5,
.section-colored h6,
.section-colored a {
	color: #fff;
}

.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.page-header {
	border-bottom: 1px solid #eee;
	margin: 0px 0 15px;
	padding-bottom: 0;
}
.page-header h1,
.page-header h2,
.page-header h3 {
	margin-top: 0;
	margin-bottom: 0;
	color: #3b3b3b;
}
.page-header small,
.page-header small a,
.cat_in,
.cat_in a {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 0;
	color: #999;
}
.page-header small a:hover {
	color: #e9500e;
}

/* img */
img {
	border: 0;
}
.max-image {
	width: 100%;
	height: auto;
}
.max-image-lmt {
	max-width: 100%;
	height: auto;
}

.img-responsive.center {
	margin: 0 auto;
}
/**/
/*breadcrumb*/
.breadcrumb {
	background-color: transparent;
	border-radius: 0;
	list-style: none outside none;
	margin-top: 5px;
	margin-bottom: 0;
	padding: 5px 0;
	font-size: 85%;
}
/**/

/* CUSTOM CONTAINER */
.container.max {
	width: 80vw;
	max-width: 80vw;
}
@media screen and (max-width: 768px) {
	.container.max {
		margin: 0 1%;
		padding: 0;
		width: 98vw;
		max-width: 98vw;
	}
}

.homeSlide {
	overflow: hidden;
	margin: 1.5rem auto;
	border-radius: 2rem;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 1);
	box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 1);
}
@media screen and (max-width: 768px) {
	.homeSlide {
		border-radius: 0.5rem;
	}
}

.carousel-indicators.carousel-indicators {
	bottom: 0.2rem;
}
.carousel-indicators li {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(153, 153, 153, 1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(153, 153, 153, 1);
	box-shadow: 0px 0px 3px 0px rgba(153, 153, 153, 1);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
	transform: translateY(-50%);
	background-color: #333;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(153, 153, 153, 1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(153, 153, 153, 1);
	box-shadow: 0px 0px 3px 0px rgba(153, 153, 153, 1);
}

/* LIST SIDE */
.list_side {
	margin: 1em;
	padding: 0 0 0 0.5em;
	list-style: none;
}
.list_side li {
	margin: 0;
	padding: 0.2em 0;
}
.list_side li a:hover {
	padding-left: 5px;
	color: #e9500e;

	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.list_side li a {
	color: #f28c00;
	text-decoration: none;

	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.section-colored .list_side li a {
	color: #fff;
}
.section-colored .big_title a {
	color: #fff;
}
/**/

header {
	position: relative;
}

a {
	color: #f28c00;
}
a:hover,
a:active,
a:focus {
	color: #e9500e;
	text-decoration: none;
}

pre {
	tab-size: 8;
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
	margin-bottom: 30px;
}

.tab-pane {
	margin-top: 15px;
}

/* Page Sections */
.section,
.section-colored {
	padding: 0; /*padding:0 0 25px 0;*/
}

.section-colored {
	color: #fff;
	background: #f18e00 url(../img/bg_box.png) no-repeat bottom right;
}

.section-colored.ibolzano {
	background: #00a99d;
}
.section-colored.ibolzano p {
	color: #fff;
}

.section-colored.iginger {
	background: #f28c00;
}
.section-colored.iginger p {
	color: #fff;
}

.section-colored-footer {
	color: #fff;
	background: #b3b3b3;
}

/* BOX FOOTER */
.section-colored-footer h4 {
	margin: 20px 0 0 0;
	padding: 0;
	color: #fff;
}

.section-colored-footer ul {
	margin: 20px auto;
	padding: 2px;
	list-style: none;
}
.section-colored-footer ul li {
	padding: 0 5px;
}

.section-colored-footer ul li a {
	color: #fff;
}
.section-colored-footer ul li a:hover {
	color: #e9500e;
}

.section-colored-footer.mini-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: 100vw;
	height: 21px;
	border-top: 1px solid #b3b3b3;
}

.section-colored-footer.mini-footer p {
	margin: 0 auto;
	padding: 0 2px;
}
.section-colored-footer.mini-footer p small {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-weight: lighter;
}

.sidebar {
	margin-top: 0;
}

.sidebar ul {
	border-radius: 5px;
	padding: 5px;
	border: 1px solid #cccccc;
}

/* .carousel-caption */
.carousel-caption {
	background: rgba(20, 20, 20, 0.4);
}

/* Half Page Height Carousel Customization 
	.carousel {
		height: 45%;
	}
	.carousel, .item, .active {
		height:45%;
	}
	*/

.carousel-inner {
	height: 100%;
}

.item,
.active,
.carousel-inner {
	height: 100%;
}

/* RESET PER JBOX */
.jBox-image-label.active {
	height: auto !important;
}

.fill {
	width: 100%;
	height: 100%;
	background-position: top center;
	background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
	margin-bottom: 45px;
}

.tooltip-social a {
	text-decoration: none;
	color: inherit;
}

.facebook-link a:hover {
	color: #3b5998;
}

.linkedin-link a:hover {
	color: #007fb1;
}

.twitter-link a:hover {
	color: #39a9e0;
}

.google-plus-link a:hover {
	color: #d14836;
}

/* Service Page Styles */
.service-icon {
	font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
	font-size: 8em;
}

/* Pricing Page Styles */
.price {
	font-size: 4em;
}

.price-cents {
	vertical-align: super;
	font-size: 50%;
}

.price-month {
	font-size: 35%;
	font-style: italic;
}

/* Footer Styles */
footer {
	margin: 50px 0;
}

.carousel-control {
	width: 8%;
	font-size: 15px;
}
.carousel-control.left,
.carousel-control.right {
	background: none;
}

.carousel-control.left span,
.carousel-control.right span {
	padding: 2px;
	border: 4px solid transparent;
	border-radius: 100%;
}

.carousel-control.left:hover span,
.carousel-control.right:hover span {
	padding: 2px;
	border: 4px solid #fff;
	border-radius: 100%;
}

/* Images */
img {
	border: 0;
}
.max-image {
	width: 100%;
	height: auto;
	position: relative;
}
.max-image.max {
	max-width: 100%;
	width: auto;
	height: auto;
	position: relative;
}

/* navbar */
header .navbar {
	margin-bottom: 0;
	min-height: 71px;
	height: 71px;
}
.navbar {
	margin: 0 auto;
	padding: 0;
	border-bottom: 3px solid #f28c00;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.navbar-brand {
	padding: 0;
	float: none;
}

.navbar-brand img {
	position: relative;
	margin-top: -15px;
	opacity: 1;
	/* animazione */
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	/*transform-style: preserve-3d;
		transition: all 1.0s linear;*/
}
.navbar-brand:hover img {
	opacity: 0.5;
	/*-o-transform: rotateY(360deg);
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);*/
}

.navbar-nav > li > a {
	position: relative;
	margin-bottom: -3px;
	padding-top: 20px;
	padding-bottom: 5px;
	color: #f28c00;
	font-size: 0.85em;
	font-family: "Varela Round", sans-serif;
	font-weight: 600;
	border-bottom: 3px solid #f28c00;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}

.navbar-nav > li > a:hover {
	background: none;
	border-bottom: 3px solid #e9500e;
}
.navbar-nav > li > a.active {
	color: #e9500e !important;
	font-style: italic; /*font-weight: bold;*/
}
.navbar-nav > li {
	*display: inline;
	*float: left;
}

.navbar-white {
	background: rgba(255, 255, 255, 0.9);
}

.dropdown-header {
	color: #f4f4f4;
	text-shadow: 0 1px 0 #b3b3b3;
}
.mobile.dropdown-header {
	color: #b3b3b3;
	text-shadow: 0 1px 0 #f4f4f4;
}
.mobile.divider {
	background-color: #f4f4f4;
}

/* DROP DOWUN MULTI LIVELLI */
.dropdown-menu {
	background-clip: padding-box;
	background-color: rgba(233, 80, 14, 0.9);
	border: none;
	border-radius: 0;
	/*box-shadow: 0 6px 12px rgba(0, 0, 0, 0.8);*/
	display: none;
	float: left;
	font-size: 14px;
	color: #fff;
	left: 0;
	list-style: none outside none;
	margin: 5px 0 0 0;
	min-width: 160px;
	/*width:100%;*/
	padding: 8px 0 !important;
	position: absolute;
	top: 100%;
	z-index: 1000;
}
.dropdown-menu > li > a {
	color: #fff;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}

.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:active > .dropdown-menu,
.dropdown-submenu:focus > .dropdown-menu {
	display: block;
}

.dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #fff;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
	border-left-color: transparent;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* MULTI SELECT */
.multiselect-container.dropdown-menu {
	border-radius: 20px;
}
/* **** */

.net_blk {
	position: relative;
	padding-right: 60px !important;
}

.net_blk img {
	position: absolute !important;
	top: 5px;
	right: 0;
	z-index: 1005;
	/* Animation */
	transform-style: preserve-3d;
	transition: all 1s linear;
}

.net_blk:hover img {
	-o-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background-color: none;
	border-color: #e9500e;
}

.nav > .active {
	background-color: none;
	border-color: #e9500e;
}

.up_link {
	position: relarive;
	height: 23px;
	overflow: hidden;
}
.up_link a {
	margin: 5px 2em 0 0;
	float: right;
	font-size: 0.9em;
}

/* SOTTO MENU pagine principali */
.sotto_menu {
	margin-top: 25px;
}
.sotto_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "Varela Round", sans-serif;
	color: #b3b3b3;
}
.sotto_menu ul li {
	margin: 0 4px 4px 4px;
	padding: 0;
}
.sotto_menu ul li a {
	display: block;
	color: #6d6e70;
	font-size: 1.1em;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.sotto_menu ul li a:hover {
	padding-left: 8px;
	color: #e9500e;
}

.sotto_menu ul li.active_side a {
	color: #e9500e;
	font-style: italic;
}

/* SEARCH BOX */
.search_title_cont {
	padding-top: 5px;
	float: left;
}
.search_box {
	float: right;
	position: relative;
	z-index: 5;
}
.search_box.iginger,
.search_box.ibolzano {
	margin: 20px auto 0 auto;
	float: none;
}

#custom-search-input {
	margin: 10px 0 15px 0;
	padding: 0;
	width: 260px;
}

.width100 {
	width: 100% !important;
}

#custom-search-input .search-query {
	padding-right: 25px;
	padding-right: 4px \9;
	padding-left: 25px;
	padding-left: 4px \9;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */

	margin-bottom: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#custom-search-input button {
	border: 0;
	background: none;
	/** belows styles are working good */
	padding: 1px 8px;
	margin-top: 2px;
	position: relative;
	left: -35px;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #c0c0c0;
}

.search-query:focus + button {
	z-index: 3;
}

.form-control {
	border-color: #c0c0c0;
}

.input-group {
	width: 100%;
}

.input-group-addon,
.input-group-btn {
	display: block;
	top: 5px;
}

/* dynamic */
.box_video iframe {
	border-bottom: 6px solid #f28c00;
}
.dynamic.dynamic.addPadding.addPadding {
	padding: 2rem 0;
}
.dynamic.dynamic h3 {
	position: relative;
}
.dynamic.dynamic p {
	line-height: 1.8em;
	/*text-indent: 2em;*/
	font-size: 1.5rem;
}

.dynamic.dynamic p b,
.dynamic.dynamic p strong {
	font-weight: 900;
}

.dynamic.dynamic b,
.dynamic.dynamic strong {
	font-weight: 700;
}

.dynamic.dynamic img {
	position: relative;
	max-width: 100%;
	height: auto !important;
	border-bottom: 4px solid #f28c00;
}

.dynamic.dynamic ul,
.dynamic.dynamic ol {
	display: block;
	margin: 2.5rem 2rem;
}
.dynamic.dynamic ul li,
.dynamic.dynamic ol li {
	width: 100%;
	margin-bottom: 0.8rem;
	font-size: 1.2;
	font-weight: 600;
}

/* CAROUSEL DETTAGLIO IMG + VIDEO */
#carouselProgetto {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}
/* VIDEO / IMMAGINI */
#carouselProgetto #immagineVideo {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}
#carouselProgetto #immagineVideo .itemProgetto {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	border-bottom: 6px solid #f28c00;
}
#carouselProgetto #immagineVideo .itemProgetto .videoCont {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: none;
	margin: 0 auto;
	padding: 0;
}
#carouselProgetto #immagineVideo .itemProgetto .contImag {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}
#carouselProgetto #immagineVideo .itemProgetto .contImag a {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}
#carouselProgetto #immagineVideo .itemProgetto .contImag a span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: block;
	width: 100%;
	height: auto;
}
#carouselProgetto #immagineVideo .itemProgetto .contImag a span img {
	display: block;
	width: 100%;
	height: auto;

	opacity: 1;
	cursor: pointer;

	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
#carouselProgetto #immagineVideo .itemProgetto .contImag a span:hover img {
	opacity: 0.5;

	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
#carouselProgetto #immagineVideo .itemProgetto .contImag a img {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
}

/* IMAGE CAROUSEL LIST */
#galImg {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 4px auto;
	padding: 0;
	text-align: center;
}
#galImg a {
	position: relative;
	width: 19.5%;
	height: auto;
	overflow: hidden;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	border: 6px solid transparent;

	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
#galImg a:hover,
#galImg a.active {
	border: 6px solid #e9500e; /*#F28C00;*/

	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
#galImg a span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: block;
	width: 100%;
	height: auto;
}
#galImg a span img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 1;
	cursor: pointer;

	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
#galImg a span:hover img {
	opacity: 0.5;

	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
#galImg a img {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
}

/* MOBILE TOGGLE */
.toggle_btn {
	display: block;
	margin: 15px 0;
	padding: 0;
	width: 160px;
	height: 30px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	background: #f28c00;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.toggle_btn:hover {
	color: #fff;
	background: #e9500e;
}
#toggle_text {
	display: none;
}
/* */

/* SOSTIENI / RICOMPENSE dettaglio */
.box_ricompense {
	margin: 0 0 15px 0;
	padding: 0;
}
.titolo_sostieni {
	margin: 0;
	padding: 0.4em 0 0.4em 0.5em;
	color: #fff;
	font-size: 2em;
	background: #f28c00;
}
.tito_ricompensa {
	position: relative;
	padding: 0.4em 0.7em;
	background: #f2f2f2;
	/*border-bottom:6px solid #F28C00;*/
}

.dispo_ricompensa {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.dispo_ricompensa.si {
	background: #aeca16;
}
.dispo_ricompensa.no {
	background: #c00;
}

.desc_prog,
span.desc_prog {
	display: block;
	margin: 1.5rem 0 2.5rem 0;
	padding: 0 0 1.4rem 0;
	font-size: 2rem;
	line-height: 1.25;
	text-align: justify;
	border-bottom: 1px solid #eee;
}

span.desc_prog {
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'Varela Round', sans-serif;
	color: #f28c00;
	text-align: left;
	font-weight: 600;
}

.tito_ricompensa h3 {
	margin-top: 0;
	margin-bottom: 0;
	color: #4d4d4d;
}
.tito_ricompensa p {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #f28c00;
	font-size: 1.1em;
	font-weight: 600;
}
.desc_ricompensa {
	padding: 0.7em;
	background: #e6e6e6;
	border-bottom: 6px solid #f28c00;
}
.desc_ricompensa p {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1.5rem;
	color: #4d4d4d;
}

.ricompensa_sx {
	float: left;
	width: 50%;
}
.ricompensa_dx {
	float: right;
	width: 50%;
	text-align: right;
}
.ricompensa_sx small,
.ricompensa_dx small {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 70%;
}

.ricompensa_sx input {
	display: inline-block;
	margin: 0 0 0 3px;
	padding: 2px 8px 2px 14px;
	font-size: 150%;
	width: 80%;
	border: 1px solid #7ab009;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.btn-ricompense:focus,
.btn-ricompense:active,
.btn-ricompense {
	margin-top: 0;
	padding: 6px 15px;
	color: #fff;
	line-height: 1;
	background: #8ab80d;
	border: 1px solid #7ab009;
	outline: none;

	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.btn-ricompense:hover {
	color: #f4f4f4;
	background: #7ab009;
	border: 1px solid #8ab80d;
	outline: none;
}

/* FORM CHECK DONAZIONI */
#checkout_donazioni input {
	display: inline-block;
	margin: 3px 0 0 3px;
	padding: 2px 8px 2px 14px;
	border: 1px solid #7ab009;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
#checkout_donazioni label {
	margin-left: 15px;
	margin-bottom: 2px;
}
#checkout_donazioni #importo_totale {
	font-weight: bold;
}

/* box sostenitori */
.box_sostenitori {
	position: relative;
	/* FLEX DISPLAY*/
	display: table;
	width: 100%;
}
.box_sostenitori p {
	display: table;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	float: left;
	width: 50%;
	min-height: 40px;
	height: auto;
	line-height: 1.2em;
	font-size: 1em;
	vertical-align: middle;
}

/*.box_sostenitori p:nth-child(2n+1) { 
		background:#fff;
	}
	.box_sostenitori p:nth-child(2n+0) { 
		background:#e6e6e6;
	}*/
.box_sostenitori .row_sostenitori {
	display: table-row;
}
.box_sostenitori .row_sostenitori span {
	display: table-cell;
	padding: 4px;
	overflow: hidden;
	padding: 7px 0 0 5px;
	vertical-align: middle;

	/* width: 25px; height: 25px;  40px */
	font-family: "Varela Round", sans-serif; /*font-size:1.2em; color:#fff; text-align:center;*/
	/* background: #f5b04d;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;*/
}
.box_sostenitori .row_sostenitori span.icon {
	width: 40px;
}
.box_sostenitori p img {
	width: 28px;
	height: 28px; /* 40px */
	vertical-align: middle;
}

/* COLOR NETS */
.net_color.ibolzano {
	background: #f28c00;
}

/* COLOR OVER */
.white {
	color: #fff;
}

.yellow {
	color: #ffff00;
}
.yellowBg {
	background: #ffff00;
}
.net_color.yellow {
	background: #ffff00;
}

.red {
	color: #ed1c24;
}
.redBg {
	background: #ed1c24;
}
.net_color.red {
	background: #ed1c24;
}

.iginger {
	color: #f5b04d;
}
.igingerBg {
	background: #f5b04d;
}
.net_color.iginger {
	background: #f5b04d;
}

.ibolzano {
	color: #00a99d;
}
.ibolzano .Bg {
	background: #00a99d;
}
.net_color.ibolzano {
	background: #00a99d;
}
/**/

/* Social  */
.social_ico {
	overflow: hidden;
	margin: 20px 0 0 0;
	text-align: right;
}
.social_ico a {
	display: inline-block;
	margin-left: 8px;
	width: 50px;
	height: 50px;
	color: #b3b3b3;
	font-size: 1.5em;
	line-height: 50px;
	text-align: center;
	background: #f2f2f2;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	/* Animation
		transform-style: preserve-3d;
		transition: all 1.0s linear; */

	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.social_ico a.last {
	margin-left: 0;
}
.social_ico a:hover {
	color: #fff;
	background: #e9500e;
	/*transform: rotateY(360deg);*/
}

/* SDG DETTAGLIO PROGETTO */
.sdgProgettoLista {
	overflow: hidden;
	display: block;
	float: right;
	margin-top: 20px;
	width: 50%;
	height: auto;
	text-align: right;
}
.sdgProgettoLista small {
	display: block;
	margin-bottom: 0.8rem;
}
.sdgProgettoLista a {
	position: relative;
	display: inline-block;
	margin: 0 0.2rem 0.5rem 0.2rem;
	padding: 0;
	width: 40px;
	height: 40px;
}

@media screen and (max-width: 768px) {
	.sdgProgettoLista a {
		margin: 0 0.05rem 0.05rem 0.05rem;
		width: 30px;
		height: 30px;
	}
}

.sdgProgettoLista a img {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.sdgProgettoLista::before {
	content: "";
	position: relative;
	clear: both;
	width: 100%;
	height: 1px;
	visibility: hidden;
}
/* end SDG DETTAGLIO PROGETTO */

.social_ico.mini {
	text-align: left;
	float: left;
	width: 48%;
}

.social_ico.mini small {
	display: block;
	margin-bottom: 0.8rem;
}

.social_ico.mini a {
	margin-left: 0;
	margin-right: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 2em;
	line-height: 40px;
	color: #6d6e70;
	background-color: transparent;
	transform: translateY(0);
	-o-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.social_ico.mini a:hover {
	color: #f28c00;
	transform: translateY(-5px);
	background-color: transparent;
}

.blocco_link, 
.blocco_short {
	/* display: inline-block;
	padding: 0.5em 1em;
	text-align: center;
	border-radius: 50px;
	background: #cccccc; */

	display: inline-flex;
	justify-content: space-between;
	
	align-items: center;
	padding: 0.5rem 0.5rem 0.5rem 1.5rem;
	text-align: center;
	line-height: 1;
	border-radius: 50px;
	background: #cccccc;

	&.full {
		width: 100%;
	}
}

.qrCodeGen {
	display: flex;
	align-items: center;
	justify-content: center;

	& img {
		display: block;
		margin: 1rem auto;
		max-width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		padding: 2rem;
		background: #f4f4f4;
		border-radius: 10px;
	}
}

.pixelMeta {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0;

	& button.btn {
		display: inline-block;
		padding: .55rem;
		color: white;
		background-color: #5cb85c;
		border-radius: 4px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		border: 1px solid #5cb85c;
	}

	& input {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		border-right: none;
	}
}

.blocco_cont {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 1rem;
	margin: 1rem 0;
	width: 100%;
	min-height: 26vh;
	/* background: #cccccc; */
	background-color: #f4f4f4;
	border: 1px solid #e6e6e6;
	transition: .25s .15s ease-in-out;
}
.blocco_cont:hover {
	color: #fff;
	background-color: #f28c00;
}
.blocco_cont > section {
	flex-basis: 365px;
	background-color: #fff;
}

@media (max-width: 768px) {
	.blocco_cont {
		flex-direction: column;
		padding: .25rem .45rem;
	}
}

.blocco_cont img {
	display: block;
	width: 150px;
	height: auto;
	margin: 0.5rem;
}
.blocco_cont textarea {
	overflow: hidden;
	overflow-y: auto;
	display: block;
	/* float: left; */
	padding: 1.8rem 2.5rem;
	width: 100%;
	min-height: 300px;
	font-size: 12px;
	line-height: 1.6;
	background-color: transparent;
	border: none;
	resize: none;
	outline: none;
}

.img_progetto_small {
	position: relative;
	/*width:50%;*/
	height: auto;
	/* border */
	-webkit-border-top-right-radius: 50%;
	-webkit-border-bottom-right-radius: 50%;
	-moz-border-radius-topright: 50%;
	-moz-border-radius-bottomright: 50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
}

.fb_box_commenti {
	position: relative;
	width: 100%;
}

/* SUBNAV progetto */
.subnav_progetto {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0;
}
.subnav_progetto::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	z-index: 1;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #6d6e70;
}

.subnav_progetto ul {
	position: relative;
	display: block;
	z-index: 5;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}

.subnav_progetto ul li {
	position: relative;
	display: inline-block;
	margin: 8px 0.5em 0 0.5em;
	padding: 8px 0.5em -8px 0.5em;
	border-bottom: 6px solid transparent;
	text-transform: uppercase;
	font: 120%; /*letter-spacing:1px;*/

	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.subnav_progetto li:hover,
.subnav_progetto li.active {
	border-bottom: 6px solid #f28c00 !important; /* #E9500E old */
}

.subnav_progetto li a {
	color: #6d6e70;
}

.tooltip_link.icons {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

/* hide 4 tab - dettaglio */
#news,
#progettista,
#sostenitori,
#condividi {
	display: none;
}

#news span.box,
#sostenitori span.box,
#progettista span.box,
#condividi span.box {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 20px;
}

/* lista altre foto */
.lista_foto {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}
.lista_foto li {
	display: inline-block;
	overflow: hidden;
	width: 33%;
	height: 33%;
}

/* SWIPER MOBILE */
.col_swipe {
	position: relative;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	width: 100%;
}
/**/

/* PAGINATION */
.pagination {
	margin: 5px 0 10px 0;
}
.pagination > li > a,
.pagination > li > span {
	color: #f28c00;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
	color: #e9500e;
}
/**/

/* FAQ */
.panel-default {
	border: none;
}
.panel-default > .panel-heading {
	background: #e6e6e6;
	border: none;
	-webkit-border-top-right-radius: 80px;
	-webkit-border-bottom-right-radius: 80px;
	-moz-border-radius-topright: 80px;
	-moz-border-radius-bottomright: 80px;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;
}
/*.panel-default:hover > .panel-heading:hover,
	.panel-default a:hover > .panel-heading a:hover {
		color:#fff;
		background:#f18e00;
	}*/
.panel-default > .panel-heading + .panel-collapse .panel-body {
	border: none;
}
/**/

/* PAGINA PROFILO */
.sidebar {
	position: relative;
	min-height: calc(100vh - 91px); /*88.5vh;*/
	border-right: 3px solid #eee;
}

.bg_ideaginger {
	background: url(../img/bg_ideaginger.png) no-repeat bottom right transparent;
}
.utente_box {
	margin: 0 auto;
	padding: 0;
	/*text-align: center;*/
}

/* IMMAGINE UTENTE */
#img_utente {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;

	position: relative;
	margin: 0 auto;
	padding: 1.5rem;
	width: 100%;
	min-height: auto;
	background: #e6e6e6;
	border-bottom: 6px solid #f18e00;
}
#img_utente img {
	display: block;
	margin: 0 1rem 0 0;
	width: 60px;
	height: 60px;
	border-radius: 50rem;
	border: 3px solid #f18e00;
}
#img_utente p {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	flex-wrap: nowrap;

	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
#img_utente p span strong {
	color: #f18e00 !important;
}
#img_utente p span,
#img_utente p span a {
	display: block;
	font-style: bold;
	color: #333;
	line-height: 15px;
}
#img_utente p span a:hover {
	color: #444;
}

.img_utente_mini {
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	float: left;
	width: 18px;
	height: 18px;
}

.utente_box p {
	padding: 10px 0 0 0;
	line-height: 50px;
}

#menu_utente {
	position: relative;
	margin: 0 auto;
	padding: 0;

	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
#menu_utente a {
	display: block;
	margin: 0 auto;
	padding: 8px 10px;
	text-align: left;
	/*border-bottom: 1px solid #eee;*/
}
/*#menu_utente a:hover {
			border-bottom: 1px solid #f18e00;
		}*/
#menu_utente a.active {
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
	color: #e9500e;
	/*background-color: #f18e00;*/
	/*border-bottom: 1px solid #f18e00;*/
}

#menu_utente div .subMenu {
	overflow: hidden;
}
#menu_utente div .subMenu.active {
	display: block !important;
}

#menu_utente div .subMenu a {
	display: block;
	padding: 2px 16px;
	/*color: #fff;*/
	/*background-color: #b3b3b3;*/
	background-color: #f4f4f4;
	border-bottom: 1px solid #eee;
}
#menu_utente div .subMenu a.active,
#menu_utente div .subMenu a:hover {
	color: #fff;
	background-color: #f18e00;
}
/* SEMAFORO OCCUPAZIONE RISORSA LINK */
#menu_utente div .subMenu a {
	position: relative;
}
#menu_utente div .subMenu a.success::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background-color: #5cb85c;
	/* outline: 1px solid #5cb85c; */
	/* border-right: 10px solid #5cb85c; */
}
#menu_utente div .subMenu a.warning::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background-color: #f0ad4e;
	/* outline: 1px solid #f0ad4e; */
	/* border-right: 10px solid #f0ad4e; */
}
#menu_utente div .subMenu a.danger::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background-color: #d9534f;
	/* outline: 1px solid #d9534f; */
	/* border-right: 10px solid #d9534f; */
}

#menu_utente div .subMenu a.disabled {
	cursor: default;
	color: #c6c6c6;
	background-color: #f4f4f4;
	border: none;
}
#menu_utente div .subMenu a.disabled:hover {
	cursor: default;
	color: #c6c6c6;
	border: none;
	background-color: #f4f4f4;
}

/* SEMAFORO OCCUPAZIONE RISORSA LINK */
.testataInner {
	position: relative;
}
.testataInner.success::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background-color: #5cb85c;
	outline: 1px solid #5cb85c;
	/*border-right: 10px solid #5cb85c;*/
}
.testataInner.warning::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background-color: #f0ad4e;
	outline: 1px solid #f0ad4e;
	/* border-right: 10px solid #f0ad4e; */
}
.testataInner.danger::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background-color: #d9534f;
	outline: 1px solid #d9534f;
	/* border-right: 10px solid #d9534f; */
}

#menu_utente #footerNav,
#menu_utente #opGingerNav {
	display: block;
	margin-top: 2rem;
	text-align: center;
	border-top: 1px solid #eee;
	border-bottom: 5px solid #eee;
}
#menu_utente #footerNav a,
#menu_utente #opGingerNav a {
	font-weight: bold;
	background-color: #f4f4f4;
	border-bottom: 1px solid #eee;
}

#menu_utente .btn_pubblica_progetto {
	color: #fff;
	background-color: #5cb85c!important;	
	border-bottom: 1px solid #5cb85c!important;
	transition: all 0.25s ease-in-out;

	&:hover {
		color: #fff;
		background-color: #218a21!important;
		border-bottom: 1px solid #218a21!important;
	}

	&.active {
		color: #fff;
	}
}

#menu_utente .btn_revisione_progetto {
	color: #fff;
	background-color: #f0ad4e!important;
	border-bottom: 1px solid #f0ad4e!important;
	transition: all 0.25s ease-in-out;

	&:hover {
		color: #fff;
		background-color: #f18e00!important;
		border-bottom: 1px solid #f18e00!important;
	}

	&.active {
		color: #fff;
	}
}

/*
#menu_utente #footerNav a {
	display: block;
	padding: 10px 0;
	text-align: center;
	color: #fff; font-size: 1.5rem; line-height: 1.5rem;
	border: none;
	background-color: #b3b3b3;
}
	#menu_utente #footerNav a:hover {
		color: #fff;
		background-color: #f18e00;
	}
#menu_utente #footerNav a.send {
	background-color: #5cb85c;
}
	#menu_utente #footerNav a.send:hover {
		color: #fff;
		background-color: #f18e00;
	}

#menu_utente #footerNav a.anteprima {
	color: #444;
	background-color: #fff;
}
	#menu_utente #footerNav a.anteprima:hover {
		color: #fff;
		background-color: #f18e00;
	}
*/

/* NOTIFICHE TOP BAR GINGER */
.banner.notifiche {
	position: relative;
	margin: 0 auto;
	padding: 1rem;
	text-align: center;
}
.banner.notifiche.giallo {
	background-color: #e9500e; /*#F28C00;*/
	/* animation: pulseColore 5s infinite; */
}
.banner.notifiche.rosso {
	background-color: #d9534f;
	/* animation: pulseColore 5s infinite; */
}
@keyframes pulseColore {
	0% {
		background-color: #e9500e;
	}
	50% {
		background-color: #f28c00;
	}
	100% {
		background-color: #e9500e;
	}
}
.banner.notifiche h3 {
	margin: 0 auto;
	padding: 0;
	font-size: 16px;
	line-height: 18px;
	color: #fff;
}
.banner.notifiche small {
	margin: 0 auto;
	padding: 0;
	font-size: 11px;
	line-height: 10px;
	color: #fff;
}

/* SIDEBAR HELP */
.help-info {
	position: relative;
	min-height: 100%;
	color: #fff;
	text-align: center;
	background-color: #f28c00;
}
.help-info .inner-help {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	min-height: calc(100vh - 91px); /*88.5vh;*/
	padding: 1rem 2.5rem;
	background-color: #f28c00;
}
.help-info .inner-help h1,
.help-info .inner-help h2,
.help-info .inner-help h3 {
	color: #fff;
}
.help-info .inner-help a,
.help-info .inner-help .btn {
	color: #fff;
	border-color: #fff;
}
.help-info .inner-help .btn:hover {
	color: #f28c00;
	background-color: #fff;
}

.help-info.media .inner-help {
	width: 100%;
	height: 100%; /* min-height: 75vh;  */
}
.help-info.media .inner-help.modalInner {
	min-height: 83vh;
}

/* INNER USER CONT */
#innerUserCont {
	position: relative;
	overflow: hidden;
	overflow-y: auto;
	display: block;
	margin: 0 auto;
	padding: 1rem 2rem;
	height: calc(100vh - 91px); /*88.5vh;*/
}
#innerUserCont .testataInner {
	margin-bottom: 3rem;
	padding-bottom: 0;
	padding-right: 25px;
	border-bottom: 3px solid #eee;
}

/* CUSTOM REDACTOR */
.redactor_toolbar {
	background: transparent !important;
}
.redactor_box {
	border: 2px solid #7ab009 !important;
	border-radius: 4px;
}
.redactor_toolbar {
	border-bottom: 2px solid #7ab009 !important;
}

/* CUSTOM FORMS */
.form-group {
	/* overflow: hidden; */
	padding-bottom: 8px;
}
/*
.form-group.alternato:nth-child(odd) {
}
*/
.form-group select {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-group input,
.form-group select,
.form-group textarea {
	border: 1px solid #7ab009;
}
.form-group input[type="file"] {
	border: none;
}


.alternateCol {
	background-color: #e4e4e4;
}

.control-label {
	color: #f28c00;
}
.control-label small {
	display: none;
	padding: 8px 12px;
	color: rgba(120, 120, 120, 1);
	letter-spacing: 0; /*text-align: justify;*/
	background-color: rgba(210, 210, 210, 0.5);
	border-top: 4px solid rgba(241, 142, 0, 0.8);
	border-radius: 0;
}
.control-label small.help {
	display: block;
}

/* gingerlab */
.gingerlab {
	position: relative;
	display: inline-block;
	width: auto;
	height: 40px;
}

/* Bedges - novità */
.b-news {
	position: relative;
	z-index: 3;
	top: -8px;
	left: 5px;
	display: inline-block;
	margin: 0;
	padding: 4px 6px;
	font-size: 11px;
	line-height: 1;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	background-color: rgba(242, 140, 0, 1);
	border-radius: 1rem;
}
	.b-news::after,
	.b-news::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0px;
		display: block;
		animation-duration: 4s;
		width: 100%;
		height: 100%;
		border-radius: 1rem;
		z-index: 0;
	}

	.b-news::after {
		background-color: rgba(242, 140, 0, .45);
		animation-name: manimate_after;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		opacity: 0;
	}

	.b-news::before {
		border: 1px solid rgba(242, 140, 0, .55);
		animation-name: manimate_before;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		opacity: 0;
	}
@keyframes manimate_after {
	0% {
		transform: scale(1);
		opacity: 0;
	}
	35% {
		opacity: .6;
		transform: scale(1.2);
	}
	100% {
		opacity: 0;
		transform: scale(1);
	}
}

@keyframes manimate_before {
	0% {
		transform: scale(1);
		opacity: 0;
	}
	35% {
		transform: scale(1.2);
		opacity: .6;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}

@keyframes manimate {
	0% {
		transform: scale(1);
		opacity: 0;
	}
	30% {
		border-width: 10px;
	}
	50% {
		transform: scale(1.5);
		opacity: 1;
	}
	100% {
		transform: scale(2);
		opacity: 0;
	}
}
	

/* PROGRESS BAR */
.progress {
	height: 40px;
	border: none;
	background: #e6e6e6;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
}
.progress-bar {
	line-height: 40px;
}
/* FILE UPLOAD*/
.progress.files {
	height: 10px;
	border: none;
	background: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
}
.progress.files .progress-bar {
	line-height: 10px;
}
/* Caricamento file */
#files.files p {
	display: block;
	float: left;
	width: 20%;
	height: 180px;
	text-align: center;
}

/* RICOMPENSE DETTAGLIO INSERIMENTO UTENTE */
#dettaglioRicompensa {
	margin: 0 auto;
	padding: 0;
}
#dettaglioRicompensa .ricompensaInner {
	margin: 0 auto;
	padding: 0 2rem;
}

/* News DETTAGLIO INSERIMENTO UTENTE */
#dettaglioNews {
	margin: 0 auto;
	padding: 0;
}
#dettaglioNews .newsInner {
	margin: 0 auto;
	padding: 0 2rem;
}

/* BOX IMAGINI */
.boxFoto {
	padding: 5px 5px 0 5px;
	background-color: #e2e2e2;
}

/* progress bar */
.progress .icona {
	position: absolute;
	z-index: 10;
	top: -5px;
	display: inline-block;
	width: 37px;
	height: 45px;
	overflow: hidden;
	background: url(../img/icona-nera.png) center top no-repeat transparent;
	/* Animation */
	transform-style: preserve-3d;
	transition: all 1s linear;
}

.quick_view {
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 0;

	background: rgb(237,237,237);
	background: -moz-linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(252,252,252,0.5018207966780462) 60%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(252,252,252,0.5018207966780462) 60%, rgba(255,255,255,0) 100%);
	background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(252,252,252,0.5018207966780462) 60%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ededed",endColorstr="#ffffff",GradientType=1);
}
.quick_view li {
	display: inline-table;
	margin: 0;
	padding: 15px 0 8px;
	width: 33.33%;
	font-size: 18px;
	text-align: center;
	border: 1px solid #e6e6e6;
}
.quick_view.fundraiser li {
	width: 50%;
}
.quick_view li strong {
	padding: 0 2px;
	color: #f18e00;
	font-size: 125%;
}

/* FORM interni */
.well {
	border: none;
	background: #e6e6e6;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-border-top-right-radius: 50px;
	-moz-border-radius-topright: 50px;
	border-top-right-radius: 50px;
	box-shadow: 0 0 0 transparent;
}

.form-control .btn {
	margin-bottom: 8px;
	border: 1px solid #7ab009;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25x;
	border-radius: 25px;
}

.btn {
	border: 1px solid #7ab009;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

/* BUTTON RESET DEFAULT CLASS */
.btnDefault {
	color: white;
	background-color: #f28c00;
	border: 1px solid #f28c00;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;

	transition: all .25s ease;

	&:hover {
		background-color: #e95414;
	}
}

/* reset form btn */
.multiselect.dropdown-toggle.btn {
	margin-bottom: 0;
}
/**/

.form_file {
	padding: 0;
	height: auto;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: 0 0 0 transparent;
}

.form_span {
	display: inline-block;
	padding-left: 15px;
}

/* FORM FILE CUSTOM */
.input-group-btn.btn-file.btn-file {
	position: relative;
	display: table-cell;
	top: 0;
}

/* submitFixed */
.submit-fixed.submit-fixed {
	position: relative;
	display: block;
	padding-bottom: 40px;
}
.submit-fixed.submit-fixed .btn-submit-fixed.btn-submit-fixed {
	position: fixed;
	bottom: 30px;
	left: auto;
	z-index: 5;
	margin: 0;
	padding: 0;
	width: 55vw;
	height: 40px;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	text-transform: uppercase;
	border: none; /* border-radius: 0; */

	background-color: transparent;

	opacity: 0.7;

	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.submit-fixed.submit-fixed .btn-submit-fixed.btn-submit-fixed:hover {
	opacity: 1;

	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}

/* datapicker */
.datepicker.dropdown-menu {
	z-index: 99999 !important;
	width: auto !important;
	color: #e9500e;
	background: #e6e6e6;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.datepicker:after,
.datepicker:before {
	visibility: hidden;
}

.icon_cal {
	position: relative;
	margin-top: 8px;
	margin-right: 8px;
	float: left;
}

.text_cal {
	position: relative;
	float: left;
}

#datepicker.date input {
	cursor: pointer !important;
}

/* PARTNERS 2020 */
.navPartner {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 2rem auto;
	padding: 2.5rem 0 0 0;
	border-bottom: 1px solid #6f7174;
}
.navPartner .navPartner__cont {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
}
@media screen and (max-width: 768px) {
	.navPartner {
		margin: 0 auto 1.5rem auto;
		padding: 2rem 0 0 0;
	}
}
.navPartner .navPartner__cont .navPartner__link {
	position: relative;
	display: inline-block;
	margin: 0 3rem 0 0;
	padding: 0.5rem 0;
	font-size: 1.6rem;
	/* color:#6f7174; */
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.6;
	border-bottom: 5px solid transparent;
	transition: all 0.4s linear;
}
@media screen and (max-width: 768px) {
	.navPartner .navPartner__cont .navPartner__link {
		margin: 0 2rem 0 0;
		padding: 0.25rem 0;
		font-size: 1.5rem;
		line-height: 1.2;
	}
}
.navPartner .navPartner__cont .navPartner__link:hover,
.navPartner .navPartner__cont .navPartner__link.active {
	color: #222;
	font-weight: 500;
	border-bottom: 5px solid #222;
}
.navPartner .navPartner__cont .navPartner__link.active {
	pointer-events: none;
}

.flex {
	position: relative;
	display: flex;
	justify-content: center;
}
@media screen and (max-width: 768px) {
	.flex {
		flex-direction: column;
	}
}

.odd.odd {
	margin: 2rem auto;
	padding: 4rem 0;
	width: 100%;
	color: #fff;
	background: #f18e00 url(../img/bg_box_transparent.png) no-repeat bottom right;
}
.odd.odd a,
.odd.odd p,
.odd.odd p a,
.odd.odd h1,
.odd.odd h2,
.odd.odd h3,
.odd.odd h4,
.odd.odd h5,
.odd.odd h6 {
	color: #fff;
}

.odd.odd h1,
.odd.odd h2,
.odd.odd h3,
.odd.odd h4,
.odd.odd h5,
.odd.odd h6 {
	font-weight: 500;
}

.dynamicflex {
	display: flex;
	justify-content: center;
	align-items: center;
}
.dynamicflex p {
	align-self: center;
}
.dynamicflex .callToAction {
	position: relative;
	display: inline-block;
	margin: 2rem auto;
	padding: 1.5rem 3rem;
	color: #fff;
	font-size: 2.2rem;
	line-height: 1;
	border-radius: 5rem;
	background-color: #5cb85c;
	border: 1px solid #5cb85c;
	transition: all 0.4s linear;
}
.dynamicflex .callToAction:hover {
	color: #5cb85c;
	background-color: #fff;
}

.imgBoxFull {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.imgBoxFull__cont {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	line-height: 1.8rem;
}
.imgBoxFull .imgBoxFull__cont img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* CONTATORE */
.contRisorse {
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	flex-basis: 100%;
	margin: 4rem auto 6rem auto;
	padding: 0.5rem 0;
	width: 100%;
}
/*
	.contRisorse::before 
	{
		content: 'I RISULTATI DI GINGER';
		position: absolute;
		z-index: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 65%;
		font-family: 'Varela Round', sans-serif;
		color: #eee;
		text-align: center;
		font-size: 6rem;
		background-color: transparent;
		border-radius: 20rem;
	}
*/
@media screen and (max-width: 768px) {
	.contRisorse {
		flex-wrap: wrap;
		margin: 2rem 0;
	}
}
.contRisorse .count {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	flex-wrap: nowrap;
	flex-grow: 1;

	margin-left: 2rem;
	padding: 4rem 2.5rem;
	font-family: "Varela Round", sans-serif;

	background-color: #fff;
	background-position: center center;
	background-size: 55%;
	background-repeat: no-repeat;
}
.contRisorse .count:first-child {
	margin-left: 0;
}

.contRisorse .count.numProg {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:rgba(245, 245, 245, 1);transform:;-ms-filter:'%3E%3Cpath d='M18.649 16L5.352 16 4.292 19 2 19 2 21 5 21 19 21 22 21 22 19 19.708 19zM6.057 14L17.943 14 16.531 10 7.469 10zM13 2h-2c-.424 0-.802.268-.943.667L8.175 8h7.65l-1.882-5.333C13.802 2.268 13.424 2 13 2z'%3E%3C/path%3E%3C/svg%3E");
}
.contRisorse .count.numEuro {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:rgba(245, 245, 245, 1);transform:;-ms-filter:'%3E%3Cpath d='M13.464,6c1.43,0,2.779,0.613,3.799,1.726l1.475-1.352C17.334,4.843,15.461,4,13.464,4c-1.998,0-3.87,0.843-5.272,2.375 C7.491,7.139,6.951,8.031,6.589,9H4v2h2.114c-0.038,0.33-0.064,0.663-0.064,1s0.026,0.67,0.064,1H4v2h2.589 c0.362,0.97,0.901,1.861,1.603,2.626C9.594,19.157,11.466,20,13.464,20c1.997,0,3.87-0.843,5.273-2.374l-1.475-1.352 C16.243,17.387,14.894,18,13.464,18s-2.778-0.612-3.798-1.726C9.316,15.893,9.041,15.457,8.801,15H13v-2H8.139 c-0.05-0.328-0.089-0.66-0.089-1s0.039-0.672,0.089-1H13V9H8.801c0.24-0.457,0.516-0.893,0.865-1.274 C10.686,6.613,12.034,6,13.464,6z'%3E%3C/path%3E%3C/svg%3E");
}
.contRisorse .count.numDonatori {
	background-size: 70%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:rgba(245, 245, 245, 1);transform:;-ms-filter:'%3E%3Cpath d='M20.205,4.791c-1.137-1.131-2.631-1.754-4.209-1.754c-1.483,0-2.892,0.552-3.996,1.558 c-1.104-1.006-2.512-1.558-3.996-1.558c-1.578,0-3.072,0.623-4.213,1.758c-2.353,2.363-2.352,6.059,0.002,8.412L12,21.414 l8.207-8.207C22.561,10.854,22.562,7.158,20.205,4.791z'%3E%3C/path%3E%3C/svg%3E");
}
.contRisorse .count.numSuccess {
	background-size: 85%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:rgba(245, 245, 245, 1);transform:;-ms-filter:'%3E%3Cpath d='M10 15.586L6.707 12.293 5.293 13.707 10 18.414 19.707 8.707 18.293 7.293z'%3E%3C/path%3E%3C/svg%3E");
}

@media screen and (max-width: 768px) {
	.contRisorse .count {
		flex-wrap: wrap;
		margin: 0 0.5rem 1rem 0.5rem;
		padding: 3rem 0;
		width: 40%;
	}
}

/*
		.contRisorse .count::before
		{
			content: '';
			position: absolute;
			z-index: 2;
			top: 0;
			right: -3rem;
			display: block;
			width: 3px;
			height: 100%;
			background-color: #e3e3e3;
			border-radius: 0.2rem;	
		}
		@media screen and (max-width: 768px) 
		{
			.contRisorse .count::before
			{
				top: initial;
				right: initial;
				left: 0;
				bottom: -1rem;
				width: 100%;
				height: 1px;
			}
		}
		.contRisorse .count:last-child::before 
		{
			display: none;
		}
		@media screen and (max-width: 768px) {
			.contRisorse .count:last-child::before 
			{
				display: block;
			}
		}
	*/

.contRisorse .count .numero {
	display: inline-block;
	color: #f18e22;
	font-size: 3.5rem;
	line-height: 1;
	font-weight: 900;
	letter-spacing: -3px;
}
@media screen and (max-width: 768px) {
	.contRisorse .count .numero {
		font-size: 2.5rem;
	}
}
.contRisorse .count .dicitura {
	display: inline-block;
	color: #6f7174;
	/* color: #ffb877; */
	font-size: 2rem;
	line-height: 1;
}
@media screen and (max-width: 768px) {
	.contRisorse .count .dicitura {
		font-size: 1.2rem;
	}
}

/* end PARTNERS 2020 */

/* PAGINA SEARCH - CATEGIRIA - SDG */
.miniTestata {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin: 0.5rem auto;
}
.miniTestata h2,
.miniTestata h4 {
	display: block;
}
.miniTestata span h2 {
	display: flex;
	justify-items: flex-start;
	align-items: center;
}
.miniTestata span h2 img {
	overflow: hidden;
	display: inline-block;
	margin-right: 1.5rem;
	padding: 0;
	width: 45px;
	height: 45px;
}
.miniTestata span.sdg {
	position: relative;
}
.miniTestata span.sdg h2 {
	margin: 1rem auto;
}
.miniTestata span.sdg h2,
.miniTestata span.sdg small {
	position: relative;
	z-index: 5;
	color: #fff;
}
.miniTestata span.sdg h2 {
	font-size: 2rem;
}
.miniTestata span.sdg small {
	font-size: 1.8rem;
}

.miniTestata span.sdg h2 img {
	z-index: 5;
	overflow: hidden;
	display: inline-block;
	margin-right: 1.5rem;
	padding: 0;
	width: 75px;
	height: 75px;
	border: 2px solid rgba(255, 255, 255, 0.2);
}
.miniTestata span.sdg .sdgDet {
	z-index: 5;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

/* .GINGER */
.miniTestata span.ginger h2 {
	position: relative;
	margin: 1.5rem 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	z-index: 5;
	color: #f18e22;
}
.miniTestata span.ginger h2.categoria {
	justify-content: center;
	align-items: center;
	flex-direction: row;
}
.miniTestata span.ginger h2 img {
	overflow: hidden;
	display: block;
	flex-shrink: 0;
	margin-right: 1rem;
	padding: 0;
	width: 50px;
	height: 50px;
}
.miniTestata span.ginger .sdgDet {
	z-index: 5;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
.miniTestata span.ginger.ginger h2 small a {
	margin: 0;
	padding-left: initial;
	padding: 0;
}

.miniTestata span.ginger small {
	position: relative;
	display: block;
	z-index: 5;
	color: #6f7174;
}

@media screen and (max-width: 768px) {
	.miniTestata span.sdg .sdgDet {
		display: none;
	}
}

/* reset search */
.miniTestata .search_box {
	float: none;
}
.miniTestata .search_box #custom-search-input {
	margin: 0;
}

.sdgBgTop {
	position: relative;
	z-index: 5;
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.sdgBgTop::after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 60%;
	/*opacity: 0.75;*/
}

/* COLOR */
.sdgBgTop.sdg-1::after {
	background-color: #e5243b;
}
.sdgBgTop.sdg-2::after {
	background-color: #dda83a;
}
.sdgBgTop.sdg-3::after {
	background-color: #4c9f38;
}
.sdgBgTop.sdg-4::after {
	background-color: #c5192d;
}
.sdgBgTop.sdg-5::after {
	background-color: #ff3a21;
}
.sdgBgTop.sdg-6::after {
	background-color: #26bde2;
}
.sdgBgTop.sdg-7::after {
	background-color: #fcc30b;
}
.sdgBgTop.sdg-8::after {
	background-color: #a21942;
}
.sdgBgTop.sdg-9::after {
	background-color: #fd6925;
}
.sdgBgTop.sdg-10::after {
	background-color: #dd1367;
}
.sdgBgTop.sdg-11::after {
	background-color: #fd9d24;
}
.sdgBgTop.sdg-12::after {
	background-color: #bf8b2e;
}
.sdgBgTop.sdg-13::after {
	background-color: #3f7e44;
}
.sdgBgTop.sdg-14::after {
	background-color: #0a97d9;
}
.sdgBgTop.sdg-15::after {
	background-color: #56c02b;
}
.sdgBgTop.sdg-16::after {
	background-color: #00689d;
}
.sdgBgTop.sdg-17::after {
	background-color: #19486a;
}

/* end  PAGINA SEARCH - CATEGIRIA - SDG */

/* sdgList HOMEPAGE */
.sdgList {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 2rem auto;
	padding: 0;
}
@media screen and (max-width: 768px) {
	.sdgList {
		flex-direction: column;
	}
}
.sdgList .sdgList--desc {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
	width: 49%;
	height: 100%;
}
@media screen and (max-width: 768px) {
	.sdgList .sdgList--desc {
		margin-bottom: 1.5em;
		width: 100%;
		flex-basis: 100%;
	}
}
.sdgList .sdgList--desc p {
	margin: 0;
	padding: 0 1rem;
	font-size: 1.4rem;
	font-weight: 600;
	text-align: justify;
}
.sdgList .sdgList--desc p + p {
	margin-top: 1rem;
}

.sdgList .sdgList--desc img {
	display: block;
	width: 100%;
	height: auto;
}
.sdgList .sdgList--link {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	width: 49%;
	height: 100%;
}
@media screen and (max-width: 768px) {
	.sdgList .sdgList--link {
		width: 100%;
		flex-basis: 100%;
	}
}
.sdgList .sdgList--link a {
	display: block;
	margin: 0;
	padding: 0;
	width: 15%;
	height: auto;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	opacity: 1;
	transform: translateY(0);
	transition: all 0.25s linear;
}
.sdgList .sdgList--link a:hover {
	opacity: 0.6;
	transform: translateY(-0.25rem);
}
.sdgList .sdgList--link a img {
	display: block;
	width: 100%;
	height: auto;
}
/* end sdgList HOMEPAGE */

/* BLOG GINGERINO EMBEDDED */
/* BLOG LISTA */
.blogList {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;

	margin-bottom: 2.5rem;

	height: 100%;
}
.BlListCar_table {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;

	margin: 0 auto 1rem auto;
	padding: 0;
	width: calc(50% - 1rem);
	background-color: rgba(250, 175, 59, 0.3);

	transform: translatey(0);
	transition: all 0.4s linear;
}
.BlListCar_table:hover {
	transform: translateY(-0.4rem);
}

@media screen and (max-width: 768px) {
	.BlListCar_table {
		flex-direction: column;
		width: 100%;
	}
}

.BlListCar_table-cell {
	overflow: hidden;
	align-self: center;
	margin: 0 auto;
	padding: 2rem 4rem;
	text-align: left;
}

/* CUSTOM edit */
.BlListCar_table-cell small {
	display: block;
	margin: 8px 0 0;
	color: #333;
	font-size: 1.1rem;
	line-height: 1.1rem;
	font-weight: 300;
}
.BlListCar_table.noFoto .BlListCar_table-cell small {
	display: inline-block;
}
.BlListCar_table-cell small strong {
	margin: 8px 0 0;
	color: #333;
	font-size: 1.2rem;
	line-height: 1.2rem;
	font-weight: 600;
}
.BlListCar_table-cell h1 {
	margin: 4px 0;
	padding: 0 0 1rem;
	color: #f6921e;
	font-size: 1.8rem;
	line-height: 2.1rem;
}
.BlListCar_table-cell p {
	margin: 4px 0;
	padding: 0.5rem 0 1rem;
	color: #333;
	font-size: 1.4rem;
	line-height: 1.8rem;
	font-style: italic;
	font-weight: 300;
	text-align: justify;
}
.BlListCar_table-cell strong.info {
	display: inline-block;
	margin: 0 0 4px;
	padding: 0 0;
	color: #f6921e;
	font-size: 1.8rem;
	line-height: 1.8rem;
	font-style: italic;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 300;
}
.BlListCar_table-cell:hover strong.info {
	text-decoration: underline;
}
/* end BLOG GINGERINO EMBEDDED */

/* PROGETTO */
.altre_pic {
	margin: 2px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #e6e6e6;
	list-style: none;
}

.boxFile,
.boxRicompense {
	margin-bottom: 8px;
}
.boxRicompense {
	padding: 0.5em 1em 1em 1em;
	background: #e6e6e6;
	-webkit-border-top-right-radius: 50px;
	-moz-border-radius-topright: 50px;
	border-top-right-radius: 50px;
}

.altre_pic li {
	display: inline-block;
	position: relative;
	margin: 0 0 2px 0;
	padding: 0;
	width: 49%;
}

.altre_pic li .del {
	position: absolute;
	top: 4px;
	right: 4px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* NOTE EDITOR */
.note-editor {
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #7ab009 !important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
/**/

/* IFRAME VIDEO ANTEPRIMA */
#iframe_cont {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #7ab009; /*#F28C00;*/
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJ3aGl0ZSI+ICA8cGF0aCBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4gIDxwYXRoIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMSAzMiAxNiBMMjggMTYgQTEyIDEyIDAgMCAwIDE2IDR6Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTYgMTYiIHRvPSIzNjAgMTYgMTYiIGR1cj0iMC44cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gIDwvcGF0aD48L3N2Zz4=');
	background-size: 85px 85px;
	background-position: center center;
	background-repeat: no-repeat;
	border: 5px solid #7ab009;
	border-bottom: 0;
	border-radius: 8px;
}
#iframe_cont iframe {
	width: 100%;
}
.noBorder.noBorder {
	border-top: 0 solid transparent !important;
	border-left: 0 solid transparent !important;
	border-right: 0 solid transparent !important;
	border-radius: 0;
}

/* LOG IN / SIGN UP */
.colorgraph {
	height: 5px;
	border-top: 0;
	background: #c4e17f;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(
		left,
		#c4e17f,
		#c4e17f 12.5%,
		#f7fdca 12.5%,
		#f7fdca 25%,
		#fecf71 25%,
		#fecf71 37.5%,
		#f0776c 37.5%,
		#f0776c 50%,
		#db9dbe 50%,
		#db9dbe 62.5%,
		#c49cde 62.5%,
		#c49cde 75%,
		#669ae1 75%,
		#669ae1 87.5%,
		#62c2e4 87.5%,
		#62c2e4
	);
	background-image: -moz-linear-gradient(
		left,
		#c4e17f,
		#c4e17f 12.5%,
		#f7fdca 12.5%,
		#f7fdca 25%,
		#fecf71 25%,
		#fecf71 37.5%,
		#f0776c 37.5%,
		#f0776c 50%,
		#db9dbe 50%,
		#db9dbe 62.5%,
		#c49cde 62.5%,
		#c49cde 75%,
		#669ae1 75%,
		#669ae1 87.5%,
		#62c2e4 87.5%,
		#62c2e4
	);
	background-image: -o-linear-gradient(
		left,
		#c4e17f,
		#c4e17f 12.5%,
		#f7fdca 12.5%,
		#f7fdca 25%,
		#fecf71 25%,
		#fecf71 37.5%,
		#f0776c 37.5%,
		#f0776c 50%,
		#db9dbe 50%,
		#db9dbe 62.5%,
		#c49cde 62.5%,
		#c49cde 75%,
		#669ae1 75%,
		#669ae1 87.5%,
		#62c2e4 87.5%,
		#62c2e4
	);
	background-image: linear-gradient(
		to right,
		#c4e17f,
		#c4e17f 12.5%,
		#f7fdca 12.5%,
		#f7fdca 25%,
		#fecf71 25%,
		#fecf71 37.5%,
		#f0776c 37.5%,
		#f0776c 50%,
		#db9dbe 50%,
		#db9dbe 62.5%,
		#c49cde 62.5%,
		#c49cde 75%,
		#669ae1 75%,
		#669ae1 87.5%,
		#62c2e4 87.5%,
		#62c2e4
	);
}

.button-checkbox {
	display: inline-block;
	margin-bottom: 10px;
}
/**/

/* FOOTER */
.motto span {
	display: block;
	font-size: 14px;
	line-height: 15px;
}
/*.motto span strong { color:#f5b04d; text-shadow:0 1px 0 #333; }*/
/**/

/* CUSTOM BOOTSTRAP class */
.modal-fullscreen,
.modal-fullscreen .modal.in .modal-dialog {
	margin: 0 auto !important;
}

/* .modal-content {} */

.modal-body {
	overflow-x: hidden;
}

/* MEDIA Q */
@media screen and (max-width: 1024px) {
	.navbar-nav > li > a {
		padding: 22px 6px 5px 6px;
		font-size: 80%;
		letter-spacing: 0;
	}

	/* SUB NAV dettaglio progetto */
	.subnav_progetto ul li {
		position: relative;
		display: inline-block;
		margin: 8px 0.2em 0 0.2em;
		padding: 8px 0.2em -8px 0.2em;
		border-bottom: 6px solid transparent;
		text-transform: uppercase;
		font: 90%; /*letter-spacing:1px;*/
	}

	/* GESTIONE UTENTI */
	.sidebar *,
	.innerUserCont *,
	.help-info .inner-help {
		font-size: 95%;
	}
}
@media screen and (max-width: 768px) {
	.mobileHide {
		display: none !important;
	}

	h2,
	.h2 {
		font-size: 20px;
	}
	/*body {
		padding-top: 0;
	}
	
	.navbar {
		margin-bottom: 5px;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
		position:relative;
	}*/

	.carousel {
		height: auto;
	}

	.carousel-indicators {
		bottom: 0;
	}

	.side-collapse-container {
		width: 100%;
		min-height: 100vh;
		position: relative;
		left: 0;
		transition: left 0.4s;
	}
	.side-collapse-container.out {
		left: 200px;
	}
	.side-collapse {
		top: 74px;
		bottom: 0;
		left: -4px;
		width: 200px;
		position: fixed;
		overflow-x: hidden;
		overflow-y: auto;
		transition: width 0.4s;
		background: #e6e6e6;
		border-right: 3px solid #f28c00;
	}
	.side-collapse.in {
		width: 0;
	}
	.navbar-toggle {
		margin: 0 18px;
		padding: 8px 16px;
		color: #fff;
		background: #f28c00;
	}

	.navbar-toggle:hover {
		background: #e9500e;
	}

	.side-collapse .dropdown-menu > li > a {
		color: #333;
	}

	.navbar-nav > li > a {
		padding: 20px 6px 9px;
		font-size: 100%;
		letter-spacing: 0px;
	}

	/* DROP MENU */
	.navbar-nav .open .dropdown-menu li {
		width: 95%;
	}
		.navbar-nav .open .dropdown-menu li a {
			display: block;
			white-space: break-spaces;
			white-space: normal;
		}


	.net_blk img {
		/*display:none;*/
		width: 20% !important;
		height: auto !important;
	}

	/* titoli */
	.search_title_cont,
	.search_box,
	#custom-search-input {
		float: right;
		margin: 10px auto;
		width: 90%;
		text-align: center;
	}
	.big_title {
		font-size: 3em;
	}

	/* SUB NAV dettaglio progetto */
	.subnav_progetto {
		height: auto;
	}
	.subnav_progetto ul li {
		position: relative;
		display: inline-block;
		margin: 7px 0.2em 0 0.2em;
		padding: 8px 0.2em -10px 0.2em;
		border-bottom: 6px solid transparent;
		text-transform: uppercase;
		font-size: 11px; /*letter-spacing:-1px;*/
	}

	.page-header {
		margin-top: 1rem;
	}

	/* Dettaglio progetto */
	.social_ico.mini a {
		margin-left: 4px;
		width: 25px;
		height: 25px;
		line-height: 25px;
	}
	.sdgProgettoLista img {
		margin: 0 1px 4px 1px;
		width: 25px;
		height: 25px;
	}

	/* Sostenitori lista */
	.box_sostenitori p {
		float: none;
		width: 100%;
	}

	.desc_prog {
		font-size: 1.45rem;
		line-height: 1.65;
	}

	span.desc_prog {
		font-size: 1.8rem;
	}

	/* footer */
	footer {
		text-align: center;
		font-size: 85%;
	}

	.section-colored-footer.mini-footer p {
		text-align: center;
	}

	.motto span {
		display: inline-block;
		font-size: 11px;
		line-height: 12px;
	}

	.social_ico {
		text-align: center;
	}
	.text-right {
		text-align: center;
	}

	/* GESTIONE USER */
	#innerUserCont,
	.sidebar.sidebar {
		overflow-y: visible;
		min-height: auto;
		height: auto;
	}
	.submit-fixed.submit-fixed .btn-submit-fixed.btn-submit-fixed {
		position: fixed;
		bottom: 30px;
		left: 0;
		z-index: 5;
		width: 100vw;
	}
}




/* FORM GESTIONE DATI AMMINISTRATIVI : custom */
.modulo {
	margin: 3px;
	padding: 2px 4px;
	font-weight: 800;
	line-height: 1;
	border: none;
	border-bottom: 1px dashed black;
}
.modulo:focus,
.modulo:valid,
.modulo:active {
	border: none;
	border-bottom: 1px dashed green;
}

.modulo + .modulo {
	margin-left: 20px;
}

.moduloInfo {
	margin: 0 0 15px 0;
	padding: 0 .55rem 0 1rem;
	border-left: 5px solid;
}

.informativa {
	position: relative;
	display: block;
	margin: 1rem 0;
	padding: 2rem 2.5rem;
	text-align: justify;
	color: #717171;
	background-color: #dedede;
}
.informativa p {
	margin: 0;
	padding: 0;
	line-height: 1.05;
}

/* CHECKOUT : struttura -----------------------------------------*/
.tipoPagamento {
	position: relative;
	margin: 5px 0 20px 0;
}
/* CHECKOUT : pagamenti -----------------------------------------*/
.boxPagamenti {
	margin: 0;
	padding: 20px 0;
	background-color: #ededed;
	border-radius: .25rem;
	border-bottom: 1px solid #999;
}
.boxPagamenti + .boxPagamenti {
	margin-top: 10px;
}
.boxPagamenti .boxPagamenti_inner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.boxPagamenti .checkPay {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-basis: 90px;
}
.boxPagamenti .contPay {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex-basis: 100%;
}
.boxPagamenti .contPay img {
	display: block;
	margin: 2px 0;
	width: 50%;
	height: auto;
}
.boxPagamenti .checkPay, .boxPagamenti .contPay {
	position: relative;
	padding: 0 20px;
}
.boxPagamenti .checkPay p, .boxPagamenti .contPay p {
	line-height: 1.05;
}
.boxPagamenti .checkPay {
	cursor: pointer;
}
.boxPagamenti .checkPay .btn-check {
	cursor: pointer;
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}
/* actionForm */
.actionForm {
	position: relative;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	height: auto;
}
/* CHECK PAGAMENTI */
.btn.check {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	padding: 0.5rem;
	margin: 0;
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	background-color: #fff;
	border: 2px solid;
	transition: 0.2s linear;
}
.btn.check:hover {
	background-color: #767676;
}
@media screen and (max-width: 768px) {
	.btn.check {
		margin-bottom: 1rem;
		width: 85px;
		height: 85px;
	}
}
.btn.btn-outline-success.check i {
	font-size: 3rem;
	color: #fff;
	transition: 0.2s linear;
}
.btn.btn-outline-success.check i:hover {
	color: #fff;
}
@media screen and (max-width: 768px) {
	.btn.btn-outline-success.check i {
		font-size: 4rem;
	}
}
.btn-check:checked + .btn-outline-success.check, .btn-check:active + .btn-outline-success.check, .btn-outline-success.check:active, .btn-outline-success.check.active {
	background-color: #198754 !important;
}
.btn-check:checked + .btn-outline-success.check i, .btn-check:active + .btn-outline-success.check i, .btn-outline-success.check:active i, .btn-outline-success.check.active i {
	color: #fff;
}

/* MASTER - IGinger rev.2020
verde: #00a99d; hover: #006866; / scuro / rgba(0, 104, 102, 0.8);
arancio: #f5b04d; orange accent: #f18e00
ginger: #F28C00; hover: #E9500E; / chiaro / rgba(242, 140, 0, 0.8); / scuro / rgba(233, 80, 14, 0.8);
 ***************** */





/* 2025 */
/* WIZARD */
section[nav-wizard] {
    margin-block: var(--grid-margin, 3rem);
}
ul.wizard {
    isolation: isolate;
    counter-reset: num;
    
    &, li {
        display: flex;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    li {
        position: relative;
        flex-direction: column;
        align-items: center;

        &::before {
            counter-increment: num;
            content: counter(num);
            width: 1.5em;
            height: 1.5em;
            color: white;
            font-size: 1.5em;
            text-align: center;
            line-height: 1.5em;
            border-radius: 50%;
            background: blue;
        }

        & ~ li::after {
            content: '';
            position: absolute;
            width: 100%;
            right: 50%;
            height: 6px;
            background-color: blue;
            top: 1em;
            z-index: -1;
        }

        &.active {
            &::before {
                background: #f18e00;
                color: white;
            }

            & ~ li {
                &::before,
                &::after {
                    color: #333;
                    background: lightgray;
                }
            }
        }

        /* Updated sample */
        &.completed {
            &::before {
                background: #5cb85c;
                color: white;
            }

            span {
                color: #5cb85c;
            }

            & + li::after {
                background: #5cb85c;
            }

            &::after {
                background: #5cb85c;
            }
        }
        
        &.error {
            &::before {
                background: red;
                color: white;
            }

            span {
                color: red;
            }

            & + li::after {
                background: red;
            }

            &::after {
                background: red;
            }
        }
    }

    span {
        color: #7d7d7d;
        font-size: 12px;
    }
}


/* NEW FORM 2025 - dati amministrativi */
.input_box {
	margin: 0;

	& label {
		position: relative;
		isolation: isolate;
		display: block;
		width: 100%;
		margin-bottom: 0;
		color: #f18e00;
		line-height: 1;

		& small {
			display: inline-block;
			padding: 0 .55rem;
		}

		& i {
			display: inline-block;
			padding-left: .55rem;
			font-style: normal;
		}
		
		& span.error {
			pointer-events: none;
			position: absolute;
			bottom: -10px;
			right: 5px;

			display: inline-flex;
			align-items: center;
			justify-content: center;

			padding: 12px 10px;
			height: 20px;
			color: white;
			line-height: 1;
			letter-spacing: -.5px;
			background-color: rgb(212, 26, 26);
			border-radius: 4px;
		}

		& span.calcolaCF {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			gap: 0;

			& button.calcola {
				display: flex;
				padding: 0 8px;
				color: white;
				background-color: #5cb85c;
				border-radius: 4px;
				border-radius: 4px;
				border-top-left-radius: 0px;
				border-bottom-left-radius: 0px;
				border: 1px solid #5cb85c;
				align-items: center;
				justify-content: center;
				height: 33px;
				transition: all .25s linear;

				&:hover {
					background-color: #4cae4c;
					border: 1px solid #4cae4c;
				}
			}

			& input {
				border-top-right-radius: 0px;
				border-bottom-right-radius: 0px;
				border-right: none;
			}
		}
	}

	&.gridForm {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;

		margin-block: 1rem;

		@media screen and (max-width: 768px) {
			grid-template-columns: 1fr;
		}
	}

	&.select {
		& select {
			display: block;
			margin: .25rem auto;
			padding: .55rem;
			width: 100%;
			background-color: white;
			border-radius: 4px;
			
			color: #333;
			accent-color: #7ab009;
			border: 1px solid #7ab009;
		}

		&.full {
			width: 100%;
		}
	}

	& input[type="text"],
	& input[type="mail"],
	& input[type="email"],
	& input[type="date"],
	& input[type="number"] {
		display: block;
		margin: .25rem auto;
		padding: .55rem;
		width: 100%;
		background-color: white;
		border-radius: 4px;

		color: #333;
		accent-color: #7ab009;
		border: 1px solid #7ab009;

		&.error {
			accent-color: rgba(212, 26, 26, 1);;
			border: 1px solid rgba(212, 26, 26, 1);;
			background-color: rgba(212, 26, 26, .15);
		}
	}
	& input[type="date"] {
		line-height: 1;
	}

	& select {
		display: block;
		margin: .25rem auto;
		padding: .55rem;
		width: 100%;
		background-color: white;
		border-radius: 4px;

		color: #333;
		accent-color: #7ab009;
		border: 1px solid #7ab009;

		&.error {
			accent-color: rgba(212, 26, 26, 1);;
			border: 1px solid rgba(212, 26, 26, 1);;
			background-color: rgba(212, 26, 26, .15);
		}
	}

	& .radioBtn,
	& .checkBtn {
		position: relative;
		display: block;

		& label {
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			justify-content: flex-start;
			gap: 1rem;

			padding: 1rem 0 0 0;
			color: #333;

			& input[type="radio"],
			& input[type="checkbox"] {
				position: relative;
				width: 25px;
				height: 25px;
				aspect-ratio: 1 / 1;
				accent-color: #7ab009;
				border: 1px solid #7ab009;
			}
		}
	}
	& .radioBtn {
		& label {
			align-items: center;
			font-size: 1.6rem;
		}

		& small {
			display: block;
			margin-top: .25rem;
			padding: 0;
			color: #717171;
			font-size: 1.25rem;
			line-height: 1.25rem;
		}
	}
}
.boxDatiForm {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0 1.5rem 1.5rem 1.5rem;
	background-color: #ededed;
	/* border-top: 1px solid #f18e00; */
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #999;
	border-radius: 4px;
	border-top-left-radius: 0;

	& hr {
		position: relative;
		margin: 1.25rem auto;
		width: 100%;
		height: 1px;
		background-color: #f18e00;
		border: none;
	}
}

.group_label {
	overflow: clip;
	position: relative;
	display: block;
	margin: 1.5rem 0 0 0;
	padding: 1rem 1.55rem;
	width: max-content;
	text-align: center;
	line-height: 1;
	background-color: #ededed;
	/* background-color: #f18e00; */

	& i {
		color: #f18e00;;
		text-transform: uppercase;
		font-size: 1.65rem;
		line-height: 1;
		font-weight: 900;
		font-style: normal;
	}

	&::after {
		--wdimafter: 16px;
		content: '';
		position: absolute;
		top: calc(var(--wdimafter) / 2 * -1);
		right: calc(var(--wdimafter) / 2 * -1);
		width: var(--wdimafter);
		aspect-ratio: 1 / 1;
		background-color: white;
		transform: rotate(45deg);
	}
}

*[data-visibility="hidden"] {
	display: none;
	margin: 0;
	padding: 0;
}

.boxInfo {
	position: relative;
	margin-block: 2rem;
	padding: 1.5rem;
	background-color: #ededed;
}

.submit-nav {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;

	margin: 2rem auto;

	@media screen and (max-width: 768px) {
		flex-direction: column;	
	}
}

article {
	position: relative;
	display: block;
	margin: 1rem auto;
	padding: 1rem;
	max-width: 120ch;

	& p {
		font-size: 1.45rem;
		line-height: 1.75;
		text-align: justify;
	}

	& ul, 
	& ol {
		font-size: 1.45rem;
		line-height: 1.75;
		margin-block: 2rem;

		& li {
			padding: 1.55rem;
			text-align: justify;
			list-style-position: inside;
		}
	}
	& ol { list-style: upper-roman;}
}

.box_privacy {
	position: relative;
}
.AmministrazionePrivacy {
	margin: 2rem auto;
	padding: 1rem;
	max-width: 120ch;
}

/* BOX RILETTURA CONTRATTO */
.rilettura_contratto {
	max-width: 95%;
	margin: 2rem auto;
	padding: 2rem 4rem;
	border: 1px solid #ddd;
	border-radius: 1px;
	box-shadow: 
		0.5px 0.5px 1px rgba(0, 0, 0, 0.05),
		1px 1px 2px rgba(0, 0, 0, 0.05),
		1.5px 1.5px 3px rgba(0, 0, 0, 0.05),
		2px 2px 4px rgba(0, 0, 0, 0.05),
		2.5px 2.5px 5px rgba(0, 0, 0, 0.05);
}

/* ADD NEW ERROR */
.add_error {
	position: relative;

	& span.error {
		pointer-events: none;
		position: absolute;
		bottom: -10px;
		right: 5px;

		display: inline-flex;
		align-items: center;
		justify-content: center;

		padding: 12px 10px;
		height: 20px;
		font-weight: bold;
		color: white;
		line-height: 1;
		letter-spacing: -.5px;
		background-color: rgb(212, 26, 26);
		border-radius: 4px;
	}
}

/* BOX : <div class="blocco-info-azione"> */
.blocco-info-azione {
	--blocco-bg-start: #fbfbfc;
	--blocco-bg-end: #f2f4f6;
	--blocco-border: #e4e7eb;
	--blocco-title: #f28c00;
	--blocco-text: #5f6570;
	--blocco-icon: "\f05a";
	--blocco-icon-color: 242, 140, 0;

	position: relative;
	overflow: hidden;
	margin-bottom: 24px;
	padding: 24px 28px;
	background: linear-gradient(145deg, var(--blocco-bg-start) 0%, var(--blocco-bg-end) 100%);
	border: 1px solid var(--blocco-border);
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(31, 53, 80, 0.1);

	&::after {
		content: var(--blocco-icon);
		position: absolute;
		right: 12px;
		bottom: -16px;
		font-family: FontAwesome;
		font-size: 126px;
		line-height: 1;
		color: rgba(var(--blocco-icon-color), 0.24);
		background: linear-gradient(to bottom, rgba(var(--blocco-icon-color), 0) 0%, rgba(var(--blocco-icon-color), 0.24) 100%);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		pointer-events: none;
	}

	& h4,
	& p,
	& form,
	& button {
		position: relative;
		z-index: 1;
	}

	& h4 {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 0 0 12px;
		font-size: 24px;
		font-weight: 700;
		line-height: 1.25;
		color: var(--blocco-title);
	}

	& h4 i {
		font-size: 20px;
		color: var(--blocco-title);
	}

	& p {
		margin: 0;
		max-width: 95%;
		font-size: 15px;
		line-height: 1.65;
		color: var(--blocco-text);
	}

	& .btnDefault.btn-lg {
		margin-top: 18px;
		padding: 12px 24px;
		border-radius: 8px;
		font-weight: 600;
	}
}

.blocco-info-azione--feedback {
	--blocco-icon: "\f087";
}

.blocco-info-azione--candidatura {
	--blocco-icon: "\f1d9";
}

.blocco-info-azione--attesa {
	--blocco-icon: "\f017";
}

@media (max-width: 767px) {
	.blocco-info-azione {
		padding: 20px 18px;

		&::after {
			font-size: 90px;
			right: 10px;
			bottom: -12px;
		}

		& h4 {
			font-size: 21px;
		}

		& p {
			max-width: 100%;
			font-size: 16px;
			line-height: 1.55;
		}
	}
}