@charset "utf-8";
/* CSS Document */

/*
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/DroidKufi-Regular.eot);
  src: url(fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(fonts/DroidKufi-Regular.woff2) format('woff2'),
       url(fonts/DroidKufi-Regular.woff) format('woff'),
       url(fonts/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/DroidKufi-Bold.eot);
  src: url(fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(fonts/DroidKufi-Bold.woff2) format('woff2'),
       url(fonts/DroidKufi-Bold.woff) format('woff'),
       url(fonts/DroidKufi-Bold.ttf) format('truetype');
}

*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/OpenSans-Light.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(fonts/OpenSans.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/OpenSans-Semibold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/OpenSans-Bold.woff) format('woff');
}




body { 
	color:#444; font-weight:300; line-height:24px;
	font-family: 'Open Sans',"Tahoma", Helvetica, Arial;
	font-size: 15px;
	background:#fff;
 }

#main-page.container{
	width:100%;
}

/*::selection{
	color:#fff;
	background:#357ebd;
}
::-moz-selection{
	color:#fff;
	background:#357ebd
}
*/
a { color:#e30613; }

/* TABLE */
.dataTables_wrapper .dataTables_length {
    float: left;
    margin: 10px 10px 5px;
    min-width: 250px;
}
.dataTables_wrapper .dataTables_filter {
    float: right;
    margin: 10px 0 5px 10px;
    min-width: 250px;
    text-align: right;
}
.dataTables_wrapper .dataTables_length .input-mini {
    float: left;
}
.dataTables_wrapper .dataTables_length label > span {
    float: right;
    margin: 6px 5px;
}
.dataTables_wrapper {
    clear: both;
}
.dataTables_wrapper .form-control {
    background: none repeat scroll 0 0 #f6f6f6;
    font-weight: normal;
}
.dataTables_wrapper select {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    height: 34px;
    padding: 4px 12px 4px 0;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-top: 10px;
}
.dataTables_wrapper .dataTables_paginate > a {
    background: none repeat scroll 0 0 #eeeeee;
    color: #333333;
    cursor: pointer;
    margin-right: 5px;
    padding: 3px 8px;
    text-decoration: none;
}
.dataTables_wrapper .dataTables_paginate > a.paginate_button_disabled {
    color: #999999;
}
.dataTables_wrapper .dataTables_paginate > a.paginate_button_disabled:hover {
    background: none repeat scroll 0 0 #eeeeee;
    cursor: default;
}
.dataTables_wrapper .dataTables_paginate > a:hover {
    background: none repeat scroll 0 0 #dddddd;
}
.dataTables_wrapper .dataTables_paginate > span > a {
    background: none repeat scroll 0 0 #eeeeee;
    color: #333333;
    cursor: pointer;
    margin-right: 5px;
    padding: 3px 8px;
    text-decoration: none;
}
.dataTables_wrapper .dataTables_paginate > span > a.paginate_active {
    background: none repeat scroll 0 0 #357ebd;
    color: #ffffff;
}
.dataTable {
    clear: both;
}
.table > thead > tr:first-child > th {
    vertical-align: middle;
	text-align:center;
}

.table tr th {
	text-align:left;
	background:#EEE;
	vertical-align:middle !important;
	font-weight:normal;
	color:#428bca;
}
.table tr th select{
	width:100%;
	
}
.table tr td {
	text-align:left;
	vertical-align:middle !important;
}
.table > tbody > tr:nth-child(2n+1) > td, table > tbody > tr:nth-child(2n+1) > th {
	background:#F9F9F9;
}
.dataTables_wrapper .dataTables_info
{
	color:#357ebd;
	margin-bottom:10px;
	margin-left:10px;
	text-align:left;
}

.dataTables_wrapper select { float:left; }

/* END TABLE */


.label { 
	font-weight:normal !important;
	font-size:12px;
}

h3 { font-size:28px; }


#main-page {
	background:#fff;


}
#main-page.container {
	padding:0px;
}

#main-page {
	background:#fff;
	background: url("../images/bizreh/header.png");
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: top;

}
#main-page.container {
	padding:0px;
}

#header {
	height:180px;
	padding-top: 100px;
	background: url("../images/bizreh/header.png");
	background-position:center;
	background-size: cover;
}
#headerHome {
	/* height:220px; */
}
.logo { text-align:center;}
.logo img{ max-width:100%;}

