footer {
	background: white;
	box-shadow: 0 -3px 0 rgba(0, 0, 0, .1);
	font-size: 14px;
	line-height: 60px;
	position: relative;
	overflow: hidden;
	z-index: 10;
}

footer a {
	color: inherit;
	text-decoration: inherit;
}

footer ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

footer .social,
footer .copyright {
	display: block;
	float: right;
	height: 60px;
}

footer ul li,
footer .social {
	display: inline;
	padding: 0 20px;
}

footer ul li {
	padding-left: 0;
}

footer .social {
	padding-right: 0;
}

footer .twitter,
footer .facebook {
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	float: right;
	height: 60px;
	text-indent: -9999px;
	width: 40px;
}

footer .facebook {
	background-image: url(/National_Library/20160526010038oe_/https://www.checkout51.com/shared/assets/img/footer-facebook.min.svgz);
	margin-right: 10px;
}

.no-svg footer .facebook {
	background-image: url(/National_Library/20160526010038oe_/https://www.checkout51.com/shared/assets/img/footer-facebook.png);
}

footer .twitter {
	background-image: url(/National_Library/20160526010038oe_/https://www.checkout51.com/shared/assets/img/footer-twitter.min.svgz);
}

.no-svg footer .twitter {
	background-image: url(/National_Library/20160526010038oe_/https://www.checkout51.com/shared/assets/img/footer-twitter.png);
}

.main .footer-push {
	height: 60px;
}
body.offers .main .footer-push {
	height: 40px;
}

.snap-to-footer {
	bottom: 0;
	position: fixed;
}

@media (max-width: 768px) {
	footer {
		height: 220px;
		line-height: 48px;
		min-width: 270px;
	}
	.main {
		margin-bottom: -260px;
	}

	.main .footer-push {
		height: 220px !important;
	}
	body.index .main .footer-push {
		height:187px !important;
	}

	body.index footer {
		box-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
	}

	footer .social,
	footer .twitter,
	footer .facebook,
	footer .copyright {
		float: none;
	}
	footer .social,
	footer .copyright {
		display: block;
		text-align: center;
	}
	footer .social {
		padding: 0;
		height: 60px;
	}
	footer .facebook {
		margin: 0;
	}
	footer ul {
		float: none;
		text-align: center;
	}
	footer ul li:nth-child(4n+2) {
		padding-right: 0;
	}
	footer ul li:nth-child(2):after {
		content: '\00A0';
		display: block;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
}