footer {
	.footer-sedi-orari{
		.footer-sede-orari{
			padding-top: 71px;
			display: none;
			&.active{
				display: block;
			}
		}
	}
	.legals{
		margin: 0;
		padding: 0;
		list-style-type: none;
		@media all and (min-width:@screen-sm) {
			text-align: right;
		}
		li{
			display: inline-block;
			padding: 0 0 0 2px;
			&:after{
				display: inline-block;
				content:"|";
				padding-left: 3px;
			}
			a{
				color:#000;
			}
			&:last-child:after{
				content: none;
			}
			&:first-child{
				padding-left: 0;
			}
		}
	}
	margin-top: 33px;
	width: 100%;
	color: #2f3538;
	padding-bottom: 34px;
	.footer-topbar{
		margin-bottom:30px;
		background-color: #dee1e3;
	}
	.timetable{
		padding-top: 20px;
		.table > tbody > tr:first-child > td{
			border-top:none;
			padding: 10px 9px;
		}
		.table > tbody > tr > td{
			padding: 9px;
		}
	}
	.footer-sedi{
		a{
			display: block;
			margin-bottom: 10px;
		}
		@media all and (min-width:@screen-sm) {
			a{
				cursor: pointer;
				&.active{
					color: #0099da;
				}
			}
		}
		@media all and (max-width:@screen-xs-max) {
			border:1px solid  #dee1e3;
			border-radius: 6px;
		}
		h3{
			@media all and (max-width:@screen-xs-max) {
				position: relative;
				&:before{
					content:" ";
					position: absolute;
					right: 15px;
					top: 50%;
					margin-top: -13px;
					width: 16px;
					height: 26px;
					background-repeat: no-repeat;
					background-position: center center;
					background-size: 13px auto;
					transform: rotateZ(90deg);
					background-image: url('data:image/svg+xml;utf8,<svg id="6803e53c-8c5a-423f-9555-ef657aa6b22e" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.26 25.46"><polygon points="3.54 25.46 0 21.92 9.19 12.73 0 3.54 3.54 0 16.26 12.73 3.54 25.46" style="fill:%230099da"/></svg>');
				}
				cursor: pointer;
				padding: 15px;
				margin:0;
				&.active{
					&:before{
						transform: rotateZ(270deg);
					}
				}
			}
		}
		ul{
			display: none;
			@media all and (min-width:@screen-sm) {
				display: block !important;
			}
			margin:0;
			padding: 0;
			list-style-type: none;
			h4{
				margin-bottom: 0;
			}
			li{
				padding: 15px;
				@media all and (min-width:@screen-sm) {
					padding: 15px 0;
				}
				border-bottom: 1px solid #dee1e3;
				&:last-child{
					border-bottom: none;
				}
			}
			a{
				display: block;
				color:#333;
				&:hover{
					color: @brand-primary;
					text-decoration: none;
				}
			}
			a.btn{
				display: inline-block;
			}
		}
	}
}
.social-element, .menu-element{
	padding-top: 16px;
	height: auto;
	width: 100%;
	a{
		.icon-wrapper{
			line-height: 32px;
			text-align: center;
			display: inline-block;
			width: 32px;
			height: 32px;
			border-radius: 100%;
			color: #fff;
			font-size: 18px;
			margin-right: 15px;
			background-color: #babbbb;
		}
		color: #2f3538;
		display: block;
		width: 100%;
		font-size: 14px;
		line-height: 16px;
		&:hover{
			color:#0068aa;
		}
		@media all and (min-width:@screen-sm) {
			padding-left: 10px;
		}
	}
}
.social-element {
	&:first-child{
		margin-top: 56px;
	}
	a{
		line-height: 32px;
		&:hover{
			color: @brand-primary;
			text-decoration: none;
			.icon-wrapper{
				background-color: @brand-primary;

			}
		}
	}
}
.footer-topbar-text {
	position: relative;
	color: #2f3538;
	line-height: 35px;
	vertical-align: middle
}

.footer-topbar-icon svg {
	margin-left: 6px;
	width: 10px;
	height: 10px
}

@media all and (min-width:@screen-sm) {
	.footer-topbar-icon svg{
		margin-left: 16px
	}
	.social-element, .menu-element {
		height: 50px;
		display: table;
		padding-top: 0;
		a{
			border-top: 1px solid #dee1e3;
			display: table-cell;
			vertical-align: middle;
		}
	}
	.menu-element-row{
		>div:nth-child(-n+3) a{
			border-top: 0;
		}
	}
	.social-element:first-child a{
		border-top: 0;
	}
}

@media all and (min-width:@screen-sm) {
	footer {
		padding: 0 0 44px 96px
	}
}


#static-socials{
	display: none;
	@media all and (min-width:@screen-sm) {
		margin:0;
		display: block;
		padding: 0;
		position: fixed;
		top:55%;
		width: 60px;
		right: 0;
		list-style-type: none;
		overflow: visible;
		z-index: 101;
		li{
			position: relative;
			overflow: visible;
			display: block;
			height: 60px;
			margin-bottom: 2px;
			a{
				line-height: 60px;
				overflow: hidden;
				display: block;
				position: absolute;
				right: -100px;
				width: 160px;
				font-size: 18px;
				color:@brand-primary;
				transform-origin: right top;
				transition: 240ms;
				height: 60px;
				.icon-wrapper{
					display: inline-block;
					width: 60px;
					height: 60px;
					text-align: center;
					font-size: 145%;
				}
				.text-wrapper{
					position: relative;
					top:-4px;
				}
				background-color: #2f3538;
				&:hover{
					right: 0;
					text-decoration: none;
					color:#fff;
				}
			}
		}
	}
	@media all and (max-height:400px) {
		display: none;
	}


}
#vw-back-to-top-xs{
	display: none;
}
@media all and (max-width:768px) {
	#vw-back-to-top-xs{
		bottom: 20px;
		right: 15px;
		display: block;
		z-index: 9999;
		position: fixed;
		> a{
			display: block;
			color: #fff;
			text-decoration: none;
			width: 52px;
			height: 52px;
			border-radius: 50%;
			text-align: center;
			background-color: #00b1eb;
			opacity: .5;
			> svg{
				fill: white;
				width: 20px;
				height: 18px;
				margin-top: 16px;
			}
		}
	}
}