<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* WebKit/Blink Browsers */
::selection {
	background: #00b2A9;
	color: #fff;
}
/* Gecko Browsers */
::-moz-selection {
 background: #00b2A9;
 color:#fff;
}
html {
	font-size: 10px;
}
body {
	font-size: 1.4rem;
	font-family: 'Branding', Arial, Helvetica Neue, Helvetica, sans-serif;
	font-style: normal;
	font-stretch: normal;
	font-weight: 250;
	line-height: 2;
	color: #2a2a2a;
}
img {
	-ms-interpolation-mode: bicubic;
}
.card-img-top {
	height: 100%
}
@media screen and (min-width: 992px) {
	.container-wide {
		max-width: 1340px;
		padding-left: 20px;
		padding-right: 20px;
	}
	body {
		font-size: 1.6rem;
	}
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Branding', Arial, Helvetica Neue, Helvetica, sans-serif;
	color: inherit;
}
h1, .h1 {
	font-size: 2.8rem;
	line-height: 3.2rem;
	margin: 2rem 0;
	font-weight: 500;
}
h2, .h2 {
	font-size: 2.6rem;
	line-height: 3rem;
	margin: 0;
	font-weight: 500;
}
h3, .h3 {
	font-size: 2.4rem;
	line-height: 3.2rem;
	margin: 0;
	font-weight: 500;
}
h4, .h4 {
	font-size: 2.2rem;
	line-height: 2.8rem;
	margin: 0;
	font-weight: 500;
}
h5, .h5 {
	font-size: 1.8rem;
	line-height: 2.4rem;
	margin: 0;
	font-weight: 500;
}
h6, .h6 {
	font-size: 1.4rem;
	line-height: 2.2rem;
	margin: 0;
	font-weight: 500;
}
p {
	font-family: 'Branding', Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1.4rem;
	line-height: 2.4rem;
	margin-bottom: 2.4rem
}
.display-1 {
	font-size:4rem;
	font-weight:250;
}
p.small {
	line-height: 2rem;
}
ul {
	margin-bottom: 2.4rem
}

