.darabicKfont
{
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
 }
 
 .darabicKfontBold
{
    font-size: 12px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
    font-weight: bold;
 }   
 
 

    
body
{
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
 margin-top:0px;    
 background-color: #ffffff;    
    }     
  




.transparent-nav {
  background-color: transparent !important;
  border:0 !important;
}






.navbar-default .navbar-nav>li>a {
    color: #000000 !important;
}

.imgmargin
{margin: 0px !important;}



  .navfontBold
{
    font-size: 13px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
    font-weight: bold;
    color: #000000 !important;
 }  
  

.nav>li>a {
    position: relative;
    display: block;
    padding: 15px 0px 15px 0px;
}



/* 
.fromhome
 {margin-right: 20px;}
    */

 @media only screen and (max-width: 630px) {

           .transparent-nav {
             background-color: #ffffff !important;
             border:0 !important;
             }

       #space
       {display: none;}  

       #menuback 
       /*{display: none ;}   */
      {position:relative; width:100%;  height:80px; top:20px; right:0;  background-image:url('../Images/menu_back2.png'); background-repeat:  repeat-x; z-index:10; }

     /*
      .navfontBold {
          font-size: 14px !important;
      }
         */
      }

      @media only screen and (min-width: 768px) {
          .sep::after {
              content: '|';
              padding: 0px 20px 0px 20px;
              color: #7abc52;
          }

      }

            @media only screen and (max-width: 630px) {
          .container-fluid {
              width: 630px !important;
          }

          .container {
              width: 630px !important;
          }

      }
    
      @media only screen and (min-width: 632px) and (max-width: 997px) {

            .navfontBold
      {
       font-size: 11.5px;
       font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
       font-weight: bold;
       color: #000000 !important;
         }
            
                  .sep::after {
              content: '|';
              padding: 0px 5px 0px 5px;
              color: #7abc52;
          }
      }


       @media only screen and (max-width: 767px) {

           .transparent-nav {
             background-color: #ffffff !important;
             border:0 !important;
             }

              .sep::after {
              content: '';
              padding: 0px 5px 0px 5px;
              color: #7abc52;
          }
      }


    

     @media only screen and (min-width: 1200px) {

       #footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
         text-align: center;
         }   

           
      }


      @media only screen and (max-width: 1199px) {

       #footer.footerhidden {
         display: none;
         }
       

           
      }




   @media only screen and (min-width: 631px) {
  #dom-element {
background: url(../Images/videoback.jpg) no-repeat center top;
 width: 100%;
  height: 100%;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  margin-top:-60px;

            }

  #menuback    
{position:relative; width:100%; max-width: 1200px; height:105px; top:40px; right:0;  background-image:url('../Images/menu_back2.png'); background-repeat:  repeat-x; z-index:10; }



  #youmobile
  {display:none;}

 
      }

  .ImgScl
  {
    width: 100%;
    height: auto;
  }  
  
    .TEXT_BOX_FIELD
    {
        /*border*/
         /*border-radius: 20px;*/
         padding: 0px 10px 0px 5px;
         border-style:   solid;
         border-color:  #7cbb53;
         border-width: 1px;
         /**/
         background: #ffffff;
         font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
         color: #000000;
         font-size: 23px;
         font-weight:   bold;
         line-height:20px;
	     margin-top: 0px;
         direction:rtl;
         /*background-color:transparent;*/
     width:320px;
     height:54px;
    }

.DropDown_BOX_FIELD    {
        /*border*/
         /*border-radius: 20px;*/
         padding: 0px 10px 0px 5px;
         border-style:   solid;
         border-color:  #7cbb53;
         border-width: 1px;
         /**/
         background: #ffffff;
         font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
         color: #000000;
         font-size: 23px;
         font-weight:   bold;
         line-height:20px;
	     margin-top: 0px;
         direction:rtl;
         /*background-color:transparent;*/
     width:320px;
     height:54px;
    }

    
