/* new version navigation
sparx-nav.css (unique differences from the original sparx-nav.css)
navigation.css (unique differences from the original navigation.css)
sparx-nav-base.css (common parts shared by both CSS files)
sparx-nav-base.css for share menu icon and frame
 */
@import url('/xtras/css/sparx-nav-base.css');
a:link {color: #003460;}
.w3-half{max-width:600px;}

/* Footer Style*/
.footer-header-inner{overflow: hidden;margin:0px auto;}


@media only screen and (max-width: 900px) {
	.fcontent {margin: 0px; padding: 0px 15px; width: 100%!important; }
	.md {width:100% ;border-bottom: 1px solid #CCC;margin:0px;}
	.category {display:none;}
	.logo-image-footer,.logo-EA-footer{display:none!important;}
	#footer .copyright {border: none;text-align: center;}
	/*style the (+) and (-) */
	.footer-heading-show{ display:none}
	.footer-heading-off{ display:block}
	.footer-heading-show,.footer-heading-off{width: 100%;font-size: 11px;text-decoration: none;opacity: .95;margin-right: 0;}
	.footer-hide {display:none;}
	.footer-show {display:block;}
	.footer-category-content a {font-size: 11px;padding:5px;display: block;}
	.footer-category-content a:hover {text-decoration: none!important; background-color: #DDD;color: #666}
    #footer .copyrightitems{clear: both; float:none;}
	#footer .copyrightitems a {font-size: 9px;padding:2px 5px;}
	#footer .copyright { margin:0px auto!important;text-align:center;max-width:285px;font-family: Arial,Helvetica,sans-serif;}
	.social ul li {padding: 0px; width: 20px;}
	.md{background-position: 98% 12px;background-repeat: no-repeat;}
	.md label {display: inline-block;cursor: pointer;line-height: 30px;font-size: 11px;vertical-align: middle;width:95%;margin: 0 10px;}
	.md ul {position: relative;height:0;overflow:hidden;transition:height .3s ease;margin:0px 0px 0px 20px!important;}
	#footer ul li a{font-size: 11px!important;padding: 5px;text-decoration: none!important;color: #666;line-height: 24px;}
	#footer ul li a:hover{background-color: #DDD;}
	#footer .social ul li a:hover{background-color: transparent;}
	#footer ul li:last-child{margin-bottom: 5px;}
	.md input {opacity: 0;visibility: hidden;}
	.md input:checked ~ ul {height: auto;}
	.md label::after {
		content:"";
		width: 10px;
		height: 30px;
		float: right;
		display: inline-block;
		background-image: url("/images/layout/bullet-transparent.png");
		background-repeat: no-repeat;
		background-size: 4px 7px;
		background-position: 2px 12px;
	}
	.md input[type=checkbox] {
		display: none;
	}
	.md input[type=checkbox]:checked ~ label::after {
		background-size: 7px 4px;
		background-image: url("/images/layout/bullet-transparent-open.png");
		background-position: 0px 12px;
	}
}

/* share icon */
@-webkit-keyframes fadeIn { 0% { opacity: 0; }  100% { opacity: 1; }}
@-moz-keyframes fadeIn {  0% { opacity: 0; }  100% { opacity: 1; }}
@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}
@keyframes fadeIn { 0% { opacity: 0; }  100% { opacity: 1; }}
#social-share {	position: fixed;	right: 0px;	top: 30%;z-index:10;background-color: #FFF;border-radius: 3px 0px 0px 3px;}
#social-share:hover{	height: auto;	width: 42px;}
#social-share a {display:inline-block;float: right;	width:42px;height: 39px!important;text-decoration: none;border: 1px solid #3F51B5;border-radius: 3px 0px 0px 3px;	border-right: 0;	font-size: 1.5em;box-sizing: border-box;}
#social-share a:not(:first-child) {	animation:fadeOut 0.5s;display: none;border-top: 0;height: 40px;}
#social-share:hover a:not(:first-child) {display: block;-webkit-animation: fadeIn 0.5s;-moz-animation: fadeIn 0.5s;-o-animation: fadeIn 0.5s;	animation: fadeIn 0.5s;}

/*new shareicon*/
.social-span{	display: inline-block;	width:100%;height:100%;	padding: 8px;	cursor: pointer;
	transition: all 0.4s ease-out;	-webkit-transition: all .4s ease-out;	-moz-o-trasition: all .4s ease-out;	-o-trasition: all .4s ease-out;
	background-size: 24px 24px, cover;	background-position: center, center;	background-repeat: no-repeat, no-repeat;	border-radius: 3px 0px 0px 3px;}
.icon-share{background-image:  url('/images/social/share-blue-24.png'), linear-gradient( rgba(255, 255, 255, 0.9),  rgba(255, 255, 255, 0.9)) ;}
#ashare:hover .icon-share{	background-image:  url('/images/social/share-white-24.png'), linear-gradient(to right, rgba(63, 81, 181, .9), rgba(63, 81, 181, .9));}
.icon-envelope{	background-image:  url('/images/social/mail-orange-24.png'), linear-gradient( rgba(255, 255, 255, 0.9),  rgba(255, 255, 255, 0.9)) ;}
#aemail:hover .icon-envelope{	background-image:  url('/images/social/mail-white-24.png'), linear-gradient(to right, rgba(255, 108, 0, .9), rgba(255, 108, 0, .9));}
.icon-linkedin{background-image:  url('/images/social/linkedin-grey-24.png'), linear-gradient( rgba(255, 255, 255, 0.9),  rgba(255, 255, 255, 0.9)) ;}
#alinkedin:hover .icon-linkedin{	background-image:  url('/images/social/linkedin-white-24.png'), linear-gradient(to right, rgba(96, 125, 139, .9), rgba(96, 125, 139, .9));}
.icon-twitter{	background-image:  url('/images/social/twitter-x-24.png'), linear-gradient( rgba(255, 255, 255, 0.9),  rgba(255, 255, 255, 0.9)) ;}
#atwitter:hover .icon-twitter{	background-image:  url('/images/social/twitter-x-24-white.png');background-color:#000;}
.icon-facebook{	background-image:  url('/images/social/facebook-blue-24.png'), linear-gradient( rgba(255, 255, 255, 0.9),  rgba(255, 255, 255, 0.9)) ;}
#afacebook:hover .icon-facebook{	background-image:  url('/images/social/facebook-white-24.png'), linear-gradient(to right, rgba(63, 81, 181, .9), rgba(63, 81, 181, .9));}

/*share tip*/
.sharetip { display:block; visibility: hidden; background-color: #FFF;color: #595959;padding: 5px;border-radius: 3px;position: absolute; z-index: 1;  border: 1px solid #DDD; right: 120%; text-align:center; margin-top:-50%; font-size:12px; width:120px;box-shadow: 1px 1px 1px 1px rgba(0, 0, 255, .1);margin-top:-90%;opacity: 0;
  transition: opacity 1s;}
.sharetip::after { content: " "; position: absolute; top: 50%;
  left: 100%; /* To the right of the tooltip */
  margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #DDD;}
#social-share > a:hover  .sharetip {visibility: visible; display:block; overflow:visible;opacity: 1;}