@media screen and (min-width: 992px) {
	h1 {
		font-size: 3.8rem;
		line-height: 4.4rem;
		letter-spacing: 0.1rem;
	}
	h2 {
		font-size: 2.8rem;
		line-height: 3.8rem;
	}
	h3 {
		font-size: 2.6rem;
		line-height: 3.4rem;
	}
	h4 {
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
	h5 {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
	h6 {
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	p {
		font-family: 'Branding', Arial, Helvetica Neue, Helvetica, sans-serif;
		font-size: 1.6rem;
		line-height: 2.8rem;
		margin-bottom: 2.4rem
	}
	.display-1 {
		font-size:5rem;
	}
}

@media screen and (min-width: 1200px) {
	h1 {
		font-size: 4.4rem;
		line-height: 4.8rem;
		letter-spacing: 0.1rem;
	}
	h2 {
		font-size: 3rem;
		line-height: 4rem;
	}
	h3 {
		font-size: 2.8rem;
		line-height: 3.6rem;
	}
	h4 {
		font-size: 2.2rem;
		line-height: 3.4rem;
	}
	h5 {
		font-size: 2rem;
		line-height: 3.2rem;
	}
	h6 {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.display-1 {
		font-size:6rem;
	}
}
a, a:focus, .btn-link {
	color: #00b2A9;
	text-decoration: none;
	-ms-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
	-ms-transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
}
a:hover, .btn-link:hover {
	color: #fabe53;
	text-decoration: none;
}
strong, b {
	font-weight: 600;
}
em, i {
	font-style: italic;
}
.small, small {
	font-weight: 250!important;
  }
/********** COLORS **********/
/* texts */
.txt-verde {
	color: #00b2A9!important;
}
.txt-verde80 {
	color: #32bdb9!important;
}
.txt-verde60 {
	color: #65d2c8!important;
}
.txt-verde40 {
	color: #97ddd8!important;
}
.txt-verde20 {
	color: #cae8e7!important;
}
.txt-giallo {
	color: #ffb81c!important;
}
.txt-giallo80 {
	color: #ffc448!important;
}
.txt-giallo60 {
	color: #ffd275!important;
}
.txt-giallo40 {
	color: #ffe0a2!important;
}
.txt-giallo20 {
	color: #ffecce!important;
}
.txt-grigio {
	color: #75787B!important;
}
.txt-grigio80 {
	color: #8e9195!important;
}
.txt-grigio60 {
	color: #a7aaac!important;
}
.txt-grigio40 {
	color: #c0c3c8!important;
}
.txt-grigio20 {
	color: #d9dcdf!important;
}
.txt-grigio10 {
	color: #ecedef;
}
.txt-bianco {
	color: #ffffff!important;
}
.txt-nero {
	color: #2a2a2a!important;
}
/* backgrounds */

.bg-verde,
.oneforone.nohover.bg-verde:hover {
	background-color: #00b2A9;
}
.bg-verde80 {
	background-color: #32bdb9;
}
.bg-verde60 {
	background-color: #65d2c8;
}
.bg-verde40 {
	background-color: #97ddd8;
}
.bg-verde20 {
	background-color: #cae8e7;
}
.bg-giallo,
.oneforone.nohover.bg-giallo:hover {
	background-color: #ffb81c;
}
.bg-giallo80 {
	background-color: #ffc448;
}
.bg-giallo60 {
	background-color: #ffd275;
}
.bg-giallo40 {
	background-color: #ffe0a2;
}
.bg-giallo20 {
	background-color: #ffecce;
}
.bg-grigio {
	background-color: #75787B;
}
.bg-grigio80 {
	background-color: #8e9195;
}
.bg-grigio60 {
	background-color: #a7aaac;
}
.bg-grigio40 {
	background-color: #c0c3c8;
}
.bg-grigio20 {
	background-color: #d9dcdf;
}
.bg-grigio10 {
	background-color: #ecedef;
}
.bg-bianco {
	background-color: #ffffff;
}
.bg-nero {
	background-color: #2a2a2a;
}
/* borders */

.border-verde {
	border-color: #00b2A9 !important;
}
.border-verde80 {
	border-color: #32bdb9!important;
}
.border-verde60 {
	border-color: #65d2c8!important;
}
.border-verde40 {
	border-color: #97ddd8!important;
}
.border-verde20 {
	border-color: #cae8e7!important;
}
.border-giallo {
	border-color: #ffb81c!important;
}
.border-giallo80 {
	border-color: #ffc448!important;
}
.border-giallo60 {
	border-color: #ffd275!important;
}
.border-giallo40 {
	border-color: #ffe0a2!important;
}
.border-giallo20 {
	border-color: #ffecce!important;
}
.border-grigio {
	border-color: #75787B!important;
}
.border-grigio80 {
	border-color: #8e9195!important;
}
.border-grigio60 {
	border-color: #a7aaac!important;
}
.border-grigio40 {
	border-color: #c0c3c8!important;
}
.border-grigio20 {
	border-color: #d9dcdf!important;
}
.border-grigio10 {
	border-color: #ecedef!important;
}
.border-bianco {
	border-color: #ffffff!important;
}
.border-nero {
	border-color: #2a2a2a!important;
}
/********** FONT WEIGHTS **********/
.font-weight-black {
	font-weight: 700!important;
}
.font-weight-bold {
	font-weight: 700!important;
}
.font-weight-semibold {
	font-weight: 600!important;
}
.font-weight-medium {
	font-weight: 500!important;
}
.font-weight-semilight {
	font-weight: 250!important;
}
.font-weight-light {
	font-weight: 250!important;
}
.font-weight-thin {
	font-weight: 250!important;
}
/********** BUTTONS **********/
.btn {
	font-size: 1.6rem;
	padding: 0.75rem 2.5rem;
	border-radius: 0;
	-ms-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-ms-transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	font-weight: 600;
	white-space: normal;
}
.btn.btn-sm{
	padding: .25rem .5rem;
	font-size: 1.2rem;
	line-height: 1.5;
}
.btn-verde, .btn-verde:visited, .btn-verde:not(:disabled):not(.disabled):active {
	color: #FFF;
	background-color: #00B2A9;
	border: 3px solid #00B2A9;
}
.btn-verde:hover, .btn-verde:focus, .btn-verde:active {
	color: #FFB81C;
	background-color: #2a2a2a;
	border: 3px solid #2a2a2a;
}
.btn-giallo, .btn-giallo:visited, .btn-giallo:not(:disabled):not(.disabled):active {
	color: #2a2a2a;
	background-color: #FFB81C;
	border: 3px solid #FFB81C;
}
.btn-giallo:hover, .btn-giallo:focus, .btn-giallo:active {
	color: #FFB81C;
	background-color: #2a2a2a;
	border: 3px solid #2a2a2a;
}
.btn-grigio, .btn-grigio:visited, .btn-grigio:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #75787B;
	border: 3px solid #75787B;
}
.btn-grigio:hover, .btn-grigio:focus, .btn-grigio:active {
	color: #FFB81C;
	background-color: #2a2a2a;
	border: 3px solid #2a2a2a;
}
.btn-bianco, .btn-bianco:visited, .btn-bianco:not(:disabled):not(.disabled):active {
	color: #00B2A9;
	background-color: #fff;
	border: 3px solid #fff;
}
.btn-bianco:hover, .btn-bianco:focus, .btn-bianco:active {
	color: #fff;
	background-color: #00B2A9;
	border: 3px solid #00B2A9;
}

.btn-bordobianco, .btn-bordobianco:visited, .btn-bordobianco:not(:disabled):not(.disabled):active {
	color: #FFF;
	background-color: transparent;
	border: 2px solid #fff;
}
.btn-bordobianco:hover, .btn-bordobianco:focus, .btn-bordobianco:active {
	color: #00B2A9;
	background-color: #fff;
	border: 2px solid #fff;
}

.btn-bordogiallo, .btn-bordogiallo:visited, .btn-bordogiallo:not(:disabled):not(.disabled):active {
	color: #FFF;
	background-color: transparent;
	border: 2px solid #FFB81C;
}
.btn-bordogiallo:hover, .btn-bordogiallo:focus, .btn-bordogiallo:active {
	color: #2a2a2a;
	background-color: #FFB81C;
	border: 2px solid #FFB81C;
}
/********** BORDERS **********/
.border-5 {
	border-width: 5px!important;
}
.br-3 {
    border-right: 3px solid #d9d9d9 ;
}

.bl-3 {
    border-left: 3px solid #d9d9d9 ;
}
/********** BLOCKQUOTE **********/

blockquote {
	padding: 0 3rem;
}
blockquote .fa-pull-left, blockquote .fa-pull-right {
	color: #d9dcdf;
}

/********** QUOTE **********/

.quote {
    position: relative;
    text-align: center;
    padding: 10px 30px;
    font-size: 2.2rem;
    width: 100%;
    margin: 40px 0;
    font-weight: 500;
}

.quote .fa-quote-left, .quote .fa-quote-right {
    position: absolute;
    font-size: 20px;
    color: #d9dcdf;
}

.quote .fa-quote-left {
    top: 5px;
    left: 5px;
}

.quote .fa-quote-right {
    bottom: 5px;
    right: 5px;
}

@media(max-width:767px) {
    .quote {
        font-size: 1.8rem;
    }
}

/********** FORMS **********/
.form-control {
	font-size: 1.6rem;
	font-weight:250;
}
.custom-control {
	min-height: 2rem;
	padding-left: 3rem;
}
.custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.custom-control-label::before {
	top: .5rem;
	left: -3rem;
	width: 2rem;
	height: 2rem;
}
.custom-control-label::after {
	top: .5rem;
	left: -3rem;
	width: 2rem;
	height: 2rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #00B2A9;
}
.custom-select,
.custom-file-input,
.custom-file-label {
	height: calc(3.21rem + 2px);
	vertical-align: top;
	font-weight:250;
}
.custom-file-label::after {
	height: 3.21rem ;
}

/********** MODAL **********/
.close {
	font-size: 3rem;
}
.modal-xl {
    max-width: 950px;
}
.modal-xxl {
    max-width: 1150px;
}
/********** PILLS  **********/
.nav-pills .nav-link.active, .nav-pills .show &gt; .nav-link {
	color: #fff;
	background-color: #00b2A9;
}
.txt-bianco .nav-pills .nav-link, .txt-bianco .nav-pills .nav-link.active:hover, .txt-bianco .nav-pills .show &gt; .nav-link:hover {
	color: #fff;
}
.txt-bianco .nav-pills .nav-link:hover {
	color: #ffb81c ;
}
/********** TABS  **********/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #2a2a2a;
	font-weight:500;
    background-color: #fff;
    border-color: #d5d5d5 #d5d5d5 #fff;
}
/********** PAGINATION  **********/
.pagination .page-link {
	padding: 1rem 0;
	font-size: 1.6rem;
	line-height: 2.3rem;
	color: #2a2a2a;
	border-radius: 50%;
	margin: 0 0.3rem;
	font-weight: 500;
	border-color: #d9dcdf;
	width: 4.6rem;
	height: 4.6rem;
	text-align: center;
}
.pagination .page-link:hover {
	color: #fff;
	text-decoration: none;
	background-color: #ffb81c;
	border-color: #ffb81c;
}
.pagination .page-item.active .page-link {
	color: #fff;
	background-color: #00b2A9;
	border-color: #00b2A9;
}
.pagination .page-item.disabled .page-link {
	color: #fff;
	background-color: #d9dcdf;
	border-color: #d9dcdf;
}
.pagination .page-item.freccia .page-link {
	border-color: #ffb81c;
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
	border-radius: 50%;
	border-color: #00b2A9;
}
/********** TABLES  **********/

/* https://css-tricks.com/responsive-data-tables/ */
/* Force table to not be like tables anymore */
/*table, thead, tbody, */th, td, tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
tr {
	border: 1px solid #ccc;
}
.table &gt; tbody &gt; tr &gt; td, .table &gt; tbody &gt; tr &gt; th, .table &gt; tfoot &gt; tr &gt; td, .table &gt; tfoot &gt; tr &gt; th, .table &gt; thead &gt; tr &gt; td, .table &gt; thead &gt; tr &gt; th {
	position: relative;
	border: none;
	border-bottom: 1px solid #eee;
	line-height:1.4
}
.table &gt; tbody &gt; tr &gt; td, .table &gt; tfoot &gt; tr &gt; td, .table &gt; thead &gt; tr &gt; td {
	padding-left: 30%;
	min-height: 4rem;
}
td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 25%;
	padding-right: 10px;
	/*white-space: nowrap;*/
	color: #2a2a2a;
	content: attr(data-label);/*Label the data	*/
	text-transform: uppercase;
	font-weight: 500;
    line-height: 1;
}
.table a:hover {
	color: #fabe53
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
	table {
		display: table;
	}
	td, th {
		display: table-cell
	}
	tr {
		display: table-row;
		border: none;
	}
	td:before {
		display: none;
	}
	.table &gt; tbody &gt; tr &gt; td,  .table &gt; tbody &gt; tr &gt; th,  .table &gt; tfoot &gt; tr &gt; td,  .table &gt; tfoot &gt; tr &gt; th,  .table &gt; thead &gt; tr &gt; td,  .table &gt; thead &gt; tr &gt; th {
		border-bottom: 1px solid #fabe53;
		border-top: none;
		padding: 1rem;
	}
	.table &gt; thead &gt; tr &gt; th {
		border-bottom: 1px solid #fabe53;
	}
	thead tr {
		position: relative;
		top: 0;
		left: 0;
	}
	.table td, .table th {
		padding: 1rem;
	}
}
/********** BADGE **********/
.badge {
    font-weight: 250;
}
.badge.badge-primary {
    background-color: #ffb81c;
}
/********** HEADER **********/
#header {
/*padding: 1rem 0;*/

}
.navbar {
	padding-right: 15px;
	padding-left: 15px;
}
.navbar-expand-lg &gt; .container {
	padding: inherit;
}
.navbar .navbar-brand {
	padding: 2rem 0;
}
.navbar .navbar-brand img {
	width: 20rem;
}
.navbar .navbar-brand.convenzioni img {
	width: 28rem;
}
.navbar .nav-item .nav-link {
	color: #2a2a2a;
	padding: 0.5rem 0;
	font-weight: 250;
	text-transform:uppercase;
	font-size: 1.6rem;
	border-bottom:1px solid #d9dcdf;
	font-weight:600

}
.navbar .dropdown-menu {
	padding: 0.5 0 0 0;
	border:none;
}
.navbar .dropdown-menu .container  {
	padding:0 0.5rem;

}
.navbar .dropdown-menu .container h4 {
	margin: 0.5rem 0;
	text-transform:uppercase;
}
.navbar .dropdown-menu .container h4 a {
	color: #2a2a2a;
	font-weight: 250;
	padding-bottom: 0.5rem;
}
.navbar .dropdown-menu .container .nav-item {
	margin: 0;
	color: #00b2A9;
	font-size: 1.6rem;
	/*border-bottom: 1px solid #f2f2f2;*/
}
.navbar .dropdown-menu .container .nav-item .nav-link {
	margin: 0;
	padding: 0.2rem 1rem;
	font-weight:250;
}
.navbar .navbar-toggler {
	color: #00b2A9;
	border-color: #00b2A9;
	padding: .5rem 1rem;
}
.navbar .navbar-toggler:hover {
	color: #fff;
	border-color: #fff;
	background-color: #00b2A9;
}
.navbar .nav-item .nav-link .triangle, .navbar .nav-item:hover .nav-link .triangle {
	display: none;
}

