﻿@import url("../DroidKufi_Regular/stylesheet.css");

body {
    /*background-position: center top;
    font-size: 12px !important;*/
    background-size: cover;
    background-position: center center;
    margin: 0px;
    padding: 0px;
    /*direction: ltr;*/
    background-image: url('../Images/AM-bg.png');
    background-repeat: no-repeat;
    height: 100% ;
}
.bg {
   /*background-image: url('../Images/home-bg.jpg');
 background-repeat:repeat;
   */
 
    background: #103a82; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#3767b9, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3767b9, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3767b9, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3767b9, #ffffff); /* Standard syntax */
     
  width:100%;
  height:100%;
}



fieldset 
{
 width:100%;
 margin:0;
   /*    padding:4px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;*/
}
table
{
  /*  width:100%;*/
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    height: 38px;
    width: 280px;
}
td
{
     /* vertical-align:top; */
}
strong
{color:Red;
    }
    .valid
{
    color: Red;
    font-size: 14px;
    border: 2px inset;
    background-color: #FFFFFF;
}
 
  .tdLabel
    {
        width:120px;
        padding-left:3px;
     text-align:left;
     vertical-align:middle;
     font-family:Segoe UI;
     font-size:12px;
     color:#000;
     
        }
        
         .tdControl
    {
         width:220px;
          text-align:left;
        }
         
         .tdValid
    {
         width:5px;
         color:Red;
         font-weight:bold;
        }
.PageTitle
{
    font-size: 16px;
    font-weight: bold;
  
    font-variant: normal;
    text-transform: capitalize;
    padding: 5px 4px 1px 4px;
    margin: 1px;
    width :100%;
     font-family:Segoe UI;
     color:#074974;
}


legend
{
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    font-variant: normal;
    text-transform: capitalize;
   color:#074974;
    padding: 5px 4px 1px 4px;
    margin: 1px;
    font-family:Segoe UI;
}


.page
{
    width:100%;
    margin: 0px auto 0px auto;
    padding-bottom: 0px;
    background-color:#fff;
    text-align:center;
    
   
border:0px solid #fafafa;text-align:left; color:#056735;
text-align:center

}
/*
#input 
{
    width:50px;
    height:18px;
    font:10px;
    }
*/



.clear
{
    clear: both;
}
.AlertMessage
{
    color: #FF0000;
    background-color: #FFFFF0;
    font-size: 14px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    position:fixed ;
    width: 957px;
    padding: 5px;
    margin: 0;
    border: 2px solid #496077;
    z-index: 8000;
}
 .SuccessMessage
{
    background-color: #FFFFF0;
    color: #003366;
    font-size: 14px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    position:relative;
    width: 957px;
    padding:5px;
    margin: 0;
    border: 2px solid #496077;
}
.CloseMessage
{
    font-size: 12px;
    color: #D55500;
    font-weight: bold;
    float: right;
    cursor: pointer;
}

 .headerSeperator
 {height:3px;
     }

.hidden
{
    visibility: hidden;
    display: none;
}




.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}



/* CSS for */
/* by designer Aml Ahmed Mhmoud - E-mail : */
/* copyrights are reserved to COMPANY-NAME */

/******************************* Main , structural, positioned Elements **********************************/


*
/*{ margin:10; padding:0;}*/


#header2
{background-image:url(../../images/banner.jpg);background-repeat:no-repeat;height:124px; 
 background-position:center; margin-top:2px;background-size: 40%;}

#header2_ar
{background-image:url(../../images/banner_ar.jpg);background-repeat:no-repeat;height:124px; margin-top:2px;background-size: 40%;}


