@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
@font-face {
    font-family: 'si';
    src: url('http://www.abzarvahed.com/admin/images/social/socicon.eot');
    src: url('http://www.abzarvahed.com/admin/images/social/socicon.eot#iefix') format('embedded-opentype'),
         url('http://www.abzarvahed.com/admin/images/social/socicon.woff') format('woff'),
         url('http://www.abzarvahed.com/admin/images/social/socicon.ttf') format('truetype'),
         url('http://www.abzarvahed.com/admin/images/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(http://www.abzarvahed.com/admin/images/social/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin-top:4px; 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(http://www.abzarvahed.com/admin/images/fonts/yekan.eot) format("eot"),url(http://www.abzarvahed.com/admin/images/fonts/yekan.woff) format("woff"),url(http://www.abzarvahed.com/admin/images/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: 13px; color:#666; font-family: Myarial; margin: 0 auto;
  text-align: center;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; direction:rtl; background:#EDEDED}
  span{font-size:11px; color:#F33;}
  .enor{font-size:12px; color:#444; font-family:Arial, Helvetica, sans-serif;}
  form{direction:rtl;}
  h1{font-size:13px; direction:rtl; color:#F33;}
  h2{font-size:12px; direction:rtl; color:#F33;}
  h3{direction:rtl;}
  h4{text-align:right; border-bottom:1px dotted #CCC; font-family:Arial;}
  p{direction:rtl; text-align:justify; font-size:11px;}
  .topp{color:#999; font-size:15px; text-align:center; padding:20px auto;}
  img{width:100%; height:auto;}
.wide{width:100%;} 




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

.mul{list-style:none}
.mul li{direction:rtl; font-size:11px; padding:7px 9% 0 0; text-align:right}

.sidebar{width:99%; height:auto; background:#5a5a5a; text-align:center; color:#FFFFFF; font-size:11px; margin-top:3px; overflow:hidden; padding:7px 0}
.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:'yekan'; font-size:11px;}
.gray-button{width:100%; height:100%; background:#5a5a5a; color:#FFFFFF; text-align:center; font-family:'yekan';  font-size:11px;}

.imgauto{width:auto !important; height:auto !important; max-width:98%;}
a {color:#F33; text-decoration:none;}

a.lan:link , a.lan:visited{color:#666; font-family:'yekan'; text-decoration:none; font-size:11px;}
a.lan:hover{color:#000;}

a.orange:link, a.orange:visited{font-size:12px; color:#444; text-decoration:none; font-family:Arial}
a.orange:hover{color:#000}

a.faorange:link, a.faorange:visited{font-size:11px; color:#F33; text-decoration:none; font-family:'yekan'}
a.faorange:hover{color:#898989}

a.fa-lan:link , a.fa-lan:visited{color:#F33; font-family:'yekan'; 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.white:link , a.white:visited{color:#CCC; text-decoration:none; font-size:11px;}
  a.white:hover{color:#F33;}
  a.dark:link , a.dark:visited{color:#EDEDED; text-decoration:none; padding:2px 10px; background:#000; font-size:11px;}
  a.dark:hover{color:#F33;}

a.gray:link, a.gray:visited{color:#777; font-size:11px; text-decoration:none;}
a.gray:hover{color:#F33;}
.normal{width:96%; max-width:1100px; margin:auto; background:#FFF; padding-top:10px !important; padding-bottom:8px !important; height:auto; overflow:hidden;}
.divall{width:96%; max-width:1100px; margin:auto; background:#FFF; padding-top:10px !important; padding-bottom:8px !important; height:auto; overflow:hidden;}
.debar{width:99%; height:50px; background:#5a5a5a; text-align:center; color:#FFFFFF; font-size:11px; margin-top:3px;}

.normal ul{list-style:none;}
.normal li{padding:1px 3px; border-bottom:1px dotted #D5D5EA; text-align:right; margin:2px 0; background:#EDEDED;}
.normd{width:92%; max-width:1060px; margin:auto; background:#FFF; padding-top:10px !important; padding-bottom:15px !important; height:auto; overflow:hidden; border-top:6px solid #ebebeb;}
.rline{width:94%; padding:0 3%; background:url(http://www.abzarvahed.com/admin/images/theline.jpg) repeat-x; height:34px; overflow:hidden; font-size:11px;}
.normleft{width:20%; float:left;}
.normmiddle{width:40%; float:left; margin-left:3%;}
.threepro{width:26%; float:left; border:1px solid #CCC; height:80px; margin:10px 3%;}
.threepro img{width:100%; height:auto; max-height:80px;}
.normright{width:34%; float:right;}

.thebox{width:25.5%; float:left; min-width:80px; max-width:120px; background:#FFF; border:1px solid #CCC; height:150px; margin:15px 1.5%; padding:5px 2%}
.thebox img{width:100%; height:auto; max-height:130px;}

a.thebox:link, a.thebox:visited{color:#666; text-decoration:none; font-family:tahoma;}
a.thebox:hover{border:1px solid #F33; color:#F33;}

.halfleft{width:55%; float:left; height:auto; overflow:hidden; margin-left:1%}
.halfright{width:41%; float:left; margin-left:2%; height:auto; min-height:100px; background:#EAEAEA; overflow:hidden;}
.thalfright{width:48%; float:left; margin-left:2%; height:auto; min-height:100px; overflow:hidden;}
.thalfleft{width:48%; float:left; height:auto; overflow:hidden; margin-left:1%}



#dtop{width:100%; height:45px; background:#e3e3e3;}
  #dtop_content{width:98%; max-width:1100px; margin:auto; border-bottom:2px solid #666}
  .lefthalf{width:45%; float:left; text-align:left}
  .righthalf{width:45%; float:left; margin-left:9%; text-align:right; color:#A2A2A2}
#top-info{width:98%; max-width:1100px; margin:auto; height:auto; min-height:90px; background:#FFF}
#logo{width:21%; float:left; min-width:180px; margin-left:8%;}
#logo img{width:100%; height:auto;}
#mainlink{width:40%; float:left; margin:30px 0 0 5%;}
#linklist{height:40px; float:right; width:100%; }
#linklist li{display:inline; padding:3px 3%; border-right:1px dotted #CCC;}
a.catyellow:link, a.catyellow:visited{color:#777;font-size:12px; text-decoration:none;}
a.catyellow:hover{color:#f33;}
a.clink:link, a.clink:visited{color:#f33 !important; text-decoration:none; line-height:30px; padding-bottom:4px;}
a.clink:hover{color:#000;}
#tsearch{width:22%; float:left; margin:30px 0 0 2%;}
a.yellow:link , a.yellow:visited{color:#e59f00; font-size:12px; text-decoration:none;}
a.yellow:hover{color:#000;}



.imainfour{width:20%; float:left; margin:15px 0 25px 1%;}
.prointro{width:77%; float:left; margin:10px 1% 0 0;}
.imainfour ul{  list-style:none; width:100%;}
.imainfour li{display:block; border-bottom:1px solid #CCC; font-size:15px; padding-bottom:5px; font-weight:bold}
.imainfour a{color:#333; font-size:13px; font-weight:bold}

#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;
}

.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;
}

#testimonials-slider {
	overflow: hidden;
	height:315px;
	width:100%;
	max-width:220px;
	float: left;

	
	
	position:absolute;
}
.ie6 #testimonials-slider {
	margin: 6px 0 0 5px;
}
.ie7 #testimonials-slider {
	margin: 2px 0 0 14px;
}
.ie8 #testimonials-slider {
	margin-left: 15px;
}
#testimonials-slider li {
	font: 14px Verdana, serif;
	color:#6F6F6F;
	overflow: hidden;
	display: block;
	height: 70px;
	overflow: hidden;
	
	margin:6px 0;
}

#testimonials-slider li img {
	float: left;
	margin: 0 0;
	width:100% !important;
	height:auto;
}
#testimonials-slider ul {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0
}


a.compblue:link,a.compblue:visited{text-decoration:none;color:#4F4F4F;}
a.compblue div{width:47%; background:#F3F3F3; margin:3px 0 0 3%; height:auto; overflow:hidden;  float:left; }
a.compblue div.border{ border-bottom:3px solid #d8020a; margin-bottom:20px}
a.compblue div:hover{background:#FFF;}
a.compblue div:hover div{background:#FFF;}
.comp_picture{width:40% !important; float:left; margin-left:3% !important; }
.comp_portfo{width:53% !important; float:left; margin-left:2% }
.comp_portfo p{font-size:11px; color:#666; line-height:18px}
.comp_portfo ul{width:93%; margin:5px auto 0 auto; direction:rtl; text-align:right}
.comp_portfo ul li{display:block; margin:0 0 0 5%;}
.comp_portfo ul li img{width:15% !important; height:auto; margin:0; padding:0; border:1px solid #CCC;}
.comp_portfo div{color:#FFF; background:#d8020a !important; padding:5px 0px; float:left; width:80% !important}






.imainfour img{width:100%; height:auto}
.tmainfour{width:29%; float:left; margin:15px 0 25px 2%;}





#sprolinks{width:96%; max-width:1100px; margin:3px auto; height:40px; background:#333; border-bottom:3px solid #F33}

.sixtyeight{width:68%; float:left; padding:10px 0;}
.twentyfour{width:24%; float:left; margin-left:2%;  border:1px solid #EDEDED; padding:0 2.5%}
#allgray{width:100%; height:auto; overflow:hidden; background:#EAEAEA}

#brands{width:96%; max-width:1100px; margin:auto; background:#FFF; padding-top:8px; padding-bottom:8px; height:auto; overflow:hidden; border-bottom:10px solid #EAEAEA; border-top:10px solid #EAEAEA; margin-top:20px;}
.perbrand{width:20%; float:left; height:auto; overflow:hidden; margin:0 2.5%}
.perbrand img{max-height:80px; width:auto; max-width:100%}


  .ibanner{width:94%; padding:3px 2%; border-radius:5px; margin:25px auto; box-shadow: 6px 6px 5px #A2A2A2; color:#F33; max-width:1000px; border:1px solid #CCC; background:#666;}
.normal{width:96%; max-width:1100px; margin:20px auto; height:auto; overflow:hidden;}
.tleft{width:74%; float:left; min-height:120px; background:#EDEDED; border-radius:5px;}
.tright{width:25%; float:left; margin-left:1%; min-height:120px; background:#EDEDED;}
a.brandpro div:link , a.brandpro div:visited{color:#498c92; font-size:11px; text-decoration:none; width:18%; text-align:center}
a.brandpro div:hover{box-shadow: 3px 3px 5px #F33;}
.thefour{width:22% !important; float:left; margin:5px 1%; min-height:120px; line-height:22px; color:#797979; text-align:right; font-size:10px; background:#fff;}
.thefour img{height:130px; width:auto; max-width:96%; margin:auto;}





.thefive{width:18% !important; float:left; margin:5px 1%; min-height:120px; line-height:22px; color:#797979; text-align:center; font-size:11px; background:#fff; border:1px solid #CCC}
.thefive img{height:120px; width:auto; max-width:96%; margin:auto;}



#news{width:26%; float:left; height:auto; overflow:hidden; margin-left:2%;}
#news ul{list-style:none; width:100%}
#news li{padding:4px 0; border-top:1px dotted #CCC;text-align:right}
#news p{text-align:right; font-size:11px;}
#details{width:63%; height:auto; overflow:hidden; margin-left:6%; float:left}




#pro-info{width:56%; height:auto; overflow:auto; float:left;}
#pro-info p{font-size:10px; padding:10px;}
#pro-picture{width:40%; min-width:280px; height:auto; border:1px solid #EDEDED; float:right;}




.blackc{width:100%; height:auto; overflow:hidden; background:#1d1d1d; padding:0 !important; }
.cblack{width:96%; max-width:1100px; margin:auto; background:#363636; padding:0 !important; height:auto; overflow:hidden; }
#logo{width:20%; float:left; height:77px;}
#logo img{width:100%; height:auto; padding:0 !important;}
#mlinks{width:56%; float:left; margin:23px 2.5% 0 2.5%; }

#lan{width:15%; float:right; color:#CCC; font-size:11px; font-family:Tahoma; margin-top:30px;}
#grayc{width:96%; max-width:1100px; margin:0 auto; background:#575757; height:40px;}
.gleft{width:77%; float:left;}
.gright{width:20%; float:right; background:#F33; height:20px; padding:10px 0;}

.onefourth{width:22%; margin:15px 1.5%; float:left; }
.onefourth img{width:100%; height:auto}
.onefourth p{ padding-top:15px; border-top:1px solid #CCC; font-size:10px; line-height:17px; color:#666;}

.toppic{list-style:none; margin-top:20px;}
.toppic li{display:inline; padding:40px 1%;}
.toppic img{width:9%; height:100px; border:2px solid #F33; min-width:100px;}



#mobtop{display:none;}
#mobfooter{display:none;}

	 
	 #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;}





#footer-left{width:30%; float:left; font-family:Arial; line-height:25px; font-size:12px; text-align:left; color:#999; margin-left:2%;}
#footer-right{width:62%; float:right; text-align:right; margin-right:1%; color:#999;}





/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#mine {padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:500; font-family:'yekan';}
#mine li {float:left; margin-right:1px;}
#mine li a {display:block; float:left; height:40px; line-height:40px; color:#FFFFFF; text-decoration:none; font-size:12px; padding:0 24px 0 24px; border-right:1px solid #666;}


#mine table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#mine li a:hover {z-index:200; position:relative;color:#fff; background-color:#c60;}
#mine li:hover {position:relative; z-index:200;}

#mine li:hover > a {color:#fff; background:#F33;}
#mine li:hover > a.sub {color:#fff; background-color:#c60;}

#mine li.current a {color:#fff; background:#F33;}


#mine li.current a.sub {color:#fff; background:#ffc324 url(http://www.abzarvahed.com/admin/images/down-arrow.gif) no-repeat right center;}

#mine :hover ul {left:0; top:40px; width:400px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#mine ul, 
#mine :hover ul ul {position:absolute; left:-20px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#mine :hover ul :hover ul
{left:400px; top:0px; background:#222; white-space:nowrap; width:200px; z-index:200; height:auto;}

#mine :hover ul li {margin:0; border-top:1px solid #666;}
#mine :hover ul li a {width:400px; padding:0; text-indent:10px; background:#6d91a7; color:#FFF; height:30px; line-height:30px;}
#mine :hover ul li a.fly {background:#6d91a7 url(http://www.abzarvahed.com/admin/images/right-arrow.gif) no-repeat right center;}

#mine :hover ul :hover {background-color:#333; color:#fff;}
#mine :hover ul :hover a.fly {background-color:#333; color:#fff;}

#mine :hover ul li.currentsub a {background:#ffc324; color:#fff;}
#mine :hover ul li.currentsub a.fly {background:#ffc324 url(http://www.abzarvahed.com/admin/images/right-arrow.gif) no-repeat right center; color:#fff;}

#mine :hover ul :hover ul li a {width:400px; padding:0; text-indent:10px; background:#3e3e3e; color:#FFF;}
#mine :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#mine :hover ul :hover ul li.currentfly a,
#mine :hover ul :hover ul li.currentfly a:hover {background:#ffc324; color:#fff;}



#mine :hover ul :hover ul :hover ul li a {width:400px; padding:0; text-indent:10px; background:#3e3e3e; color:#FFF;}
#mine :hover ul :hover ul :hover ul li :hover ul li {background-color:#d70; color:#fff;}

#mine :hover ul :hover ul :hover ul li.currentfly a,
#mine :hover ul :hover ul :hover ul li.currentfly a:hover {background:#ffc324; color:#fff;}



.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%;
  max-width:1100px;
  margin:0;
  
  }

.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("http://www.abzarvahed.com/admin/images/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("http://www.abzarvahed.com/admin/images/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;
}







#mobtop{display:none;}


 @media all and (max-width: 768px) {
	 #sprolinks{height:60px}
.example-header .container{width:100%}
#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; position:relative; z-index:1000}
.menu,.menu > ul ul{overflow:hidden;max-height:0;background-color:#39484d;  position:relative; z-index:1000}
.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%}
#hero { height: 200px; }
;
}


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

.github {
    display: none;
  }

#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%;}
	  
.thefive{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;}
#grayc{display:none;}

.prointro{width:98%; float:none; margin:10px 1% 10px 1%;}


.toppic{display:none;}
.onefourth{float:none; width:94%; margin:auto;}
.normleft{float:none; width:94%; margin:auto;}
.normmiddle{float:none; width:94%; margin:auto;}
.normright{float:none; width:94%; margin:auto;}
.threepro{width:42%; float:left; border:1px solid #CCC; height:80px; margin:10px 2%;}

#dtop{display:none}
#top-info{display:none}

.halfleft{width:98%; float:none; margin:auto}
.thalfleft{width:98%; float:none; margin:auto}
.thalfright{width:98%; float:none; margin:auto}
.halfright{display:none}
.perbrand{width:96%; margin:auto}
#news{width:98%; margin:auto}
#details{width:98%; margin: 30px auto; border-top:1px solid #CCC}
.tleft{display:none;}
.tright{float:none; width:98%; margin:auto;}
#brands{display:none}

.imainfour{display:none;}
#testimonials-slider {
	overflow: hidden;
	height:250px;
	width:100%;
	max-width:430px;
	float: left;

	
	
	position:absolute;
}
a.compblue:link,a.compblue:visited{text-decoration:none;color:#4F4F4F;}
a.compblue div{width:98%; background:#F3F3F3; margin:auto; height:auto; overflow:hidden;  float:none; }
a.compblue div.border{ border-bottom:3px solid #d8020a; margin-bottom:20px}
a.compblue div:hover{background:#FFF;}
a.compblue div:hover div{background:#FFF;}
.comp_picture{width:35% !important; float:left;  }
.comp_portfo{width:58% !important; float:right !important; }
.comp_portfo p{font-size:11px; color:#666; line-height:18px}
.comp_portfo ul{width:93%; margin:5px auto 0 auto; direction:rtl; text-align:right}
.comp_portfo ul li{display:block; margin:0 0 0 5%;}
.comp_portfo ul li img{width:15% !important; height:auto; margin:0; padding:0; border:1px solid #CCC;}
.comp_portfo div{color:#FFF; background:#d8020a !important; padding:5px 0px; float:left;}


}