/* Navbar - main menu  */
/* https://bootstrapcreative.com/pattern/bootstrap-4-mega-dropdown-menu-navbar/ */


/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
	/* remove the padding from the navbar so the dropdown hover state is not broken */
	.navbar {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.navbar .navbar-brand {
		padding: 3rem 0;
	}
	.navbar .navbar-brand img {
		width: 16rem;
	}
	.navbar .navbar-brand.convenzioni img {
		width: 32rem;
	}
	/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
	.navbar .nav-item {
		/*padding: .5rem .5rem;*/
		padding:0;
		margin: 0;
		font-size: 1.6rem;
		line-height: 1.6
	}
	.navbar .nav-item .nav-link {
		border-bottom: 2px solid #fff;
		position: relative;
		padding: 0.5rem 1.1rem;
		text-transform:none;
		border:none;
		border-bottom: 2px solid #fff;
		font-weight:250
	}
	.navbar ul li .nav-link:hover,  .navbar ul li.show .nav-link {
		border-bottom: 2px solid #fabe53;
	}
	.navbar ul .nav-item.active .nav-link {
		border-bottom: 2px solid #00b2a9;
	}
	.navbar .nav-item .nav-link .triangle {
		display: none;
	}
	.navbar .nav-item.show .nav-link .triangle {
		display: block;
		position: absolute;
		bottom: -4.5rem;
		left: calc(50% - 0.5rem);
		color: #97ddd8;
	}
	.dropdown-toggle::after {
		display: none;
	}
	.navbar .dropdown-menu {
		border: none;
		padding: 0;
	}
	/* makes the dropdown full width  */
	.navbar .dropdown {
		position: static;
	}
	.navbar .dropdown-menu {
		width: 100%;
		left: 0;
		right: 0;
		/*  height of nav-item  */
		top: 8.5rem;
		background: transparent;
		padding-top: 1.5rem;
	}
	/* shows the dropdown menu on hover 
	.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
		display: block!important;
	}*/
	.navbar .dropdown-menu .container {
		border: 10px solid #97ddd8;
		background-color: #fff;
		padding: 0 0 3rem 0;
	}
	.navbar .dropdown-menu .container h3 {
		margin: 0 0 1.5rem 0;
	}
	.navbar .dropdown-menu .container h4 {
		margin: 0 0 1.5rem 0;
		text-transform:none;
	}
	.navbar .dropdown-menu .container h4 a {
		border-bottom: 1px solid #b9b9b9;
		padding-bottom: 0.5rem;
	}
	.navbar .dropdown-menu .container h4 a:hover {
		border-bottom: 1px solid #ffb81c;
	}
	.navbar .dropdown-menu .container nav {
	}
	.navbar .dropdown-menu .container .nav-item {
		padding: 0;
		margin: 0;
		border: none;
	}
	.navbar .dropdown-menu .container .nav-item .nav-link {
		padding: 0.25rem 0;
		margin: 0;
		border: 0;
		position: relative
	}
	.navbar .dropdown-menu .container .nav-item .nav-link::after {
		content: "â€¢";
		position: absolute;
		left: -2rem;
		top: -1.28rem;
		font-size: 3rem;
		color: #fff;
		font-weight: 500;
	}
	.navbar .dropdown-menu .container .nav-item .nav-link:hover,  .navbar .dropdown-menu .container .nav-item .nav-link:hover::after {
		color: #ffb81c;
	}
	.navbar .dropdown-menu .container .settori .nav-item {
		padding-left: 5rem;
		font-size: 1.8rem;
		line-height: 4rem;
		padding-bottom: 1rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item .nav-link::after {
		position: absolute;
		left: -5rem;
		top: 0;
		width: 4rem;
		height: 4rem;
		border-radius: 3rem;
		content: "";
	}
	/*.navbar .dropdown-menu .container .settori .nav-item.sett-ospedali .nav-link::after {		
			background: #00b2A9 url(../img/ico-hospital_b.png) no-repeat center center;
			background-size:2.6rem 2.6rem;
		}
		.navbar .dropdown-menu .container .settori .nav-item.sett-uffici .nav-link::after {		
			background: #00b2A9 url(../img/ico-building_b.png) no-repeat center center;
			background-size:2.6rem 2.6rem;
		}
		.navbar .dropdown-menu .container .settori .nav-item .nav-link:hover::after {
			background-color: #ffb81c;
		}*/
	.navbar .dropdown-menu .container .settori .nav-item.sett-ospedali .nav-link::after {
		background: #ffffff url(../img/ico-ospedali_v.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-ospedali .nav-link:hover::after {
		background: #ffffff url(../img/ico-ospedali_g.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-uffici .nav-link::after {
		background: #ffffff url(../img/ico-uffici_v.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-uffici .nav-link:hover::after {
		background: #ffffff url(../img/ico-uffici_g.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-scuole .nav-link::after {
		background: #ffffff url(../img/ico-scuola_v.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-scuole .nav-link:hover::after {
		background: #ffffff url(../img/ico-scuola_g.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-musei .nav-link::after {
		background: #ffffff url(../img/ico-musei_v.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-musei .nav-link:hover::after {
		background: #ffffff url(../img/ico-musei_g.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-sport .nav-link::after {
		background: #ffffff url(../img/ico-sport_v.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-sport .nav-link:hover::after {
		background: #ffffff url(../img/ico-sport_g.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-retail .nav-link::after {
		background: #ffffff url(../img/ico-retail_v.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-retail .nav-link:hover::after {
		background: #ffffff url(../img/ico-retail_g.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-industria .nav-link::after {
		background: #ffffff url(../img/ico-industria_v.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-industria .nav-link:hover::after {
		background: #ffffff url(../img/ico-industria_g.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-trasporti .nav-link::after {
		background: #ffffff url(../img/ico-trasporti_v.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-trasporti .nav-link:hover::after {
		background: #ffffff url(../img/ico-trasporti_g.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-hotel .nav-link::after {
		background: #ffffff url(../img/ico-hotel_v.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-hotel .nav-link:hover::after {
		background: #ffffff url(../img/ico-hotel_g.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-urbano .nav-link::after {
		background: #ffffff url(../img/ico-urbano_v.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-urbano .nav-link:hover::after {
		background: #ffffff url(../img/ico-urbano_g.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-privato .nav-link::after {
		background: #ffffff url(../img/ico-privato_v.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
	.navbar .dropdown-menu .container .settori .nav-item.sett-privato .nav-link:hover::after {
		background: #ffffff url(../img/ico-privato_g.png) no-repeat center center;
		background-size: 4rem 4rem;
	}
}

@media screen and (min-width: 1200px) {
	.navbar .navbar-brand {
		padding: 3rem 0;
	}
	.navbar .navbar-brand img {
		width: 20rem;
	}
	.navbar .navbar-brand.convenzioni img {
		width: 40rem;
	}
	.navbar .nav-item.show .nav-link .triangle {
		bottom: -4rem;
	}
}
/* Topbar */
.topbar {
	border-bottom: 1px solid #d5d5d5;
}
.topbar .container {
	padding-top: 1rem;
	padding-bottom: 0.5rem
}
.topbar .container .nav-link {
	font-size: 1.3rem;
	padding: 0 0.5rem;
	color: #2a2a2a;
}

.topbar .nav-tabs {
	margin-bottom: -1px;
}
.topbar .nav-tabs .nav-item {
	margin-right: 0.3rem;
}
	
.topbar .nav-tabs .nav-link {
	border-top: 3px solid #fff;
}
.topbar .nav-tabs .nav-link.active,
.topbar .nav-tabs .nav-link.active:focus, 
.topbar .nav-tabs .nav-link.active:hover {
	border-top: 3px solid #00b2A9;
}

.topbar .nav-tabs .nav-link:focus, 
.topbar .nav-tabs .nav-link:hover {
	border-top-color: #ffb81c
}

/* Topmenu */
.nav.topmenu &gt; li &gt; .nav-link {
	border-left: 1px solid #ffb81c;
	position: relative;
}
.nav.topmenu &gt; li &gt; .nav-link:after {
	content: "â€¢";
	position: absolute;
	bottom: -2.6rem;
	left: calc(50% - 0.5rem);
	font-size: 3rem;
	color: #fff;
}
.nav.topmenu &gt; li &gt; .nav-link:hover, .nav.topmenu &gt; li &gt; .nav-link:hover:after, .nav.topmenu &gt; li &gt; .nav-link.active, .nav.topmenu &gt; li &gt; .nav-link.active:after {
	color: #ffb81c;
}
.nav.topmenu &gt; li:first-child &gt; .nav-link {
	padding-left: 0;
	border: none;
}
/* Social */
#header .social {
	font-size: 1.8rem
}
#header .social a {
	color: #2a2a2a;
}
#header .social a:hover {
	color: #00B2A9;
}
/* Language */
.nav.lang &gt; li &gt; .nav-link:hover, .nav.lang &gt; li &gt; .nav-link.active {
	color: #00B2A9;
}

