@charset "utf-8";
/* CSS Document https://perfecticons.com */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
@font-face {
    font-family: 'si';
    src: url('social/socicon.eot');
    src: url('social/socicon.eot?#iefix') format('embedded-opentype'),
         url('social/socicon.woff') format('woff'),
         url('social/socicon.ttf') format('truetype'),
         url('social/socicon.svg#icomoonregular') format('svg');
		 
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(social/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
	border-bottom:none !important;
}

.soc li a {
     font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    margin-right: 10px;
    color: #ffffff;
    background-color: #999;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-pinterest {
    background-color: #c92619;
}
.soc-pinterest:before {
    content:'\e043';
}
.soc-twitter {
    background-color: #4da7de;
}
.soc-twitter:before {
    content:'\e040';
}
.soc-instagram {
    background-color: #405de6;
}
.soc-instagram:before {
    content:'\e057';
}
.soc-whatsapp {
    background-color: #20B038;
}
.soc-whatsapp:before {
    content:'\e01b';
}
.soc-telegram {
    background-color: #0088cc;
}
.soc-telegram:before {
    content:'\e06e';
}
.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'\e041';
}
.soc-googleplus {
    background-color: #dd4b39;
}
.soc-googleplus:before {
    content:'\e042';
}
.soc-linkedin {
    background-color: #3371b7;
}
.soc-linkedin:before {
    content:'\e049';
}



