@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
*{
    margin:0px;
    padding:0px;
}
body {
    direction:ltr;
}

#TopHeader{
    width:100%;
    float:right;
    background-color:#fff;
    height:90px;
    border-bottom:4px solid #412986;
}
#logo {
    float: left;
    background-image: url('../image/logo-en.png');
    width:276px;
    height:66px;
    margin-top:12px;
    margin-left:30px;
}
#topMenu{
    float:right;
    margin-right:30px;
    width:880px;
    text-align:left;
    font:bold 16px/30px 'calibri',  'Droid Sans', sans-serif;
    margin-top:42px;
    clear:right;
}
#topMenu ul{
    list-style-type:none;
}
    #topMenu ul li{
        float:left;
        margin-left:30px;

    }
    #topMenu ul li a{
        font:bold 20px/35px 'calibri',  'Droid Sans', sans-serif;
        text-decoration:none;
        color:#412986;
          transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
    }
        #topMenu ul li a:hover {
            color:#76be49;
        }
#bg-img {
    width:100%;
    height:930px;
    overflow:hidden;
    position:relative;
    float:right;
    border-bottom:5px solid #76be49;
    box-shadow:2px 2px 2px #808080;
}
#bg-img #bgIMG img{
    width:100%;
    min-height:930px;
    height:auto;
}
#centerBoxs{
    width: 990px;
    clear: both;
    position: absolute;
    z-index: 1;
    top: 120px;
    height: 830px;
    
    right:50%;
    margin-right:-495px;
}
.f-box{
    float:left;
    width:300px;
    padding-right:15px;
    padding-left:15px;
    margin-bottom:45px;
    height:215px;
    overflow:hidden;
}
.req-service{
    width:125px;
    height:125px;
    background-color:#76be49;
    margin:0 auto;
    position:relative;
    text-align:center;
    color:#fff;
    line-height:125px;
    display:block;
    border-radius:65px;
    cursor:pointer;
    font-size:45px;
     transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
}
.req-service-txt{
    text-align:center;
    width:250px;
    height:40px;
    background-color:#fff;
    position:absolute;
    bottom:-20px;
    right:-8px;
    font:16px/40px 'calibri',  'Droid Sans', sans-serif ;
    color:#3a3a3a;
    border-radius:20px;
              transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
        margin-right:-55px;
}
.req-service:hover {
    transform:scale(0.9);
    -o-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -webkit-transform:scale(0.9);
}
.req-service:hover  .req-service-txt{
    background-color:#412986;
    color:#fff;
}
.service-tit{
    width:100%;
    float:right;
    text-align:center;
    height:42px;
    color:#76be49;
    font:bold 21px/42px 'calibri',  'Droid Sans', sans-serif ;
    padding-top:25px;
}
.det-service{
    text-align:center;
    color:#fff;
    cursor:pointer;
    font:16px/25px 'calibri',  'Droid Sans', sans-serif ;
    width:100%;
    height:25px;
    float:right;
    transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
        text-transform: uppercase;
}
.det-service:hover {
    color:#76be49;

}
.contactUs,.Wrapper{
    width:925px;
    margin:0 auto;
    clear:both;
    min-height:10px;
}
.Wrapper {
min-height:450px;
}
.tit-ContactUs{
    color:#76be49;
    width:100%;
    float:right;
    height:30px;
    line-height:30px;
    font:bold 34px/30px 'calibri',  'Droid Sans', sans-serif ;
    text-align:center;
    margin-top:45px;
    text-transform:uppercase;
}
.tit-ContactUs2 {
     color:#555;
    width:100%;
    float:right;
    height:30px;
    line-height:30px;
    font:20px/30px 'calibri',  'Droid Sans', sans-serif ;
    text-align:center;
    margin-top:25px;
    text-transform:uppercase;
}
.seperator-border{
    height:1px;
    width:170px;
    clear:both;
    margin:0 auto;
    display:block;
    background-color:#cccccc;
    margin-top:30px;
}
.all-contacts{
    width:925px;
    float:right;
    height:80px;
    margin-top:50px;
    margin-bottom:30px;
}
.f-contact{
    width:290px;
    height:80px;
    float:right;
}
.margin-r-l{
    margin-right:26px;
    margin-left:26px;

}
.icon-contact{
    width:100%;
    height:40px;
    background-position:center;
    background-repeat:no-repeat;
    float:right;

}
.icon1 {
    background-image: url('../image/icon1.png');
}
.icon2 {
    background-image: url('../image/icon2.png');
}
.icon3 {
    background-image: url('../image/icon3.png');
}
.txt-contact{
    text-align:center;
    direction:rtl;
    width:100%;
    float:right;
    margin-top:10px;
    color:#555555;
    font:17.5px/30px Calibri , 'Microsoft Himalaya',  'Droid Sans', sans-serif ;
}
.txt-contact span{
    font:17.5px/30px Calibri , 'Microsoft Himalaya',  'Droid Sans', sans-serif ;
}
.add-contact{
    width:100%;
    float:right;
    min-height:10px;
    
}
.footer{
    height:110px;
    width:100%;
    float:right;
    background-color:#121212;
    margin-top:40px;
}
.links{
    float:left;
    margin-left:30px;
    height:40px;
    margin-top:15px;
    width:70%;
    overflow:hidden;
    
}
.links .tit-links{
    color:#76be49;
    float:left;
    width:auto;
    height:40px;
    font:16px/40px 'calibri',  'Droid Sans', sans-serif ;
    white-space:nowrap;
}
    .links .tit-links i{
        margin-right:7px;
    }
    .links a{
        color:#555;
        font:14px/40px 'calibri',  'Droid Sans', sans-serif ;
        width:auto;
        float:left;
        padding-right:15px;
        padding-left:15px;
        white-space:nowrap;
        text-decoration:none;
        transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
    }
    .links a:hover {
        color:#fff;
    }
     .links span{
         float:left;
         width:auto;
         color:#555;
         font:20px/30px 'calibri',  'Droid Sans', sans-serif ;
     }
     .copyRigtes{
         color:#555;
         font:14px/40px 'calibri',  'Droid Sans', sans-serif ;
         float:left;
         clear:left;
         width:70%;
         margin-left:30px;
         height:40px;
         overflow:hidden;
         direction:ltr;
        
     }