#menu {
	text-align:center;
	display: flex;
	flex-direction: row;
	margin: 0px auto;
	width: 90%;

}
#menu .menuUL {
	width: 100%;
	text-align: left;
	padding-top: 46px;
}
#menu ul {
	display:inline-block;
	margin:0px;
	padding:0px;
	background: #000;
	width: 100%;
}
#menu ul li {
	margin:0px 15px;
	list-style:none;
	display:inline-block;

}
#menu ul li a{
	padding:5px 15px;
	color:#fff;
	display:block;
	font-weight:400;
}
#menu ul li a:hover{
	color:#bbb;
	
	text-decoration:none;
}
#menu ul li.active {
	background:#e30613;
}
#menu ul li.active a{
	color:#fff;
}

#menu ul .AboutActive {
	background:#fde300;
}
#menu ul .AboutActive a{
	color: #000 ;
}
.AboutActive a:hover{
	color: #fff !important;
}

#menu ul .VisionActive {
	background:#9a5ee6;
}
#menu ul .VisionActive a{
	color: #000;
}
.VisionActive a:hover{
	color: #fff !important;
}

#menu ul .MissionActive {
	background:#025ac2;
}
#menu ul .MissionActive a{
	color: #000;
}
.MissionActive a:hover{
	color: #fff !important;
}
#menu ul .ProductActive {
	background:#aacd37;
}
#menu ul .ProductActive a{
	color: #000;
}
.ProductActive a:hover{
	color: #fff !important;
}


#inside-page { background:#fff;
display: flex;

        /* These are the default values but you can set them anyway */
	flex-direction: row;    /* Items inside the container will be positioned horizontally */
        align-items: stretch;
	flex-direction: row-reverse;
		}
.inside-body { 
	padding:5px 15px 20px 25px;
	width:100%;
}
.max-width{ width:100%; }

.inside-image {
}
#footer{
	height:80px;
	text-align:right;
	background:#fff;
}
#footer p{
	font-size:17px;
	font-weight:normal;
	letter-spacing:2px;
	padding:45px 70px 0px 10px;
	margin:0px;
	width:350px;
	float:right;
}
#footer p a{
	color:#000;
}
#footer p a:hover{
	color:#e30613;
	text-decoration:none;
}

#inside-page2 { 
	background:#fff;
}
.inside-body2 {
	text-align:right;
	width:100%
}



.mobile-menu { position:absolute; right:5px; top:5px; border:0px; background:none; display:none; }
#MobileLogo { display: none;}
#mobile-div {
	z-index:9999;
	background:rgba(256, 256, 256, 0.9);
	height:100%;
	width:100%;
	display:none;
	position:fixed;
	
}
.mobile-menu2 {
	width:360px;
	margin:0 auto;
	margin-top:40px;
}
.mobile-menu2 li {
	text-align:center;
	line-height:40px;
	list-style:none;
}
.mobile-menu2 li a{
	font-size:18px;
	background:rgba(226,6,18,0.9);
	border-radius:5px;
	margin:10px;
	display:block;
	color:#fff;
}
.mobile-menu2 li a:hover{
	background:rgba(226,6,18,0.7);
	color:#fff;
	text-decoration:none;
}
.mobile-close { text-align:center;
	margin-top:30px;
}
.mobile-close img{
	cursor:pointer;
}





.project-item  { margin-bottom:15px; }
.project-item p { font-size:22px; }
.project-item a { color:#666; }
.project-item a:hover { color:#c10d0d; text-decoration:none; }


body.HomePage 
{
	background:url(../images/home1.jpg) no-repeat top center;
	background-size:cover;
}



@media (max-width: 1200px) {

#main-page.container{
	 width: 97.5%;
}
}
@media (max-width: 1161px) {
#menu ul li {
	margin:0px 10px;
}

}

@media (max-width: 996px) {
#inside-page{
		/* Turn the horizontal layout into a vertical one. */
		flex-direction: column;		
	}
	.inside-image { order:2; }
#menu ul li {
	margin:0px 0px;
}

}

@media (max-width: 830px) {
	#menu { display:none; }
	.mobile-menu { display:block; }
	#MobileLogo { display:block; }
	#header {
		height:210px;
	}
}




h4 { font-weight: bold !important;}
.ProdAll {
	text-align: center;

}
.Prod{

	text-align: center;
	width: 230px;
	display: inline-block;
}