@font-face{font-family:Myarial;unicode-range: U+0-2f, U+40-10FFFF;src:url(fonts/yekan.eot?#) format("eot"),url(fonts/yekan.woff) format("woff"),url(fonts/yekan.ttf) format("truetype")}
@font-face {
    font-family: Myarial; font-size:15px !important;
	src: local("Arial");
    unicode-range: U+30-39;
	unicode-range: U+0025-00FF
}



body { font-size: 11px; color:#666; font-family: Myarial; margin: 0 auto;
  text-align: center; overflow-x:hidden; background:url(allbg.jpg) repeat-x #636363}
  
  

  span{color:#605D83; font-size:14px; direction:ltr !important }
  span.white{font-size:16px; color:#FFF;  text-shadow: 2px 2px #666;}
  span.black{font-size:14px; color:#000;  text-shadow: 2px 2px #666;}
  form{direction:rtl;}

  ul{list-style:none;}

  p{font-size:10px !important}

  h1{font-size:13px; direction:rtl; color:#2d6299; }

  h2{font-size:12px; direction:rtl; color:#2d6299; }

  h3{direction:rtl; color:#666; font-size:13px;}

  h4{text-align:right; border-bottom:1px dotted #CCC; font-family:Arial;}

  p{direction:rtl; text-align:justify; }

  img{width:100%; height:auto;}

.wide{width:100%;} 

.red{color:#F33; font-size:13px;}

.sidebar{width:99%; height:35px; background:#5a5a5a; text-align:center; color:#FFFFFF; font-size:11px; margin-top:3px;}

.sidelab{width:99%; height:auto; max-height:1000px; overflow:hidden; margin-top:7px; background:#FFFFFF;}

.sidesample{width:99%; height:auto; overflow:hidden; margin-top:7px;} 

.orange-button{width:100%; height:30px; background:#F24F00; color:#FFFFFF; text-align:center; font-family:Myarial; font-size:11px;}

.gray-button{width:100%; height:100%; background:#5a5a5a; color:#FFFFFF; text-align:center; font-family:Myarial;  font-size:11px;}

a{color:#666; text-decoration:none; font-size:11px;}



a.blink:link , a.blink:visited{color:#333; text-decoration:none;}

a.blink:hover{color:#F33;}



a.jadval:link, a.jadval:visited{background:#f2cb04; width:100%; text-align:center; color:#FFF; font-size:13px; padding:5px 20%;}

a.jadval:hover{background:#333;}



a.dlink:link , a.dlink:visited{color:#F33; text-decoration:none;}

a.dlink:hover{color:#F33;}



a.en-dyellow:link , a.en-dyellow:visited{color:#B7B700; text-decoration:none; font-family:Arial; font-size:13px;}

a.en-dyellow:hover{color:#000;}



a.fa-dyellow:link , a.fa-dyellow:visited{color:#B7B700; text-decoration:none; font-family:Myarial; font-size:11px;}

a.fa-dyellow:hover{color:#000;}



a.lan:link , a.lan:visited{color:#008040; font-family:Arial; text-decoration:none; font-size:12px;}

a.lan:hover{color:#000;}



a.fa-lan:link , a.fa-lan:visited{color:#008040; font-family:Myarial; text-decoration:none;}

a.fa-lan:hover{color:#000;}



a.red:link , a.red:visited{color:#F33; text-decoration:none; font-family:Tahoma;}

a.red:hover{color:#F33;}



a.force div{color:#333;}

a.force div:hover{color:#06C;}



a.blue:link , a.blue:visited{color:#0093D9; font-size:12px; text-decoration:none;}

a.blue:hover{color:#000;}



a.lblue:link , a.lblue:visited{color:#D5D500; font-size:12px; text-decoration:none;}

a.lblue:hover{color:#FFF;}



a.gray:link , a.gray:visited{color:#666; text-decoration:none; font-family:Arial; font-size:13px;}

a.gray:hover{color:#f2cb04;}

.red{color:#A8A800}

a.pgray:link , a.pgray:visited{color:#999; text-decoration:none; font-family:Myarial; font-size:11px;}

a.pgray:hover{color:#000;}



a.error:link , a.error:visited{font-family:Arial; font-size:13px; color:#777; text-decoration:none;}

a.error:hover{color:#000;}



a.dgray:link, a.dgray:visited{width:100%; font-size:10px; width:100%; text-decoration:none; color:#666;}

a.dgray:hover{color:#F8BC07;}

a.hgray:link, a.hgray:visited{width:100%; font-size:12px; height:85px; width:100%; text-decoration:none; color:#666;}

a.hgray:hover{ border-bottom:4px solid #0080C0;  padding:30px 22% 30px 22%;}



a.tlan:link , a.tlan:visited{color:#03F; font-family:Tahoma; font-size:10px; text-decoration:none;}

a.tlan:hover{color:#000000;}




#allcontent{width:100%; max-width:1100px; margin:10px auto; height:auto; overflow:hidden; background:#FFF; padding:30px 20px}


#topline{width:100%; height:130px; background:#000; font-family:Myarial; font-size:13px;}

#topline-cont{width:96%; margin:auto; max-width:1100px; height:100px; padding-top:30px}
#toplogo{width:18%; float:left; height:auto}
#topstuff{width:76%; float:right; margin-top:40px;}
#fiftyleft{width:52%; float:left; height:auto; overflow:hidden}
#fiftyright{width:44%; float:right; height:auto; overflow:hidden; background:#DBDBDB}
.allside{width:44%; height:auto; overflow:hidden; margin:15px 3%; float:left}

#socialnet{width:35%; float:left; margin-top:10px; color:#999;}

#contact-info{width:50%; float:right; color:#999; max-width:450px; font-family:Tahoma; margin-top:15px; direction:ltr; text-align:right; margin-right:3%}

.white{color:#FFF; font-size:12px;}

#top-info{width:100%; margin:auto; height:auto; min-height:95px; background:#f2cb04}
#topcontent{width:98%; max-width:1100px; margin:auto}

#logo{width:21%; float:left; min-width:180px; margin-top:30px}

#logo img{width:100%; height:auto;}

#mainlink{width:50%; float:left}

#linklist{height:40px; float:right; width:100%; }

#linklist li{display:inline; padding:1px 4%; border-right:1px solid #333;}

a.catyellow:link, a.catyellow:visited{color:#777;font-size:12px; text-decoration:none;}

a.catyellow:hover{color:#FFF;}

a.clink:link, a.clink:visited{color:#CCC !important; text-decoration:none; line-height:30px; padding-bottom:4px;}

a.clink:hover{color:#ffc400;}



#basket{width:27%; float:right; color:#2d6299; letter-spacing:2px; font-size:13px; line-height:24px}

#basket img{width:70%; float:right;}

a.yellow:link , a.yellow:visited{color:#d8a806; font-size:12px; text-decoration:none;}

a.yellow:hover{color:#000;}


a.membership:link , a.membership:hover{background:#000; Color:#f2cb04 !important; padding:3px 10px;border-radius:5px; border:2px solid #FFF}
a.membership:hover{background:#FFF; color:#000; }
a.enteradmin:link , a.enteradmin:hover{background:#f2cb04; Color:#000; padding:3px 10px;border-radius:5px; border:2px solid #FFF}
a.enteradmin:hover{background:#FFF; color:#f2cb04; }


a.basket:link , a.basket:visited{color:#ffc400; font-size:14px; text-decoration:none; font-family:Arial; font-weight:bold;}

a.basket:hover{color:#FFF;}

#logosearch{width:22%; float:left; margin:0 0 0 5%;}

#organic{width:100%; margin:auto; max-width:1100px; overflow:hidden; border-bottom:5px solid #2d6299}
#footorganic{display:none}

#rottary{width:100%; margin:auto; position:relative; z-index:20}
.marger{width:100%; height:auto; margin:35px 0; overflow:hidden}
#leftyellow{width:56%; height:auto; overflow:hidden; padding:20px 2%; background:#f2cb04; min-height:150px; float:left}
#lypic{width:15%; float:right; min-width:220px; background:#FFF; min-height:100px; height:auto; overflow:hidden; padding:10px 1% 0 1%; box-shadow: 3px 3px #CCC;}
#lypic img{width:100%; height:auto}
#lytext{color:#333; width:37%; min-width:300px; float:right; margin-right:2%; max-width:380px; font-size:11px; text-align:right;}

#righttoit{width:39%; float:right; padding:15px 0; min-height:150px}
#toitcontent{color:#333; width:50%; min-width:260px; float:left; max-width:300px; font-size:11px; text-align:right;}
#sprolinks{width:100%; margin:0px auto 0 0; height:40px; background:#000;}
  nav { width: 100%; max-width:1100px }

.nav_wrapper {
  position:relative;
  z-index:1000;

  width: 76%; max-width:1100px; float:right
  margin:auto;
 
  background: #333 !important;
  margin-bottom:0 !important;
}


.nav_wra{
  position:relative;
  z-index:1000;

  width: 100%; max-width:1100px;
  margin:auto;
 
  background: #333 !important;
   margin-bottom:0 !important;
}

.btn {
  padding: 10px 1%;
  margin: 5px;
  color: #fff;
  text-decoration: none;
  font-family: sans-serif;
  transition: all 0.1s ease;
}

.btn:hover { transition: all 0.1s ease; }

main {
  max-width: 800px;
  margin: 0 auto;
}

main p {  1.2em;
}

#search {
  float: right;
  font-size: 30px;
  padding: 2px 15px;
  line-height: 35px;
  color: #fff;
  margin: 0;
  font-weight: 700;
  -webkit-transform: rotate(181deg);
  -moz-transform: rotate(181deg);
  -ms-transform: rotate(181deg);
  -o-transform: rotate(181deg);
  transform: rotate(181deg);
}

#search:hover { color: #666; }

.search_box {
  clear: both;
  width: 100%;
  background: #e8ebf0;
  padding: 0;
  margin: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}

.search_box.active {
  height: auto;
  padding: 15px 0;
}

.search_box input {
  width: 80%;
  font-size: 13px;
  margin: 0 0 0 15px;
  padding: 10px;
  border: none;
  background: #fff;
}

.search_box input:focus { outline: none; }

.search_box input.search_icon {
  clear: both;
  width: 10%;
  height: auto;
  padding: 10px;
  margin: 0;
  margin-left: -5px;
  border: none;
  color: #fff;
  cursor: pointer;
  background: #8c949d;
  opacity: 1;
  transition: all 0.1s ease;
}
a:link , a:visited{color:#666; font-size:12px}
a:hover{color:#000}
.search_box input.search_icon:hover { background: #666; }

.menu-link { display: none; }

.spinner-master input[type=checkbox] { display: none; }

.menu {
  width: 100%;
  height: auto;
  background: #000;
  transition: all 0.3s ease;

}

.menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-block;
}

.menu > li > ul.sub_menu {
  min-width: 10em;
  padding: 4px 0;
  background-color: #f4f4f4;
  border: 1px solid #fff;
}

.menu ul li { padding: 0px; }

.menu > ul > li { display: inline-block; }

.menu ul li a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 11px;
}

.menu ul li a:hover {
  background: #666;
  color: #fff;
}

.menu ul li.hover > a {
  background: #666;
  color: #fff;
}

.menu ul li > a { padding: 8px 15px; }

.menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 200px;
  background: #39484d;
}

.menu ul li:hover > ul { display: block; }

.menu ul ul > li { position: relative; }

.menu ul ul > li a {
  padding: 10px 15px;
  height: auto;
  background: #39484d;
}

.menu ul ul > li a:hover {
  background: #666;
  color: #fff;
}

.menu ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}




#hero {
  width: 100%;
  height: auto;
  background: #e8ebf0;
  margin: 70px 0 20px 0;
}

#hero img {
  width: 100%;
  height: auto;
}















.divall{width:98%; margin:auto; max-width:1100px; overflow:hidden;}

#motto{width:98%; margin: 10px auto; padding:15px 0; border-bottom:1px solid #EDEDED; font-size:16px; color:#333; text-align:center; max-width:1100px; background:#EDEDED}

.mainfour{width:20%; float:left; margin:15px 1% 25px 1%; min-height:150px; font-size:10px !important}

.mainfour img{width:100%; height:auto; max-height:150px;}

.mainfour p{font-size:10px !important; line-height:20px;}

.imainfour{width:31%; float:left; margin:15px 0 25px 3%;}

.tmainfour{width:29%; float:left; margin:15px 0 25px 2%;}

#news{width:28%; float:left; min-height:250px;  margin-top:30px;}

#news ul{list-style:none; font-size:11px; line-height:20px; text-align:right;}

#news li{padding:5px 0; border-bottom:1px dotted #CCC;}

#latestpro{width:68%; float:right; min-height:260px; margin-top:30px;}

.profour{width:13.3%; height:160px; border:1px solid #D8D8D8; float:left; margin:15px 1.5%;}

.profour img{width:100%; height:120px;}



a.profour:link,a.profour:visited{text-decoration:none;}

a.profour:hover{border:1px solid #F90}

a.profour div{width:100%;}

a.profour p{padding:0 5px; font-size:10px; text-align:right; color:#666;}



#afooter{width:100%; background:#000; padding:10px 0; height:auto; overflow:hidden;}

#afooter ul{list-style:none;}

#afooter li{text-align:right; padding:2px 2%; border-bottom:1px dotted #999; color:#CCC;}

#bfooter{width:100%; background:#000; color:#666; text-align:center; padding:4px 0;}

.justcontent{width:96%; max-width:1100px; padding:5px 0; margin:auto;}

.contactinfo{text-align:right; color:#CCC !important; font-size:12px !important; font-family:Arial; line-height:24px !important;}

#newsfeed{width: 92%;height: auto;background-color:#EDEDED;box-shadow: 0px 5px 5px #2d6299;max-width:1000px; margin:5px auto;border-radius: 6px;direction:rtl; padding:6px 2%; text-align:right; direction:rtl; min-height:40px}



#descmap{width:37%; float:left; min-width:300px; padding:30px 3%;}

#mobmap{display:none;}





a.stro:hover div{border:6px solid #f2cb04}

.stro p{padding:5px; font-size:10px;}

.stro img{width:24%; float:right; height:auto; padding:5px; border-left:1px dotted #CCC;}

.stro div{width:93%; margin:8px auto; height:auto; overflow:hidden; background:#FFF; border:1px solid #CCC; border:6px solid #EDEDED}







a.rigging:hover div{background:#FBD22F}

.rigging p{padding:5px; font-size:10px;}

.rigging img{width:30%; float:left; height:auto; padding:5px; }

.rigging div{width:100%; margin:13px auto; height:auto; overflow:hidden; background:#FFF; }













#brands{width:100%; height:auto; min-height:200px; overflow:hidden; padding-top:20px; margin-top:20px}
.thumbnail {
  position: relative;
  width: 120px;
  height: 120px;
  overflow: hidden;
}
.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}
#brandscon{width:96%; max-width:1100px; padding:10px 0; margin:10px auto}

.brandicon{width:20%; float:left; height:auto; max-height:100%; margin-left:4%;}









#abox{width:28%; float:left; margin:20px 0 20px 0; }



#bbox{width:27%; float:left; margin:20px 0 20px 5%; margin-bottom:10px;}

#bbox ul{list-style:none;}

#bbox li{text-align:right;  padding:3px; margin-top:4px; background:#EDEDED; text-align:right; direction:rtl;}

#cbox ul{list-style:none;}

#cbox li{text-align:right; border-bottom:1px dotted #999; padding:3px}



#cbox{width:34%; float:left; margin:20px 0 20px 5% ; background:#FFF }

.allyellow{width:100%; color:#666; border-bottom:3px solid #ffc301;}

#allblack{width:100%;  color:#000; border-bottom:3px solid #666;}
#ulblack{width:100%;  color:#999; border-bottom:1px solid #EDEDED;}
.newsul{list-style:disc}
.newsul li{border-bottom:1px dotted #CCC; color:#999; padding:3px 1%}




#latepro{width:100%; height:auto; min-height:90px; background:#EDEDED; overflow:hidden}

#lateprocon{width:96%; max-width:1100px; padding:10px 0; max-height:200px; margin:0 auto 0 auto}

.lateproicon{width:20%; float:left; height:auto; max-height:100%; margin-left:4%;}









#productspage{width:96%; margin:40px auto; max-width:1100px;}

.thecontent{width:96%; height:auto !important; background:#FFF; margin:20px auto; max-width:1080px; overflow:hidden;}

#proelements{width:80%; margin:auto; background:#FFF; padding:10px 0;}

.thesix{width:15%; min-width:70px; height:auto; padding:0; margin-left:1.5%; float:left; text-align:center; vertical-align:text-top;}

.mobelements{display:none;}

.onethird{width:22%; height:auto; float:left; margin-left:3%; min-width:150px; margin-top:7px; background:#EDEDED; margin-top:60px;}

a.onethird:hover{background:#f2cb04}

.onethird img{height:180px; width:auto; max-width:100%; margin:auto;}

.thethree{width:30%; min-width:180px; height:auto; padding:0; border-right:1px solid #CCC; margin-left:3%; float:left; text-align:center; vertical-align:text-top;}

#prosetleft{width:76%; float:left;}

#prosetright{width:20%; float:left; margin-left:3%; background:#EDEDED; border-top:3px solid #DD0; margin-top:30px;}

#prosief input {width:100%;}

#offertable{width:100%; font-size:10px; line-height:16px;}

.offertd{width:65%; border-bottom:1px solid #CCC; padding:0 10px 0 10px;}

.per_pro{width:180px;height:340px;float:left;border:1px solid #999;margin:5px 11px;text-align:center;direction:ltr;line-height:17px;  line-height:22px;}#thepro_table{width:90%;max-width:950px;margin:auto;text-align:right !important; direction:ltr !important;}

.normal{width:96%; margin:auto; height:auto; max-width:1100px;  margin:15px auto 15px auto; overflow:hidden;}

.catlist{width:100%;}

.catlist li{list-style:none; border-bottom:1px dotted #CCC; margin:3px 0; padding:2px 3px;}

.protophead{width:100%; height:35px; background:#EDEDED; max-width:1100px; margin-top:25px;}

.thetophead{width:100%; height:45px; border-bottom:1px solid #CCC; background:#FFF; vertical-align:bottom;}









.profive{width:18%; min-height:400px; border:1px solid #D8D8D8; float:left; margin:15px 1.5%; height:auto; direction:ltr !important}

.profive img{width:100%; height:140px;}



a.profive:link,a.profive:visited{text-decoration:none;}

a.profive:hover{border:1px solid #F90}

a.profive div{width:100%; direction:ltr !important}

a.profive p{padding:0 5px; font-size:10px; text-align:right; color:#666; direction:ltr !important}







.theprofive{width:21%; height:380px; border:1px solid #D8D8D8; float:left; margin:15px 1.5%; direction:rtl}

.theprofive img{width:100%; height:140px;}



a.theprofive:link,a.theprofive:visited{text-decoration:none;}

a.theprofive:hover{border:1px solid #F90}

a.theprofive div{width:100%;}

a.theprofive p{padding:0 5px; font-size:10px; text-align:right; color:#666;}







#price-table{width:98%; margin:auto; border-spacing:1px;  direction:ltr !important}

#price-table td{padding:3px 2px;}







/*  Number select stuff */

#foot_num{max-width:600px; width:90%;

border-top:#C1C1C1 1px dotted;

height:60px;

margin-top:30px;



}



#leadingnum{font-family:Arial, Helvetica, sans-serif; color:#373737; font-size:12px; background:#EDEDED; margin:20px auto; width:auto;}

#leadingnum td {border:#E1E1E1 solid 1px; background:#FFF; padding:3px 5px; width:10% !important; max-width:20px !important;}

#leadingnum a:link{color:#595959; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;

}

#leadingnum a:visited{color:#ACACAC ; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;

}

#leadingnum a:hover{color:#FFF ; text-decoration:none; font-family:Arial, Helvetica, sans-serif; background:#838383; font-size:12px;

}

/* -- number select */











#telemail{width:50%; margin-left:18%; float:left; }

#telemail table{float:right; width:85%; font-weight:bold; font-family:Arial; font-size:11px;}

#telemail td{padding:20px 1%;}

.whitecontent{width:96%; max-width:1100px; background:#FFFFFF; height:auto; margin:auto; padding:0px 1% 0px 1%;}

#shadower{width:98%; height:auto; max-width:1100px; margin:30px auto;}

#newspro{width:98%; height:auto; max-width:1100px; margin:auto; color:#FFF;}

.thethree{width:29%; min-width:260px; float:left; margin:0 2%; font-size:10px;}

.thethree img{width:100%; height:auto; padding:0 auto 15px auto;}



.theeach{width:29%; float:left; margin:3px 2%; font-size:10px; height:200px; }

.theeach img{width:100%; height:auto; max-height:140px; padding:3px auto 10px auto;}

.orange{width:auto; background:#ffc301; border-radius:5px; padding:2px 2%;}


.tbox{width:29.5%; float:left; min-width:80px; max-width:140px; background:#FFF; border:1px solid #CCC; height:200px; margin:5px 1.5%; padding:5px 2%; direction:rtl}
.tbox img{width:100%; height:auto; max-height:130px;}

a.tbox:link, a.tbox:visited{color:#0060a2; text-decoration:none; font-family:tahoma;}
a.tbox:hover{border:1px solid #0060a2; color:#333;}


.thebox{width:36%; height:270px; min-width:240px; float:left; margin:1% 0 1% 2.5%; }

.linkbox{width:18%; height:270px; margin:1% 0 1% 2.5%; float:left;}

.theschetch{width:36%; height:270px; min-width:230px; float:left; margin:1% 0 1% 2%;}

.theschetch img{height:100%; width:auto;}

.fourpro{width:28%; margin:2%; border:1px solid #CCC; height:130; float:left; line-height:16px; vertical-align:bottom;}

#masterlinks{width:100%; height:94px; }

#graychoice{width:98%; max-width:1100px; margin:10px auto 0px auto; background:#EDEDED; height:auto; padding:1%; overflow:auto;}

.graydiv{width:30%; min-width:240px; height:auto; float:left; margin:5px 1% 5px 1%; height:auto; border:1px solid #CCC;}

.graydiv img{width:100%; height:auto;}

#flink{width:80%; float:right; background:#fafafa; height:90px; margin-top:-18px; border-bottom:1px solid #EDEDED;}

#flink td{border-right:1px solid #EDEDED;}

#prolinks{width:100%; height:40px; background:#333;}

#pro-info{width:56%; height:auto; overflow:auto; float:left;}

#pro-picture{width:40%; min-width:280px; height:auto; border:1px solid #EDEDED; float:right;}

#theninja{width:96%; max-width:1100px; background:#FFFFFF; height:auto; overflow:auto; margin:auto; padding:0px 1% 0px 1%;}

#manual{width:20%; float:left; height:auto; overflow:auto;}

#samplepro{width:78%; float:right;  height:auto; overflow:auto;}

#abstract{font-size:11px; text-align:right; direction:rtl; padding-right:4%;}

#theerror{width:98%; max-width:1100px; margin:auto; }

#yellower{width:98%; max-width:1100px; margin:auto; background:url(yellowbg.jpg) repeat; font-size:15px; color:#FFF;}

#yellower p{text-align:right; padding:10px 3%;}

#boldlink{width:100%; height:auto; overflow:auto;}

#boldlink li{height:34px; background:url(brand.gif) repeat-x; text-align:left; padding-left:10px;}

#allinfo{width:100%; height:auto; overflow:auto; margin-top:35px;}

#brando{width:48%; min-width:240px; height:auto; overflow:auto; float:left; }

#onesample{width:99%; height:auto; overflow:auto; background:#EDEDED; border:1px solid #CCC;}

#compinfo{width:48%; min-width:240px; height:auto; overflow:auto; float:left; margin-left:2%;}

#showbrand{width:98%; margin:20px auto 10px auto;}

.showb{width:45%; min-width:240px; float:left; margin:2px 2% 1px 1%; border:1px solid #CCC; height:auto;}

.showb img{width:100%; height:auto;}

#threefields{width:100%; height:auto;}

.threepic{width:30%; height:auto; float:left; margin-left:2%;}

.threepic img{width:100%; height:auto;}

#footer{width:96%; max-width:1100px; background:#333; height:auto; overflow:auto; margin:auto; padding:0px 1% 0px 1%; border-top:10px solid #fafafb; color:#CCC; font-size:12px; border-top:4px solid #000;}



#mobtop{display:none;}

#mobfooter{display:none;}

.thefour{width:24%; min-width:230px; height:220px; 

     float:left; margin-left:1%;}

	 

	 #pro-main{width:98%; max-width:1100px; margin:auto; height:auto; overflow:auto; padding:1%;}

	 #prodcontent{width:100%; margin:auto; }

	 

	

	 

.pro-id{width:96%; min-width:240px; max-width:1000px; height:auto; box-shadow: 5px 5px 5px #999; margin:15px auto 15px auto ; overflow:auto; background:#EDEDED;}	 

.picpro-id{width:30%; height:auto; float:left; min-width:250px; border:1px solid #EDEDED;}

.picpro-id img{width:100%; height:auto;}

.textpro-id{width:60%; float:left; margin-left:4%; height:auto;}





ul#tt{background:transparent;

height:20px;

margin:0;

padding:0;

float:left;

font-size:9px;

}

ul#tt{list-style-type:none; float:right; margin-right:20px;}

ul#tt li{float:right; padding-left:15px; display:list-item;}

ul#tt a{height:20px;

display:block;

border:none;

text-decoration:none;

}

a.dex{background:url(farsi.gif) 0 0 no-repeat;

width:30px;

}

a.dex:hover{background:url(farsi.gif) 0 -20px no-repeat;

width:30px;

}









a.deb{background:url(english.gif) 0 0 no-repeat;

width:30px;

}

a.deb:hover{background:url(english.gif) 0 -20px no-repeat;

width:30px;

}

#footer-left{width:30%; float:left; font-family:Arial; line-height:25px; font-size:13px; text-align:left;}

#footer-right{width:62%; float:right; text-align:right; margin-right:1%;}



#newstab{width:96%; float:none; margin-left:10px auto; color:#333; text-align:right;}

#newstab ul{list-style:none;}

#newstab li{border-bottom:1px dotted #666; padding:3px 0;}







#pad {height:140px;}







.perper{width:16%; float:left; min-width:130px; margin-left:3%; border:1px dotted #CCC; height:230px;}

/*! http://responsiveslides.com v1.54 by @viljamis */



.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

 
 

  margin:auto;

  

  }



.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }



.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }



.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

  }









#nav a,#subMenusContainer a{text-decoration:none;display:block;padding:10px 20px;background-color:#fafafa;-moz-border-radius:7px;-webkit-border-radius:7px; color:#999; font-size:14px; text-align:left;}

#nav a{margin:0;}

#subMenusContainer a,#nav li li a{text-align:left;}

#nav a:hover,#nav a:focus,#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused{background-color:#F6C739;color:#FFF;}#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused,#nav li a:hover,#nav li a:focus{background-color:#F6C739;color:#FFF;}









#nav a.chet:link, #nav a.chet:visited{color:#C00; text-decoration:none;}

#nav a.chet:hover{color:#000;}







#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{-moz-border-radius:8px;-webkit-border-radius:8px;border:1px solid #C3D46A;left:0;}

#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{;margin:auto;list-style:none;line-height:1em;}

#nav li{display:block;list-style:none;position:relative; border-bottom:1px dotted #CCC;}

#subMenusContainer li{list-style:none;}

#nav{display:block;position:relative;list-style:none;margin:auto;width:96%;z-index:5; text-align:right;display:block; z-index:1000 }

#subMenusContainer{display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000;}

#nav li li{float:none; }#nav li li a{position:relative;float:none;}

#nav li ul{position:absolute;width:10em;margin-left:-1000em;}

#nav li ul ul{margin:-1em 0 0 -1000em;}

#nav li:hover ul ul{margin-left:-1000em;}

#nav li:hover ul{margin-left:120px;margin-top:-2.5em;}











.rslides {

  margin: 0 auto;

  

  }



.rslides_container {



  position: relative;

  float: left;

  width: 100%;

  

  

  }



.rslides1_nav {

  position: absolute;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  top: 50%;

  left: 0;

  z-index: 99;

  opacity: 0.7;

  text-indent: -9999px;

  overflow: hidden;

  text-decoration: none;

  height: 61px;

  width: 38px;

  background: transparent url("themes.gif") no-repeat left top;

  margin-top: -45px;

  }



.rslides1_nav:active {

  opacity: 1.0;

  }



.rslides1_nav.next {

  left: auto;

  background-position: right top;

  right: 0;

  }



.rslides2_nav {

  position: absolute;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  top: 0;

  left: 0;

  display: block;

  background: #fff; /* Fix for IE6-9 */

  opacity: 0;

  filter: alpha(opacity=1);

  width: 48%;

  text-indent: -9999px;

  overflow: hidden;

  height: 91%;

  }



.rslides2_nav.next {

  left: auto;

  right: 0;

  }



.rslides3_nav {

  position: absolute;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  opacity: 0.6;

  text-indent: -9999px;

  overflow: hidden;

  top: 0;

  bottom: 0;

  left: 0;

  background: #000 url("themes.gif") no-repeat left 50%;

  width: 38px;

  }



.rslides3_nav:active {

  opacity: 1.0;

  }



.rslides3_nav.next {

  left: auto;

  background-position: right 50%;

  right: 0;

  }



.rslides1_nav:focus,

.rslides2_nav:focus,

.rslides3_nav:focus {

  outline: none;

  }



.rslides_tabs {

  margin-top: 10px;

  text-align: center;

  }



.rslides_tabs li {

  display: inline;

  float: none;

  _float: left;

  *float: left;

  margin-right: 5px;

  }



.rslides_tabs a {

  text-indent: -9999px;

  overflow: hidden;

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  border-radius: 15px;

  background: #ccc;

  background: rgba(0,0,0, .2);

  display: inline-block;

  _display: block;

  *display: block;

  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);

  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);

  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);

  width: 9px;

  height: 9px;

  }



.rslides_tabs .rslides_here a {

  background: #222;

  background: rgba(0,0,0, .8);

  }



.caption {

  

  position: absolute;

  display: block;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 5px;

  text-align: center;

  background: #000;

  background: rgba(0,0,0, .8);

  color: #fff;

}







.snetwork{padding:0; text-align:left; float:right;}

.snetwork li{display:inline; padding:0 15px; width:24px; border:1px solid ##4a4a4c;}

.facebook{background:#43609C;border-radius:9%;height:22px;position:absolute;text-decoration:none;width:22px}.facebook:after{color:#FFF;content:"f";font-family:Facebook Letter Faces,Arial;font-size:20px;font-weight:700;margin:6% 0 0 36%}.facebook:hover{background:#000;cursor:pointer}.googleplus{background:#F33;border-radius:100%;height:24px;position:absolute;width:24px;text-decoration:none}.googleplus:after{color:#FFF;content:"+G";font-family:Arial;font-size:13px;font-weight:700;margin:32% 0 0 12%}.googleplus:hover{background:#000;cursor:pointer}





#mobilelink{display:none}

#rescat{display:none;}






a.topbrand:link,a.topbrand:visited{text-decoration:none;  color:#666}
a.topbrand img{width:210px; height:180px; border-radius:none}
a.topbrand img:hover{ -moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999;   opacity: 1.7;
  transition: .5s ease;
  background-color: #008CBA; color:#333; width:210px; height:180px}



footer {
  width: 100%;
  background: #0099cc;
  padding: 10px;
  color: #fff;
  margin-top: 40px;
}

footer a {
  color: #fff;
  text-decoration: none;
}




 * {
      box-sizing: border-box;
    }

 .slider {
        width: 90%;
        max-width:1040px !important;
		margin:15px auto;
		font-family:Myarial;
		
  }

    .slick-slide {
      margin: 0px 20px; text-align:center;  line-height:30px
    }

    .slick-slide img {
      width: 100%;  
    }

    .slick-prev:before,
    .slick-next:before {
        color:#666;
		background:#FFF;
		font-size:20px
    }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .number_ltr {
    direction: ltr!important;
    unicode-bidi: embed;
}
  
  
  
  
  
  
  
  
  
  
  
  



 @media all and (max-width: 768px) {

.example-header .container { width: 100%; }

#search { padding: 10px; }

.spinner-master * {
  transition: all 0.3s;
  box-sizing: border-box;
}

.spinner-master {
  position: relative;
  margin: 15px;
  height: 30px;
  width: 30px;
  float: left;
}

.spinner-master label {
  cursor: pointer;
  position: absolute;
  z-index: 99;
  height: 100%;
  width: 100%;
  top: 5px;
  left: 0;
}

.spinner-master .spinner {
  position: absolute;
  height: 4px;
  width: 100%;
  padding: 0;
  background-color: #fff;
}

.spinner-master .diagonal.part-1 {
  position: relative;
  float: left;
}

.spinner-master .horizontal {
  position: relative;
  float: left;
  margin-top: 4px;
}

.spinner-master .diagonal.part-2 {
  position: relative;
  float: left;
  margin-top: 4px;
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-top: 10px;
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: -12px;
}

a.menu-link {
  display: block;
  color: #fff;
  float: left;
  text-decoration: none;
  padding: 10px 16px;
  font-size: 1em;
}

a.menu-link:hover { color: #666; }

a.menu-link:after {
  content: "\2630";
  font-weight: normal;
}

a.menu-link.active:after { content: "\2715"; }

.menu {
  clear: both;
  min-width: inherit;
  float: none;
}

.menu,
.menu > ul ul {
  overflow: hidden;
  max-height: 0;
  background-color: #39484d;
}

.menu > li > ul.sub-menu {
  padding: 0px;
  border: none;
}

.menu.active,
.menu > ul ul.active { max-height: 55em; }

.menu ul { display: inline; }

.menu li,
.menu > ul > li { display: block; }

.menu > ul > li:last-of-type a { border: none; }

.menu li a {
  color: #fff;
  display: block;
  padding: 0.8em;
  position: relative;
}

.menu li.has-submenu > a:after {
  content: '+';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 1em;
  padding: 0.55em 0.5em;
}

.menu li.has-submenu > a.active:after { content: "-"; }

.menu ul ul > li a {
  background-color: #39484d;
  padding: 10px 18px 10px 30px;
}

.menu ul li a:hover {
  background: #4b5f65;
  color: #fff;
}

.menu ul li.hover > a {
  background: #4b5f65;
  color: #fff;
}

.menu ul ul,
.menu ul ul ul {
  display: inherit;
  position: relative;
  left: auto;
  top: auto;
  border: none;
}

.search_box {
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 10;
}

.search_box input { width: 70%; }

.search_box input.search_icon { width: 17%; }

#hero { height: 200px; }
;
}

@media screen and (max-width: 480px) {

	#ninja-slider

{

    width:100%;

    margin-top:400px; /*center aligned*/

    background:#222;

}



.github {

    display: none;

  }

img{max-width:480px;}

#topline{display:none}

#top-info{display:none;}

#mobilelink{display:block;width:98%;margin:auto}

#reslogo{width:100%;height:auto}

#reslinks{height:auto;width:98%; margin:20px; auto}

#resul{width:98%}

#resul li{list-style:none;display:inline;text-align:center;width:20%;padding:0px 2.5%;color:#FFF;border-right:1px solid #CCC}

#ressearch{width:100%;height:auto;background:#FFF;margin:5px 0}

#thesearch_submit{font-size:9px;font-family:Myarial}

#catagories{display:none}

#rescat{display:block;width:98%;margin:auto;height:auto;margin:7px 0}



#motto{font-size:12px;}

.mainfour{width:94%; float:left; margin:auto; float:none}

.tmainfour{width:94%; float:left; margin:auto; float:none}



#news{display:none;}

#latestpro{width:98%; float:none;margin:20px auto;}

.profour{width:45%; height:200px; border:1px solid #D8D8D8; float:left; margin:15px 1.5%;}

.profour img{width:100%; height:auto;}

.per_pro{width:96%;height:auto;margin:10px auto 0;border:1px solid #999;text-align:center}.per_pro img{width:90%!important;height:auto!important}.thepro_table{display:none}#gmap{width:98%;float:none;height:400px;margin:auto}#contactdetail{width:98%;float:none;margin:auto}.galdiv{width:98%;min-width:260px;box-shadow:5px 5px 5px #666;float:none;margin-top:10px;margin-bottom:10px}#prosetright{display:none}#prosetleft{width:98%;float:none;margin:auto}#thepro_table td{display:block}#thepro_table td{text-align:center}#thepro_table img{width:90%!important;height:auto!important;margin:auto; float:none; padding:10px 0}.thethree{width:41.5%!important;height:auto;padding:0;border-right:1px solid #CCC;margin-left:3%;float:left;text-align:center;vertical-align:text-top;min-width:140px}#proelements{display:none}.mobelements{display:block;width:100%}#pictureslide{width:98%;margin:auto}





.profive{width:46%; height:350px; border:1px solid #D8D8D8; float:left; margin:15px 1.5%; }

.profive img{width:100%; height:140px;}



a.profive:link,a.profive:visited{text-decoration:none;}

a.profive:hover{border:1px solid #F90}

a.profive div{width:100%;}

a.profive p{padding:0 5px; font-size:10px; text-align:right; color:#666;}







.theprofive{width:46%; height:350px; border:1px solid #D8D8D8; float:left; margin:15px 1.5%; direction:rtl !important}

.theprofive img{width:100%; height:140px;}



a.theprofive:link,a.theprofive:visited{text-decoration:none;}

a.theprofive:hover{border:1px solid #F90}

a.theprofive div{width:100%; direction:ltr}

a.theprofive p{padding:0 5px; font-size:10px; text-align:right; color:#666; direction:ltr}







.imainfour{width:96%; float:none; margin:15px auto;}

.brandicon{width:96%; float:none; height:auto; margin:15px auto}

.mainfour{margin:20px auto}



#newstab{width:96%; float:none; margin-left:10px auto; color:#333; text-align:right;}

#newstab ul{list-style:none;}

#newstab li{border-bottom:1px dotted #666; padding:3px 0;}

#thefixed{display:none;}

#prolinks{display:none;}

#thetopper{display:none;}

#footer-left{display:none;}

#footer-right{width:98%; margin:auto; text-align:right;}

#mobtop{width:98%; margin:auto; height:auto; overflow:auto; display:block;}

#pro-info{width:98%; height:auto; overflow:auto; margin:auto;}

#pro-picture{width:98%; min-width:280px; height:auto; border:1px solid #EDEDED; margin:auto;}

.thebox{width:96%; margin:auto; height:400px; min-width:240px; float:left; margin:1% 0 1% 2.5%; border:1px solid #CCC;}

.thefour{width:24%; min-width:240px; height:220px; 

      margin-left:1%;}

.fourpro{width:43%; margin:2%; border:1px solid #CCC; height:115px; float:left;}	  

.linkbox{width:96%; margin:auto; height:270px; border:1px solid #CCC; float:left;}

#mobfooter{display:block; width:96%; height:100px; border-top:1px solid #CCC; background:#333; margin:auto; color:#CCC; text-align:center;}

#manual{display:none;}

#samplepro{width:98%; margin:auto; height:auto; overflow:auto;}

#procontent{width:98%; margin:0 auto auto auto;}

.theschetch{width:96%; height:270px; min-width:230px; float:left; margin:auto;}

#brando{width:98%; min-width:240px; height:auto; overflow:auto; margin:auto; }

#compinfo{width:98%; min-width:240px; height:auto; overflow:auto;  margin:auto;}

#onesample{display:none;}

#threefields{width:96%; height:auto; margin:10px auto 10px auto;}

.picpro-id{width:98%; height:auto; border:1px solid #EDEDED;}

.textpro-id{width:96%;  height:auto;}

#abox{width:98%; margin:auto; background:#CCC;}

#bbox{width:98%; margin:auto; }

#cbox{width:98%; margin:auto; background:#CCC;}

#ntop{display:none;}





	.mobelements{display:block; width:100%;}

	.onethird{width:96%; margin:20px auto; float:none; background:#EDEDED;}
	a.onethird:hover{background:#f2cb04}

.onethird img{height:180px; width:auto; max-width:90% !important; margin:auto; border:5px solid #EDEDED}

	.per_pro{width:96%;height:auto;margin:10px auto 0 auto;border:1px solid #999;text-align:center}.per_pro img{width:90% !important;height:auto !important;}.thepro_table{display:none;}



#descmap{display:none;}#mobmap{width:95%; height:400px; margin:auto; display:block;}
#organic{display:none}
#footorganic{width:100%; margin:auto; max-width:1100px; overflow:hidden; display:block}



#leftyellow{width:96%; height:auto; overflow:hidden; padding:10px 2%; background:#f2cb04; min-height:150px; float:none}
#lypic{width:40%; float:right; min-width:100px; background:#FFF;; height:auto; overflow:hidden; padding:10px 1% 0 1%; box-shadow: 3px 3px #CCC;}
#lypic img{width:100%; height:auto}
#lytext{color:#333; width:30%; float:left; margin-right:2%; max-width:380px; font-size:11px; text-align:right;}

#righttoit{width:96%; float:none; padding:15px 0; min-height:150px}
#toitcontent{color:#333; width:100%; min-width:260px; float:none; max-width:300px; font-size:11px; text-align:right;}
#fiftyleft{width:98%; margin:auto; float:none}
#fiftyright{width:98%; margin:auto; float:none}
.allside{float:none; width:98%; margin:auto;}
.tbox{width:46%; margin:auto; height:200px; max-width:280px; float:left; margin:1% 0 1% 2.5%; border:1px solid #CCC;}
.tfour{width:24%; min-width:240px; height:220px; 
      margin-left:1%;}
}