.copyRigtes span{
    font-family:Calibri;
}
.socialMedia{
    width:100px;
    float:right;
    height:35px;
    margin-top:37px;
    margin-right:30px;
    clear:right;
}
.socialMedia a{
    width:35px;
    height:35px;
    float:right;
    margin-right:15px;
    transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
}
    .socialMedia a:hover {
         transform:scale(0.9);
    -o-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -webkit-transform:scale(0.9);
    opacity:0.7;
    }
    .socialMedia a.f {
        background-image: url('../image/facebook.png');
    }
    .socialMedia a.t {
        background-image: url('../image/twitter.png');
    }
    .inputName{
        width:258px;
        height:40px;
        float:left;
        margin-right:27px;
        position:relative;
                padding-right:15px;
        padding-left:15px;
        border:1px solid #d1d1d1;
        text-align:left;

    }
.inputName input{
       color:#555555;
        
        font:16px/40px 'calibri',  'Droid Sans', sans-serif ;
        text-align:left;
        width:100%;
        border:none;

}
.red {
color:#9a0000;
margin-top:0px;
}
    .no-margin{
        margin-right:0px;
    }
.textArea-txt {
    width: 892px;
    float: left;
    text-align:left;
    height: 120px;
    font: 16px/40px 'calibri',  'Droid Sans', sans-serif;
    color: #555555;
    margin-top: 30px;
    margin-bottom: 30px;
}
.textArea-txt *{
     padding-right: 15px;
    padding-left: 15px;
        height:120px;
         font:16px/40px 'calibri',  'Droid Sans', sans-serif ;
        color:#555555;
            border: 1px solid #d1d1d1;
            width:892px;
}
.button-contact {
    border: none;
    background: none;
    outline: none;
    margin: 0 auto;
    clear: both;
    width: 162px;
    height: 33px;
    text-align: center;
    color: #555;
    background-color: #fff;
    font: bold 26px/33px 'calibri',  'Droid Sans', sans-serif;
    background-image: url('../image/bg-img.png');
    display:block;
    margin-top:30px;
    cursor:pointer;
    transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
        overflow:hidden;
        text-transform:uppercase;
}
.button-contact:hover {
    background-color:#76be49;
    font-size:16px;
    border-radius:3px;
    color:#fff;
}
    .button-contact:active {
        transform:scale(0.9);
    -o-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -webkit-transform:scale(0.9);
    }
    #Top-img{
        width:100%;
        float:right;
        height:225px;
        overflow:hidden;
        margin-top:-4px;
    }
     #Top-img img{
        width:100%;
        float:right;
        min-height:290px;
       
    }
     #Top-img2{
         width:100%;
        float:right;
        height:290px;
        overflow:hidden;
        border-bottom:4px solid #76be49;
     }
     #Top-img3{
         width:100%;
        float:right;
        overflow:hidden;
        /*border-bottom:4px solid #76be49;*/
        position:relative;
