
/* ---------------------------------
*. FOOTER SECTION STYLING
--------------------------------- */

footer { padding: 70px 0; position: relative; z-index: 1; background: #222; color: #fff; }

footer .logo img{ height: 40px; width: auto; }

footer ul > li > a{ text-decoration: underline;  }

footer .footer-link > li > a:hover{ text-decoration: none; }

footer .left-area ul > li > a{ padding-right: 10px; }

footer .right-area{ text-align: right; /*margin-top: 15px;*/ }

footer .right-area ul > li > a{ padding-left: 10px; }

footer .icons > li > a{ padding: 0 10px; font-size: 1.4em; color: #aaa; } 
	
footer .icons > li > a:hover{ color: #035ccc; }



footer.bgwhite { padding: 70px 0 40px; border-top: 1px solid #eee; background: #f4f7fc; color: inherit; }

footer.bgwhite .icons > li > a{ padding: 0; padding-right: 20px; color: #666; }

footer.bgwhite .mail-icon{ font-size: 1.5em; margin-right: 10px; color: #666; 
	transform: translateY(4px); }

footer.bgwhite .footer-link > li > a{ margin-right: 10px; }

footer.bgwhite .copyright{ line-height: 2; }

/* RESPONSIVE */

@media only screen and (max-width: 778px) {
	
	footer{ text-align: center; padding: 50px 0; }
	
	footer.bgwhite{ padding: 50px 0 20px; }
	
	footer .right-area{ text-align: center;}

}

@media only screen and (max-width: 576px) {
	


}
