body{direction:rtl;}
@font-face{font-family:'DroidKufiBold';
src:url(../fonts/droidkufi-bold.eot);
src:url(../fonts/droidkufi-bold.eot?#iefix) format('embedded-opentype'),url(../fonts/droidkufi-bold.woff) format('woff'),url(../fonts/droidkufi-bold.ttf) format('truetype'),url(../fonts/droidkufi-bold.svg#webfontRl4nowrT) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:'DroidKufiLight';
src:url(../fonts/droidkufi-regular.eot);
src:url(../fonts/droidkufi-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/droidkufi-regular.woff) format('woff'),url(../fonts/droidkufi-regular.ttf) format('truetype'),url(../fonts/droidkufi-regular.svg#webfontRl4nowrT) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:'MasrawyIcons';
src:url(../fonts/masrawyicons.eot?ref=1.1);
src:url(../fonts/masrawyicons.eot?#iefix) format("embedded-opentype"),url(../fonts/masrawyicons.woff?ref=1.1) format("woff"),url(../fonts/masrawyicons.ttf?ref=1.1) format("truetype"),url(../fonts/masrawyicons.svg?ref=1.1) format("svg");}
.clear{clear:both;}h1,h2{font-family:'DroidKufiBold';}p,h3{font-family:'DroidKufiLight';color:#fff;}span{font-family:'DroidKufiBold';font-weight:bold;}#nav>.links>li>a{font-family:'DroidKufiBold';}.icons li:nth-last-child(1){margin-left:12px;}.subTitle{color:#bd111c;}.listBox{width:32%;float:right;margin-left:1%;}.listBox p{text-align:center;margin:auto;}.listBox h3{color:#793715;}.image.main::before{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:'';}.image.main.infographic:before{content:none!important;}.lastContainer{background:#111111;border-top:1px solid white;border-bottom:1px solid white;padding:30px 0;}.teamNames{text-align:center;font-family:'DroidKufiLight';color:#fff;}.teamNames h1{font-size:16px;margin-bottom:12px;}


      .content {
      background: rgba(0, 0, 0, 0.5);
      color: #f1f1f1;
      width: 100%;
      height: 100%;
      text-align: center;
      }

      .content h1{
          margin-top: 300px;
      }


    .fristbg {height: 100vh; display: flex; align-items: center;justify-content: center;}
    .fristbg  .scend{position: absolute;padding-top: 100px}
    .bgimg-0 iframe{
      	width:100%;
      	height:100%;
      	position: absolute;
      	top:0;
      	left:0;
      	object-fit:fill;

    }
    .bgimg-0{
      background-image: url(../img/bg-head.jpg);
      animation: breath  10s;
      animation-fill-mode: forwards;

    }
    @keyframes breath  {
      0%   { background-size: 100% auto; }
    100% { background-size: 200% auto; }
}
    .cocoen{background-color: #0a0a0a}
    .md{height: auto !important;}
    .bgimg-1{
      background-image: url(../img/old.jpg);
      background-position: center;
      margin-top: 30px;
      display:flex;
    }
    .bgimg-2{
      background-image: url(../img/bgimg2.jpg);
      background-position: center;
    }
    .bgimg-3{
      background-image: url(../img/naga2.jpg);

      margin-top: 30px;
    }
    .bgimg-4{
      background-image: url(../img/bgahmed.jpg);
      margin-top: 30px
    }
    .bgimg-4 p{text-align: center;font-size: 20px}
    .bgimg-5{
      background-image: url(../img/bgma5.jpg);
      margin-top: 30px
    }
    .bgimg-5 p{text-align: center;font-size: 20px}
    .bgimg-6{
      background-image: url(../img/bgsamir6.jpg);
      margin-top: 30px
    }
    .bgimg-6 p{text-align: center;font-size: 20px}
    .bgimg-7{
      background-image: url(../img/bgsead7.jpg);
      margin-top: 30px
    }
    .bgimg-7 p{text-align: center;font-size: 20px}
    .bgimg-8{
      background-image: url(../img/bgfa8.jpg);
      margin-top: 30px
    }
    .bgimg-8 p{text-align: center;font-size: 20px}
    .bgimg-9{
      background-image: url(../img/bgah9.jpg);
      margin-top: 30px
    }
    .bgimg-99{
      background-image: url(../img/bgah99.jpg);
      margin-top: 30px
    }
    .bgimg-10{
      background-image: url(../img/bgbild.jpg);
      margin-top: 30px
    }
    .bgimg-11{
      background-image: url(../img/bgbild2.jpg);
      margin-top: 30px
    }


    .infogr{background-color: #111;}
    .infogr img{
      width: 100%;
      padding-top: 20px;
      height: auto;}
    .bgimg-9 p{text-align: center;font-size: 20px}
    .bgimg{
      position: relative;
      background-attachment: scroll;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 1;
      border: none
    }
    .show{
      display: none !important;
    }
    @media (max-width:800px) {
      .cocoen img {
        height: auto ;
    }
    .cocoen-drag, .cocoen {
    background: #0a0a0a !important;
  }
    .bgimg-10, .bgimg-11 {
        background-position: center center ;
        background-size: contain;
        background-color: #000;
      }
      .infogr img {
    background-position: center center ;
    background-size: contain;
  }
    }
    @media(max-width:635px)  {

      .content h1{
        margin-top: 150px;
      }
    }
      @media (max-width:550px){
        .cocoen img {    padding-top: 52px;}
}
    @media (max-width:430px){
      .blok h2{
          font-size: 1.5rem
      }
      .bgimg p {
    font-size: 14px !important;
  }
  .hassan .f2 .p2 {
    font-size: 14px !important;
}
      .bgimg-0{
        display: block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover !important;
        animation:none !important;
      }
      .cocoen-drag ,.cocoen{
        background: #0a0a0a !important;
      }

  .bgimg{
      background-position: center top;
      background-repeat: no-repeat;
      background-size: contain;
      background-color: #000;
      align-items: center !important;
      justify-content: center !important;
      }
      .hidden{
        display: none;
      }
      .show{
        display: block !important;
      }
    .tep{
      margin-top: 185px;
    }

    .bgimg-0 video{
      height: 50%;
    }
    .content h1{
      margin-top: 150px;
    }
    .infogr img{
      height: auto;
    }
    .bgimg-10 , .bgimg-11{background-position: center center !important;}
    }

    .bgimg:before {
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: -1;
      left: 0;
      top: 0;
      content: "";
    }



    .tep{
      padding: 10px;
      text-align: center;
      background: rgba(0, 0, 0,0.9);
    }

    .tep h3{
        color: #ff8100;
        text-align: left;
        font-size: 15px;
    }
    .tep p{font-size: 40px}
    .bgimg p{
        font-size: 15px;
        text-align: center;

    }
    .bgimg{    display: flex; align-items: flex-end;justify-content: flex-end;
}

    .blok{
      background-color: #000;
      width: 100%;
      height: 100vh;
      text-align: center;

    }
    .blok2{
      background-color: #000;
      width: 100%;
      height: 100vh;
    }

    .blok2 h2{padding-top: 100px;text-align: center;color: #fa2d2d}

    .hassan{
      padding-top: 30px;
    }
    .hassan .f1 p{text-align: center;font-size: 20px;font-weight: bold;}

    .hassan .f2 .p2 {text-align: center;font-size: 16px;}
    .h1{
      display: flex;
      align-items: center;
      justify-content: center;
      height: 600px
    }

    .blok h2 {line-height: 1.8;
    }
    .blok h3 {
      color: #ff8100;
      display: flex;
      justify-content: flex-end;
      margin-top: -100px;
      margin-left: 20px
    }
    .bgimg3 p {text-align: left;;}

    /*img caption */
    .imageHolder {
        position: relative;
        display: inline-block;
    }
    .imageHolder .caption {
        position: absolute;
        width: 283px;
        height: 50px;
        top: 280px;
        left: 20px;
        color: #ffffff;
        background: red;
      	text-align:center;
        font-size: 15px;
      	opacity:0.7;
    }
    .imageHolder .caption h3{
      font-size: 15px;
    }
.info {padding-top: 100px}

.video iframe{padding-top: 50px;background-color: #111;}
footer .copyright p{margin-bottom: 0;}
.panel1{height: 300px !important;}
.panel1 .teamNames {margin-top: 30px;}
.nobal img {padding-right: 10px}
.ad{display: flex;justify-content: center;align-items: center;}
.ad p{border: solid 1px #fff; width: 768px;height: 90px;text-align:center;}
.panel2{height: 300px !important;
    background-color: #111 !important;
    margin-bottom: -28px;
    margin-top: 68PX;}