@media screen and (min-width: 992px) {
	.topbar .container {
		padding-top: 2rem;
		padding-bottom: 1rem
	}
	.topbar .container .nav-link {
		font-size: 1.5rem;
		padding: 0 1rem;
	}
	
	.topbar .nav-tabs .nav-item {
		margin-right: 1rem;
	}
	.nav.topmenu &gt; li &gt; .nav-link:after {
		bottom: -3rem;
	}
	
	
}
/********** SIDEBAR **********/
.sidebar {
	margin-top: 2rem;
}
.sidebar .nav-item .nav-link {
	margin: 0;
	border: 0;
	position: relative;
	color: #2a2a2a;
	line-height: 1.2;
	font-size: 1.6rem;
	font-weight: 500;
	border-top: 1px dashed #d5d5d5;
}
.sidebar .nav-item .nav-link.titolo-menu {
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
	border: none;
}
.sidebar .nav-item .nav-link::after {
	content: "â€¢";
	position: absolute;
	left: -0.7rem;
	top: calc(50% - 2rem);
	bottom: auto;
	font-size: 3rem;
	color: #fff;
	font-weight: 500;
}
.sidebar .nav-item .nav-link:hover, .sidebar .nav-item .nav-link:hover::after {
	color: #ffb81c;
}
.sidebar .nav-item.active .nav-link, .sidebar .nav-item.active .nav-link::after {
	color: #00b2A9;
	font-weight: 500;
}
.sidebar .nav-item .sub-nav {
	padding-left: 1.5rem;
	margin-bottom: 1rem;
}
.sidebar .nav-item .sub-nav .nav-item .nav-link {
	color: #2a2a2a;
	padding-left: 0.5rem;
	font-weight: 250;
	font-size: 1.3rem;
	border: none;
}
.sidebar .nav-item .sub-nav .nav-item .nav-link::after {
	top: calc(50% - 2rem);
}
.sidebar .nav-item.active .sub-nav .nav-item .nav-link::after {
	color: #fff;
}
.sidebar .nav-item .sub-nav .nav-item.active .nav-link {
	font-weight: 500;
	color: #00b2A9;
}
.sidebar .nav-item .sub-nav .nav-item .nav-link:hover, .sidebar .nav-item .sub-nav .nav-item .nav-link:hover::after {
	color: #FFB81C;
}


.sidebar .nav-item .menu-interno {
    display: none;
    border-bottom: 1px dotted #d5d5d5;
}

.sidebar .nav-item .menu-interno.visible {
    display: block;
}
.sidebar .nav-item .sub-nav .nav-item.active .menu-interno .nav-item .nav-link, 
.sidebar .nav-item .sub-nav .nav-item .menu-interno .nav-item .nav-link {
	font-size: 1.2rem;
	text-transform:uppercase;
}

.sidebar .nav-item .sub-nav .nav-item.active .menu-interno .nav-item .nav-link::after, 
.sidebar .nav-item .sub-nav .nav-item .menu-interno .nav-item .nav-link::after {
    content: "Î¿";
    font-size: 0.85rem;
    top: calc(50% - 0.4rem);
	color: #00b2A9;
}

.sidebar .nav-item .sub-nav .nav-item.active .menu-interno .nav-item .nav-link:hover::after, 
.sidebar .nav-item .sub-nav .nav-item .menu-interno .nav-item .nav-link:hover::after {
	color: #fabe53;
}

.sidebar .nav-item .sub-nav .nav-item .nav-link.active,
.sidebar .nav-item .sub-nav .nav-item.active .menu-interno .nav-item .nav-link.active::after, 
.sidebar .nav-item .sub-nav .nav-item .menu-interno .nav-item .nav-link.active::after {
    font-weight: 600;
}
/********** BREADCRUMBS **********/
.breadcrumbs {
}
.breadcrumbs .container {
}
.breadcrumbs .container .breadcrumb {
	padding: .5rem 0;
	border-top: 1px solid #fabe53;
	border-bottom: 1px solid #d5d5d5;
	background-color: #fff;
	margin-bottom: 0;
	font-size: 1.3rem;
	border-radius: 0;
}

@media screen and (min-width: 992px) {
	.breadcrumbs .container .breadcrumb {
		font-size: 1.4rem;
		padding: .75rem 1rem
	}
}
/********** CERCHI - QUADRATI **********/

.oneforone {
	width: 100%;
	padding-top: calc(100% - 1rem); /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	-ms-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-ms-transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
}
.oneforone:hover {
	background-color: #2a2a2a;
}
.oneforone.nohover:hover{
	background-color: inherit;
	
}


.oneforone .cont {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
}
.oneforone .cont h5 {
	line-height: 1;
	padding: 0 0.5rem;
	font-size: 1.6rem;
}
.oneforone .cont h5.small {
	font-size: 1.3rem;
}
.oneforone .cont img {
	width: 45%;
	margin-bottom: 1rem;
}
.oneforone .cont.servizi img {
	width: 60%;
	margin-bottom: 0.5rem;	
}
.oneforone .cont img.large {
	width: 80%;
}