.requiredText   
 {
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
     color: #ff0000;
     font-size:18px;
 } 
 
 .message_error
 {
	font-size: 10px;
	font-weight:bold;
    color: #000000;     
     } 
     
 .ContactMsgSentName
 {
    direction:rtl;
    color:#f26f00;
    font-weight:bold; 
    line-height: 30px;
    font-size: 20px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
}

 .ContactMsgSentText
 {
    direction:rtl;
    color:#000000;
    font-weight:bold; 
    line-height: 30px;
    font-size: 20px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
}   

.redirectText
{
    line-height: 30px;
    font-size: 18px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
    color: #000000;
    font-weight: bold;
    }
    
.redirectTextTimer
 {
   line-height: 30px;
   font-size: 18px;
   font-family: 'Droid Arabic Kufi', Arial, David, Tahoma; 
   color: #f26f00;
   font-weight: bold;
    }



@media only screen and (min-width: 631px) {


    #mainPage1 {
        position: relative;
        width: 450px;
        height: 647px;
        background-image: url('../Images/regwindow1new.png');
        background-repeat: no-repeat;
        /*background-color: #ff0000;*/
    }

    #fnameField {
        position: absolute;
        bottom: 320px;
        left: 60px;
        width: 320px;
        height: 54px;
    }

    #lnameField {
        position: absolute;
        bottom: 254px;
        left: 60px;
        width: 320px;
        height: 54px;
    }

    #phoneField {
        position: absolute;
        bottom: 188px;
        left: 60px;
        width: 320px;
        height: 54px;
    }

    #emailField {
        position: absolute;
        bottom: 124px;
        left: 60px;
        width: 320px;
        height: 54px;
    }

    #DepField {
        position: absolute;
        bottom: 60px;
        left: 60px;
        width: 320px;
        height: 54px;
    }

    #Button_div {
        position: absolute;
        bottom: 0px;
        left: 160px;
        width: 113px;
        height: 49px;
    }

    #GoToReg {
        position: absolute;
        top: 626px;
        left: 296px;
        height: 54px;
        width: 208px;
        cursor: pointer;
    }


    #mainPage2 {
        position: relative;
        width: 800px;
        height: 537px;
        background-image: url('../Images/reg3back.jpg');
        background-repeat: no-repeat;
    }

    #messageBox {
        position: absolute;
        width: 641px;
        height: 154px;
        top: 355px;
        left: 81px;
    }

    .sendImageUrl {
        width: 113px;
        height: 49px;
        background-image: url('../Images/regbutton.png');
        background-repeat: no-repeat;
        border: 0px;
        cursor: pointer;
        background-color: transparent;
    }


    #webLink {
        position: absolute;
        bottom: 62px;
        left: 137px;
        height: 19px;
        width: 165px;
        cursor: pointer;
        right: 498px;
    }


    #mailLink {
        position: absolute;
        bottom: 11px;
        left: 175px;
        height: 36px;
        width: 35px;
        cursor: pointer;
        right: 590px;
    }

    #facebook {
        position: absolute;
        bottom: 13px;
        left: 229px;
        height: 36px;
        width: 35px;
        cursor: pointer;
        right: 536px;
    }

    #instagram {
        position: absolute;
        bottom: 12px;
        left: 281px;
        height: 32px;
        width: 33px;
        cursor: pointer;
        right: 486px;
    }
}





/*open for mobile*/

    @media only screen and (max-width: 630px)
{
         

          .mobcover {
              background: url('../Images/mobilecover.png');
              height: 100%;
              background-position: center;
              background-repeat: no-repeat;
              background-size: auto;
          }

          #player-control.playerhidden {
              display: none;
          }

          #dom-element.elementhidden {
              display: none;
          }


    
    .TEXT_BOX_FIELD
    {
        /*border*/
         /*border-radius: 20px;*/
         padding: 0px 10px 0px 5px;
         border-style:   solid;
         border-color:  #7cbb53;
         border-width: 1px;
         /**/
         background: #ffffff;
         font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
         color: #000000;
         font-size: 23px;
         font-weight:   bold;
         line-height:20px;
	     margin-top: 0px;
         direction:rtl;
         /*background-color:transparent;*/
     width:320px;
     height:54px;
    }

