/*  Top Search ***************/
.center-block {float: none;margin-left: auto;margin-right: auto;}
.input-group .icon-addon .form-control{border-radius: 0;}
.icon-addon {position: relative;color: #555;display: block;}
.icon-addon:after,.icon-addon:before{display: table;content: " ";}
.icon-addon:after{clear: both;}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon,
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}
.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 40px;
}
.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
}
.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-left: 0;
    left: 11px;
    top: 4px;
}
.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; text-align:right;
    font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif;
}
.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: -1px
}
.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #2580db;
}
.tp-search{ width:20%; margin:0px 0 0 0}
/*  Top Search End ***************/

/*  Feaured Ads Start ***************/
.bs-calltoaction{
    position: relative;
    width:auto;
    padding: 0px;
    border: 1px solid black;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.bs-calltoaction > .row{display:table;width: calc(100% + 30px);}
.bs-calltoaction > .row > [class^="col-"],
.bs-calltoaction > .row > [class*=" col-"]{
  display:table-cell;
 vertical-align:middle;
}
.cta-contents{padding-top: 0px;padding-bottom: 0px;}
.cta-title{margin: 15px auto 15px;padding-left: 5px; }
.cta-title h4{font-size:18px; color:#006;}
.cta-title h4 a{font-size:18px; color:#006 !important;}
.cta-desc{padding: 0;}
@media only screen and (max-width: 500px) {
  .cta-desc{padding: 0 8px;}
}
.cta-desc p{
  font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; font-size:13px; line-height:12px; text-align:justify;padding-left: 10px;padding-right: 10px;
}
.cta-desc p:last-child{margin-bottom: 5px;}
.cta-desc p.cta-button{
  text-align:right;margin-bottom: 10px;
}
.cta-button{text-align:center;}
.comp-title{ margin:75px 0 0 0}
@media (max-width: 991px){
  .bs-calltoaction > .row{display:block;width: auto;}
  .bs-calltoaction > .row > [class^="col-"],
  .bs-calltoaction > .row > [class*=" col-"]{
    float:none;
    display:block;
    vertical-align:middle;
    position: relative;
  }
  .cta-contents{text-align: center;}
}
.bs-calltoaction.bs-calltoaction-default{color: #333;background-color: #fff;border-color: #83bd4d;}
.bs2-calltoaction.bs2-calltoaction-default{
    color: #333;
    background-color: #fff;
    border-bottom:1px solid #83bd4d;
}
/*Start code By Tariq*/
.bs3-calltoaction.bs3-calltoaction-default{
    color: #ffffff;
    background-color: #83bd4d;
    border-radius: 5px;
}

.iframe-video{
    width:785px;
    height:400px;
  }
  @media only screen and (max-width: 500px) {
    .cta-desc{
    padding: 0 8px;
  }
.iframe-video{
    width:100%;
    height:50%;
  }
}

/*End code By Tariq*/
.bs-calltoaction.bs-calltoaction-primary{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.bs-calltoaction.bs-calltoaction-info{
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.bs-calltoaction.bs-calltoaction-success{
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.bs-calltoaction.bs-calltoaction-warning{
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.bs-calltoaction.bs-calltoaction-danger{
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.bs-calltoaction.bs-calltoaction-primary .cta-button .btn,
.bs-calltoaction.bs-calltoaction-info .cta-button .btn,
.bs-calltoaction.bs-calltoaction-success .cta-button .btn,
.bs-calltoaction.bs-calltoaction-warning .cta-button .btn,
.bs-calltoaction.bs-calltoaction-danger .cta-button .btn{
    border-color:#fff;
}
.non-featured-logo{ margin:20px 0px 7px 0; float:left; border:1px solid #e2e2e2; border-radius: 8px;}
@media only screen and (max-width: 500px) {
    .non-featured-logo{ margin:0px 0px 0 45px; float:left; border:1px solid #e2e2e2; border-radius: 8px;}
}
.non-featured-logo img{border-radius: 8px; padding: 10px 15px; background: #fff; height:132px; width:150px;}
.featured-logo{border-radius: 8px;}
@media (min-width: 1024px)
{
  .calc-heading{margin:0;}
}
@media (max-width: 768px) {
    .featured-logo{
        margin:0px 30% 8px 0;
        float:right;
        border-radius: 8px;
      }
}
@media only screen and (min-width: 1024px) {
  .featured-logo{
    margin:0px 0 0 15px;
    float:left;
    border-radius: 8px;
  }
  .featured-logo img {
    border-radius: 8px;
    padding: 10px 15px;
    background: #fff;
    width: 170px !important;
    height: 150px !important;
    }
}
@media only screen and (min-width: 1025px) {
  .featured-logo{
    border-radius: 8px;
    }
  .featured-logo img {
    border-radius: 8px;
    padding: 10px 15px;
    background: #fff;
    width: 200px !important;
    height: 170px !important;
  }
}
@media (min-width: 401px) and (max-width: 480px) {
    .comp-title{margin: 0 0 0 0;}
    .featured-logo{ margin:0px 28% 8px 0; float:right;border-radius: 8px;}
}
@media (max-width: 400px) {
    .comp-title{margin: 0 0 0 0;}
    .featured-logo{ margin:0px 13% 8px 0; float:right;border-radius: 8px;}
}
.featured-logo img{border-radius: 8px; padding: 10px 15px; background: #fff; width:200px; height:170px;}
.ads-banner{ width:100%;}
.ads-banner img{ width:100%; margin:0 0 10px 0;}
/*  Feaured Ads Start ***************/
/*========= Header Start ===========*/
.top_txt{ width:100%; padding:3px 0 3px 0;}
.header {
  background-color:#E5EDA2;
  height:70px;
  margin:auto;
  margin-top:0px;
}
.logo {
margin-left:60px;
height:75px;
}
.banner {
background-image:url(images/readymix-saudi-arabia-ads-2.jpg);
float:right; height:60px; width:468px; margin:8px 0 0 0;
}
.headerbutton {
background:url(images/header-bg.png) repeat-x;
height:32px;
margin:auto;
}
/*========= Main Contaner ===========*/
.main {
width:850px;
background-color:#FFFFFF;
height:auto;
}
.leftSponsors .sponsors {
    background-color:#EDEDED;
    border: 1px solid #EAEAEA;
    border-collapse: collapse;
    clear: both;
    float: left;
    margin-bottom: 5px;
    padding: 5px 200px ;
    position: relative;
    width: 200px;
  margin:0 0 8px 0 ;
}
.h1 {
font:Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#000000;
margin-left:2px;
}
.h1 a{ color:#000000; text-decoration:none;}
.h1 a:hover{ color:#FF0000; text-decoration:underline;}
h2 {
font:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #4ab65f;
margin-left:8px;
margin-top:9px;
}
.h2 a{ color:#0000FF; text-decoration:none;}
.h2 a:hover{ color:#FF0000; text-decoration:underline;}
.leftads {
width:250px;
border:#CCCCCC solid 1px;
}
.heading
{
   font-size: 18px !important;
   background:#b6f180;
   padding:5px 0 10px 14px;
   border-bottom:1px solid #EAEAEA;
   font-weight: bold;
 }
 .heading_ar
{
   font-size: 18px !important;
   background:#EAEAEA;
   padding:5px 14px 10px 0;
   border-bottom:1px solid #EAEAEA;
   font-weight: bold;
 }
.text{ padding:5px 0 5px 5px;}
  .bot_txt
 {
  padding:5px 0 5px 450px;
  }
.spn_img{ border:1px solid #CC9933;}
.conp_name{ font-family:Tahoma; font-size:10px; font-weight:bold; color:#999999;}
/*========= page num Start ===========*/
.contentlist { background:#eaeaea; border:1px solid #c5c5c5; padding:20px; font-family:verdana; line-height:18px; float:left; margin:0 0 3px 0; border-collapse:collapse; font-size:11px; }
.mainlist {
 /*width:462px;*/
 width:100%;
  text-align:left;
  }
.mainlist a { text-decoration:none; color:#000 }
.float_left { float:left !important; }
.float_right { float:right !important; }
.pagination_all { color:#000; font-size:11px; }
.td{border-bottom:#999999 1px solid;}

.brd{ border-bottom:1px solid #EAEAEA; padding:2px 0 2px 0; }

/*========= page num End ===========*/

/*========= Footer Start ===========*/
.footer {
width:850px;
margin:auto;

}
/*========= Footer  End ===========*/
.calc{
  border: 2px solid #666;text-align: center;margin-right: 14px !important;margin-bottom: 10px;
 }
p{ font-size: 13px !important; line-height: 1.4 !important }
.font1{font-family:Verdana, Geneva, sans-serif;font-size:24px;color:#F00;text-align: center;}
.navbar{margin-bottom: 0px !important;}
.img-bor{border: 1px solid #ccc; width:100%;}
.add-button{font-size: 13px !important;color:#fff !important;}
.add-button:hover{background-color: #3F3F3F !important;color: #222 !important;}
.social-icons{font-size: 29px !important;text-align: center;margin-top: 20px;}
.footer-social-icons{font-size: 25px !important;}
.footer-top-heading{background-color:#E5EDA2 !important;}
.copyright{color:#ffffff !important;padding-top:12px;}
.anchorfooter{color:#808080 !important;padding-top:12px;}
.saudihost{color:#ffffff !important;padding-top:12px;text-align: center;}
.spnleft{padding-left:6px;}
.spnright{padding-right:6px;}
.imgdiv{padding:7px 0 3px 10px !important;}
.imgdivright{padding:7px 10px 3px 0 !important;}
.compinfo{padding-top: 7px !important;}
.img{width:200px !important;height:170px !important;border:#808080 1px solid !important;}
.cdetailinfo{padding: 15px;}
.map{width:100% !important;height:300px;}
.fbfanpage{margin-right:68px !important;}
.cityname
{
   text-align:center !important;
   background-color:#E5EDA2 !important;
   padding-top:7px !important;
   padding-bottom: 8px !important;
   border: 1px solid !important;
   margin-bottom: 10px !important;
}
.cityimage{border: 1px solid !important;}

.navbar-inverse .navbar-nav>li>a{color:#9d9d9d!important;}
.navbar-inverse .navbar-nav>li>a:hover{color:#FFFFFF !important;}
.ul1 li{list-style:none;margin-bottom:3px;}
.breadcrumb{text-align: initial !important;}
.hr
 {
  margin-top: 10px !important;
  margin-bottom: 0px !important;
  border: 0;
  border-top: 2px dotted !important;
 }
 .language{margin-top: 26px;text-align: center;font-size: 16px !important;}
 .navi {
  width: 500px;
  margin: 5px;
  padding:2px 5px;
  border:1px solid #eee;
  }
.show {
  color: blue;
  margin: 5px 0;
  padding: 3px 5px;
  cursor: pointer;
  font: 15px/19px Arial,Helvetica,sans-serif;
  }
.show a {text-decoration: none;}
.show:hover {text-decoration: underline;}
.serach{margin-top:14px;}
.serach-ar
  {
    border-radius: 0 4px 4px 0 !important;
  }
  .search-button
  {
    height:34px !important;
  }
  .search-button-ar
  {
    border-radius: 4px 0 0 4px !important;
  }
  .imgcaptcha {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin: 0 10px;
    float: left;
}
 .imgcaptcha-ar {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin: 0 10px;
    float: right;
}
.inputcaptcha {
    width: 170px !important;
    float: left;
}
.refresh {
    float: left;
    margin: 14px 5px;
    cursor: pointer;
}

.refresh-ar {
    float: right;
    margin: 14px 5px;
    cursor: pointer;
}
.autosuggetion
{
  position: absolute !important;
  right: 5%;
  max-height: 400px;
  overflow-y: auto;   /* prevent horizontal scrollbar */
  overflow-x: hidden; /* add padding to account for vertical scrollbar */
  z-index:1000 !important;
}
.autosuggetion ul{ margin:0px; padding:0px;}
.autosuggetion li{ margin:0px; padding:0px;}
.padding-ads
{
  /*padding-top:17px;*/
}
.title
{
  margin:0 !important;
  padding-bottom:5px !important; border-top-right-radius: 6px; border-top-left-radius: 6px;
}
.sponsortitle
{
  font-weight:normal !important;
  font-size:13px !important;
}
.anchorweb
 {
   color:#21759B !important;
  }

  .readmore
{
   font-size: 12px !important;
   background:#b6f180;
   padding:8px 0 10px 14px;
   height:30px;

   font-weight: bold; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
 }
 .colorstrick
     {
      color:red;padding-left:3px;
     }


.footer-details{ background:#83bd4d; margin: 20px 0 0 0;}

.h3-text{ font-size:24px; font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; text-align:center; color:#FFF; font-weight:bold;}
.h3-text2{ font-size:24px; font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; color:#83bd4f; font-weight:bold; margin:50px 0 15px 0; }
.para-text{ font-size:13px!important; font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; text-align:justify; color:#FFF; font-weight:bold; margin:23px 0 0 0;}
@media only screen and (max-width: 500px) {
    .para-text{ font-size:13px!important; font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; text-align:justify; color:#FFF; font-weight:normal; margin:23px 0 0 0;}
}

.contact-text{ font-size:13px!important; font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; color:#FFF; font-weight:bold; }
.contact-text a{ color:#FFF; }

.footer-contact{ background:#424948;}

.submit-form{ background: #4ab75f; width: 100%; border-bottom: 8px; font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; font-weight: bold; color: #424948;  }

.h4-text{ font-size:16px; font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; color:#83bd4d; font-weight:bold; margin:10px 0 8px 0; padding:0 0 0 0; }

.clickable > a{text-decoration: underline;}

.s-icon{margin-left: auto; margin-right: auto; float: left; text-align: left; direction: ltr; margin:0 0 10px 0 }

.s-icontop{margin-left: auto; margin-right: auto; float: right; text-align: right; direction: ltr; margin:36px 20px 0px 0 }
@media only screen and (max-width: 768px) {
   .s-icontop{margin-left: auto; margin-right: auto; float: right; text-align: right; direction: ltr; margin:20px 60% 0px 0 }
}
@media only screen and (max-width: 400px) {
   .s-icontop{margin-left: auto; margin-right: auto; float: left; text-align: right; direction: ltr; margin:20px 0 0px 21% ; display:none;}
}

.en-head{ padding:15px 0 0 27px;}

@media only screen and (max-width: 500px) {
    .en-head{ padding:0px 0 0 0!important; margin:0 0 0 20px;}
}

.footer-link{ font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; text-align:center; margin:40px 0 0 0; color:#FFF; font-weight:bold;}
.footer-link ul{ margin: 0; padding:0; list-style:none; direction:ltr;}
.footer-link li{ margin: 0; padding:0; display:inline; padding:0 15px;}
.footer-link li a{ font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; text-align:center; margin:10px 0 0 0; color:#FFF; font-weight:bold;}
.footer-link li a:hover{ color:#83bd4d; text-decoration:none;}

.copyright-link{ font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; text-align:center; margin:18px 0 30px 0; color:#9aa6ab; font-size:12px; }
.copyright-link ul{ margin: 0; padding:0; list-style:none; direction:ltr;}
.copyright-link li{ margin: 0; display:inline; padding:0 3px;}
.copyright-link li a{ font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; text-align:center; margin:10px 0 0 0; color:#83bd4d; }
.copyright-link li a:hover{ color:#83bd4d; text-decoration:none;}

.city-link{ font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; text-align:center; margin:0; background: #7f8c91; padding:12px; color:#FFF; font-weight:bold;}
.city-link ul{ margin: 0; padding:0; list-style:none; direction:rtl; text-align:center;}
.city-link li{ margin: 0; padding:0; display:inline; padding:0 15px;}
.city-link li a{ font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; text-align:center; margin:0px 0 0 0; color:#FFF; font-weight:bold; padding: 9px 10px 8px 10px;}
.city-link li a:hover{ color:#75c927; text-decoration:none;  }

@media only screen and (max-width: 500px) {
   .city-link{ font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; text-align:center; margin:0; background: #7f8c91; padding:2px; color:#FFF; font-weight:bold;}
.city-link ul{ margin: 0; padding:0; list-style:none; direction:rtl; text-align:center; padding:12px 0 0 0;}
.city-link li{ margin: 0; padding:0; display:inline; padding:5px 2px;}
.city-link li a{ font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; text-align:center; margin:0px 0 0 0; color:#FFF; font-weight:bold; padding: 0px 0 0 0;}
.city-link li a:hover{ color:#75c927; text-decoration:none;  }
}


.count-fa{ color:#FFF; font-size:30px; background:#434949; padding:30px; border-radius: 50%;}
.count-ic{ font-size:30px; background:#434949; padding:30px;}

.sear-ch{height: 35px; border-radius: 4px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 2px solid #ccc; text-align: left; padding: 0 0px 0 8px; font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif;}

@media only screen and (max-width: 966px) {
     .fil-submit{font-size:18px !important;}
}
@media only screen and (max-width: 766px) {
   .sear-ch{height: 35px; border-radius: 4px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 2px solid #ccc; text-align: right; padding: 0 8px 0 0; font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; width:100%;}
}

.current{ background:#5f8e37;}
.current2{ background:#83bd4d;}

.h4-about-co{ color:#4ab65f;}



/*=========================
  Social Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */
.social-network a.icoSI:hover {
	background-color: #83bd4d;
}


.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
	background:#7f8c91;
}
.social-circle li a img {
	padding:13px;

}


.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}

/*.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}*/
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}





        /* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
/* Reposition the controls slightly */
.carousel-control {
	left: -12px;
}
.carousel-control.right {
	right: -12px;
}
/* Changes the position of the indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
	background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}


.ad-form {
    display: block;
    width: 100%;
    height: 42px;
    padding: 6px 12px;
    font-size: 14px; font-weight:bold;
    line-height: 1.42857143;
    color: #666; font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif;  direction:ltr;

    background-image: none;
    border: 1px solid #9ba6ac;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; margin:0 0 8px 0;
}
.ad-form:focus {
    border-color: #84be4e;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

textarea.ad-form {
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px; font-weight:bold;
    line-height: 1.42857143;
    color: #666; font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif;  direction:ltr;

    background-image: none;
    border: 1px solid #9ba6ac;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
textarea.ad-form:focus {
    border-color: #84be4e;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.fil-submit{ background:#4b7632; color:#FFF; background: #4b7632; color: #FFF; border-radius: 5px; height: 45px; margin: 0px 0 0 0; font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; padding:5px; font-size: 24px; text-align: center; border:none; width:100%; float:right;}
.golden-sponsored-en{background:url(../images/golden-en.jpg) no-repeat; width:60px; height:290px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.golden-sponsored-sr{background:url(../images/golden-ar.jpg) no-repeat; width:60px; height:290px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.silver-sponsored-ar{background:url(../images/silver-en.jpg) no-repeat; width:60px; height:290px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
@media only screen and (max-width: 500px) {
.container-top-margin{margin:0}
.golden-sponsored-en{background:#cc9900 url(../images/golden-en-v.jpg) no-repeat; width:100%; height:60px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0px;}
.golden-sponsored-sr{background:#cc9900 url(../images/golden-ar-v.jpg) no-repeat; width:100%; height:60px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px;}
.silver-sponsored-ar{background:#c2c2c2 url(../images/silver-en-v.jpg) no-repeat; width:100%; height:60px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px;}
}

.banner-mrg{ margin:0 0 8px 0;}

.fil-submit{ background:#4b7632; color:#FFF; background: #4b7632; color: #FFF; border-radius: 5px; height: 45px; margin: 0px 0 8px 0; font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; padding:5px; font-size: 24px; text-align: center; border:none; width:100%; float:right;}

/*Written By Tariq*/
.title-padding{padding-left: 10px !important;padding-right: 10px !important;}
.cta-desc-gold-sponsor p{padding-right: 10px;padding-left: 10px;}
.cta-desc-silver-sponsor p{padding-right: 10px;padding-left: 10px;}
.golden-sponsored-ar-bg
{
 border:none;
}
.silver-sponsored-ar-bg
{
    border:none;
}
.Featured-factory-font{color:#337ab7;}
.Featured-factory-star{color:#cc9900 !important;}
.featured-ads-color{background-color:#F3C507;cursor: text !important;}
.featured-highlight{background-color: #cc9900 !important;}
.featured-highlight i{color:#fff;}
/*Submit Price button code*/
.price_submit
{
  background:#4b7632; color:#FFF; background: #4b7632; color: #FFF; border-radius: 5px; height: 45px;font-family: "droid Arabic Kufi" , Tahoma, Geneva, sans-serif; padding:5px; font-size: 17px; text-align: center; border:none; width:100%; float:right;
}
.price_submit_div{margin-top: 10px;margin-bottom: 10px;text-align: right;}
/*Submit Price button code*/
.social-counter{margin-top:2%;}
.price_index_margin{margin-bottom: 2%;}
.fil-reset{background: #434949 ;}
.cal-result{
    color: #434949;
    font-size: 35px !important;
    font-weight: normal;
    text-align: center;
     }
.fil-order{background: #CC9900;}
.calc-heading{
    text-align: center;
    font-size: 50px !important;;
    font-weight: bold;
    color: rgb(75, 118, 50);
    padding-top: 0;
}
.fil_query{color: #337ab7;}
.container-top-margin{margin:30px auto 0 auto;}
.twitter-div{text-align: center;}
.twitter-div p{text-align: center;font-weight: bold;}
.twitter-typeahead{width:100%;}
.tt-dropdown-menu{background-color: #ffffff;padding-left: 15px; padding-right: 15px;}
/**
Price Index Graph
**/
#chartdiv {width:100%; height:500px;font-size:11px;}
#powered-by{text-align: center;}
#powered-by a{color:#4ab65f;text-decoration: none;}
/**
Submit Quotation
*/
#quotation-request-form{
border:1px solid #ccc !important;padding:10px 8px 8px 8px;
}
#trackorder-form{
  display: none;
  border:1px solid #ccc !important;
  padding: 10px 8px 8px 8px;
  margin-bottom: 10px;
}
.btnorder{
margin-top: 10px;
}
.btnorder h4{
  color:#4ab65f;
}
/**
receive quotation to factory
**/
label.client-info,label.client-info a{
  color:#666;
}
/**
Receive quotation price calculation by factory
**/
.product-list{
padding: 0;
list-style: none;
}
.product-list li{
  overflow: hidden;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.product-variant{
font-weight: 500;
line-height: 26px;
}
.variant-key{
  width: 25%;
  float:left;
  display: inline-block;
  text-transform: capitalize;
  color: #333;
  font-weight: bold;
  margin-top: 2%;
}
.variant-value{
  width: 75%;
  float:left;
  font-weight: 400;
  color: #555;
  font-size: 14px;
}
.result-padding{
  padding: 15px 0;
  border-bottom:1px solid #ccc;
}
.result-padding:last-child{
  border-bottom:none;
}
.result-output{
  border: none;
  font-size: 14px;
  color: #666;
  font-weight: 600;
}
.result-output:focus{
  outline: none;
}
@media only screen and (max-width: 1024px) {
  .variant-key{
    width: 30%;
  }
  .variant-value{
    width: 70%;
  }
}
@media only screen and (max-width: 768px) {
  .product-list li{
    overflow: hidden;
    border: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .pull-right{
    float: none!important;
  }
  .variant-key{
    width: 100%;
  }
  .variant-value{
    width: 100%;
  }
}

a.fancybox img {
  border: none;
  box-shadow: 0 1px 7px rgba(0,0,0,0.6);
  }
.logo{ margin:auto; width:80%; float:left;}
@media only screen and (max-width: 600px) {
 .logo{ margin:4px auto !important; width:100% !important; display:none;}
}
.factory-count-margin{
  margin: 40px 0 40px 0;
}
.twitter-model-button{
  float:right;
}
.form-border-style{
  border:1px solid #ccc !important;padding:10px 8px 8px 8px;border-radius:8px;
}
/* Search Box  start*/
/*the container must be positioned relative:*/
input {
  border: 1px solid transparent;
  padding: 10px;
  font-size: 16px;
}
input[type=text] {
  width: 100%;
}
.autocomplete-suggestions {
  text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);
  /* core styles should not be changed */
  position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}
.autocomplete-suggestions div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
/*when hovering an item:*/
.autocomplete-suggestions div:hover {
  background-color: #e9e9e9;
}
/*when navigating through the items using the arrow keys:*/
.autocomplete-suggestion.selected {
  background-color: #608e36 !important;
  color: #ffffff;
}
/* Search Box end */
/* Fixed Quotation Buttun */
@media (max-width: 767px){
    .bottom-nav {
    display: flex !important;
  }
}
.bottom-nav {
    display: none;
    position: fixed;
    bottom: 40px;
    width: 100%;
    z-index: 999;
}
.jss40 {
    display: flex;
    justify-content: center;
}
.jss48 {
    color: #fff;
    box-shadow: 0px 0px 13px 1px rgb(190 40 10 / 50%);
    background-color: #4b7632;
}
.bottom-nav-sell {
    min-width: 70px!important;
    height: 70px!important;
    margin: -21px 0 0!important;
    display: grid!important;
}
.jss46 {
    width: 56px;
    padding: 0;
    font-size: 1.3rem;
    box-sizing: border-box;
    min-height: 36px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-weight: 500;
    line-height: 1.75;
    border-radius: 50%;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
}
.jss7 {
    border: 0;
    cursor: pointer;
    outline: none;
    position: relative;
    align-items: center;
    user-select: none;
    vertical-align: middle;
    justify-content: center;
    -moz-appearance: none;
    text-decoration: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}
.jss47 {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
}
.jss138 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    position: absolute;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}
.jss47-bg{
    color: #FFF;
    font-size: 24px;
    background: #4b7632;
    padding: 24px;
    border-radius: 50%;
}
.blur {
    color: transparent !important;
    text-shadow: #111 0 0 15px;
    transition: 0.4s;
    pointer-events: none;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
  }
/*Written By Tariq*/