﻿
.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
{
 margin-top:0px;    
 background-color: #ffffff;    
    }     
  
  .ImgScl
  {
    width: 100%;
    height: auto;
  }  


    .TEXT_BOX_FIELD
    {
             /*border*/
         border-radius: 15px;
         padding: 0px 10px 0px 5px;
         border-style:   solid;
         border-color:  #e6e6e6;
         border-width: 1.5px;
         /**/
         background: #ffffff;
         font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
         color: #686868;
         font-size: 23px;
         font-weight:   bold;
         line-height:20px;
	     margin-top: 0px;
         direction:rtl;
         /*background-color:transparent;*/
     width:440px;
     height:50px;
    }

.DropDown_BOX_FIELD    {
    /*border*/
         border-radius: 20px;
         padding: 0px 10px 0px 5px;
         border-style:   solid;
         border-color:  #eb8bb5;
         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:440px;
     height:50px;
    }



::-webkit-input-placeholder { /* Edge */
  color: #686868;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #686868;
}

::placeholder {
  color: #686868;
}


   
.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:800px;  height:1826px;  background-image:url('../Images/tdres1.jpg'); background-repeat: no-repeat}
    
    #fnameField {
        position: absolute;
        bottom: 455px;
        left: 176px;
     width:440px;
     height:50px;
    }


    #lnameField {
        position: absolute;
        bottom: 388px;
        left: 176px;
     width:440px;
     height:50px;
    }

    #phoneField {
        position: absolute;
        bottom: 321px;
        left: 176px;
     width:440px;
     height:50px;
    }

    #emailField {
        position: absolute;
        bottom: 254px;
        left: 176px;
     width:440px;
     height:50px;
    }

    #DepField {
        position: absolute;
        bottom: 624px;
        left: 291px;
     width:440px;
     height:50px;
    }
  
    
#Button_div    
{
position:absolute; 
bottom:193px; 
left:330px;
    width:131px;
    height: 38px;
}


#GoToReg    
{position:absolute;  top:89px; 
left:168px; 
height:32px; 
width: 161px; 
cursor:pointer;
}


#regLink
{position:absolute;  top:1070px; 
left:228px; 
height:38px; 
width: 345px; 
cursor:pointer;
}
    
#mainPage2
{position:relative; width:800px; height:500px; background-image:url('../Images/tdres2.jpg'); background-repeat: no-repeat}

#messageBox
{position:absolute; width:641px; height:154px; top: 280px; 
left: 85px;
}

.sendImageUrl
{
    width:131px;
    height: 38px;
    background-image:url('../Images/regContinue.png');
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer; 
    background-color:transparent;   
    }
  

#webLink
{position:absolute;    bottom:13px; 
left:240px; 
height:21px; 
width: 121px; 
cursor:pointer; right: 439px;
}  
   
#qsmMailLink
{position:absolute;   bottom:12px; 
left:126px; 
height:23px; 
width: 26px; 
cursor:pointer; right: 648px;
}

#contMailLink
{position:absolute;   bottom:105px; 
left:160px; 
height:21px; 
width: 247px; 
cursor:pointer; right: 393px;
}

#facebook
{position:absolute;   bottom:11px; 
left:166px; 
height:22px; 
width: 23px; 
cursor:pointer; right: 611px;
}

#instagram
{position:absolute;   bottom:15px; 
left:205px; 
height:21px; 
width: 21px; 
cursor:pointer; right: 574px;
}


#GoToReg    
{position:absolute;  top:200px; 
left:297px; 
height:44px; 
width: 198px; 
cursor:pointer;
}

/*
#whatsapp
{position:absolute;    bottom:124px; 
left:342px; 
height:19px; 
width: 163px; 
cursor:pointer; right: 295px;
}
*/
/*************/


@media only screen and (min-width: 631px) {

    #waze {
        display: none;
    }

    #Callme {
        display: none;
    }
}


/***************/



/*open for mobile*/
@media only screen and (max-width: 630px)
{

    #waze
{position:absolute;   bottom:13px; 
left:90px; 
height:21px; 
width: 23px; 
cursor:pointer; right: 687px;
}

#Callme
{position:absolute;    bottom:105px; 
left:471px; 
height:21px; 
width: 165px; 
cursor:pointer; right: 164px;
}


}
/*end for mobile*/
