$b: 'footer';

.#{$b} {
	width: 100%;
	padding: 30px 0 20px;
	background: $bg_color url( image_path('index_bb.jpg'))repeat-x bottom center;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	line-height: 2em;
	color: white;
	@include sff;
	li, p { line-height: 2em; }
}

.#{$b}__services {

	text-align: left;

	a {
		color: #fff;
		&:hover { color: orange; }
	}
}


.#{$b}__menu ul {
	display: inline-block;
	padding-top: 25px;
}

.#{$b}__menu li {
	display: inline-block;
	text-decoration: underline;
	margin: 10px 20px;
	@include sff;
}

.#{$b}__company {
	padding-top: 20px;
	font-size: 18px;
	@include sff;
}

.#{$b}__copyright {
	padding-top: 22px;
	@include sff;
	a {
		cursor: text;
		color: white;
		&, &:hover {
			text-decoration: none;
		}
	}
}

.#{$b}__counters {
	padding: 10px;
	color: $bg_color;
	@include sff;
}

@media (max-width: 443px) {
	.#{$b} { font-size: 14px; }
}