@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

body {
  font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif;
  font-weight: 300;
  line-height: 1.42em;
  color:#A7A1AE;
  background-color:#FFF;

}

h1 {
  font-size:3em;
  font-weight: 300;
  line-height:1em;
  text-align: center;
  color: #000;
}

h2 {
  font-size:1em;
  font-weight: 300;
  text-align: center;
  display: block;
  line-height:1em;
  padding-bottom: 2em;
  color: #FB667A;
}

h2 a {
  font-weight: 700;
  text-transform: uppercase;
  color: #FB667A;
  text-decoration: none;
}

.blue { color: #185875; }
.yellow { color: #FFF842; }

.ReadymixPackages th h1 {
	  font-weight: bold;
	  font-size: 1em;
  text-align: center;
  color: #FFF;
}

.ReadymixPackages td, .ReadymixPackages tr  {
	  font-weight: normal;
	  font-size: 1em;
 	 -webkit-box-shadow: -1px 1px 0px 0px #0E1119;
	 -moz-box-shadow: -1px 1px 0px 0px #0E1119;
	 box-shadow: -1px 1px 0px 0px #0E1119;

	  -webkit-box-shadow: 1px -1px 1px #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px -1px 1px #000;  /* Firefox 3.5 - 3.6 */
}

table{ border:1px solid #0E1119;

	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.ReadymixPackages {
	  text-align: center;
	  /*overflow: hidden;*/
	  width: 100%;
	  margin: 0 auto;
  display: table;
  padding: 0 0 0em 0; direction: rtl;
}

.ReadymixPackages td, .ReadymixPackages th, .ReadymixPackages table {
	  padding-bottom: 2%;
	  padding-top: 2%;
  padding-left:2%;  border:0px solid #000;text-align: center;
}

.ReadymixPackages td{ border:0px solid #000;}
/* Background-color of the odd rows */
.ReadymixPackages tr:nth-child(odd) {
	  background-color: #FFF;
}

/* Background-color of the even rows */
.ReadymixPackages tr:nth-child(even) {
	  background-color: #FFF;
}

.ReadymixPackages th {
	  background-color: #4bb75f;
}

.ReadymixPackages th span {
	  font-size:12px; color:#FFF; font-weight:normal;
}

.ReadymixPackages td:first-child { color: #000; font-weight:bold; }

.ReadymixPackages tr:hover {
   /*background-color: #464A52;
	-webkit-box-shadow: 0 6px 6px -6px #0E1119;
	-moz-box-shadow: 0 6px 6px -6px #0E1119;
	 box-shadow: 0 6px 6px -6px #0E1119;*/
}

.ReadymixPackages td:hover {
  /*background-color: #FFF842;
  color: #403E10;
  font-weight: bold;

  box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
  transform: translate3d(6px, -6px, 0);

  transition-delay: 0s;
	  transition-duration: 0.4s;
	  transition-property: all;
  transition-timing-function: line;*/
}

.PackageBtn{ background:#4bb75f; width:60%; margin:auto; padding:12px 5px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px; }
.PackageBtn a{ color:#FFF; text-decoration:none; font-weight:bold;font-size:13px; }
.PackageBtn a:hover{ color:#000}

@media (max-width: 800px) {
.ReadymixPackages td:nth-child(4),
.ReadymixPackages th:nth-child(4) { display: none; }
}