background:#f5f5f5;
     }
#Top-img3 img{
    width:100%;
}
#Top-img2 img{
    width: 100%;
    min-height: 290px;
}
.aboutCarisma{
    width:100%;
    float:left;
    height:40px;
    color:#76be49;
    font:bold 26px/40px 'calibri',  'Droid Sans', sans-serif;
    text-align:left;
    margin-top:40px;
}
.aboutCarisma span{
    width:37px;
    height:40px;
    background-position:left center;
    background-repeat:no-repeat;
    float:left;
}
.iconCarisma1 {
    background-image: url('../image/icon-aboutUs1.png');
    background-size:23px;
}
.iconCarisma2 {
    background-image: url('../image/icon-aboutUs2.png');
    background-size:30px;
}
.iconCarisma3 {
    background-image: url('../image/icon-aboutUs3.png');
    background-size:30px;
}
.par-carisma{
    width:100%;
    float:right;
    color:#555;
    font:17px/35px 'calibri',  'Droid Sans', sans-serif;
    margin-top:5px;
}
.f-customer{
    width:198px;
    height:190px;
    float:left;
    border:1px solid #cdcdcd;
    border-radius:5px;
    background-color:#f5f5f5;
    margin-top:30px;
    margin-right:40px;
     transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
}
.f-customer img{
    margin:0 auto;
    display:block;
}
.f-customer:nth-child(4n) {
    margin-right:0px;
}
.f-customer:hover {
       transform:scale(0.95);
    -o-transform:scale(0.95);
    -moz-transform:scale(0.95);
    -webkit-transform:scale(0.95);
    background-color:#d1d1d1;
}
.top-sevice {
    width: 100%;
    margin: 0 auto;
    background-color: #f5f5f5;
    float: left;
    padding-bottom: 90px;
}
.top-service-wrapper {
    width:925px;
    margin:0 auto;

}

