@import url(http://fonts.googleapis.com/earlyaccess/alefhebrew.css);
@import url(http://fonts.googleapis.com/earlyaccess/notokufiarabic.css);
body {
    font-family: droid arabic kufi;
    border-top: 18px solid #B50000;
    background-color: #f9f9f9;
}

.header_t {
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 0px;
    font-family: traditional arabic;
    font-size: 28px;
    border-bottom: 1px dotted !important;
    margin: 14px 0;
}
.text-red{
    color: #A80808;
}
.text-gray{
    color: #3F3F3F;
}
.header {  
    border-bottom: 1px solid #BFBDBD;
    box-shadow: 0 0 12px #BFBDBD;
    background-color: #F4F4F4;
}
.r_logo{
    position: relative;
    z-index: 8;
}
.content {
    background-color: #fff;
    box-shadow: 0 0 8px #ccc;
    border-top: 4px solid #B81C1D;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    margin-top: 20px;
    border-radius: 8px;
    padding-top: 10px;
    margin-bottom: 20px;
}
p.text-gray {
    font-size: 18px;
    line-height: 24px;
    font-family: traditional arabic;
    font-weight: bold;
}
.info_need {
    background-color: #C00000;
    color: #fff;
    border-radius: 6px;
    padding: 6px 10px;
}
.navbar-default {
    background-color: #C00000;
    border-color: #E7E7E7;
    margin-bottom: 0;
    border: 0;
    z-index: 2;
    padding: 0;   
    position: relative;
}
.navbar-default2 {
    background-color: #626262;
    border-color: #E7E7E7;
    margin-bottom: 0;
    border: 0;
    z-index: 2;
    padding: 0;
}
.navbar-default2  .navbar-toggle {
    border: 1px solid rgb(204, 204, 204);
}
.navbar-default2 .icon-bar{
    background-color: #fff;
}
.navbar-toggle {
    float: right;
    margin-right: 15px;
    margin-left: auto;
}
.footer {
    background-color: #c20000;
    color: #fff;
    padding: 22px;
    margin-top: 0;
    text-align: center;
}
.banner_img{
    width: 100%;
    box-shadow: 0px 0px 8px;
    border-radius: 0px 0px 7px 7px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.phone{
    direction: ltr;
    font-family: initial;
    text-align: center;
    font-weight: bold;
    margin-top: 0;
}
.branches {
    background-color: #626262;
    padding: 9px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}
.branches p{
    margin-bottom: 0;
}
.btn-info {
    color: #fff;
    background-color: #CC0C07;
    border-color: #CC0C07;
    font-weight: bold;
    padding: 4px 12px;
}
.footer a{
    color: #fff;
}
.footer p {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: bold;
}
.menu_footer a {
    font-size: 12px;
    font-weight: bold;
    border-left: 1px solid #fff;
    transition: all ease-in-out .3s;
    padding: 3px 15px !important;
}
.menu_footer .active  , .menu_footer a:hover{
    color:#C20000 !important ;
    background-color: #f6f6f6 !important;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    transition: all ease-in-out .4s;
    padding: 7px 23px;
    margin: 0px 15px;
}
.navbar {
    min-height: 34px;
}
.navbar-default2 .navbar-nav > li > a {
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    transition: all ease-in-out .4s;
    padding: 7px 5px;
    border-left: 1px solid #D1CFCF;
}
.menu2 li:last-child a {
    border: 0;
}
.navbar-default2 .navbar-nav > li > a:hover {
    color: #C00000 !important;
}
.padding_none {
    padding: 0;
}

.menu .active, .menu a:hover {
    background-color: #C4C4C4 !important;
    color: #C00000 !important;
}
@media(min-width:768px){
  .menu {
    position: static;
    margin-right: 93px !important;
}
}
@media(max-width:400px){
   .phone {
    font-size: 1.6em;
}
}
@media(min-width:1200px){
   .container {
    width: 1000px;
} 
 .header { 
        height:164px;
    }
 .navbar-default {   
    margin-top: -22px;
}
}