/* WebKit/Blink Browsers */
::selection {
	background: #087e8b;
	color: #fff;
}
/* Gecko Browsers */
::-moz-selection {
 background: #087e8b;
 color:#fff;
}
html {
	font-size: 10px;
}
body {
	font-size: 1.4rem;
	font-family: 'Branding', Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 2;
	color: #2b2d42;
}

@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 {
	font-size: 2.8rem;
	line-height: 3.2rem;
	margin: 2rem 0;
	font-weight: 500;
}
h2 {
	font-size: 2.6rem;
	line-height: 3rem;
	margin: 0;
	font-weight: 500;
}
h3 {
	font-size: 2.4rem;
	line-height: 3.2rem;
	margin: 0;
	font-weight: 500;
}
h4 {
	font-size: 2.2rem;
	line-height: 2.8rem;
	margin: 0;
	font-weight: 500;
}
h5 {
	font-size: 1.8rem;
	line-height: 2.4rem;
	margin: 0;
	font-weight: 500;
}
h6 {
	font-size: 1.4rem;
	line-height: 2.4rem;
	margin: 0;
	font-weight: 500;
}
p {
	font-family: 'Branding', Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1.4rem;
	line-height: 2.6rem;
	margin-bottom: 2.4rem
}
ul {
	margin-bottom: 2.4rem
}
.fa-ul {
	margin-left: 1.5em;
}
.fa-li {
    left: -1.5em;
    width: 1.5em;
}
.fa-ul .fa-ul{
	margin-left: 1.2em;
}
.fa-ul .fa-ul > li{
	line-height:1.5;
}
.small, small {
	font-weight: 400;
}

@media screen and (min-width: 992px) {
	h1 {
		font-size: 3.8rem;
		line-height: 4.4rem;
	}
	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: 3rem;
	}
	h6 {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	p {
		font-family: 'Branding', Arial, Helvetica Neue, Helvetica, sans-serif;
		font-size: 1.6rem;
		line-height: 2.6rem;
		margin-bottom: 2.4rem
	}
}

