﻿@import url("../DroidKufi_Regular/stylesheet.css");

body {
    /*background-position: center top;
    font-size: 12px !important;*/
    background-size: cover;
      margin: 0px;
    padding: 0px;
    /*direction: ltr;*/
    background-image: url('../Images/AM-bg.png');
    background-repeat: no-repeat;
    height: 100%;
    background-attachment: fixed;
    background-position: center;
}


 @media only screen and (max-width: 761px) {
    body {
        background-image: url('../Images/AM-bg-m.png');
    }
} 

.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: #006bb9;
    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;
     border-bottom: 2px #e1e1e1 solid; 
      border-top: 5px solid #f2797f;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
   */
    background: #0b3b5f;
    height: 40px;
}

.language-button {
    font-family: 'DroidKufi Regular',"Myriad Pro Regular" !important;
    color: #fff;
    font-size: 18px;
    margin-top: 4px;
    float: right;
    background: none;
    border: 0px;
}

    .language-button:hover {
        color: #d5ebfb;
        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: #f5f5f5;*/
    text-align: center;
    color: #0b3b5f;
    font-family: DroidKufi Regular,Arial,Tahoma, Geneva, sans-serif !important;
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    text-decoration: none;
    vertical-align: middle;
    /*  height: 50px;*/
    left: 0;
    bottom: 0;
    position: fixed;
    padding-top: 10px;
    padding-bottom: 5px;
    /* border-top: 5px solid #8abe3f;*/
}

    .footer a:link {
        color: #0b3b5f;
    }
    .footer a:visited {
        color: #0b3b5f;
    }
    .footer a:hover {
        color: #0b3b5f;
    }
    .footer a:active {
        color: #0b3b5f;
    }


@media only screen and (max-width : 761px) {
    .footer-sm {
        position: relative !important;
        /*  bottom: -51%;  
        bottom: -5%;*/
        background-color: #0b3b5f;
        padding: 10px;
        font-family: DroidKufi Regular,Arial,Tahoma, Geneva, sans-serif !important;
        font-weight: 300;
        color: #fff;
        font-size: 10px;
        width: 100%;
        clear: both;
        text-align: center;
        height: 50px;
    }
    .footer a:link {
        color: #fff;
    }

    .footer a:visited {
        color: #fff;
    }

    .footer a:hover {
        color: #fff;
    }

    .footer a:active {
        color: #fff;
    }
}


.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: 125px;
        height: 125px;
        float: none;
        margin: 0 0 15px;
        z-index: 5;
        border-radius: 100px;
      /*    background-color: #ae1e23;
        box-shadow: inset 0 0 10px #fff;
        border: 1px solid #fff;
        padding: 20px;
        box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);*/
    }

        .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: #fff;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            z-index: -1;
            border-radius: 100px;
        }

    .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: #0b3b5f;
    font-size: 18px;
    font-weight: 700;
    /*  font-family: 'DroidKufi Regular',"Myriad Pro Regular" !important;*/
    font-family: 'Myriad Pro Regular' !important;
    /*letter-spacing: 1.1px;*/
}
.jumbotron3 {
    background-color: transparent !important;
    text-align: center;
        color: #b3a791 !important;
    font-size: 36px;
    font-family: 'Myriad Pro Regular' !important;
    padding-bottom: 25px !important;
    font-weight: 700;
}


.jumbotron2 {
    background-color: transparent !important;
    text-align: center;
    color: #359ec7 !important;
    font-size: 30px;
    /*line-height: 1.2;*/
    font-family: 'Myriad Pro Regular' !important;
    /*  padding-top: 25px;*/
    padding-bottom: 25px !important;
    font-weight: 700;
}


@media only screen and (max-width : 375px) {
    .jumbotron2 {
        font-size: 22px !important;
    }
}

.logo2 {
    width:50%;
    padding-top:10px;
  
}
@media only screen and (max-width: 761px) {
    .logo2 {
        width: 100%;
    }
}

