body #site-footer {
	color: #fff;
	background-color: #000;
	padding: 25px 0 27px;
}

#site-footer .footer-title {
	color: #fff;
	font-size: 26px;
	font-weight: 500;
	line-height: normal;
	border-bottom: 1px solid #0f0f0f;
	padding-bottom: 15px;
	margin: 0 0 25px;
}

#site-footer .footer-menus h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	margin: 0 0 17px;
}

ul.footer-items {
	list-style: none;
	padding: 0;
}
ul.footer-items li {
	margin: 5px 0;
}
ul.footer-items li a {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	outline: 0;
	text-decoration: none;
	transition: all 0.2s;
}
ul.footer-items li a:focus,
ul.footer-items li a:active {
	color: #fff;
}
ul.footer-items li a:hover {
	color: #eee;
	text-decoration: underline;
}


body .footer-credits {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
			justify-content: flex-end;
	border-top: 1px solid #0f0f0f;
	padding-top: 25px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 5+ ONLY */
	::i-block-chrome, body .footer-credits { display: block; }
	::i-block-chrome, body .footer-copyright { float: left; }
	::i-block-chrome, body ul.footer-menu { position: relative; top: -4px; }
	::i-block-chrome, body ul.footer-menu li { display: inline-block; }
}
body .footer-copyright {
	float: left;
	color: #ccc;
	margin-right: 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}


body .footer-menu-wrapper {
	display: inline-block;
}
body ul.footer-menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-moz-box-align: baseline;
		-ms-flex-align: baseline;
			align-items: baseline;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-webkit-box-pack: start;
		-ms-flex-pack: start;
			justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	font-size: 16px;
	line-height: normal;
}
body ul.footer-menu li {
	margin: 0 0 0 10px;
}
body .footer-top ul.footer-menu li a {
	font-weight: 400;
	line-height: normal;
	letter-spacing: normal;
}
body .footer-credits ul.footer-menu li a {
	color: #ccc;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: normal;
}
body ul.footer-menu li + li:before {
	content: '|';
	color: #ccc;
	font-size: 12px;
	font-weight: 400;
	margin-right: 10px;
}

@media (max-width: 700px) {
	body .footer-credits {
		display: block;
	}
	body .footer-copyright {
		float: none;
	}
	
	body ul.footer-menu {
		margin-bottom: 15px;
	}
	body ul.footer-menu li {
		margin: 0;
	}
	body ul.footer-menu li + li {
		margin: 0 0 0 10px;
	}
}
@media (max-width: 500px) {
	#site-footer .footer-title {
		font-size: 22px;
	}
}






