@import url("common.css");@media screen and (max-device-width:480px){#search div.radio-controls div.n-lbl{float:right;margin-right:5px;margin-top:6px}}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:#0071bd;font-size:12px;font-weight:600}h2{font-family:Bree Serif;color:#fff;font-size:22px;font-weight:600}.clear{clear:both}
#avatar{position:absolute;top:5px;left:14px}#header div.avatar img{max-height:90px;max-width:autopx}#text{min-width:220px;margin:25 0px 0px 120px}.no-avatar #text{min-width:220px;margin:0 5px 5px 10px;word-wrap:break-word}div.grad-mid{display:none}div.grad-light{display:none}#breadcrumbs{position:fixed;top:77px;width: 100%;overflow: hidden;min-height:0px;text-indent:10px;padding:9px 0 10px 0;background:none repeat scroll 0 0 #fff;border-bottom:solid 2px #5c226f;padding-bottom:5px;margin:13px 0px}
#breadcrumbs ul{list-style:none;margin:0;padding:0}#breadcrumbs ul li{display:inline}#text-header{margin-top: 97px;height: 0px;padding:-20px}div.error{color:red;font-size:13px;font-weight:700;margin:5px 10px}.contact-item{background-color:#02918e;border-bottom:1px solid #fff;border-top:1px solid #fff;display:block;margin-bottom:-1px;min-height:32px;padding:7px;position:static}.contact-item:hover{background-color:#06d2ca;}.crumb{color:#02918e;}.crumb:hover{color:#02918e;}
span.n-lbl{display:block;margin-left:52px;color:#fff;margin-bottom:3px;margin-top:-40px;word-wrap:break-word}span.value{display:block;color:#fff;margin-left:52px;word-wrap:break-word} 
#footer{padding-top:6px}#private-data{font-size:smaller;padding:7px 0 0 0;border-top:solid 1px #d1d1d1;margin:3px 10px 7px 10px}#private-data a{color:#000080;padding:0 0 0 2px}
#friend-request{border-top:solid 1px #d1d1d1;padding-top:8px;margin:3px 0 7px}#friend-request div{margin-right:12px;margin-top:5px}#search{border-top:solid 1px #d1d1d1;padding-top:8px;margin:5px 10px 5px 12px}#search div.slabel{margin-bottom:3px}#search div.input{float:right}#search div.button{float:right;padding:0 0 0 4px}
#search div.radio-controls{padding:5px 5px 10px}#search div.radio-controls div.radio{float:right}#search div.radio-controls div.n-lbl{float:right;margin-right:5px;margin-top:2px}#login{margin:0 5px}#login h1{margin:5px 0 15px}#login div{margin:5px 0}#login div.spacer{margin-bottom:15px}div.sponsored-links{background-color:beige;margin:10px 10px 15px;padding:10px}
div.related-content{background-color:#f6e8e4;margin:10px 10px 15px;padding:10px}#breadcrumbs ul li a,#login a{color:#000080;text-decoration:underline}#search div.input input,#login div input.txtbox{border:solid 1px #d1d1d1;padding:2px}div.sponsored-links div.advert,div.related-content div.item{margin:0 0 11px}
div.sponsored-links div.advert h4,div.related-content div.item h4{font-weight:400;color:#7eaaac;text-decoration:underline;margin-bottom:2px}div.sponsored-links div.advert h4 a,div.related-content div.item h4 a{color:#7eaaac}div.sponsored-links div.advert a.link,div.related-content div.item a.link{display:block;color:#7eaaac;margin-top:2px}
div.sponsored-links div.bottom-title,div.related-content div.bottom-title{font-size:smaller;text-align:right}div.vouchers{margin:10px 10px 15px 10px;padding:10px}
div.voucher h4,div.voucher h4 a{text-align:center;color:#0061b4;font-size:13px;font-weight:normal;margin:3px 0 3px 0;text-decoration:underline}div.voucher p{color:#505251;font-size:12px;text-align:center;margin:0;padding:0}div.voucher p.promo{margin:4px 0 6px 0}div.voucher a.external-link{color:#019340;text-decoration:none}
div.voucher a.external-link:hover{text-decoration:underline}div.imgads{margin-right:10px}div.imgad{margin-top:10px}img.imgad-img{border:0;max-width:300px;max-height:225px}
div.related-content div.item p a{color:#3c3c3c}
div.related-content1{background-color:#2b763b;margin:-5px 10px 0px;width:200px;height:75px;border:4px solid #fff;padding:7px}
div.related-content2{background-color:#2b763b;margin:10px 10px 15px;width:200px;height:75px;border:4px solid #459cd1;padding:7px}div.related-content5{background-color:#522720;margin:10px 10px 15px;width:200px;height:90px;border:4px solid #d02122;padding:7px}div.related-content4{background-color:#4b0358;margin:10px 10px 15px;width:200px;height:75px;border:4px solid #bd4fb1;padding:7px}
p{font-weight:600; color:#ffffff;text-align:center}
p {
  color:#fff;

}

p:hover {
  color:#fff;
}
@font-face {
font-family: "Al-Jazeera-Arabic-Bold";
src: url("../eHotline/Al-Jazeera-Arabic-Bold.ttf");
} 
#footer{position: fixed; bottom: 0px; width: 100%; height: 60px; background: linear-gradient(to bottom right, #0303d5 37%, #0303d5 100%);border-top:3px solid #fff;padding: 5px 5px}

html {
 background: linear-gradient(25deg,#184574,#1d89fa);height:750px;

 
}

@-webkit-keyframes pulsate {
  0% {
    background-color: #087dc3;
  }
  25% {
    background-color: #3807ee;
  }
  50% {
    background-color: #2196F3;
  }
  75% {
    background-color: #576ab2;
  }
  100% {
    background-color: #2280ff;
  }
}
@-moz-keyframes pulsate {
  0% {
    background-color: #087dc3;
  }
  25% {
    background-color: #3807ee;
  }
  50% {
    background-color: #2196F3;
  }
  75% {
    background-color: #576ab2;
  }
  100% {
    background-color: #2280ff;
  }
}
@-o-keyframes pulsate {
  0% {
    background-color: #087dc3;
  }
  25% {
    background-color: #3807ee;
  }
  50% {
    background-color: #2196F3;
  }
  75% {
    background-color: #576ab2;
  }
  100% {
    background-color: #2280ff;
  }
}
@keyframes pulsate {
  0% {
    background-color: #087dc3;
  }
  25% {
    background-color: #3807ee;
  }
  50% {
    background-color: #2196F3;
  }
  75% {
    background-color: #576ab2;
  }
  100% {
    background-color: #2280ff;
  }
}
@-webkit-keyframes move {
  to {
    stroke-dashoffset: -1200;
  }
}
@-moz-keyframes move {
  to {
    stroke-dashoffset: -1200;
  }
}
@-o-keyframes move {
  to {
    stroke-dashoffset: -1200;
  }
}
@keyframes move {
  to {
    stroke-dashoffset: -1200;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@-moz-keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
html {
  height: 100%;
  left: 0;

  top: 0;
  width: 100%;
  z-index: 9999999;
  -webkit-animation-duration: 80s;
  -moz-animation-duration: 80s;
  -o-animation-duration: 80s;
  animation-duration: 80s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: pulsate;
  -moz-animation-name: pulsate;
  -o-animation-name: pulsate;
  animation-name: pulsate;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
}
.loader svg {
  left: 0;
  position: absolute;
  top: 38%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.animation {
  fill: none;
  stroke: #ffffff;
  stroke-linecap: square;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  opacity: 1;
  stroke-dasharray: 600;
  -webkit-animation: move 5s linear forwards infinite, fade 5s linear infinite;
  animation: move 5s linear forwards infinite, fade 5s linear infinite;
}




.card {

  margin: 0px auto;

  color: #2b763b;
 

}


.card .bio {
  position: relative;
  margin: 0px;
  font-family: Merriweather Sans;
  animation: slidein 1.2s;
}


@keyframes fadein {
  from {
    color: transparent;
  }
  to {
    color: inherit;
  }
}
@keyframes grow {
  from {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes slidein {
  from {
    opacity: 0;
  }
  49.9% {
    opacity: 0;
  }
  50% {
    left: -240px;
  }
  to {
   left: 0;
  }
}




#header{position:fixed;top:0px;width: 100%;overflow:hidden;min-height:95px;max-height:105px;padding:-3px 0 1px 0;border-bottom:3px solid #fff;background:linear-gradient(to top right, #0303d5 37%, #0303d5 100%)}


.wave,
        .wave::before,
        .wave::after {
            content: '';
            position: absolute;
            top: 90%;
            left: 50%;
            width: 250vw;
            height: 250vw;
            margin-left: -125vw;
            transform-origin: 50% 50%;
            background-image: linear-gradient( rgba(150,255,255,0.5),  );
            border-radius: 38% 42%;
            box-shadow: inset 0 0 10vw rgba(255,255,255,0.5);
            animation: spin 16s infinite linear;
            z-index: 10;
        }

     

        @keyframes  spin {
            100% { transform: rotate(360deg); }
        }