.oneforone .cont.top {
	top: 0;
	transform:none;

}
@media screen and (min-width: 992px) {
	.oneforone {
		padding-top: calc(100% - 2rem); /* 1:1 Aspect Ratio */
	}
	.oneforone .cont h5 {
		font-size: 1.7rem;
	}
	.oneforone .cont h5.small {
		font-size: 1.5rem;
	}
	
}
.oneforone.circle {
	border-radius: 50%;
	background-color: #fff;
	-ms-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	border: 0.5rem solid #fff;
}
.oneforone.circle:hover {
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.oneforone.circle .cont {
	color: #00B2A9;
}

@media screen and (min-width: 992px) {
	.oneforone.circle {
		border: 1rem solid #fff;
	}
}
.oneforone.frame {
}
.oneforone.frame:hover {
	background-color: rgba(255,255,255,0.3);
	border: .5rem solid #FFB81C!important;
}
.oneforone.frame.bianco {
	border: .5rem solid #fff;
}
.oneforone.frame.bianco.bg-nero {
	background-color: rgba(40,40,40,0.3);
}
.oneforone.frame.bianco.bg-nero:hover {
	background-color: rgba(40,40,40,0.6);
}

@media screen and (min-width: 992px) {
}
/********** NUMERI **********/

.numeri {
	font-size: 2rem;
	line-height: 1.2;/*margin-top:2rem;*/
}
.numeri strong {
	font-size: 4rem;
	font-weight: 700;
	letter-spacing: 2px;
	display: block;
}

.numeri.big strong {
	font-size: 8rem;
	font-weight:700;
}
@media screen and (min-width: 992px) {
	.numeri {
		font-size: 2.4rem;
	}
	.numeri strong {
		font-size: 6rem;
	}
	.numeri.big strong {
		font-size: 14rem;
	}
}
/********** SEPARATOR **********/
.separator {
	clear: both
}
.separator.solid {
	border-bottom: 1px solid #d5d5d5;
}
.separator.dashed {
	border-bottom: 1px dashed #d5d5d5;
	margin: 5rem 0;
}
/********** CARD **********/
.card {
	border: 1px solid #fff;
	border-radius: 0;/*border-bottom:1px dashed #d5d5d5;
	margin-top:6rem;*/
}
.card.has-cat {
	margin-top: 6rem;
}
.card-columns {
	-webkit-column-gap: 1rem;
	-moz-column-gap: 1rem;
	column-gap: 1rem;
}
.card .card-title a{
	color:#2a2a2a
}
.card .card-title a:hover{
	color:#2a2a2a;
	text-decoration:underline;
}
.card .card-img{
	width:100%;
	/*height:100%*/
	
	/* FIX PER IE E CHROME */
	max-width: 100%;
     flex-shrink: 0;
}

.card .card-cat {
	position: relative;
}
.card .card-cat h6 {
	text-transform: uppercase;
	font-weight: 600;
	margin: -40px 0 0;
	position: absolute;
	-ms-width: calc(100% - 40px);
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	display: table;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.card .card-cat h6::after, .card .card-cat h6::before {
	background-color: #d9dcdf;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}
.card .card-cat h6::before {
	right: 10px;
	margin-left: -50%;
}
.card .card-cat h6::after {
	left: 5px;
	margin-right: -50%;
}
.card .btn {
	margin-bottom: 2rem;
}
.card.top-image {
	margin: 0;
	border: 0;
}
.card-img-overlay {
	position: relative;
	padding: 0;
}
.bottom-text  {
	position:relative
}
.bottom-text .card-img-overlay {
	background-color:#00b2A9;
}
.bottom-text .card-cat {
	color:#212529;
}
.card.top-image .ico {
	position: absolute;
	top: 0.6rem;
	right: 0;
	width: 5rem;
	border-radius: 50%;
}
.card.top-image .ico.bg-bianco {
	background-color:#ffffff;
	padding: 0.5rem;
	right:-1rem;
	border:1px solid #00b2A9	
}
.card.top-image .logo {
}

.card.top-image .logo-rekeep {
    position: absolute;
	top: 15px;
	left: 15px;
	width: 200px;
}
.card.top-image h1 {
	padding: 0.5rem 4rem 0.5rem 1rem;
	margin-top: 1rem;
}
.card.top-image h3 {
	margin: 1rem 0;
}
.card.top-image h3 span {
	margin-top: 1rem;
	padding: 0.5rem 1rem;
}
.card.top-image h5 {
	border-left: 3px solid #cae8e7;
	margin-bottom: 2rem;
	padding: 0.5rem 1rem;
}
.card.top-image h5 span {
	/*padding:0.5rem 2rem;*/
	margin-top: 1rem;
}
.card.top-image.home .card-title h1 {
	/*background-color: #97ddd8*/
	color:#fff;
	line-height:1;
}
.card.top-image.home .card-title.lungo h1 {
	font-size:2.4rem;
	line-height:1.2;
}
.card.top-image.home .card-title h1 small{
	font-size:1.4rem;
}
.card.top-image .card-img {
	border-radius: 0;
}
.card.border .card-body {
	padding: 3rem;
}
.card.border .btn {
	margin: 0;
}

.card .ico-round {

	width: 10rem;
	border-radius: 50%;
}
.card .ico-round.bg-bianco {
	background-color:#ffffff;
	padding: 0.5rem;
}
@media screen and (max-width: 991.98px) {
	.card.top-image .ico {
		background-color:transparent;
	}
	.card.top-image .ico.bg-bianco {
		background-color:#ffffff;
	}
    


}

@media screen and (min-width: 576px) {
	.card-columns.two-columns,  .card-columns.columns-md-2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.card.top-image.home .card-title {
		position: absolute;
		bottom: 1rem;
		left: 1rem;
		opacity:.8;			
	}
	.card.top-image.home .card-title h1 {
		color: #fff;
		font-size: 3rem;
		line-height: 1.1;
		padding: 0.5rem 2rem;
		margin:0;
	}
	.card.top-image.home .card-title h1 small {
		color: #fff;
		font-size: 2rem;
		line-height: 1.1;
	}
    .card.top-image .logo-rekeep {
        width: 250px;
        left: 1.5rem;
        top: 1.5rem
    }


}


@media screen and (min-width: 992px) {
	.card-columns {
		-webkit-column-gap: 3rem;
		-moz-column-gap: 3rem;
		column-gap: 3rem;
	}
	.card.top-image {
		margin-bottom: 2rem;
	}
	.card.top-image.home .card-title {
		bottom: 3rem;
		left: 3rem;
	}
	.card.top-image.home .card-title h1 {
		font-size: 5rem;
		line-height: 1.2;
		padding: 0.5rem 2.5rem;	
	}
	.card.top-image.home .card-title.lungo {
		/*width: 50%*/
	}
	.card.top-image.home .card-title.lungo h1 {
		font-size:2.6rem;
		line-height:2;
		padding:1rem 2.5rem;	
	}

	.card.top-image.home .card-title h1 small {
		font-size: 2.4rem;
		line-height:1
	}
	.card.top-image.home h1.titolo-lungo {
		font-size: 3rem;
		background-color: rgba(42, 42, 42, 0.6);
		width: 50%
	}
	.card-img-overlay {
		position: absolute;
	}
	.card.top-image .ico {
		left: auto;
		right: 2rem;
		top:2rem;
		width: 12rem;
		height: auto;
		padding: 1rem;
		opacity: .95;
		
	}
	.card.top-image .ico.bg-bianco {
		background-color:#ffffff;
		right: 2rem;
		border:none	
	}
	.card.top-image .card-title {
		position: absolute;
		color: #fff;
		bottom: 2rem;
		left: 2rem;
		top: auto;
		margin-right: 0;
		margin-bottom: 0;
		opacity: .9;
		width: calc(100% - 4rem);
	}
	
	.card.top-image .download-area {
		position: absolute;
		bottom: 1.7rem;
		right: 1.2rem;
		top: auto;
		margin-left: 0;
		margin-bottom: 0;
		text-align:right;
		max-width: 14rem;
	}
	.card.top-image .download-area .btn{
		margin-top:1rem;
		margin-bottom: 0;

	}
	.card.top-image h1 {
		color: #fff;
		line-height: 1.3;
		padding: 0.5rem 5rem 0.5rem 2rem;
		margin: 0;
		display: inline;
		-webkit-box-decoration-break: clone;
		-o-box-decoration-break: clone;
		box-decoration-break: clone;
	}
	.card.top-image h3 {
		width: 100%;
		border: none;
		margin-bottom: 0;
		padding: 0;		
		
	}
	.card.top-image h3 span {
		display: inline;
		padding: 0.7rem 2rem;
		-webkit-box-decoration-break: clone;
		-o-box-decoration-break: clone;
		box-decoration-break: clone;;
	}
	.card.top-image h5 {
		color: #fff;
		margin-top: 1.5rem;
		width: 100%;
		border: none;
		margin-bottom: 0;
		padding: 0;
	}
	.card.top-image h5 span {
		display: inline;
		padding: 0.7rem 2rem;
		line-height: 1.5;
		-webkit-box-decoration-break: clone;
		-o-box-decoration-break: clone;
		box-decoration-break: clone;
	}
	.card.top-image .logo {
		position: absolute;
		top: 2rem;
		right: 2rem;
		opacity: .9;
	}
	.card.top-image .logo-ippodamo {
		position: absolute;
        width: 240px;
        right: 1.5rem;
        top: 1.5rem
    }
	
	.card-columns.columns-md-2 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
	
	.bottom-text .card-img-overlay {
		bottom:0;
		background-color:rgba(0, 178, 169, 0.6);
		top:auto;
	}
}

@media screen and (min-width: 1200px) {
	.card.top-image h1 {
		padding: 0.5rem 10rem 0.5rem 2rem;
	}
	.card.top-image.home .card-title h1 {
		font-size: 6rem;
	}
	.card.top-image.home .card-title.lungo h1 {
		font-size:3.2rem;
	}
	.card.top-image.home .card-title h1 small {
		font-size: 3rem;
	}
	.card.top-image h5 {
		width: 90%;
	}
	.card.top-image h5.full {
		width: 100%;
	}
	.card.top-image .card-title {
		margin-right: 4rem;
		width: calc(100% - 6rem);
	}
	.card.top-image .logo-ippodamo {
		top: 2rem;
		right: 2rem;
		width:320px
	}
}
/********** ACCORDION **********/
.accordion .card {
	margin: 0;
}
.accordion .card .btn-link {
	margin: 0;
	padding: 0.5rem 0;
	color: #2a2a2a;
	width: 100%;
	text-align: left;
	font-weight: 250;
}
.accordion .card .btn-link:hover, .accordion .card .btn-link:focus {
	text-decoration: none;
}
/********** SETTORI **********/

.settori {
}
.settori .settore {
}
.settori .settore .ico {
	border-radius: 50%;
	background-color: #ffd275;
	width: 100%;
	padding-top: 100%;
	position: relative;
	margin-bottom: 1rem;
	display: block;
	-ms-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-ms-transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
}
.settori .settore .ico:hover {
	background-color: #00b2A9;
}
.settori .settore .ico img {
	position: absolute;
	width: 60%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.settori .settore p {
	line-height: 1;
}
.settori .settore p a {
	color: #2a2a2a;
}
/********** MASONRY **********/



.grid {
	margin-right: -15px;
	margin-left: -15px;
}

.grid-sizer,
.grid-item,
.grid-item--width2 { 
	width: 100%; 
}

.grid-item {
  margin-bottom: 2%;
}

.gutter-sizer { width: 0; }

@media screen and (min-width: 576px) {
	.grid-sizer,
	.grid-item,
	.grid-item--width2 { 
		width: 49%; 
	}
	.gutter-sizer { width: 2%; }
}

@media screen and (min-width: 992px) {
	/* 3 columns by default */
	.grid-sizer, 
	.grid-item { 
		width: 32%;
		
	}
	.grid-item--width2 {
		width: 66%; 
	}
}
/********** GOOGLE MAP **********/

#map {
	height: 400px;
	width:100%
}
/********** TAG CLOUD **********/

.tag {
	float:left;
}
ul.tagcloud {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}
ul.tagcloud li {
	float: left;
	padding: 0;
	margin: 0 0.3rem 0.3rem 0;
	font-size: 1.2rem;
	line-height: 2rem;
	padding: 0;
	background-color: #FFB81C;
	color: #fff;
	border-radius: .25rem;
	
}

ul.tagcloud li a{
	padding: .3em .4em;
	color: #fff;
	box-decoration-break: clone;
	display: block;
	line-height: 1.2rem;	
}
ul.tagcloud li a span{
	font-size: 1rem;
	background-color: #fff;	
	color: #2a2a2a;
	border-radius: 100%;
	padding: 0.1rem 0.3rem;
	font-weight: 600;
}

ul.tagcloud li:hover{
	background-color: #2a2a2a;
	color: #FFB81C;	
}

ul.tagcloud li:hover a{
	color: #FFB81C;
}

ul.tagcloud li:hover span{
	background-color: #FFB81C;	
	color: #2a2a2a;
}

/********** MINI CERCHI PER NUMERI E ICONE **********/

.minicircle {   
    width: 4rem;
    height: 4rem;
	line-height: 4rem;
	border-radius: 50% !important;	
}
/********** HOME **********/

.carouselhome {}

.carouselhome .carousel-control-prev,
.carouselhome .carousel-control-next {
	padding: 5%;
	-ms-flex-align: end;
	align-items: end;
}
.carouselhome .carousel-control-prev {
	justify-content: start;
}
.carouselhome .carousel-control-next {
	justify-content: end;
}

@media screen and (min-width: 992px) {
	.carouselhome .carousel-control-prev,
	.carouselhome .carousel-control-next {
		padding: 1%;
		-ms-flex-align: center;
		align-items: center;

	}	
}

#servizi .carousel-caption {
	/*position: absolute;
	top: 0;
	left: 0;
	right:auto;
	bottom:auto;
	z-index: 2;
	background-color: #ffd275;	
	padding: 1rem;
	width:70%;*/
	left:0;
	right:0;
	position:relative;
	padding:2rem 1rem 4rem;
	width:100%;
	background-color: #ffd275;
	bottom:0;
}
#servizi .carousel-caption h5 {
	margin-top: 0;
	color:#2a2a2a;
}
#servizi .carousel-caption p {
	margin-bottom: 0;
	line-height:1;
	color:#2a2a2a;
}
#servizi .carousel-indicators{
	bottom:1rem;
}
#servizi .carousel-control-next, #servizi .carousel-control-prev {
	width:5%
}
#servizi .btn {
	padding:0 0.5rem;
	margin-top:0.5rem;
	font-size:1.2rem
}
.soluzioniit .card-img-overlay {
	padding: 2rem;
	position: absolute
}