.tit-top-service {
    width: 100%;
    float: left;
    clear: both;
    margin-top: 40px;
    height: 50px;
    margin-bottom: 20px;
    color: #76be49;
    font: bold 26px/50px 'calibri', 'Droid Sans', sans-serif;
}
.tit-top-service i{
    float:left;
    color:#76be49;
    margin-right:20px;
    font-size:30px;
    line-height:50px;
}
.service-det{
    width:100%;
    float:left;
    clear:both;
    color:#555;
    font:18px/30px 'calibri',  'Droid Sans', sans-serif;
    overflow:auto;
    position:relative;
    margin-left:-20px;
    padding-left:20px;
}
.add-service{
    width:100%;
    min-height:500px;
    margin-top:50px;
    float:left;
    margin-bottom:50px;
}
.service-img{
    width:460px;
    height:500px;
    border-right:1px solid #cccccc;
    float:left;
}
.service-img img{
    max-width:398px;
    border:1px solid #cccccc;
}
.service-info{
    width:403px;
    min-height:500px;
    float:right;
}
.service-info .tit-top-service{
    margin-top:0px;
    margin-bottom:10px;
    height:30px;
    line-height:30px;
    margin-bottom:25px;
}
.input-addServices{
    width:368px;
    float:left;
    padding-right:17px;
    padding-left:17px;
    height:48px;
    border:1px solid #cccccc;
    text-align:left;
     font:16px/48px 'calibri',  'Droid Sans', sans-serif;
     color:#555555;
     margin-bottom:24px;
}
.input-txtServices{
     width:368px;
    float:left;
    padding-right:17px;
    padding-left:17px;
    height:140px;
    border:1px solid #cccccc;
    text-align:left;
     font:16px/48px 'calibri',  'Droid Sans', sans-serif;
     color:#555555;
     margin-bottom:24px;
}
.input-buttonServices{
    border:none;
    outline:none;
    background:none;
     width:404px;
    float:left;
    padding-right:17px;
    padding-left:17px;
    height:55px;
    background-color:#76be49;
    text-align:center;
     font:18px/55px 'calibri',  'Droid Sans', sans-serif;
     color:#fff;
     cursor:pointer;
       transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
     
}
.input-buttonServices:hover {
    background-color:#412986;
    box-shadow:0px 0px 2px #3a3a3a;
}
.input-buttonServices:active{
         transform:scale(0.97);
    -o-transform:scale(0.97);
    -moz-transform:scale(0.97);
    -webkit-transform:scale(0.97);
    
}
.input-addServices2{
    width:414px;
    float:left;
    padding-right:17px;
    padding-left:17px;
    height:48px;
    border:1px solid #cccccc;
    text-align:left;
     font:16px/48px 'calibri',  'Droid Sans', sans-serif;
     color:#555555;
     margin-top:10px;
    position:relative;
}
.input-txtServices2{
     width:414px;
    float:left;
    padding-right:17px;
    padding-left:17px;
    height:140px;
    border:1px solid #cccccc;
    text-align:left;
     font:16px/48px 'calibri',  'Droid Sans', sans-serif;
     color:#555555;
     margin-top:10px;
}
.input-buttonServices2{
    border:none;
    outline:none;
    background:none;
     width:450px;
    float:left;
    padding-right:17px;
    padding-left:17px;
    height:55px;
    background-color:#76be49;
    text-align:center;
     font:18px/55px 'calibri',  'Droid Sans', sans-serif;
     color:#fff;
     cursor:pointer;
       transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
        margin-top:10px;
        margin-bottom:20px;
     
}
.input-buttonServices2:hover {
    background-color:#412986;
    box-shadow:0px 0px 2px #3a3a3a;
}
.input-buttonServices2:active{
           transform:scale(0.97);
    -o-transform:scale(0.97);
    -moz-transform:scale(0.97);
    -webkit-transform:scale(0.97);
    
}
.service-det span{
    font-weight:bold;
    width:100%;
    clear:both;
    float:left;
}
.popUp {
    background-image: url('../image/bg-popup.png');
    width:100%;
    height:100%;
    float:right;
    position:absolute;
    top:0px;
    right:0px;
    z-index:2;
    display:none;
}
.inner-popUp{
    width:600px;
    height:580px;
    background-color:#fff;
    border-radius:4px;
    margin:3% auto;
        overflow:hidden;
        overflow-y:auto;
        position:absolute;
        right:50%;
        margin-right:-300px;
     
}
.exit {
    background-image: url('../image/exit.png');
    width:17px;
    height:17px;
    background-size:17px 17px;
    float:right;
    margin-right:17px;
    margin-top:14px;
    cursor:pointer;
}
.center-req{
    width:450px;
    margin:0 auto;
    min-height:10px;
}
.top-tit{
    color:#76be49;
    text-align:center;
    font:bold 26px/50px 'calibri',  'Droid Sans', sans-serif;
    height:50px;
    margin-top:10px;
    float:right;
    width:100%;
}

