@charset "utf-8";

#divFixedFooter
{
	position:fixed; bottom:0; right:0; 
	width:100%; height:80px;
	z-index:20; 
	color:#fff; background: linear-gradient(to top, #232526, #414345);
	opacity:0.95;
	transition: all 0.5s ease;
	box-shadow: 0px -1px 5px #bbb;
}
#divFixedFooter.hidden
{
	height:0;
}
#divFixedFooter div.CampaignText
{
	position: absolute;top: 10px;left: 0;
	width: 300px;height: 50px;
	color:#fff;
	font-size: 16px;line-height: 100%; font-family: 'Heebo', sans-serif !important;
}
#divFixedFooter div.CampaignTitle
{
	position: absolute;	top: 15px;	right: 47px;
	width: 170px;	height: 40px;
	color: #ffffff;
	font-size: 18px; line-height: 100%; font-family: 'Heebo', sans-serif !important;
}
#divFixedFooter div.Close
{
	position:absolute;top:2px;left:2px;
	cursor:pointer;
}
#divFixedFooter div.Close::before
{
	content: "\f00d";
	font-size: 15px; font-weight: 900; font-family: 'font awesome\ 5 free';		
	color:#fff;
}
#divFixedFooter div.Icon
{
	display:block; 
	position:absolute; top:10px; right:0; 
	width:45px; height:45px;		
}
#divFixedFooter div.Icon::before
{
	content: "\f004";
	font-size: 35px; font-family: 'font awesome\ 5 free';		
	color:#fff;		
}
#divFixedFooter div.CampaignTarget
{
	position:absolute; top:17px; right:230px; 
	width:450px; height:30px; 
	background:#dd0000;background: linear-gradient(to left, #dd0000 10%,#880000 52%,#550000 100%); 
	border-radius:10px;
	box-shadow: 0 0 5px 0px #fff;
}
#divFixedFooter div.ProgressLeft
{
	position:absolute; top:3px; left:10px; 
	text-align:center;
	color:#dfdfdf; 
	font-size:10pt; font-weight:bold; line-height:100%; font-family:'Alef','Arial'; 
}
#divFixedFooterContent
{
	position:relative; 
	margin-right:auto; margin-left:auto;
	width:1000px; height:100%; 
}
#divFixedFooter div.ProgressNum
{
	position:absolute; top:0; left:20px; 
	text-align:center; 
	color:#a7ff00; 
	font-size:14pt; font-weight:bold; font-family:'Alef','Arial'; 
	text-shadow: #000 -3px 1px 5px;
}
#divFixedFooter div.CampaignProgress
{
	position:relative; 
	width:0%; height:100%; 
	background:#00dd00; background: linear-gradient(to right, #00dd00 10%,#008800 52%,#005500 100%); animation: Gradient 5s ease infinite;  background-size: 200% 200%;
	border-radius:10px; 
}
#imgFixedFooterBanner
{
	position:relative; margin-right:auto; margin-left:auto;
	display:block;
	width:220px; height:60px;
}
div.FooterContainer
{
	width:100%; 
    background: linear-gradient(to bottom, #0f2027, #203a43, #2c5364);
	color:#efefef;
}
#divFooterLeft
{
	color:#efefef;
	font-size:14px; line-height:1.5; font-family: 'Heebo', sans-serif;
}
div.FooterSocialBox
{
	display:flex;justify-content:space-evenly;
	margin: 5px 0;
    width: 190px;	
}
div.FooterIcon
{
	display:inline-block;
	text-decoration:none;
	color:#fff;		
}
div.FooterIcon:hover
{
	color:#ff0;
}
div.FooterIcon::before
{
	content: "";
	font-size: 30px; font-family: "Font Awesome 5 Brands";		
}
div.FooterIcon.FB::before {	content:"\f09a"; }
div.FooterIcon.IG::before {	content:"\f16d"; }
div.FooterIcon.YT::before {	content:"\f167"; }
div.FooterIcon.TW::before {	content:"\f099"; }
div.FooterIcon.RSS::before { font-weight: 900; font-family: 'font awesome\ 5 free'; content:"\f09e"; }
div.FooterIconLetter
{
	display:inline-block;
	text-decoration:none;
	color:#dfdfdf;		
    width: 40px;
    text-align: center;	
    margin: 5px 0;	
	transition: all 0.5s ease;	
}
div.FooterIconLetter:hover
{
	color:#3a1e6f;
}
div.FooterIconLetter::before
{
	content: "";	
	font-size: 30px;
}
div.FooterIconLetter.EN::before { content:"E"; font-weight:700; font-family: "Roboto", sans-serif; }
div.FooterIconLetter.HE::before { content:"ע"; font-weight:700; font-family: 'Rubik', sans-serif; }
div.FooterContainer div.LangContainer
{
	display:flex;
    position: relative;
    width: 100px;
    margin: 0 auto;	
}
@media only screen and (max-width: 1000px) 
{
	div.FooterContainer
	{
		padding:20px 0 100px 0;
	}
	div.FooterContainer img
	{
		display:block; 
		width:250px; 
		margin:0 auto;
	}
	div.FooterSocialBox	
	{
		justify-content: space-between;
		width:230px;
		margin:5px auto;
	}
	div.FooterDetails
	{
		margin:15px auto;
		width:230px;
		font-size:15px;line-height:1.5; font-family:'Tajawal', sans-serif;
	}
	#divFixedFooter
	{
		height:150px;
		z-index:10000000000;
		overflow: hidden;
	}
	#divFixedFooterContent	
	{
		width:95vw;
	}
	#divFixedFooter div.CampaignTarget
	{
		top:unset;bottom:15px;right:calc(50% - 40vw);
		width:80vw;
	}
	#divFixedFooter div.CampaignText	
	{
		top:55px;left:unset;right:48px;
		font-size:12px;
		width:80vw;
	}
	#divFixedFooter div.Close::before
	{
		font-size:25px;
	}
}