.carouselvideo .card-bg  {
    background: #ffffff url(../img/media-video-slider.jpg) no-repeat center center;
    background-size: cover;
    padding: 1rem;
}
.carouselvideo .card-img-overlay{
    padding: 2rem;
}
.carouselvideo .carousel-indicators{
    bottom: -3rem;
}
.carouselvideo .carousel-control-next{
    height: 3.5rem;
    right: -3.5rem;
    width: 3.5rem;
    top: 11rem;     
}
.carouselvideo .carousel-control-prev{
    height: 3.5rem;
    left: -3.5rem;
    width: 3.5rem;
    top: 11rem;     
}

.carouselvideo .owl-theme .owl-dots .owl-dot span  {
	background: rgba(255, 255, 255, 0.5)
}

.carouselvideo .owl-theme .owl-dots .owl-dot.active span, .carouselvideo .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}
.carouselvideo .owl-carousel .owl-stage {
	display:flex;
}
#carouselFormazione {
	margin-bottom:6rem;
}
#carouselFormazione .carousel-indicators {
	bottom: -4rem;
	}
#carouselFormazione .carousel-indicators li{
	background-color: rgba(255,184,28,0.5);	
}
#carouselFormazione  .carousel-indicators .active {
	background-color: #FFB81C;		
}
@media screen and (min-width: 576px) {}
@media screen and (min-width: 992px) {
	#servizi .carousel-caption {
		bottom: 6rem;
		right: 0;
		width: 35%;
		left: auto;
		top:auto;
		padding: 2rem;
		position: absolute;
		text-align:left;
	}
	
		
	#servizi .carousel-caption h5,
	#servizi .carousel-caption p {
		line-height:1.5

	}
	
	#servizi .titolo {
		position: absolute;
		top: 2rem;
		left: 5.5rem;
		z-index: 2;
		background-color: rgba(42, 42, 42, 0.4);
	}
	#servizi .titolo h2 {
		color: #fff;
		padding: 0.5rem 4rem;
	}
	#servizi select {
		position: absolute;
		font-size: 2rem;
		font-weight:250;
		top: 9.5rem;
		left: 9.5rem;
		z-index: 2;
		width: auto;
		color: #2a2a2a;
		padding: .75rem 4rem .75rem .75rem;
		height: calc(4rem + 2px);
		border: 1px solid #fff;
		background-color: rgba(255,255,255,0.8);/*background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
			/*background-color: rgba(255, 255, 255, 0.2);
			background-size: 8px 10px;*/
	}
	#servizi select::before {
		font-family: "Font Awesome 5 Solid";
		content: "\f007";
	}

	#servizi .btn {
		position: absolute;
		z-index: 2;		
		bottom: 3rem;
		left: 9.5rem;
		right:auto;
		font-size: 1.6rem;
		padding: 0.75rem 2.5rem;
	}
	.soluzioniit .card-img-overlay {
		padding: 7rem;
	}
	#carouselEdigital {
	}
	#carouselEdigital .carousel-indicators {
		bottom: -4rem;
	}
	#carouselEdigital .carousel-control-next, #carouselEdigital .carousel-control-prev {
		bottom: -5rem;
		height: 4rem;
		top: auto;
	}
    .carouselvideo .card-bg{
		padding: 4rem;
        /*min-height: 500px;*/
		min-height: 450px
	}
    .carouselvideo .card-img-overlay{
		padding: 4rem;
	}
    .carouselvideo .carousel-indicators{
        bottom: -4rem;
    }
    .carouselvideo .carousel-control-next{
        height: 5rem;
        right: -5rem;
        width: 5rem;
        top: 15rem; 
    }
    .carouselvideo .carousel-control-prev{
        height: 5rem;
        left: -5rem;
        width: 5rem;
        top: 15rem; 
    }
}
.embed-responsive-13by5::before {
	padding-top: 38.5%;
}