/************************************************* header ***********************************************/
.logo{ clear:both;padding-top:15px; float:left; width:500px;}
.logo a img { border:none; float:left;  margin-right:5px; margin-left:10px;}
.logo h2{ font-size:24px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; font-weight:normal; color:#222222; padding-top:20px;}
.logo span { font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#929292;}


.loginarea{ float:right;}
.menudiv
{
   
 padding:0px;

    width: 100%;
    position:inherit;
    
   font:11px Verdana,Arial;
   
    
   
}
/* background-image:url(../images/wlcm.png); background-repeat:no-repeat;*/
.loginarea table.welcome {background-color:#fff; width:50px; height:25px; margin-top:0px; margin-left:20px; font-family:Verdana, Geneva, sans-serif;  font-size:12px;  padding-left:5px; border-right:1px solid #FFF;}
/*.loginarea div.welcome { background-image:url(../images/wlcm.png); background-repeat:no-repeat; width:214px; height:30px; margin-top:10px; margin-right:15px; font-family:Verdana, Geneva, sans-serif;  font-size:12px;  padding-left:5px; border-right:1px solid #FFF;}
.loginarea div.welcome label { color:#5e5e5e; padding-top:8px; display:inline-block; }*/
.loginarea table.welcome label { color:#056735; padding-top:8px; display:inline-block; }
.loginarea table.welcome span { color:#056735; margin-left:4px; padding-top:8px;}
.loginareabtn
{
    border-style: none;
    border-width: 0px;
    color: #056735;
    text-decoration: none;
      display: inline-block;
      background-color:#fff;
    margin-top: 0px; /* padding: 5px 4px;*/
   
    padding-right: 3px;
    padding-left: 3px;
}

.loginarea p.drop { background-image:url(../../images/dropmenubg.png); width:218px; height:23px; }

.loginarea p.drop label
{
    color: #3353ff;
    margin-left: 12px;
    font-size: 12px;
    width: 100px;
}

.loginarea p.drop select { margin-left:5px; width:155px; float:right; margin-right:5px; margin-top:2px;}
/************************************************* login **************************************************/
.loginimg img { float:left; margin-top:0px;}
.loginmodel{ width:341px; height:338px;text-align:center; padding-top:20px; background-color:fff;}

.loginmodel label {  clear:both;font-family:Calibri; font-size:17px; color:#5E5E5E; float:left;  margin-top:10px; margin-bottom:5px; margin-left:27px; }

.loginmodel input.inputlogin {  clear:both;background-image:url(../../images/logininput.png); width:288px; height:26px; border:none; background-color:transparent; }
.loginmodel a { clear:both; float:left; color:#FFF; font-size:14px; text-decoration:none; font-family:Calibri; width:44%; margin-top:25px;}

.loginmodel  p { float:right; width:40%; margin-top:5px;}
.loginmodel  p  input.check{ float:left; margin-right:3px;  }
.loginmodel  p  span { font-size:13px; font-family:Calibri; color:#5e5e5e; float:left;}
.loginmodel input.loginbutton{  clear:both; float:right; margin-top:40px ;margin-right:150px; background-image:url(../../images/loginbutton.png); width:98px; height:35px; border:none; background-color:transparent; }
.loginmodel input.loginbutton_ar{  clear:both; float:right; margin-top:40px ;margin-right:150px; background-image:url(../../images/loginbutton_ar.png); width:98px; height:35px; border:none; background-color:transparent; }


.questions { clear:both; width:100%; margin-left:20px;}

.singq{ width:281px; background-color:#f1f1f1; height:50px; float:left; margin-right:15px; text-align:center ; padding-top:30px;}

.singq a {color:#3378ff; text-decoration:none; }

.singq a:hover { text-decoration:underline; }

img.botom { margin-bottom:-10px;}
/********************************************nav**********************************************

#nav ul { list-style:none; display:inline;}
#nav ul li { float:left; padding:12px 20px; }
#nav ul li a { text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#5E5E5E;}
#nav ul li a:hover { color:#3353ff;}
#nav ul li a.activelink { color:#3353ff;}*/

/***********************************************Content internal **********************************/
.internalcontent
{
    margin: 0px 0px 40px 0px;
    min-height: 330px;
    width: 100%;
    vertical-align: top;
    text-align: center;
   /* text-align: left; */
    font-size: 12px;
}



/*rows Office2007*/

.RadGrid_Office2007 .rgRow td,
.RadGrid_Office2007 .rgAltRow td,
.RadGrid_Office2007 .rgEditRow td,
.RadGrid_Office2007 .rgFooter td
{
	border-style:solid;
	border-width:0 0 1px 1px;
}


.RadGrid_Office2007 .rgSelectedRow td,
.RadGrid_Office2007 .rgActiveRow td,
.RadGrid_Office2007 .rgHoveredRow td,
.RadGrid_Office2007 .rgEditRow td
{
	border-left:0;
	padding-left:8px;
}



.RadGridRTL_Office2007 .rgHeader:first-child,
.RadGridRTL_Office2007 th.rgResizeCol:first-child,
.RadGridRTL_Office2007 .rgFilterRow>td:first-child,
.RadGridRTL_Office2007 .rgRow>td:first-child,
.RadGridRTL_Office2007 .rgAltRow>td:first-child
{
	border-left-width:1px;
	padding-left:7px;
}



div.RadGrid_Office2007 .rgRow td {

	padding: 0px;

	border-bottom-style: solid;

	border-bottom-width: 1px;

}

div.RadGrid_Office2007 .rgAltRow td {

	padding: 0px;

	border-bottom-style: solid;

	border-bottom-width: 1px;

}


/************to let rad windows shwow above menu******************/
div.windowZIndex
{
    z-index: 7010 !important;
}


.FixedLike {
width:200px; height:25px;
border:1px solid #056735;text-align:left; color:#000;
padding-left:5px;
padding-right:5px;
vertical-align:bottom;

/* shadow */
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .30);
-moz-box-shadow: 	0 0 4px rgba(0, 0, 0, .30);
box-shadow: 		0 0 4px rgba(0, 0, 0, .30);

/* carve */
-webkit-border-radius: 0px; /* Safari prototype */
-moz-border-radius: 0px;   /* Gecko browsers */
border-radius: 0px;
}



.login_box
{
    font-family:Arial, Helvetica, sans-serif;
	border:1px solid #056735;text-align:left; color:#056735;
	font-size:16px;
	color:#000;
	font-weight: bold;
	background-color:#fbfbfb;
	width:400px;
	margin-top:10px;
	text-align:center;
	padding-left:20px;
	padding-top:5px;
	height:300px;
	
	
	/* shadow */
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .30);
-moz-box-shadow: 	0 0 4px rgba(0, 0, 0, .30);
box-shadow: 		0 0 4px rgba(0, 0, 0, .30);


/* carve */
-webkit-border-radius: 4px; /* Safari prototype */
-moz-border-radius: 4px;   /* Gecko browsers */
border-radius: 4px;
}




.home_b
{
   background-image:url(../images/home_b.jpg); width:87px; height:31px;
   color:#000;  border-color:#fff;
   }
   
   .home_b:hover
{
   background-image:url(../images/home_b_ov.jpg); width:87px; height:31px;
   border-color:#fff;
   }
  
   
   .arabic_b
   { background-image:url(../images//arabic_b.jpg); width:87px; height:31px;
   border-color:#fff;
   }
   
    .arabic_b:hover
   { background-image:url(../images/arabic_b_ov.jpg); width:87px; height:31px;
    border-color:#fff;
   }
   
   
   .image
   {
        background-image:url(../images/slider-2.jpg); width:1950px; height:470px !important;
        background-position:center; 
        background-repeat: no-repeat;  text-align:right;
         
    }
    
     .image2
   {
       background-image:url(../../images/image2.jpg); width:940px; height:526px !important;
        background-position:center; 
        background-repeat: no-repeat;  text-align:right;
         
    }
    
    .tilte
    {
       font-family:Arial;
       font-size:30px;font-weight: bold;
       color:#000}
       
           .login_text
    {
       font-family:Arial;
       font-size:14px;font-weight: bold;
       color:#000;
       }
   
                 
/* Defult page */

.tcorners{
    border-radius: 25px;
	/*background: #f6faf8; */
	box-shadow: 8px 8px 5px #888888;
    border: 2px solid #4a6763;
    padding: 20px; 
    width: 200px;
    height: 150px; 
    text-align:center;
}


.opcity{
    
	background: #fff; 
	 opacity: 0.6;
	}
	
.b-Language{
	 color: #06453a;
     font:Verdana, Geneva, sans-serif;
	 font-size:20px;
	 font-weight: bold;
	 text-decoration:none;
	 font-weight: bold;  
	 text-align:center;
	    
	 	}
/* visited link */
.b-Language a:visited {
    color: #29295e;
	font:Verdana, Geneva, sans-serif;
	 font-size:20px;
	 font-weight: bold;
	 text-decoration:none;
	 font-weight: bold;  
}

/* mouse over link */
.b-Language a:hover {
    color: #29295e;
	font:Verdana, Geneva, sans-serif;
	 font-size:20px;
	 font-weight: bold;
	 text-decoration:none;
	 font-weight: bold;  ;
}

/* mouse over link */
.b-Language a:link {
    color: #06453a;
	font:Verdana, Geneva, sans-serif;
	 font-size:20px;
	 font-weight: bold;
	 text-decoration:none;
	 font-weight: bold;  
}


.b-Language a:active {
    color: #06453a;
	font:Verdana, Geneva, sans-serif;
	font-size:20px;
	 font-weight: bold;
	 text-decoration:none;
	 font-weight: bold;  
}

.txt-button
{  text-align:center; color:#06453a; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; width:100%;text-decoration:none; vertical-align:middle; margin-top:10; font-weight: bold;  }


.txt-button a:visited 
{  text-align:center; color:#29295e; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; width:100%;text-decoration:none; vertical-align:middle; margin-top:10; font-weight: bold;  }

.txt-button a:hover 
{  text-align:center; color:#29295e; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; width:100%;text-decoration:none; vertical-align:middle; margin-top:10; font-weight: bold;  }




        
        
/*  End Defult page */


        
/*  New */


.Defult {

 width:100%;
  margin:0px !important;
padding: 0px;
     /*   border: 0 none;
  background-color:#000;*/

}

.slider2 {
    width: 100% !important;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
   background-image: url(../images/slider.png);
   /*  background-color:#002c69;*/
}

.banner2 {
    height: 120px;
    background-image: url('../Images/banner.png');
    width: 900px;
    background-repeat: no-repeat;
    background-position: center;
   /* background-color: #fff;*/
}

 .admin_image2
       {
       background-image:url(../images/admin-icon.png);width:165px; height:166px;
        background-position:center ;
        background-repeat: no-repeat;   } 
      /* .admin_icon2:hover
       {
       background-image:url(../images/curve-admin-ov.png);width:180px; height:138px;
        background-position:center;
        background-repeat: no-repeat;  } */ 
        
        
        .individual_image2
       {
  background-image: url(../images/patient-icon.png); width:165px; height:166px;
        background-position:center ;
        background-repeat: no-repeat;   } 
        
      /* .individual_icon:hover
       {
       background-image:url(../images/curve-individual-ov.png);width:180px; height:138px;
        background-position:center;
        background-repeat: no-repeat;  } */ 
        
        
         .hospital_image2
       {
      background-image: url(../images/hospital-icon.png); width:165px; height:166px;
        background-position:center ;
        background-repeat: no-repeat;   } 
        
     /*  .hospital_image:hover
       {
       background-image:url(../images/curve-hospital-ov.png);width:180px; height:138px;
        background-position:center;
        background-repeat: no-repeat;  } 
        */ 
        
      .center_image2
       {
      background-image: url(../Images/center-icon.png); width:165px; height:166px;
        background-position:center ;
        background-repeat: no-repeat;   } 
        
     /*  .center_icon:hover
       {
       background-image:url(../images/curve-centers-ov.png);width:180px; height:138px;
        background-position:center;
        background-repeat: no-repeat;  } */

.doctor_image2 {
     width: 165px;
    height: 166px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/doctor-icon.png);
} 
        
     /*   .doctor_icon:hover
       {
       background-image:url(../images/curve-doctor-ov.png);width:180px; height:138px;
        background-position:center;
        background-repeat: no-repeat;  } 
*/

 .admin_icon2
       {
       background-image:url(../images/curve-admin.png); width:180px; height:34px;
        background-position:center ;
        background-repeat: no-repeat;   } 
        
        .admin_icon2:hover
       {
       background-image:url(../images/curve-admin-ov.png); width:180px; height:34px;
        background-position:center;
        background-repeat: no-repeat;  } 
        
        
        .individual_icon2
       {
       background-image:url(../images/curve-individual.png); width:180px; height:34px;
        background-position:center ;
        background-repeat: no-repeat;   } 
        
        .individual_icon2:hover
       {
       background-image:url(../images/curve-individual-ov.png); width:180px; height:34px;
        background-position:center;
        background-repeat: no-repeat;  } 
        
        
         .hospital_icon2
       {
       background-image:url(../images/curve-hospital.png); width:180px; height:34px;
        background-position:center ;
        background-repeat: no-repeat;   } 
        
        .hospital_icon2:hover
       {
       background-image:url(../images/curve-hospital-ov.png); width:180px; height:34px;
        background-position:center;
        background-repeat: no-repeat;  } 
        
        
      .center_icon2
       {
       background-image:url(../images/curve-centers.png); width:180px; height:34px;
        background-position:center ;
        background-repeat: no-repeat;   } 
        
        .center_icon2:hover
       {
       background-image:url(../images/curve-centers-ov.png); width:180px; height:34px;
        background-position:center;
        background-repeat: no-repeat;  } 
        
         .doctor_icon2
       {
       background-image:url(../images/curve-doctor.png); width:180px; height:34px;
        background-position:center ;
        background-repeat: no-repeat;   } 
        
        .doctor_icon2:hover
       {
       background-image:url(../images/curve-doctor-ov.png); width:180px; height:34px;
        background-position:center;
        background-repeat: no-repeat;  } 

        .line_Language2 {
       background-image:url(../images/line.png); width:900px; height:44px;
        background-position:top center;
        background-repeat: no-repeat; 

        } 
      
        .Defult_bg{
     margin:0;
     background-color:#000;
        }



   .txt-services
{ font-family:Arial;font-size:12pt;color:#064294;text-decoration: none;font-weight: bold; }
        .txt-services a:link 
{ font-family:Arial;font-size:12pt;color:#064294;text-decoration: none;font-weight: bold; }
.txt-services a:visited 
{ font-family:Arial;font-size:12pt;color:#064294;text-decoration: none;font-weight: bold; }
.txt-services a:hover 
{font-family:Arial;font-size:12pt;color:#064294;text-decoration: none;font-weight: bold; }
.txt-services a:active
{ font-family:Arial;font-size:12pt;color:#064294;text-decoration: none;font-weight: bold;}






#header {
    width: 100%;
    z-index: 999;
    /* border-bottom: 2px #e1e1e1 solid; 
      border-top: 5px solid #f2797f;
    height: 40px;*/
    background: #f2f2f2;
    border-bottom: 8px solid #d61c1f;
    /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
}

.header {
    width: 100%;
    /* z-index: 999;
   /* z-index: 999;
     border-bottom: 2px #e1e1e1 solid; 
      border-top: 5px solid #f2797f;
    height: 40px;*/
    background: #f2f2f2;
    border-bottom: 8px solid #d61c1f;
    /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
}

.language-button {
    font-family: 'DroidKufi Regular',"Myriad Pro Regular" !important;
    color: #d41d21;
    font-size: 18px;
    margin-top: 4px;
    float: right;
    background: none;
    border: 0px;
    margin-top: 15px
}

    .language-button:hover {
        color: #d41d21;
        text-decoration: none;
    }

.logo-header {
    background-color: #fff;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.logo-home {
    background-image: url(../images/logo.svg);
    background-repeat: no-repeat;
    height: 150px;
    background-size: contain;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.home-bg {
    background-image: url(../images/AM-bg.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}



.footer {
    background-color: #000;
    text-align: center;
    color: #fff;
    font-family: DroidKufi Regular,Arial,Tahoma, Geneva, sans-serif !important;
    font-size: 12px;
    width: 100%;
    text-decoration: none;
    vertical-align: middle;
   height: 50px;
    left: 0;
    bottom: 0;
   /* position: absolute;*/
    padding-top: 8px;
}

    .footer a:link {
        color: #fff;
    }
.footer a:visited 
{color:#fff;}
    .footer a:hover {
        color: #fff;
    }
    .footer a:active {
        color: #fff;
    }


@media only screen and (max-width : 761px) {
    .footer-sm {
        position: relative !important;
        /* bottom: -51%;  */
        bottom: -5%;
        background-color: #000;
        padding: 10px;
        font-family: DroidKufi Regular,Arial,Tahoma, Geneva, sans-serif !important;
        font-weight: 300;
        /* border-top:3px solid #0b756e; */
        color: #fff;
        font-size: 10px;
        width: 100%;
        clear: both;
        text-align: center;
        height: 50px;
    }
}


.btn {
    font-family: 'DroidKufi Regular',"Myriad Pro Regular" !important;
}

.service-box {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    text-align: center;
    border: none;
    background: none;
    /*margin-bottom: 60px;*/
    width: 270px;
    overflow: hidden;
    min-height: 20px;
    margin-top: 30px;
}

    .service-box figure.icon {
     /*  -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;*/ 
        position: relative;
        display: inline-block;
        width: 180px;
        height: 180px;
        float: none;
        background: #fff;
        margin: 0 0 15px;
        z-index: 5;
    }

        .service-box figure.icon:before {
            -webkit-transition: all 0.35s ease;
            -moz-transition: all 0.35s ease;
            -o-transition: all 0.35s ease;
            transition: all 0.35s ease;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            visibility: hidden;
            opacity: 0;
            /*  -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;*/
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: #c4e6f8;
            z-index: -1;
        }

    .service-box:hover figure.icon:before {
        /* -webkit-transform: scale(1); */
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        visibility: visible;
        opacity: 1;
    }

    .service-box h2 {
        overflow: hidden;
        margin: 0;
        font: 24px/24px Istok Web;
        color: #39464f;
    }

    .service-box .service-box_body .service-box_txt {
        font: 13px/24px 'Istok Web', sans-serif;
        color: #9f9f9f;
    }

.service-box_txt {
    margin-bottom: 20px;
}

.service-box .service-box_body .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #39464f;
    text-transform: none;
    text-shadow: none;
    padding: 0 0 0 25px;
}

.index-btn {
    text-align: center;
    color: #000;
    font-size: 22px;
    font-weight: 600;
    font-family: 'DroidKufi Regular',"Myriad Pro Regular" !important;
    /*letter-spacing: 1.1px;*/
}
.jumbotron1 {
    background-color: transparent !important;
    text-align: center;
    color: #d61c1f !important;
    /*letter-spacing: 1px;*/
    font-size: 55px;
    /*line-height: 1.2;*/
    font-family: 'DroidKufi Regular',"Myriad Pro Regular" !important;
    padding-top: 25px;
    padding-bottom: 10px !important;
    font-weight: bolder;
}




.jumbotron22 {
    background-color: transparent !important;
    text-align: center;
    color: #d61c1f !important;
    /*letter-spacing: 1px;*/
    font-size: 55px;
    /*line-height: 1.2;*/
    font-family: 'DroidKufi Regular',"Myriad Pro Regular" !important;
    padding-top: 10px;
    padding-bottom: 10px !important;
}

hr.new1 {
    border-top: 5px solid #d61c1f;
    width: 25%;
    margin-right:15px;
   
}

@media only screen and (max-width : 375px) {
    .jumbotron2 {
        font-size: 14px !important;
    }
}

.language-button {
    font-family: 'DroidKufi Regular',Arial !important;
    color: #d41d21;
    font-size: 18px;
    /*margin-top: 4px;*/
    float: right;
    background: none;
    border: 0px;
    letter-spacing: 1px;
}

    .language-button:hover {
        color: #d41d21;
        text-decoration: none;
    }




/*********** Service ************/
*********** Service ************/
.h4, h4 {
    font-size: 22px;
    font-family: 'DroidKufi Regular',Arial !important;
    padding-top: 20px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}


.fo-text {
    font-size: 16px;
    font-family: 'DroidKufi Regular',Arial !important;
    color: #fff;
   font-weight: 500;
    text-decoration: none !important;
    /*letter-spacing:1px;*/
}
    .fo-text a:link {
        color: #fff;
    }

    .fo-text a:visited {
        color: #fff;
    }


    .fo-text a:hover {
        color: #d41d21;
    }

    .fo-text a:active {
        color: #36b519;
    }
 a:link {
    text-decoration: none !important;
}

a:visited {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none !important;
}

a:active {
    text-decoration: none !important;
}

.fo-ic {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

section {
    padding: 60px 0;
    min-height: 100vh;
}

.carousel-shadow .owl-stage-outer {
    margin: -15px -15px 0;
    padding: 15px;
}

.we-offer-area .our-offer-carousel .owl-dots .owl-dot span {
    /* background: #4d4d4e none repeat scroll 0 0;  */
    background-color: rgba(77,77, 77, 0.7) none repeat scroll 0 0;
    border: 2px solid;
    height: 15px;
    margin: 0 5px;
    width: 15px;
}

.we-offer-area .our-offer-carousel .owl-dots .owl-dot.active span {
    background: #576ead none repeat scroll 0 0;
    border-color: #576ead;
}

.we-offer-area .s {
    /* background: #ffffff none repeat scroll 0 0; */
    background-color: rgba(255, 255, 255, 0.7);
    /* background-color: rgba(255, 255, 255, 0.6) none repeat scroll 0 0; */
    border-left: 2px solid #576ead;
    -moz-box-shadow: 0 0 10px #cccccc;
    -webkit-box-shadow: 0 0 10px #cccccc;
    -o-box-shadow: 0 0 10px #cccccc;
    box-shadow: 0 0 10px #cccccc;
    overflow: hidden;
    padding: 20px;
    position: relative;
    z-index: 1;
}

.we-offer-area.text-center .s {
    /* background: #ffffff none repeat scroll 0 0; */
    /*background-color: rgba(255, 255, 255, 0.7);*/
    /* background-color: rgba(255, 255, 255, 0.6) none repeat scroll 0 0; */
    border: medium none;
    /* padding: 67px 40px 64px; 
 padding: 20px 20px 20px;*/
    padding-top: 30px;
    border: 1px #fff solid;
    background-color: #d41d21;
    margin: 5px;
}

    .we-offer-area.text-center .s i {
        background: #fff none repeat scroll 0 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #d41d21;
        font-size: 40px;
        width: 80px;
        height: 80px;
        line-height: 80px;
        position: relative;
        text-align: center;
        z-index: 1;
        transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        /* margin-bottom: 25px; */
    }

        .we-offer-area.text-center .s i::after {
            border: 2px solid #fff;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            content: "";
            height: 90px;
            left: -5px;
            position: absolute;
            top: -5px;
            width: 90px;
            z-index: -1;
            transition: all 0.35s ease-in-out;
            -webkit-transition: all 0.35s ease-in-out;
            -moz-transition: all 0.35s ease-in-out;
            -ms-transition: all 0.35s ease-in-out;
            -o-transition: all 0.35s ease-in-out;
        }

.we-offer-area.item-border-less .s {
    border: medium none;
}

.we-offer-area .our-offer-s.less-carousel .equal-height {
    /*margin-bottom: 30px;*/
    width:220px;
  


}

.we-offer-area.s-border-less .s .number {
    font-family: 'DroidKufi Regular',Arial !important;
    font-size: 50px;
    font-weight: 900;
    opacity: 0.1;
    position: absolute;
    right: 30px;
    top: 30px;
}

.our-offer-carousel.center-active .owl-s:nth-child(2n) .s,
.we-offer-area.center-active .single-s:nth-child(2n) .s {
    background: #f8e01c none repeat scroll 0 0;
}

    .our-offer-carousel.center-active .owl-s:nth-child(2n) .s i,
    .our-offer-carousel.center-active .owl-item:nth-child(2n) .s h4,
    .our-offer-carousel.center-active .owl-s:nth-child(2n) .s p,
    .we-offer-area.center-active .single-s:nth-child(2n) .s i,
    .we-offer-area.center-active .single-s:nth-child(2n) .s h4,
    .we-offer-area.center-active .single-s:nth-child(2n) .s p {
        color: #ffffff;
    }

.we-offer-area .s i {
    color: #f8e01c;
    display: inline-block;
    font-size: 60px;
    margin-bottom: 20px;
}

.we-offer-area .s h4 {
    font-weight: 400;
    text-transform: capitalize;
}

.we-offer-area .s p {
    margin: 0;
}

.we-offer-area .s i,
.we-offer-area .s h4,
.we-offer-area .s p {
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}

.we-offer-area .s::after {
    background: #f8e01c none repeat scroll 0 0;
    opacity: 0.8;
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    width: 100%;
    z-index: -1;
}

.we-offer-area .s:hover::after {
    left: 0;
}

.we-offer-area .s:hover i,
.we-offer-area .s:hover h4,
.we-offer-area .s:hover p {
    color: #ffffff !important;
}

.we-offer-area.text-center .s:hover i::after {
    border-color: #ffffff !important;
}

.we-offer-area.text-center .s:hover i {
    background-color: #ffffff !important;
    color: #d41d21 !important;
}

.we-offer-area.text-left .s i {
    background: #f8e01c none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 60px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 30px;
    position: relative;
    width: 100px;
    z-index: 1;
    text-align: center;
}

    .we-offer-area.text-left .s i::after {
        border: 2px solid #576ead;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        content: "";
        height: 120px;
        left: -10px;
        position: absolute;
        top: -10px;
        width: 120px;
    }



/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .fo-text {
        font-size: 9px;
    }
}

.col-lg-6 {
    padding-right: 0px !important;
   
    padding-left: 0px !important;
}
