@charset "utf-8";
/* CSS Document */
* { 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;

    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: 'yekan';
    src:url('fonts/yekan.eot?#') format('eot'),    
          url('fonts/yekan.woff') format('woff'),
          url('fonts/yekan.ttf') format('truetype'); 
}




.middlediv{margin:0 auto; max-width:1100px; background:#444; height:44px}



#topline-cont{width:100%; margin:auto; height:45px; background:#000; font-family:Arial !important; font-size:13px;}

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

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



#construction_whatsapp{display:block !important; position:fixed; bottom:20px !important; left:10px !important;}
#construction_whatsapp img{width:auto; height:auto}





a.force:link , a.force:visited{color:#333; text-decoration:none}
a.force:hover{color:#0063C6}


  span{font-size:12px; color:#0080C0; font-family:Tahoma !important;}
  h1{font-size:13px; direction:rtl;}
  h2{font-size:12px; direction:rtl;}
  h3{direction:rtl;}
  h4{text-align:right; border-bottom:1px dotted #CCC; font-family:Arial;}
  p{direction:rtl; text-align:right; font-size:11px}
.wide{width:100%;} 
.sidebar{width:99%; height:35px; background:#5a5a5a; text-align:center; color:#FFFFFF; font-size:11px; margin-top:3px;}
.sidelab{width:99%; height:auto; overflow:hidden; border:1px solid #EDEDED; 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:'yekan'; font-size:11px;}
.gray-button{width:100%; height:100%; background:#5a5a5a; color:#FFFFFF; text-align:center; font-family:'yekan';  font-size:11px;}
a {color:#1155CC;}

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:#333; font-family:'yekan'; text-decoration:none; font-size:11px;}
a.fa-lan:hover{color:#0080FF;}

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

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:#AED5F4; font-size:12px; text-decoration:none;}
a.lblue:hover{color:#000;}

a.phone:link , a.phone:visited{color:#0080C0; font-size:13px; letter-spacing:2px; font-family:Arial !important; text-decoration:none}
a.hover{color:#050505}

a.gray:link , a.gray:visited{color:#8E8E8E; text-decoration:none;}
a.gray:hover{color:#000000;}

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:12px; border-bottom:4px solid #0080C0; height:85px; width:100%; text-decoration:none; padding:30px 22% 30px 22%; color:#666;}
a.dgray:hover{}
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;}

#thetopper{width:100%; height:auto;}
#fixed-topper{width:96%; max-width:1100px; margin:auto;  height:35px; background:#FFFFFF; padding:0px 1% 0px 1%;}
.whitecontent{width:96%; max-width:1100px; background:#FFFFFF; height:auto; margin:auto; padding:0px 1% 0px 1%;}
#shadower{width:100%; height:auto; overflow:auto; box-shadow: 0px 10px 5px #999; }
.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:120px; float:left; line-height:16px; vertical-align:bottom;}
#masterlinks{width:100%; height:120px; }
#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; margin-top:10px;}
#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; }
#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;}

#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:30px auto; height:auto; overflow:hidden; padding:1%;}
	 #prodcontent{width:100%; margin:auto; height:auto; overflow:hidden }
	 
	.perper{width:15%; height:180px; float:left; min-width:150px; border:1px solid #EDEDED; margin:10px 2%; font-size:11px}
	.perper img {width:auto; height:auto; max-width:100%; max-height:150px;}
	 
.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%;}





nav{width:100%;max-width:1100px}
.nav_wrapper{position:relative;z-index:1000;width:100%;max-width:1100px;margin:auto;background:#000}
.nav_wra{position:relative;z-index:1000;width:100%;max-width:1100px;margin:auto;background:#000}
.btn{padding:10px 1%;margin:5px;color:#fff;text-decoration:none;font-family:sans-serif;transition:all .1s ease}
.btn:hover{transition:all .1s ease}
main{max-width:800px;margin:0 auto}
#search{float:right;font-size:35px;padding:2px 15px;line-height:40px;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:#0092d1;padding:0;margin:0;height:0;overflow:hidden;transition:all .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 .1s ease}
.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:#333;transition:all .3s ease}
.menu ul{padding:0;margin:0;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:0}
.menu > ul > li{display:inline-block}
.menu ul li a{display:block;text-decoration:none;color:#fff;font-size:9.5px}
.menu ul li a:hover{background:#666;color:#fff}
.menu ul li.hover > a{background:#666;color:#fff}
.menu ul li > a{padding:15px 11px}
.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}
#grayc{width:96%;max-width:1100px;margin:0 auto;background:#333;height:40px}








@media screen and (max-width: 480px) {
	
	#contact-info{display:none}

#socialnet{width:90%; float:left}
	#ninja-slider
{
    width:100%;
    margin-top:400px; /*center aligned*/
    background:#222;
}
img{max-width:470px;}

#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;}
	#masterlinks{display:none !important}
#toptable td{display:block; width:96%; margin:auto; text-align:center}
#search{padding:10px}
.spinner-master *{transition:all .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:400}
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:0;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:.8em;position:relative}
.menu li.has-submenu > a:after{content:'+';position:absolute;top:0;right:0;display:block;font-size:1em;padding:.55em .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%}

}