.DropDown_BOX_FIELD    {
        /*border*/
         /*border-radius: 20px;*/
         padding: 0px 10px 0px 5px;
         border-style:   solid;
         border-color:  #7cbb53;
         border-width: 1px;
         /**/
         background: #ffffff;
         font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
         color: #000000;
         font-size: 18px;
         font-weight:   bold;
         line-height:20px;
	     margin-top: 0px;
         direction:rtl;
         /*background-color:transparent;*/
     width:320px;
     height:54px;
    }

    
.requiredText   
 {
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
     color: #ff0000;
     font-size:18px;
 } 
 
 .message_error
 {
	font-size: 10px;
	font-weight:bold;
    color: #000000;     
     } 
     
 .ContactMsgSentName
 {
    direction:rtl;
    color:#f26f00;
    font-weight:bold; 
    line-height: 30px;
    font-size: 20px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
}

 .ContactMsgSentText
 {
    direction:rtl;
    color:#000000;
    font-weight:bold; 
    line-height: 30px;
    font-size: 20px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
}   

.redirectText
{
    line-height: 30px;
    font-size: 18px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
    color: #000000;
    font-weight: bold;
    }
    
.redirectTextTimer
 {
   line-height: 30px;
   font-size: 18px;
   font-family: 'Droid Arabic Kufi', Arial, David, Tahoma; 
   color: #f26f00;
   font-weight: bold;
    }

    

   #mainPage1 {
        position: relative;
        width: 630px;
        height: 1087px;
        background-image: url('../Images/mobile_box_new.png');
        background-repeat:  repeat-y;
    }



#youmobile {
            position: absolute;
        top: 700px;
        left: 57px;
        width: 516px;
        height: 287px;
}

    #fnameField {
        position: absolute;
        top: 311px;
        left: 145px;
        width: 320px;
        height: 54px;
    }

    #lnameField {
        position: absolute;
        top: 375px;
        left: 145px;
        width: 320px;
        height: 54px;
    }

    #phoneField {
        position: absolute;
        top: 439px;
        left: 145px;
        width: 320px;
        height: 54px;
    }

    #emailField {
        position: absolute;
        top:503px;
        left: 145px;
        width: 320px;
        height: 54px;
    }

    #DepField {
        position: absolute;
        top: 567px;
        left: 145px;
        width: 320px;
        height: 54px;
    }

    #Button_div {
        position: absolute;
        top: 628px;
        left: 258px;
        width: 113px;
        height: 49px;
    }

    #GoToReg {
        position: absolute;
        top: 462px;
        left: 207px;
        height: 54px;
        width: 208px;
        cursor: pointer;
    }


    #mainPage2 {
        position: relative;
        width: 800px;
        height: 566px;
        background-image: url('../Images/reg3back.jpg');
        background-repeat: no-repeat;
    }

    #messageBox {
        position: absolute;
        width: 641px;
        height: 154px;
        top: 355px;
        left: 81px;
    }

    .sendImageUrl {
        width: 113px;
        height: 49px;
        background-image: url('../Images/regbutton.png');
        background-repeat: no-repeat;
        border: 0px;
        cursor: pointer;
        background-color: transparent;
    }


    #webLink {
        position: absolute;
        bottom: 17px;
        left: 215px;
        height: 19px;
        width: 118px;
        cursor: pointer;
        right: 297px;
    }


    #mailLink {
        position: absolute;
        bottom: 12px;
        left: 110px;
        height: 27px;
        width: 27px;
        cursor: pointer;
        right: 493px;
    }

    #facebook {
        position: absolute;
        bottom: 13px;
        left: 148px;
        height: 25px;
        width: 24px;
        cursor: pointer;
        right: 458px;
    }

    #instagram {
        position: absolute;
        bottom: 13px;
        left: 184px;
        height: 24px;
        width: 21px;
        cursor: pointer;
        right: 425px;
    }

    #waze
{
        position: absolute;
        bottom: 15px;
        left: 76px;
        height: 24px;
        width: 21px;
        cursor: pointer;
        right: 533px;
}


}
/*end for mobile*/