.embed-responsive-16by13::before {
	padding-top: 80%;
}

/* Pagina Ippodamo Project */

#nav-ippodamo {
	position:-webkit-sticky;
	position: sticky;
	top:0;
	z-index:1020;
	padding: .8rem 1rem;;
}

#nav-ippodamo.is-visible {
    opacity: 1; 
}

#nav-ippodamo a{
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
	padding: 0 .5rem;
    font-size: 1.4rem;
}

#nav-ippodamo a.active{
    color:#2a2a2a;
    
}
#nav-ippodamo a:hover{
    color:#75787B ;
	text-decoration:underline
}
#nav-ippodamo.is-sticky{
	padding: .5rem 1rem;  
}

@media screen and (min-width: 992px) {
	#nav-ippodamo {
		padding: 1.6rem 0;

	}
	#nav-ippodamo a{
		padding: 0 1rem;
		font-size: 1.6rem;
	}
	
	#nav-ippodamo.is-sticky {
		padding: .8rem 0;
		
	}
	
}


/********** FOOTER **********/
#footer {
	padding-top: 5rem;
}
#footer .brand {
	padding: 5rem 0;
	border-top: 2px solid #cacaca;
}
#footer .brand img {
	width: 20rem;
}
#footer .menu {
	padding: 0 0 5rem 0;
}
#footer .nav-item {
}
#footer .nav-item .nav-link {
	padding: 0;
	margin: 0;
	color: #2a2a2a;
}
#footer .nav-item .nav-link .fa-fw {
	color: #00b2A9;
}
#footer .nav-item .nav-link:hover, #footer .nav-item .nav-link:hover .fa-fw, #footer .nav-item .nav-link.active, #footer .nav-item .nav-link.active .fa-fw, .social a:hover {
	color: #FFB81C;
}
.copyright {
	background-color: #00b2a9;
	padding: 3rem 0;
}
.copyright h5, .copyright p, .copyright a {
	color: #fff;
}

@media screen and (min-width: 992px) {
	#footer {
		padding-top: 15rem;
	}
	#footer .brand {
		padding: 10rem 0;
		border-top: 2px solid #cacaca;
	}
}

/********** Font Awesome **********/
.fa-8x {
	line-height:1.2
}
/********** IUBENDA **********/
#iubenda-cs-banner{
	background-color:rgba(255,184,28,0.95)!important;
}
#iubenda-cs-banner .iubenda-cs-content {
	background:transparent;
	padding: 2rem 2rem 0 2rem;
}	
#iubenda-cs-banner .iubenda-cs-rationale {
    max-width: 1340px;
	padding:0 ;
    margin: 0 auto;
}
#iubenda-cs-banner .iubenda-banner-content &gt; p {
	font-size: 1.4rem;
	font-family: 'Branding', Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 500;
	color:#2A2A2A;
	margin-bottom:2rem;	
}

#iubenda-cs-banner .iubenda-banner-content &gt; p .iubenda-cs-cookie-policy-lnk,
#iubenda-cs-banner .iubenda-cs-close-btn {
	color:#2A2A2A;
	font-size: 1.4rem;
	font-weight:600;
}
@media screen and (min-width: 576px) { 
	#iubenda-cs-banner .iubenda-banner-content &gt; p,
	#iubenda-cs-banner .iubenda-banner-content &gt; p .iubenda-cs-cookie-policy-lnk,
	#iubenda-cs-banner .iubenda-cs-close-btn  {
		font-size: 1.5rem;	
	}
}
@media screen and (min-width: 992px) { 
	#iubenda-cs-banner .iubenda-banner-content &gt; p,
	#iubenda-cs-banner .iubenda-banner-content &gt; p .iubenda-cs-cookie-policy-lnk,
	#iubenda-cs-banner .iubenda-cs-close-btn  {
		font-size: 1.6rem;	
	}
}



/********** IUBENDA 2022 **********/

#iubenda-iframe * {

}


#iubenda-iframe .purposes-top-right .iub-iframe-brand-button {
	display:none!important;
}



#iubenda-cs-banner .iubenda-banner-content #iubenda-cs-title {
	font-size:2rem;
	font-family: 'Branding', Arial, Helvetica Neue, Helvetica, sans-serif!important;
	font-weight:500!important;

}

#iubenda-cs-banner #iubenda-cs-paragraph .iub-p,
#iubenda-cs-banner #iubenda-cs-paragraph .iub-p a {
	font-size: 1.6rem!important;
	font-family: 'Branding', Arial, Helvetica Neue, Helvetica, sans-serif!important;
}

#iubenda-cs-banner .iubenda-cs-content .iubenda-cs-opt-group button {
		font-family: 'Branding', Arial, Helvetica Neue, Helvetica, sans-serif!important;
		font-weight:500!important;
		font-size: 1.8rem!important;


}