@media screen and (min-width: 1200px) {
	h1 {
		font-size: 4rem;
		line-height: 4.8rem;
	}
	h2 {
		font-size: 3.2rem;
		line-height: 4rem;
	}
	h3 {
		font-size: 2.8rem;
		line-height: 3.6rem;
	}
	h4 {
		font-size: 2.4rem;
		line-height: 3.4rem;
	}
	h5 {
		font-size: 2rem;
		line-height: 3.2rem;
	}
	h6 {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
}
a, a:focus {
	color: #087e8b;
	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 {
	color: #D0343A;
	text-decoration: none;
}


strong, b {
	font-weight: 600;
}
em, i {
	font-style: italic
}

.p-6 {
  padding: 5rem !important;
}

.pt-6,
.py-6 {
  padding-top: 5rem !important;
}

.pr-6,
.px-6 {
  padding-right: 5rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 5rem !important;
}

.pl-6,
.px-6 {
  padding-left: 5rem !important;
}
/********** VIDEO HOMEPAGE **********/
.video {
	position: relative;
	background-color: black;
	min-height: 30rem;
	width: 100%;
	background-image:url(../img/home-top.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.video.feste {
	background-image:url(../img/home-feste.jpg);
}
.video video {
	display:none;
}
.video .payoff  {
  position: relative;
  z-index: 2;
  padding:10rem 1rem 2rem;
}

.video .payoff  h2{
	font-size:2rem;
	letter-spacing:0.2rem;
	line-height:4rem
}
.video .payoff  h2 span{
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	opacity:0.9
}
@media screen and (min-width: 768px) {
	.video .payoff {
		padding-top:12.5rem
	}

}
@media screen and (min-width: 992px) {
	.video {
		background-color: black;
		height: 70vh;
		overflow: hidden;
	}
	.video video {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: 0;
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		display:block
	}
	.video .payoff {
		padding-top:0

	}
	.video .payoff  h2{
		font-size: 3.2rem;
		letter-spacing: 0.5rem;
		line-height: 5.8rem;
	}
	.video .overlay {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: black;
		opacity: 0.5;
		z-index: 1;
	}
}

@media screen and (min-width: 1200px) {
	.video .payoff  h1{
		font-size:6rem;
		letter-spacing:0.8rem;
		line-height:8rem
	}
}


/********** COLORS **********/
/* texts */
.txt-rosso {
	color: #D0343A!important;
}
.txt-turchese {
	color: #087e8b!important;
}
.txt-grigiobluchiaro {
	color: #8d99ae!important;
}
.txt-grigiochiaro {
	color: #edf2f4!important;
}
.txt-grigiobluscuro {
	color: #2b2d42!important;
}
.txt-bianco {
	color: #ffffff!important;
}
.txt-nero {
	color: #2a2a2a!important;
}



/* backgrounds */
.bg-rosso {
	background-color: #D0343A;
}
.bg-turchese {
	background-color: #087e8b;
}
.bg-grigiobluchiaro {
	background-color: #8d99ae;
}
.bg-grigiochiaro {
	background-color: #edf2f4;
}
.bg-grigiobluscuro {
	background-color: #2b2d42;
}
.bg-bianco {
	background-color: #ffffff;
}
.bg-nero {
	background-color: #2a2a2a;
}


/* borders */
.border-rosso {
	border-color: #D0343A!important;
}
.border-turchese {
	border-color: #087e8b!important;
}
.border-grigiobluchiaro {
	border-color: #8d99ae!important;
}
.border-grigiochiaro {
	border-color: #edf2f4!important;
}
.border-grigiobluscuro {
	border-color: #2b2d42!important;
}
.border-bianco {
	border-color: #ffffff!important;
}
.border-nero {
	border-color: #2a2a2a!important;
}


/********** FONT WEIGHTS **********/
.font-weight-black {
	font-weight: 800;
}
.font-weight-bold {
	font-weight: 700;
}
.font-weight-semibold {
	font-weight: 600;
}
.font-weight-medium {
	font-weight: 500;
}
.font-weight-semilight {
	font-weight: 400;
}
.font-weight-light {
	font-weight: 300;
}
.font-weight-thin {
	font-weight: 200;
}
/********** 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-turchese, .btn-turchese:visited, .btn-turchese:not(:disabled):not(.disabled):active {
	color: #FFF;
	background-color: #087e8b;
	border: 3px solid #087e8b;
}
.btn-turchese:hover, .btn-turchese:focus, .btn-turchese:active {
	color: #fff;
	background-color: #2b2d42;
	border: 3px solid #2b2d42;
}
.btn-grigiobluscuro, .btn-grigiobluscuro:visited, .btn-grigiobluscuro:not(:disabled):not(.disabled):active {
	color: #FFF;
	background-color: #2b2d42;
	border: 3px solid #2b2d42;
}
.btn-grigiobluscuro:hover, .btn-grigiobluscuro:focus, .btn-grigiobluscuro:active {
	color: #fff;
	background-color: #D0343A;
	border: 3px solid #D0343A;
}
.btn-rosso, .btn-rosso:visited, .btn-rosso:not(:disabled):not(.disabled):active {
	color: #FFF;
	background-color: #D0343A;
	border: 3px solid #D0343A;
}
.btn-rosso:hover, .btn-rosso:focus, .btn-rosso:active {
	color: #fff;
	background-color: #2b2d42;
	border: 3px solid #2b2d42;
}

.btn-link, .btn-link:visited, .btn-link:not(:disabled):not(.disabled):active {
	color: #087e8b;
	font-weight:400;
	text-decoration:none;
	margin:0!important;
	padding:0;
	box-shadow: none;
}
.btn-link:hover, .btn-link:focus, .btn-link:active {
	color: #D0343A;
	text-decoration: none;
	box-shadow: none;
}


.btn-catena {
    position: relative;
    padding: 0 0 0 8rem;
    transition: none;
    margin-left: 5rem;
}
.btn-catena span {
	display: flex;
 	justify-content: center;
	flex-direction: column;
	height:10rem
}
.btn-catena::before {
	border-width: 5rem;
	border-style: solid;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #fff;
	z-index:1;		
	
}
.btn-catena::after {
	border-width:5rem;
	border-right-width:0;

	border-style: solid;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	width: 0;
	height: 0;
	
}
.btn-catena1.collapsed,  .btn-catena1:visited, .btn-catena1:not(:disabled):not(.disabled):active {
	color: #FFF;
	background-color: #025b63;
	border: none;
}
.btn-catena1, .btn-catena1:hover, .btn-catena1:focus, .btn-catena1:active {
	color: #fff;
	background-color: #2b2d42;
	border: none;
}
.btn-catena1.collapsed::after {
	border-color: transparent transparent transparent #025b63;
	z-index:3;	
}
.btn-catena1::after, .btn-catena1:hover::after, .btn-catena1:focus::after, .btn-catena1:active::after {
	border-color: transparent transparent transparent #2b2d42;
}


.btn-catena2.collapsed, .btn-catena2:visited, .btn-catena2:not(:disabled):not(.disabled):active {
	color: #FFF;
	background-color: #157d88;
	border: none;
}
.btn-catena2, .btn-catena2:hover, .btn-catena2:focus, .btn-catena2:active {
	color: #fff;
	background-color: #2b2d42;
	border: none;
}
.btn-catena2.collapsed::after {
	border-color: transparent transparent transparent #157d88;
	z-index:3;	
}
.btn-catena2::after, .btn-catena2:hover::after, .btn-catena2:focus::after, .btn-catena2:active::after {
	border-color: transparent transparent transparent #2b2d42;
}

.btn-catena3.collapsed, .btn-catena3:visited, .btn-catena3:not(:disabled):not(.disabled):active {
	color: #FFF;
	background-color: #459da3;
	border: none;
}
.btn-catena3, .btn-catena3:hover, .btn-catena3:focus, .btn-catena3:active {
	color: #fff;
	background-color: #2b2d42;
	border: none;
}
.btn-catena3.collapsed::after {
	border-color: transparent transparent transparent #459da3;
	z-index:3;	
}
.btn-catena3::after, .btn-catena3:hover::after, .btn-catena3:focus::after, .btn-catena3:active::after {
	border-color: transparent transparent transparent #2b2d42;
}
.btn-catena4.collapsed, .btn-catena4:visited, .btn-catena4:not(:disabled):not(.disabled):active {
	color: #FFF;
	background-color: #82c1c4;
	border: none;
}
.btn-catena4, .btn-catena4:hover, .btn-catena4:focus, .btn-catena4:active {
	color: #fff;
	background-color: #2b2d42;
	border: none;
}
.btn-catena4.collapsed::after {
	border-color: transparent transparent transparent #82c1c4;
	z-index:3;	
}
.btn-catena4::after, .btn-catena4:hover::after, .btn-catena4:focus::after, .btn-catena4:active::after {
	border-color: transparent transparent transparent #2b2d42;
}

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

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

}

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

}
/********** BORDERS **********/
.border-5 {
	border-width: 5px!important;
}
.br-3 {
    border-right: 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;
}
.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: #087e8b;
}
.custom-select {
	height: calc(3.21rem + 2px);
	vertical-align: top;
}

.form-check .form-check-input {
 
}
.form-check .form-check-label {
	line-height:1.4
}
.form-check-input:checked {
  background-color: #087e8b;
  border-color: #087e8b;
}
/********** MODAL **********/
.close {
	font-size: 3rem;
}

.modal-fulgard {
	border:none;
	background-image:url(../img/FULGARD_popup_siti_sfondo.png);
	background-position:center center;
	background-size:cover;
	border-radius:0;
}
.modal-fulgard .close{
	opacity:1;
}
	
/********** PILLS  **********/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #087e8b;
}

/********** TABS  **********/
.nav-tabs {
    border-bottom: 1px solid #8d99ae;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #2a2a2a;
	font-weight:500;
    background-color: #fff;
    border-color: #8d99ae #8d99ae #fff;
}

.nav-tabs .nav-link:hover {
	border-color: #8d99ae #8d99ae transparent;
	color:#D0343A;
}
.nav-link {
	color: #087e8b;
}
/********** 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: #D0343A;
	border-color: #D0343A;
}
.pagination .page-item.active .page-link {
	color: #fff;
	background-color: #087e8b;
	border-color: #087e8b;
}
.pagination .page-item.disabled .page-link {
	color: #fff;
	background-color: #d9dcdf;
	border-color: #d9dcdf;
}
.pagination .page-item.freccia .page-link {
	border-color: #D0343A;
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
	border-radius: 50%;
	border-color: #087e8b;
}
/********** 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 > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	position: relative;
	border: none;
	border-bottom: 1px solid #eee;
	line-height:1.4
}
.table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > 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;
}
.table a:hover {
	color: #D0343A
}

@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 > tbody > tr > td,  .table > tbody > tr > th,  .table > tfoot > tr > td,  .table > tfoot > tr > th,  .table > thead > tr > td,  .table > thead > tr > th {
		border-bottom: 1px solid #2b2d42;
		border-top: none;
		padding: 1rem;
	}
	.table > thead > tr > th {
		border-bottom: 1px solid #2b2d42;
	}
	thead tr {
		position: relative;
		top: 0;
		left: 0;
	}
	.table td, .table th {
		padding: 1rem;
	}
}
/********** BADGE **********/
.badge {
    font-weight: 400;
}
.badge.badge-primary {
    background-color: #8d99ae;
}
/********** HEADER **********/
#header {
/*padding: 1rem 0;*/


}
.navbar {
	/*padding-right: 15px;
	padding-left: 15px;*/
}
.navbar-expand-lg > .container {
	padding: inherit;
	/*align-items: end;	
	position:relative*/
}

.navbar-nav {
	background-color:rgba(43, 45, 66, 0.4);
}
.navbar .navbar-brand {
	padding: 2rem 0;
}
.navbar .navbar-brand img {
	width: 20rem;
}
.navbar .nav-item {
	/*background-color:#9fa3ad;*/
	padding:1rem;
}
.navbar .nav-item .nav-link {
	color: #ffffff;
	padding: 0;
	font-weight: 500;
	text-transform:uppercase;
	font-size: 1.6rem;
	border-bottom:1px solid #9fa3ad;
	font-weight:600

}
.navbar .dropdown-menu {
	padding: 0.5 0 0 0;
	border:none;
	background-color:#9fa3ac;
}
.navbar .dropdown-menu .container  {
	padding:0 0.5rem;
	

}
.navbar .dropdown-menu .container h5 {
	margin: 0.5rem 0;
	text-transform:uppercase;
	font-weight: 600;
}
.navbar .dropdown-menu .container h5 a {
	color: #ffffff;
	padding-bottom: 0.5rem;
}
.navbar .dropdown-menu .container  .fa-ul {
	padding-left: 0.5rem;
}
.navbar .dropdown-menu .container .nav-item {
	margin: 0;
	color: #087e8b;
	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:500;
}

.navbar .navbar-toggler {
	color: #087e8b;
	border-color: #087e8b;
	padding: .5rem 1rem;
}
.navbar .navbar-toggler:hover {
	color: #fff;
	border-color: #fff;
	background-color: #087e8b;
}


/* 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: 2rem 0;
	}
	.navbar .navbar-brand img {
		width: 16rem;
	}
	/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
	.navbar .nav-item {
		padding:0;
		margin: 0;
		font-size: 1.6rem;
		line-height: 1.6
	}
	.navbar .nav-item .nav-link {
		position: relative;
		padding: 2rem;
		text-transform:none;
		border:none;
		font-weight:500
	}
	.navbar .nav-item .nav-link .bordosotto{
		border-bottom: 4px solid transparent/*#9fa3ad*/;
		
	}
	.navbar ul li .nav-link:hover .bordosotto,
	.navbar ul li.show .nav-link .bordosotto,
	.navbar ul li .nav-link.show .bordosotto{
		/*color:#D0343A;*/
		border-bottom: 4px solid #D0343A;
	}
	.navbar ul .nav-item.active .nav-link span{
		color:#ffffff;		
		border-bottom: 4px solid #ffffff;
	}
	
	.dropdown-toggle::after {
		display: none;
	}

	/* makes the dropdown full width  */
	.navbar .dropdown {
		position: static;
	}
	.navbar .dropdown-menu {
		border: none;
		padding: 0;
		width: 100%;
		left: 0;
		right: 0;
		/*  height of nav-item  */
		top: 8.3rem;
		/*background: transparent;*/
		/*padding-top: 1.5rem;*/
		background:#9fa3ac
	}
	/* shows the dropdown menu on hover 
	.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
		display: block!important;
	}*/
	.navbar .dropdown-menu .container {
		border: none;
		/*background-color: rgba(43, 45, 66, 1);*/
		background-color:#9fa3ac;
		padding: 0 0 3rem 0;
		max-width:940px;
	}
	.navbar .dropdown-menu .container h3 {
		margin: 0 0 1.5rem 0;
	}
	.navbar .dropdown-menu .container h5 {
		margin: 0 0 1.5rem 0;
		/*text-transform:none;*/
	}
	.navbar .dropdown-menu .container h5 a {
		/*border-bottom: 1px solid #b9b9b9;*/
		padding-bottom: 0.5rem;
	}
	.navbar .dropdown-menu .container h5 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;	
		border-bottom:1px solid transparent;
	}
	.navbar .dropdown-menu .container .nav-item .nav-link span{
		color:#D0343A;
		border:none;
	}	
	/*.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: #edf2f4;*/
		border-bottom:1px solid #fff;


	}
	.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-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: 2rem 0;
	}
	.navbar .navbar-brand img {
		width: 20rem;
	}
	.navbar .dropdown-menu {
		top: 9.4rem;
	}
	.navbar .dropdown-menu .container {
		max-width:1120px;
	}	

}
/* 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;
}
/* Topmenu */
.nav.topmenu > li > .nav-link {
	border-left: 1px solid #ffb81c;
	position: relative;
}
.nav.topmenu > li > .nav-link:after {
	content: "•";
	position: absolute;
	bottom: -2.6rem;
	left: calc(50% - 0.5rem);
	font-size: 3rem;
	color: #fff;
}
.nav.topmenu > li > .nav-link:hover, .nav.topmenu > li > .nav-link:hover:after, .nav.topmenu > li > .nav-link.active, .nav.topmenu > li > .nav-link.active:after {
	color: #ffb81c;
}
.nav.topmenu > li:first-child > .nav-link {
	padding-left: 0;
	border: none;
}
/* Social */
#header .social {
	font-size: 1.8rem
}
#header .social a {
	color: #2a2a2a;
}
#header .social a:hover {
	color: #087e8b;
}


