html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	outline:none;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	}
:focus {/* remember to define focus styles! */
	outline: 0;
}
ul { list-style: none}
ol{padding:0 0 0 20px;margin:0 0 10px}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td { font-weight: normal; text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {quotes: "" "";}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*clearfix*/

.clear	{
	clear: both;
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
	}

.clearfix:after {
	content: ".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
	}

html[xmlns] .clearfix { display:block}
* html .clearfix { height:1%}

img { max-width:100%;height:auto;vertical-align: middle}
.imgright{float:right;margin:0 0 0 10px}
.imgleft{float:left;margin:0 10px 0 0}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	GENERAL
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

html{}

body{
	font: normal 13px "Segoe UI", Arial, Sans-serif;
	line-height:1.3;
	color: #000;
	background:url(../images/topbg001.jpg) repeat-x scroll center top;
	text-align:right;
	direction:rtl;
	}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	LINK COLORS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
a {
	color:#b73126;
	text-decoration:none;
}

a:focus,
a:active,
a:hover {
	color:#b73126;
	text-decoration:underline;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	HEADINGS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

h1, h2, h3, h4, h5, h6	{
	font-family:"Segoe UI",Arial;
	font-weight:normal;
	line-height:normal;
	 margin: 0 0 10px 0;
	 color:#444;
	}

h1	{ font-size: 24px}
h2	{ font-size: 22px}
h3	{ font-size: 20px}
h4	{ font-size: 19px}
h5	{ font-size: 18px}
h6	{ font-size: 16px}

p{margin:0 0 10px}
.pull-right{float:left}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	LAYOUT
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#wrapper {
	position:relative;
	width: 100%;
	margin:0 auto;
	}

.inner  {
	position:relative;
	width:990px;
	margin:0 auto;
}

.one_half{width:49%}
.one_third		{width:32%}
.two_third      { width:66%}
.one_fourth		{ width:23.5%}
.one_fifth      { width:18.4%}
.three_fourth   { width:74.5%;   }
.four_fifth     { width:79.6%;   }
.two_fifth      { width:39.2%}
.three_fifth    { width:58.8%;   }
.one_sixth{width:15%}
.one_ninth{width:9%}
.one_full{width:100%}

.one_half,.half_width,.one_third,.two_third,.one_fourth,.one_fifth,.four_fifth,.one_sixth,.two_fifth,.three_fifth,.three_fourth{position:relative;display:inline-block;*display:inline;float:right;margin-left:2%}
.last{margin-left:0 !important}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	Header / Logo / Header Right
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.header{margin:15px 0 0;height:1%}
#header{position:relative;margin:0 auto;background:#fff;padding:5px 0 2px}
#header:after{clear:both;content:"";display:block;}

/* LOGO */
.logo{position:relative;display:inline-block;*display:inline;float:left;margin-top:20px;margin-left:-75px;}
#header ul.menu{float:left}
#header ul.menu li{background:url(../images/top-divider.jpg) no-repeat scroll left center;border:0 none;float:right;font-size:12px;font-weight:bold}
#header ul.menu li:last-child{background:0}
#header ul.menu a{color:#bda074;padding:0 5px}
#header ul.menu a:hover{text-decoration:none}
#header .search{clear:both;padding:15px 20px 0 0;height:1%;overflow:hidden;float:right;}
#header .search .inputbox{border:1px solid #bda074;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:block;float:left;height:27px;width:169px;padding:5px;color:#bda074;margin-right: 20px;}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	Primary Menu
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.primarymenu ul.menu{display: block;float:right;width:100%;position:relative;background:#fff;text-transform:uppercase}
.menu, .menu *{margin: 0; padding: 0; list-style: none}
.menu ul{display: none; position: absolute; top: 100%; left: 0; z-index: 99}
.primarymenu .menu > li {float:right;padding:0 2px 0 0;background:url(../images/dividerline.png) no-repeat scroll left top}
.menu li:hover > ul{display: block}
.menu a{display:block;}
.menu ul ul{top:0;left:100%;}
.primarymenu .menu ul{min-width: 12em;*width: 12em;width:100%;background:#bda074}
.primarymenu .menu a{padding:10px 12px;text-decoration:none;color:#bda074;font-size:14px;zoom:1;}
.menu ul.nav-child a{padding:9px 25px 10px;font-size:12px;color:#fff}
.menu ul.nav-child li{float:right}
.menu li:hover,.menu a:focus,.menu a:hover,.menu a:active{outline:0;color:#000}
.primarymenu .menu > li.active > a,.primarymenu .menu > li:hover > a,ul.nav-child > li:hover > a,ul.nav-child > li.active > a{color:#000}
.primarymenu .menu li:last-child{margin-right:0}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	SLIDESHOW
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.slideblock{background:#fff;clear:both}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;background:#fff}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}
.rslides li{position:relative;display:block;float:left}
.rslides img {height:auto;border:0}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	CONTENT AREA
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.brands{position:relative;background:url(../images/brands.jpg) no-repeat scroll;width728px;height:100px;display:block}
.brands a{position:absolute;top:10px;width:125px;height:80px;display:block;text-indent:-9999px}
.brands a.alshifa{left:8px}
.brands a.sary{left:140px;width:220px}
.brands a.sun{right:165px;width:190px}
.brands a.walima{right:19px}
.maincontent{height:1%;overflow:hidden;background:#fff;padding:10px 5px 0}
.view-article .maincontent{padding:15px}

.historyblock{clear:both;width:100%;text-align:justify}
.historyblock .yearbox{margin:20px 0 0}
.historyblock .yearbox p{background:#bda074;font-size:20px;color:#fff;padding:0 0 0 15px;font-weight:bold}
.chairbox{background:#BDA074;min-height:600px;display:block}
.prdbox .one_fourth{margin-bottom:2%}

.missionbox{padding:2%}
p.title{margin-bottom:20px}
p.textcenter{padding:0 5%}
.valuebox img{margin-bottom:1%;display:inline-block}
.valuebox .textcenter{padding-bottom:5%}

.contactbox{padding:2% 0;height:1%;overflow:hidden}
.contactbox h3{color:#b73126;margin:0 0 10px}
.muted{display:none}
#xmap{padding:10px 20px}
#xmap li,dl.search-results{line-height:1.7em}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	FOOTER
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#footer{position:relative;color:#000;margin-top:10px;clear:both;width:100%;background:url(../images/foot.jpg) repeat-x scroll center top}
.finner{height:1%;overflow:hidden;padding:30px 0 35px;line-height:24px}
.finner a{color:#000}
.ficon{text-align:center}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	Quick Contact
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
 #qucikContact {
    background-color: #BE9F71;
    display: none;
    padding: 14px;
    position: fixed;
    right: -250px;
    top: 200px;
    width: 214px;
    z-index: 99 !important;
}
@media only screen and (max-width: 768px) {
#qucikContact {
    top: 164px;
}
}
#qucikContact .full-text-fields {
    border: 0 none;
    padding: 5px 12px !important;
}
#qucikContact.open {
    display: block !important;
}
#qucikContact.close {
    display: none !important;
}
#quickContactButton {
    display: block;
    position: fixed;
    right: 0;
    top: 179px;
    z-index: 99 !important;
}


.form-field {
    box-sizing: border-box;
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.primary-button {
 border: medium none;
    border-radius: 5px;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: inline-block;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 13px;
    margin: 0 auto;
    outline: medium none;
    padding: 14px 22px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
        background-color: #000;
    color: #fff;
}

.primary-button:hover, .primary-button:focus {
    background-color: #F01717;
    color: #fff;
}


.text-fields-full {
    background-color: #fff;
    border: 1px solid #bfc4c6;
    box-sizing: border-box;
    color: #222;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    padding: 8px 10px;
    resize: none;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
#quickContactButton {
    display: block;
    position: fixed;
    right: 0;
    top: 179px;
    z-index: 99 !important;
}

.close {
  border-radius:50% 50%;
  -moz-border-radius:50% 50%;
  -webkit-border-radius:50% 50%;
  width:28px;
  height:28px;
  border:2px solid #fff;
  background-color:#F01717;
  color:#fff;
  font-size:13px;
  display:block;
  text-align:center;
  line-height:28px;
  font-weight:bold;
  position:absolute;
  bottom:-12px;
  left:-14px;
  z-index:9;
}
.close:hover, .close:focus, .close:link {
  color:#fff;
  text-decoration:none;
}
.arno{direction:ltr;}

.career-block{width:20%;float:left;}
.career-text {
    margin: 10px 5px 25px;
    width: 185px;
}
.career-block h5{color:#BE9F71;}
.career-blocks {margin-top:25px;}