body{background-color:#ec1c23;background-position: center center;background-repeat:  no-repeat;background-attachment: fixed;background-size:  cover;background-color:#000}body,table,tr,td,form,div,p,h1,h2,h3,h4{font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;font-size:small;font-style:normal;color:#3c3c3c;margin:0;padding:0}


a:link,a:visited,a:hover,a{font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;font-size:small;font-style:normal;color:#3c3c3c}a{text-decoration:none}


h1{font-family:Arial;color:#fff;font-size:9px;font-weight:600;margin:5  5px  10px}
h2{font-family:Arial;color:#000;font-size:19px;font-weight:600;margin:5  5px  10px}


#header{position:fixed;top:0px;width: 100%;overflow:hidden;min-height:90px;padding:-3px 0 1px 0;border-bottom:3px solid #fff;background-color:#000000}


 
#avatar{position:absolute;top:6px;left:20px}#header div.avatar img{max-height:145px;max-width:145px}
#text{min-width:220px;margin:-12 5px 1px 90px}


 /*Arabic Page */

#avatar-ar{position:absolute;top:6px;right:-20px}#header div.avatar-ar img{max-height:125px;max-width:125px}

#text-ar{min-width:220px;text-align:right;margin:16 100px 5px  30px}

#header-ar{position:fixed;top:0px;width: 100%;overflow:hidden;min-height:95px;padding:-3px 0 1px 0;border-bottom:3px solid #fff;background: linear-gradient(to left,#fff,#00666e)}

#text-header-ar{margin-top: 100px;height: 0px;padding:-20px}


#footer-ar{position:fixed;bottom:0px;width: 100%;overflow:hidden;min-height:60px;padding:6px 0 10px 0;border-top:3px solid #fff;background-color:#000}

#footer1-ar{position:fixed;bottom:69px;width: 100%;overflow:hidden;min-height:60px;border-bottom:3px solid #fff;background-color:#000 }


 /*End Arabic Page */

#breadcrumbs{position:fixed;top:81px;width: 100%;overflow: hidden;min-height:0px;text-indent:10px;padding:9px 10 10px 0;background:none repeat scroll 0 0 #000000;border-bottom:solid 2px #fff;padding-bottom:5px;margin:13px 0px}

 

#text-header{margin-top: 90px;height: 0px;padding:-20px}


 /* internal pages ... Branches */
 
 
#text-header1{margin-top: 150px;height: 0px;padding:-20px}


.contact-item{height:auto;background-color:#000000;border-bottom:2px solid #fff;border-top:2px solid #fff;display:block;margin-bottom:-1px;min-height:32px;padding:7px;position:static}
 
 
.contact-item1{height:auto;background-color:#ffffff;border:2px solid #ec1c23;display:block;margin-bottom:-1px;min-height:32px;padding:7px;position:static;border-radius:15px;}

span.n-lbl{font-family:Cairo-Black;font-weight:600;color:#ec1c23;display:block;margin-left:52px;margin-bottom:8px;margin-top:-40px;word-wrap:break-word}

span.n-lbl1{font-weight:600;color:#000000;display:block;margin-left:52px;margin-bottom:4px;margin-top:-40px;word-wrap:break-word}

span.lb2{font-family:Cairo-Black;font-weight:600;color:#000;display:block;margin-left:100px;margin-bottom:8px;margin-top:-28px;word-wrap:break-word}

span.value{font-family:Cairo-Black;display:block;color:#fff;margin-left:52px;word-wrap:break-word}span.value span.ttle{display:block;margin-top:5px;border-top:dotted 1px #999;padding-top:5px}span.value span.sub-value{margin-top:1px;display:block;color:#666}
span.value1{display:block;color:#000000;margin-left:52px;word-wrap:break-word}span.value span.ttle{display:block;margin-top:5px;border-top:dotted 1px #999;padding-top:5px}span.value span.sub-value{margin-top:1px;display:block;color:#666}

div.related-content{background-color:#ec1c23;margin:10px 10px 15px;padding:10px}
 


 /* engage */
 
#text-header-engage{margin-top: 120px;height: 0px;padding:-20px}

div.related-content1{background:linear-gradient(to  bottom, #000 0%, #000 100%);margin:-5px 10px 0px;width:200px;height:82px;border:4px solid #537bc5;padding:7px}

div.related-content2{background:linear-gradient(to  bottom, #000 0%, #000 100%);margin:10px 10px 15px;width:200px;height:75px;border:4px solid #3498db;padding:7px}

div.related-content3{background:linear-gradient(to  bottom, #000 0%, #000 100%);margin:10px 10px 15px;width:200px;height:80px;border:4px solid #d02122;padding:7px}

div.related-content4{background:linear-gradient(to  bottom, #000 0%, #000 100%);margin:10px 10px 15px;width:200px;height:75px;border:4px solid #8f3aa1;padding:7px}

div.related-content5{background:linear-gradient(to  bottom, #000 0%, #000 100%);margin:10px 10px 15px;width:200px;height:75px;border:4px solid #0077b5;padding:7px}

div.related-content6{background:linear-gradient(to top, #000 0%, #000 100%);margin:10px 10px 15px;width:200px;height:75px;border:4px solid #ca2128;padding:7px}

 /* end engage */

#footer{position:fixed;bottom:0px;width: 100%;overflow:hidden;min-height:50px;padding:6px 0 10px 0;border-top:2px solid #ec1c23;background-color:#000000}
 
#footer1{position:fixed;bottom:57px;width: 100%;min-height:30px;padding:0px 0 5px 0 ;background-color:#fff}

p{font-family:Cairo-Black; font-size:10; font-weight:600; color:#fff}

#p2 
{
 font-size:12;
 font-weight:600
;
 color:#fff;
 
 
}

#p3 
{
 font-size:9;
 font-weight:400
;
 color:#fff;
 
 
}

@font-face {
font-family: "Cairo-Black";
src: url("../eHotline/Cairo-Black.ttf");
}


#background-wrap {
    bottom: 0;
	left:20;
	position: fixed;
	right:20;
	top: 0;
	z-index: -1;
	
} 

/* KEYFRAMES */

@-webkit-keyframes animateBubble {
    0% {
        margin-bottom: 1000px;
    }
    100% {
        margin-bottom: -100%;
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-bottom: 1000px;
    }
    100% {
        margin-bottom: -100%;
    }
}

@keyframes animateBubble {
    0% {
        margin-bottom: 1000px;
    }
    100% {
        margin-bottom: -100%;
    }
}

@-webkit-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@-moz-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

/* ANIMATIONS */

.x1 {
    -webkit-animation: animateBubble 12s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 12s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 12s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: -5%;
	bottom: 5%;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}

.x2 {
    -webkit-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 5%;
	bottom: 10%;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.x3 {
    -webkit-animation: animateBubble 14s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 14s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 14s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 10%;
	bottom: 20%;
	
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	transform: scale(0.7);
}

.x4 {
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	
	left: 20%;
	bottom: 0;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.x5 {
    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 30%;
	bottom: 20%;
	
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}

.x6 {
    -webkit-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 50%;
	bottom: 0;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
}

.x7 {
    -webkit-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 65%;
	bottom: 70%;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.x8 {
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	
	left: 2%;
	bottom: 30%;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.x9 {
    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 30%;
	bottom: 50%;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}

.x10 {
    -webkit-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 80%;
	bottom: 80%;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}


.x11 {
    -webkit-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 10%;
	bottom: 20%;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

/* OBJECTS */

.bubble {

	background:url("../logo/lettuce.png");
    height: 88px;
	position: absolute;
	width: 86px;
	margin-top:200px;
}

.bubble2 {

	background:url("../logo/tomato.png");
    height: 96px;
	position: absolute;
	width: 100px;
	margin-top:200px;
}



.bubble3 {

	background:url("../logo/pepper.png");
    height: 160px;
	position: absolute;
	width: 139px;
	margin-top:200px;
}


.bubble4 {

	background:url("../logo/onion.png");
    height: 107px;
	position: absolute;
	width: 150px;
	margin-top:200px;
}

.bubble5 {

	background:url("../logo/meat.png");
    height: 102px;
	position: absolute;
	width: 150px;
	margin-top:200px;
}

 
  


 .bubble7 {

	background:url("../logo/mushroom.png");
    height: 128px;
	position: absolute;
	width: 200px;
	margin-top:200px;
}

 .bubble8 {

	background:url("../logo/bacon.png");
    height: 186px;
	position: absolute;
	width: 200px;
	margin-top:200px;
}