@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;
	}
	.nav.topmenu > li > .nav-link:after {
		bottom: -3rem;
	}
	/* Language */
	.navbar .nav-item.lang {
		position:relative;
		width:0;
		
	}
	.navbar .nav-item.lang  > .nav-link {
		position:absolute;
		bottom:0;
		right:-90px;
		color:#D0343A;
		min-width:90px
	}
	.navbar .nav-item.lang  > .nav-link:hover, .nav.lang  > .nav-link.active {
		color: #087e8b;
	}
}
/********** 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.8rem;
	font-weight: 500;
	/*border-top: 1px dashed #d5d5d5;*/
	color: #D0343A;
	text-transform:uppercase;
}
.sidebar .nav-item .nav-link span {
    color: #D0343A;
}
.sidebar .nav-item.titolo-menu {
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
	border: none;
	border-bottom:1px solid #8d99ae;

	
}
/*.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: #D0343A;
}
.sidebar .nav-item.active .nav-link, .sidebar .nav-item.active .nav-link::after {
	/*color: #087e8b;*/
	font-weight: 500;
	text-decoration:underline;
}
.sidebar .nav-item .sub-nav {
	padding-left: 0.5rem;
	margin-bottom: 1rem;
}
.sidebar .nav-item .sub-nav .nav-item .nav-link {
	color: #2a2a2a;
	padding-left: 0.5rem;
	font-weight: 500;
	font-size: 1.6rem;
	border: none;
	text-transform:none;
	text-decoration: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: #087e8b;*/
	text-decoration:underline;
}
.sidebar .nav-item .sub-nav .nav-item .nav-link:hover, .sidebar .nav-item .sub-nav .nav-item .nav-link:hover::after {
	color: #D0343A;
}
/********** BREADCRUMBS **********/
.breadcrumbs {
}
.breadcrumbs {
}
.breadcrumbs .breadcrumb {
	padding: 0;
	border-top: none;
	/*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 .breadcrumb {
		font-size: 1.4rem;
	}
}
/********** 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 .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 img {
	width: 80%;
	margin-bottom: 1rem;
}

@media screen and (min-width: 992px) {
	.oneforone {
		padding-top: calc(100% - 2rem); /* 1:1 Aspect Ratio */
	}
	.oneforone .cont h5 {
		font-size: 2rem;
	}
}
.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: #087e8b;
}

