/* ==========================================================================
	footer
========================================================================== */
.footer {
	/* position: absolute; */
	right: 0;
	bottom: 0;
	left: 0;
	padding: 15px;
	background-color: #2B2B2B;
	text-align: center;
}
.footer .group{
	padding: 3px 0;
}
.footer .list+.list{
	padding-left: 20px;
}
.footer .footer-contact .list+.list{
    float: left;
}
.footer-contact .list:before{
	font-family: "icomoon";
    font-size: 22px;
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 10px;
}
.footer-contact .tel:before{
	content: "\e932";
}
.footer-contact .mail:before{
	content: "\e931";
}
.footer-contact .list span{
    position: relative;
	float: left;
    line-height: 31px;
}
.footer span,
.footer a{
	color: #FFF;
	font-size: 15px;
    line-height: 31px;
    white-space: nowrap;
}
.footer a{
	text-decoration: underline;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.footer-sort{
		width: 50%;
	}
	.footer .list{
		float: left;
	    clear: both;
	    width: 100%;
	}
	.footer .list+.list {
	    padding-left: 0;
	}
	.footer-sort.copyright span{
		text-align: right;
	}
}
@media screen and (max-width: 767px) {
	.footer-sort {
	    width: 100%;
	}
	.footer .list{
	    float: left;
	    display: block;
	    clear: both;
	    left: 50%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    position: relative;
	}
	.footer .list span,
	.footer .list a{
		text-align: center;
	}
}
@media screen and (max-width: 479px) {
	.footer-sort .list {
		display: block;
	}
	.footer .list span,
	.footer .list a{
		font-size: 12px;
	}
	.footer-contact .list:before{
		font-size: 18px;
	}
}