.bottom-tit{
    color:#555;
    text-align:center;
    font:bold 18px/30px 'calibri',  'Droid Sans', sans-serif;
    height:30px;
    float:right;
    width:100%;
}
.dropList {
    width: 448px;
    border: 1px solid #cccccc;
    height: 48px;
    overflow: hidden;
    float: left;
    overflow: hidden;
    background-image: url('../image/down-arrow.png');
    background-position:right 13px center;
    background-repeat:no-repeat;
    margin-top:20px;
}
.dropList select{
    background:none;
    border:none;
    padding-right:17px;
    padding-left:15px;
    width:414px;
    float:left;
    color:#555555;
    text-align:left;
    font:16px/48px 'calibri',  'Droid Sans', sans-serif;
    width:480px;
    height:48px;
    
}
.SubMenu{
    width:760px;
    min-height:100px;
    background-color:#76be49;
    position:absolute;top:48px;
    left:-321px;
    display:none;
    z-index:3;
    border-radius:15px;
    padding:10px;
    

}
.parent{
    position:relative;
   cursor:pointer;
}
.boz {
    width: 20px;
    height: 20px;
    background-color: #76be49;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: 4px;
}

.bozwrapper {
    width: 20px;
    height: 10px;
    position: absolute;
    top: -10px;
    overflow: hidden;
    left:365px;
}
.SubMenu ul{
    list-style-type:none;
}
.SubMenu ul li{
    float:left;
    width:230px !important;
    margin-left:20px !important;
    height:40px;

}
    .SubMenu ul li a{
        color:#fff !important;
        font:15px/40px 'calibri',  'Droid Sans', sans-serif !important;
        float:left;
        font-weight:normal !important;
               transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
    }
    .SubMenu ul li a i{
        float:left;
        margin-right:10px;
        line-height:40px !important;
    }
    .SubMenu ul li a:hover {
        color:#412986 !important;
    }
    .for-popUp{
        cursor:pointer;
    }
    /*Mohammad**/

.AjaxWapper {
width:100%;
position:relative;
min-height:40px;
float:right;
clear:right;
}

.loadingImg {
position:absolute;
top:-20px;
left:440px;
}
.valCSS {
position:absolute;
bottom:-27px;
z-index:99;
left:0px;
color:#c10000 !important;
font:14px 'calibri',  'Droid Sans', sans-serif;
display:block;
width:100%;
text-align:center;
}

.links span:last-child {
display:none;
}
.valGroup,.summary  {
font:14px 'calibri',  'Droid Sans', sans-serif;
}
.ServiceWrapper {
width:100%;
position:relative;
min-height:48px;
float:right;
}
.ServiceWrapper .valCSS {
left:7px;
top:28px;
display:inline !important;
width:auto;
}
.dropList .valCSS {
    top:38px !important;
}
.exieDiv{
    width:100%;
    height:100%;
   float:right;

}
.overlay {
    width:100%;
    height:700px;
    background-image:url(../image/overlay.png);
    opacity:0.9;
    position:absolute;
}
/*for new language link*/
.lang a{
    font-family:'Droid Arabic Kufi', sans-serif !important;
    font-size:16px !important;
    line-height:30px;
}



.ms-view
{
	left:0px !important;
}
.ms-inner-controls-cont
{
	max-width:100% !important;
width:100% !important;
}