@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) {
}
/********** ICONE **********/


.icona img {
	width: 70%;
	margin-bottom: 1rem;
}
.icona h5 {
	font-weight:400;
	line-height:1;
}
/********** 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;
}

@media screen and (min-width: 992px) {
	.numeri {
		font-size: 2.4rem;
	}
	.numeri strong {
		font-size: 6rem;
	}
}
/********** SEPARATOR **********/
.separator {
	clear: both
}
.separator.solid {
	border-bottom: 1px solid #edf2f4;
}
.separator.dashed {
	border-bottom: 1px dashed #edf2f4;
	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%
}

.card .card-cat {
	position: relative;
}
.card .card-cat h6 {
	text-transform: uppercase;
	font-weight: 700;
	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;
}
.card.top-image .ico {
	position: absolute;
	top: 0.6rem;
	right: 0;
	width: 5rem;
}
.card.top-image .logo {
}
.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.banner {
	border-width:4px;		
}
.card.banner .card-title {
	/*position: absolute;*/
	bottom: 4.5rem;
	left: 4.5rem;
	right:4.5rem;
	top:4.5rem;
	opacity:.8;
	padding:4rem;
	margin:0;	
}
.card.banner .btn {
	position: absolute;
	bottom: 0;
	right:0;
	margin:0;
	max-height:4.5rem;
}
.card .card-footer {
	background-color:none;
	border:none;
	padding:0;
}
@media screen and (max-width: 991.98px) {
	.card.top-image .ico {
		background-color:transparent;
	}

}

