@import url('vazir.css');

*{font-family:Vazir,Tahoma; font-size:9pt;margin: auto;}

html       {height: 100%;overflow-y:scroll;}
body       {margin:0px;padding:0px;font-family:Vazir,Tahoma;font-size:9pt;background-color:#E0E0E0;text-align:center;height: 100%;direction: rtl;}
table      { font-family: Vazir,Tahoma; font-size: 9pt; line-height:150%; border-collapse: collapse;}
th,td      {padding-left: 5px; padding-right: 5px;}
form       { margin: 0;}
input      { font-family: Vazir,Tahoma; font-size: 9pt; border: 1px solid #666666; padding: 5px ;border-radius: 0;box-sizing: border-box ;}
select     {border: solid 1px #666666;background: #FFFFFF;padding: 5px;font-family: Vazir,Tahoma;font-size: 9pt;width: 90%;box-sizing: border-box ;}
textarea   {border: solid 1px #666666;background: #FFFFFF;padding: 5px;font-family: Vazir,Tahoma;font-size: 9pt;width: 90%;box-sizing: border-box ;}
input[type=submit],[type=radio],[type=button], label, select, .pointer {cursor: pointer;}
img{max-width:100%;height:auto; border:0px;}

hr{border:0px;}

a:link{color:#4a5f73;text-decoration:none;}
a:visited  {color:#4a5f73;text-decoration:none;}
a:hover{color:#495661;text-decoration:none;}

.clear {clear: both;}
#container{width:100%;max-width:900px;margin:auto;}
@media screen and (max-width:900px) {
	#container{width:95%;}
}
@media screen and (max-width:680px) {
	#container{width:90%;}
}

#navbar{height:43px;background-color:#1A365E;text-align:center;width:100%;}
ul.topnav {list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color:#1A365E;}
ul.topnav li {float: right;}
ul.topnav li a {display: inline-block;color: #f0f0f0;text-align: center;padding: 10px 20px;text-decoration: none;transition: 0.3s;font-size: 10pt;font-family:Vazir,Tahoma;}
ul.topnav li a:hover {background-color: #314A6E;}
ul.topnav li.icon {display: none;}
@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;} 
  ul.topnav li.icon .line {width: 100%;background: #f0f0f0;height: 5px;display: block;margin-bottom: 3px;-webkit-backface-visibility: hidden;backface-visibility: hidden;border-radius: 10px;} 
  ul.topnav li.icon {margin:5px 0 0 5px;float: left;display: inline-block;}
  ul.topnav li.icon a {display: inline-block;width: 35px;color: #f0f0f0;text-align: center;padding: 0px;text-decoration: none;transition: 0.3s;}   
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {position: absolute;left: 0;top: 0;}
  ul.topnav.responsive li.icon a {text-align: center;}  
  ul.topnav.responsive li {float: none;display: inline;}
  ul.topnav.responsive li a {display: block;text-align: right;}
}




#header{height: 60px;background-color: #FFFFFF;text-align: center;width: 100%;}
.logo-box{width:50%;height:40px;float:right;text-align:right;padding-top:10px;}
.search-box{width:50%;height:40px;float:right;text-align:left;padding-top:10px;}
.search-bar{width:340px;float:left;border:1px solid #8E8E8E;border-radius: 5px;padding: 1px;}
.search-bar .field-panel{overflow:hidden;}
.search-bar .field-panel .search-field{font-family:Vazir,Tahoma;padding:0 15px;background-color:#FFFFFF;color:#606060;height:36px;width:100%;font-size:14px;border:0px;}
.search-bar .search-button{height:36px;float:left;font-size:14px;font-weight:bold;padding:0 10px;cursor:pointer;border:0px;font-family:Vazir,Tahoma;background-color:#9E9E9E;border-radius: 5px;}
.search-bar .search-button:hover{background-color:#F68B1E;}
@media screen and (max-width:768px) {
	#header{height: 110px;}
	.logo-box{width:100%;float:none;text-align:center}
	.search-box{width:100%;float:none;}	
	.search-bar{width:100%;float:none;}
}


#main{width:100%;max-width:900px;margin: 5px auto;}
#main .top{width:100%;line-height:150%;}
#main .right{float:right;width:calc(22% - 5px);line-height:150%;}
#main .left{float:left;width:78%;line-height:150%;}
#main .bottom{float:left;width:78%;line-height:150%;}
@media screen and (max-width:900px) {
  #main .right{float:right;width:calc(25% - 5px);line-height:150%;}
  #main .left{float:left;width:75%;line-height:150%;}
  #main .bottom{float:left;width:75%;line-height:150%;}
}
@media screen and (max-width:768px) {
  #main .right{float:right;width:calc(30% - 5px);line-height:150%;}
  #main .left{float:left;width:70%;line-height:150%;}
  #main .bottom{float:left;width:70%;line-height:150%;}
}
@media screen and (max-width:680px) {
  #main{width:100%;}	
  #main .right{float:none;width:100%;margin-bottom:5px}
  #main .left{float:none;width:100%;margin-bottom:5px}
  #main .bottom{float:none;width:100%;margin-bottom:5px}
}
.block{padding:5px;margin-bottom:5px;direction:rtl;background-color:#fff;border-radius:4px;background-clip:padding-box;box-shadow:0 1px 3px rgba(0,0,0,.2);overflow:hidden;color: #4D4D4D;text-align:right;}
.block .title{text-align:right;font-family:Vazir,Tahoma;background-color:#E0E0E0;font-size:10pt;border-radius:4px;padding:5px;min-width:90%;color: #4F4F4F;border:1px solid #ACACAC;margin: 2px auto;font-weight:bold;	}
.block .title h1,h2,h3{font-size:10pt;margin: 0 auto;}
.block .description {padding:5px;}

.bcp{
	text-align:center;
}
.block_product{
	background:#F5F5F5;
	line-height:125%;
	font-size:8pt;
	margin:2px auto;
	display:inline-block;
	height:195px;
	width:120px;
	padding:5px;
	text-align:right;
	border:1px solid #8E8E8E;
	border-radius: 4px;
}
.block_product:hover
{
	background: #DCDCDC;
    box-shadow: 0px 5px 5px #ccc;
	transition: 0.3s;
}
.block_product .image
{
	text-align: center;
	height: 105px;
}
.block_product .name
{
	text-align: center;
	padding: 3px;
	height: 52px;
	overflow:hidden;
	font-family:Vazir,Tahoma;
	font-size: 10pt;
}
.block_product .right_spec
{
	height: 26px;
	width:77px;
	text-align: center;
	padding: 0px 3px;
	float:right;
	padding-top:4px;	
}
.block_product .right_spec .price
{
   color: #C20368;
   font-family:Vazir,Tahoma;
   font-weight: bold;
   font-size: 10pt;
}
.block_product .buttons
{
	height: 26px;
	text-align: center;
	padding-top:4px;
}



/***********************************************/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  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;
  }


/**********************************************/
.contact_us_table{
	width: 60%;
	margin-top:15px;
	margin-bottom:15px;
}
.contact_us_table tr td{
	border: solid 1px #ACACAC;
	padding: 5px;

}
.contact_us_table_header{
	background: #EFEFEF;
	color: #4D4D4D;
}

.cart_products_table{
	width: 95%;
	margin-top:15px;
	margin-bottom:15px;
}
.cart_products_table tr td{
	border: solid 1px #ACACAC;
	padding: 5px;
	text-align:center;
}
.cart_products_table_header{
	background: #EFEFEF;
	color: #4D4D4D;
}

.cart_cities_table{
	width: 60%;
	margin-top:15px;
	margin-bottom:15px;
}
.cart_cities_table tr td{
	border: solid 1px #ACACAC;
	padding: 5px;
	text-align:center;
}
.cart_cities_table_header{
	background: #EFEFEF;
	color: #4D4D4D;
}

.cart_send_price_table{
	width: 95%;
	margin-top:15px;
	margin-bottom:15px;
}
.cart_send_price_table tr td{
	border: solid 1px #ACACAC;
	padding: 5px;
	text-align:center;
}
.cart_send_price_table_header{
	background: #EFEFEF;
	color: #4D4D4D;
}

.cart_profile_table{
	width: 60%;
	margin-top:15px;
	margin-bottom:15px;
}
.cart_profile_table tr td{
	border: solid 1px #ACACAC;
	padding: 5px;
	text-align:center;
}
.cart_profile_table_header{
	background: #EFEFEF;
	color: #4D4D4D;
}

.table-tracking{
	width: 60%;
	margin-top:15px;
	margin-bottom:15px;
}
.table-tracking tr td{
	border: solid 1px #ACACAC;
	padding: 5px;
	text-align:center;
}
.table-tracking_header{
	background: #EFEFEF;
	color: #4D4D4D;
}


.table-tracking-result{
	width: 60%;
	margin-top:15px;
	margin-bottom:15px;
}
.table-tracking-result tr td{
	border: solid 1px #ACACAC;
	padding: 5px;
	text-align:center;
}
.table-tracking-result .row1 {
    background-color: #DFECFF;
}
.table-tracking-result .row2 {
    background-color: #ffffff;
}


.cart-mobile{display: none;}
@media screen and (max-width:680px) {
    .contact_us_table,.cart_cities_table,.cart_profile_table,.table-tracking-result,.table-tracking{
	    width: 95%;
    }
	.cart-pc{display: none;}
	.cart-mobile{display: block;}
}

/**********************************************/
.cart-menu a, .cart-menu a:active, .cart-menu a:visited {
	font-family:Vazir,Tahoma;
	font-size:10pt;
	color: #FF0000;
	border: 1px solid #cdcdcd;
	display: block;
	padding: 5px;
	margin: 2px auto;
	font-weight:bold;
	padding-right: 24px;
	background: #FECC21 url('./../images/cart_put.png') no-repeat right;	
 }
.cart-menu a:hover {
	color:#FF0000;
    transition: 0.3s;
	padding-right: 24px;
	background: #E8B301 url('./../images/cart_put.png') no-repeat right;	
 }
.cart-menu span{
	font-family:Vazir,Tahoma;
	font-size:8pt;
	color: #4F4F4F;	
}

.cart-menu div{
	font-family:Vazir,Tahoma;
	font-size:10pt;
	color: #4F4F4F;
	border: 1px solid #cdcdcd;
	display: block;
	padding: 5px;
	margin: 2px auto;
	font-weight:bold;
	padding-right: 24px;
	background: #F5F5F5 url('./../images/cart.png') no-repeat right;	
}

.btn {
    font-family: Vazir,Tahoma;
    cursor: pointer;
    padding: 5px;
    min-height: 35px;
    min-width: 105px;
    border:1px solid #ccc;
    text-decoration: none;
    line-height: 0;
    border-radius: 5px;
    white-space: nowrap;
    background: transparent;
	width: 50px;
}
.btn:hover {
    background: #E0E0E0;
	
	
}
.btn.btn-success {
    background: #41BC44;
    border: 1px solid #59bc46;
    color: #fff;
    transition: all ease-in 0.3s;
    border-left: 5px solid #32A11D;
}
.btn.btn-success:hover {
    background: #32a11d;
}

.center {
  text-align: center;
}
/**********************************************/
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  text-decoration: none;
  line-height: 1;
  font-family:Vazir,Tahoma;
  font-size: 10px;
  position: relative;
  font-weight:bold;
}
#cssmenu a {
  line-height: 1.3;
  padding: 10px 30px;
}
#cssmenu {
  width: 100%;
}
#cssmenu > ul > li {
  cursor: pointer;
  background: #000;
  border-bottom: 1px solid #D2D2D2;
}
#cssmenu > ul > li:last-child {
  border-bottom: 1px solid #D2D2D2;
}
#cssmenu > ul > li > a {
  font-size: 10pt;
  display: block;
  color: #4F4F4F;
  background: #FAFAFA;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.active > a {
  background: #97c700;
  color: #4F4F4F;
}
#cssmenu > ul > li > a:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 5px;
  border: 5px solid transparent;
  border-right: 5px solid #4F4F4F;
}
#cssmenu > ul > li.active > a:after {
  right: 5px;
  top: 17px;
  border: 5px solid transparent;
  border-top: 5px solid #4e5800;
}
/* Sub menu */
#cssmenu ul ul {
  padding: 0;
  display: none;
}
#cssmenu ul ul a {
  background: #EDFFD2;
  display: block;
  color: #4F4F4F;
  font-size: 10pt;
}
#cssmenu ul ul li {
  border-bottom: 1px solid #c9c9c9;
}
#cssmenu ul ul li.odd a {
  background: #EDFFD2;
}
#cssmenu ul ul li:last-child {
  border: none;
}

.post {padding:4px;margin-bottom:5px;line-height:180%;font-size: 9pt;font-family: Vazir,Tahoma;color:black;border: 1px solid #dcdcdc;border-radius: 4px;}
.post .hl{margin-bottom:5px;margin-top:5px;}
.post .hl A:link{font-size: 9pt;font-family: Vazir,Tahoma; font-weight: bold;text-decoration:none;color:navy}
.post .hl A:hover{font-size: 9pt;font-family: Vazir,Tahoma; font-weight: bold;text-decoration:none;color:blue}
.post .hl A:visited  {font-size: 9pt;font-family: Vazir,Tahoma; font-weight: bold;text-decoration:none;color:navy}
.post img{max-width:100%;}
.post .cnt {line-height:180%;font-size: 9pt;font-family: Vazir,Tahoma;color:black;}
.post .mh {min-height:120px;}
.post .info{ color:#6F6F6F;margin-top:10px;font-size: 8pt;}
.post .read-more{margin-top:10px;margin-bottom:10px;}
.post .read-more a{padding:3px 7px 5px 7px;margin:1px;cursor:pointer;margin-left:3px;background:#F5F5F5;color:#222;border:#888 1px solid;text-shadow:#fff 0px 1px 0px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.post .read-more a:hover{background:#3a3a3a;color:#fff;border:#1a1a1a 1px solid;text-shadow: #1a1a1a 0px -1px 0px;}


.web_post {padding:4px;margin-bottom:5px;line-height:180%;font-size: 9pt;font-family: Vazir,Tahoma;color:black;border: 1px solid #dcdcdc;border-radius: 4px;}
.web_post .hl{margin-bottom:5px;margin-top:5px;}
.web_post .hl A:link{font-size: 9pt;font-family: Vazir,Tahoma; font-weight: bold;text-decoration:none;color:navy}
.web_post .hl A:hover{font-size: 9pt;font-family: Vazir,Tahoma; font-weight: bold;text-decoration:none;color:blue}
.web_post .hl A:visited  {font-size: 9pt;font-family: Vazir,Tahoma; font-weight: bold;text-decoration:none;color:navy}
.web_post img{max-width:100%;}
.web_post .cnt {min-height:120px;line-height:180%;font-size: 9pt;font-family: Vazir,Tahoma;color:black;}
.web_post .info{ color:#6F6F6F;margin-top:10px;font-size: 8pt;}
.web_post .read-more{margin-top:10px;margin-bottom:10px;}
.web_post .read-more a{padding:3px 7px 5px 7px;margin:1px;cursor:pointer;margin-left:3px;background:#F5F5F5;color:#222;border:#888 1px solid;text-shadow:#fff 0px 1px 0px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.web_post .read-more a:hover{background:#3a3a3a;color:#fff;border:#1a1a1a 1px solid;text-shadow: #1a1a1a 0px -1px 0px;}
.thmbframe{margin:5px; padding:0px;float:left;display:inline;text-align:center}


.ub a:hover {
    background: #F68B1E;
    color: #ffffff;
}
.ub a{
    display: block;
    margin-top: 5px;
    padding: 5px;
    color: #333;
    cursor: pointer;
    border-radius: 5px;
    transition: all 300ms;
	background: #EEEEEE;
	font-size: 14px;
}

.pagination { overflow:auto; margin:5px auto; width:96%; text-align:center;  height: auto; min-height:30px;  }
.pagination a { font-weight: bold; display: inline-block; margin:2px; text-decoration: none; padding:5px 7px; background-color: white; border: 1px solid #0078C1; color:#0078C1; border-radius:4px; }
.pagination span { font-weight: bold; display: inline-block; margin:2px; padding:5px 7px; border-radius:4px; background-color: #0078C1; color: white; border: 1px solid #0078C1; }

.text-border{
	width:100%;
	max-width:468px;
	background-color: #EDEDED;
	border: 1px solid #8E8E8E;
	margin-top:10px;
	margin-bottom:10px;
}
.text-border p{
	padding:2px;
}

.wsc {
    width: 100px;
	float:right;
	margin-left:20px;
}

.alert-success{padding: 10px 0;background-color:#DFF0D8;width:100%;float:right;text-align:center;margin:0 0 10px 0;color:#009900;font-weight:bold;border:1px solid #A4D490;border-radius:4px;}
.alert-info{padding: 10px 0;background-color:#D9EDF7;width:100%;float:right;text-align:center;margin:0 0 10px 0;color:#0099FF;font-weight:bold;border:1px solid #86C6E6;border-radius:4px;}
.alert-warning{padding: 10px 0;background-color:#FCF8E3;width:100%;float:right;text-align:center;margin:0 0 10px 0;color:#FF9900;font-weight:bold;border:1px solid #F2E189;border-radius:4px;}
.alert-danger{padding: 10px 0;background-color:#F2DEDE;width:100%;float:right;text-align:center;margin:0 0 10px 0;color:#FF0000;font-weight:bold;border:1px solid #D69696;border-radius:4px;}

#footer{background-color: #383838;border-top: 4px solid #ee3e3e;color: #d8d8d8;}
#footer .menu {width:90%;font-family:Vazir,Tahoma;font-size: 9pt;text-align: center;margin-top: 10px;margin-bottom: 10px;direction: rtl;color: #a5a5a5;line-height: 200%;padding-left: 5px;padding-right: 5px;}
#footer .menu a:link{color:#d8d8d8;text-decoration:none;font-family:Vazir,Tahoma;}
#footer .menu a:visited  {color:#d8d8d8;text-decoration:none;font-family:Vazir,Tahoma;}
#footer .menu a:hover{color:#a5a5a5;text-decoration:none;font-family:Vazir,Tahoma;}
#footer .copyright {width:90%;height: 40px;color: #a5a5a5;}