/* Landing (Re)keep it green */
.rekeepitgreen {
	background: #CACF49 url(../img/rekeep-it-green_full_760.jpg) no-repeat center center;
	background-size:cover;
	padding:3rem 0;
}

.rekeepitgreen.container-wide {
	max-width: 1300px;
}

.rekeepitgreen .bg-bianco{
	padding:2rem 4rem;

}

@media screen and (min-width: 992px) { 
	.rekeepitgreen {
		padding:7rem 0;
	}
	
	.rekeepitgreen .bg-bianco{
		padding:4rem 10rem;
	}
}


/* Landing Rekeep Rail Trasporti */

.rekeeptrasporti section {
    padding: 4rem 0;
}

@media screen and (min-width: 992px) {

		.rekeeptrasporti section {
			padding: 14rem 0;
		}
	
}
#nav-rekeeprail.is-visible {
    opacity: 1; 
}

#nav-rekeeprail a{
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
	padding: 1rem;
    font-size: 1rem;
}

#nav-rekeeprail a.active{
    background-color: #00b2A9 ;
    color:#fff
    
}
#nav-rekeeprail a:hover{
    background-color: #32bdb9 ;
    color:#fff
}
#nav-rekeeprail.is-sticky a{
	padding: 1rem 1rem;
    
}

@media screen and (min-width: 992px) {
	#nav-rekeeprail {
		position:-webkit-sticky;
		position: sticky;
		top:0;
		z-index:1020
	}
	#nav-rekeeprail a{
		padding: 3rem 1rem;
		font-size: 1.6rem;
	}
	
}
.rekeeptrasporti #perchenoi {
	background-color:#00b2A9;
    background-image:url('/img/rekeeprail_sfondo-strade-verde.png'); 
    background-size: cover; 
    background-position: top center;

}
.rekeeptrasporti #servizisoluzioni {
	background-color:#75787B;
    background-image:url('/img/rekeeprail_sfondo-strade-grigio.png'); 
    background-size: cover; 
    background-position: top center;
}

.rekeeptrasporti #servizisoluzioni img,
.rekeeptrasporti #sostenibilita img{
    width:60%;
 
}

.vostropatrimonio .servizio .ico {
	border-radius: 50%;
	background-color: #fff;
	width: 100%;
	padding-top: 100%;
	position: relative;
	margin-bottom: 1rem;
	display: block;
	-ms-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-ms-transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
}
.vostropatrimonio .servizio .ico:hover {
	background-color: #fff;
}
.vostropatrimonio .servizio .ico img {
	position: absolute;
	width: 60%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.vostropatrimonio .servizio p {
	line-height: 1;
}
.vostropatrimonio .servizio p a {
	color: #2a2a2a;
}




.rekeeptrasporti .card-img-overlay {
	position: absolute;
}

.rekeeptrasporti  .card.top-image .card-title {
    position: absolute;
    color: #fff;
    bottom: 2rem;
    left: 0;
    top: auto;
    margin-right: 0;
    margin-bottom: 0;
    opacity: .9;
    width: calc(100% - 4rem);
}
.rekeeptrasporti  .card.top-image .card-title h1{
    display: inline
}
.rekeeptrasporti  .card.top-image .card-title h5{
    margin-bottom: 0;
    border: none;
    padding: 2rem 0 0 0
}
.rekeeptrasporti  .card.top-image .card-title h5 span{
    padding: 0.7rem 2rem;
}

.rekeeptrasporti .servizio {
	width: 100%;
	padding-top: calc(100% - 1rem); /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	-ms-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-ms-transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
    border-radius: 50%;
	background-color: #fff;
}

.rekeeptrasporti .servizio .cont {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
}
.rekeeptrasporti .servizio .cont h3 {
	line-height: 1;
	padding: 0 0.5rem;
}

.rekeeptrasporti .servizio .cont img {
	width: 50%;
}



@media screen and (min-width: 992px) {
	.rekeeptrasporti .servizio {
		padding-top: calc(100% - 1rem); /* 1:1 Aspect Ratio */
	}
    
    .rekeeptrasporti .servizio .cont img {
        width: 60%;
        margin-bottom: 0.5rem;
    }

	
}


/* Animazioni */

.animatestatic {
    position: relative;
}

.animatestatic.is-visible {
    opacity: 1;
}

.animatefromtop {
    position: relative;
    top:-100px;
}

.animatefromtop.is-visible {
    opacity: 1;
    bottom: 0;
}

.animatefrombottom {
    position: relative;
    bottom:-100px;
}

.animatefrombottom.is-visible {
    opacity: 1;
    bottom: 0;
}

.animatefromleft {
    position: relative;
    left:-100px;
}

.animatefromleft.is-visible {
    left:0;
    opacity: 1;
}

.animatefromright {
    position: relative;
    right:-100px;
}

.animatefromright.is-visible {
    right:0;
    opacity: 1;
}


.animate {
    opacity: 0;
    transition: all 1.5s ease, all 1.5s ease;   

}


/* Landing Nelle mani giuste nelle-mani-giuste */

.nellemanigiuste {
}
.nellemanigiuste .item {
	min-height: 100vh;
	padding: 4vh 4vw 10vh;
	color:#fff;

	display:flex;
	flex-direction:column;
	justify-content: space-between;
}
.nellemanigiuste .sostenibilita {
	background: #fff url(../img/nellemanigiuste-sostenibilita.jpg) no-repeat center center;
	background-size:cover;
}
.nellemanigiuste .valore {
	background: #fff url(../img/nellemanigiuste-valore.jpg) no-repeat center center;
	background-size:cover;
}
.nellemanigiuste .sicurezza {
	background: #fff url(../img/nellemanigiuste-sicurezza.jpg) no-repeat center center;
	background-size:cover;
}

.nellemanigiuste .item .logo {
	max-width:200px;
	margin-bottom: 4rem;
	z-index: 10;

}

.nellemanigiuste .item h2 {
	font-family: "Ubuntu Sans", sans-serif;
	line-height: 1.2;
	margin-bottom: 4rem;
	font-size:9vw;
}

.nellemanigiuste .item h2 .evidenzia {
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: italic;
	font-size: 11vw;
	line-height: 1;
}

.nellemanigiuste .item p{
	font-family: "Ubuntu Sans", sans-serif;
	font-weight:500;
	font-size:1.8rem;
	line-height:1.5;
}

.nellemanigiuste .item h4{
	font-family: "Ubuntu Sans", sans-serif;
	font-weight:700;
	font-size:2.2rem;
	line-height:1.4
}

.nellemanigiuste .item .btn {
	font-family: "Ubuntu Sans", sans-serif;
	text-transform: uppercase;
	font-weight:700;
	letter-spacing: 2px;
	font-size:2rem;
	margin-top:3rem;

}

.nellemanigiuste .overlay {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color: rgba(0,0,0,0.25);
}


@media screen and (min-width: 768px) {
	.nellemanigiuste .item h2 {
		font-size: 7vw;
	}

	.nellemanigiuste .item h2 .evidenzia {
		font-size: 8.6vw;
    	line-height: .7;
	}
	.nellemanigiuste .overlay {
		background-color: rgba(0,0,0,0.15);
	}
}

@media screen and (min-width: 992px) {

	.nellemanigiuste .item {
		padding: 4vh 4vw 8vh;
	}

	.nellemanigiuste .item .logo {
		max-width:300px;
		margin-bottom: 4rem;;
	}

	.nellemanigiuste .item h2 {
		font-size: 6.8rem;
		line-height: 1.2;
		margin-bottom: 4rem;
	}

	.nellemanigiuste .item h2 .evidenzia {
		font-size: 8.6rem;
	}

	.nellemanigiuste .item p{
		font-weight:500;
		font-size:2rem;	
	}

	.nellemanigiuste .item h4{
		font-size:2.4rem;
		font-weight:700;
	}

	.nellemanigiuste .item .btn {
		font-size:2.4rem;
		padding: 1rem 3rem;
	}

}</pre></body></html>