@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: relative;
		
		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;
	}
	
}


@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 {
		
	}
	.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;
		border-radius: 50%;
	}
	.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 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-columns.columns-md-2 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
	.card.banner .card-title {
		position: absolute;
	}
}

@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);
	}
}
/********** ACCORDION **********/
.accordion .card {
	margin: 0;
}
.accordion .card .btn-link {
	margin: 0;
	padding: 0.5rem 0;
	color: #2a2a2a;
	width: 100%;
	text-align: left;
	font-weight: 400;
}
.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: #087e8b;
}
.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;
}
/********** GOOGLE MAP **********/

#map {
	height: 450px;
	width:100%
}

/********** HOME **********/

#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
}
@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;
		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;
	}
}
.embed-responsive-13by5::before {
	padding-top: 38.5%;
}




/********** ERROR **********/
span.input-error{
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}




/********** FOOTER **********/
#footer {
	background-color:#D0343A;
	margin-top:6rem;
}
.home #footer {
	margin-top:0;
}
#footer h5, #footer p {
	color: #fff;
}

#footer a {
	color: #fff;
}

#footer .btn-grigiobluscuro:hover {
	background-color:#fff;
	border: 3px solid #fff;
	color:#2b2d42
}
.copyright {
	background-color: #2b2d42;
}
.copyright h5, .copyright p, .copyright a {
	color: #fff;
}

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


}
/********** IUBENDA **********/
#iubenda-cs-banner{
	background-color:rgba(8,126,139,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 > p {
	font-size: 1.4rem;
	font-family: 'Branding', Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 500;
	color:#fff;
	margin-bottom:2rem;	
}

#iubenda-cs-banner .iubenda-banner-content > p .iubenda-cs-cookie-policy-lnk,
#iubenda-cs-banner .iubenda-cs-close-btn {
	color:#fff;
	font-size: 1.4rem;
	font-weight:600;
}
@media screen and (min-width: 576px) { 
	#iubenda-cs-banner .iubenda-banner-content > p,
	#iubenda-cs-banner .iubenda-banner-content > 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 > p,
	#iubenda-cs-banner .iubenda-banner-content > p .iubenda-cs-cookie-policy-lnk,
	#iubenda-cs-banner .iubenda-cs-close-btn  {
		font-size: 1.6rem;	
	}
}