/*
====================================================

* 	[Master Stylesheet]
	
	Template Name 	:  Ratio
	Version    		:  1.0
	Author     		:  W3Engineers Ltd.
	Author URI 		:  https://themeforest.net/user/w3engineers 

====================================================
	
	TOC 
	
	*. FOOTER SECTION STYLING
		CONTACT AREA
		MAIN FOOTER
		SOCIAL ICONS
		RESPONSIVE 

======================================================


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

footer { padding: 70px 0; position: relative; z-index: 1; background: #191e1e; color: #b3b3b3; line-height: 24px }

footer .logo img{ height: 40px; width: auto; }
footer h5{ color: #00ffff;  }

footer ul > li > a{ color: white;  }

footer .footer-link > li > a:hover{ text-decoration: none; color:#00ffff;  }

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 .bi{ color: #108986; }

footer  a:hover{ text-decoration: none; color:#00ffff;  }

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

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

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

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

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

/* RESPONSIVE */

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

}

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


}