﻿@font-face {
  font-family: Vazir;
  src: url('font/Vazir.eot');
  src: url('font/Vazir.eot?#iefix') format('embedded-opentype'),
       url('font/Vazir.woff') format('woff'),
       url('font/Vazir.ttf') format('truetype');
  font-weight: normal;
}
      
@font-face {
  font-family: Vazir;
  src: url('font/Vazir-Bold.eot');
  src: url('font/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
       url('font/Vazir-Bold.woff') format('woff'),
       url('font/Vazir-Bold.ttf') format('truetype');
  font-weight: bold;
}


body,input,textarea,option,select{font-family:'Vazir',tahoma;line-height:150%;font-size:11pt;}

body {margin:0;background:#eeeeee;}
a {color:#2f7ff6;text-decoration:none;}
a:hover{color:#ff9900;text-decoration:none;}
.lastposts{text-align:right;width:95%;line-height:100%;padding-left:5px;padding-right:5px;}

.full{
	width:1200px;
	max-width:100%;
	margin:auto;
	margin:auto;
}

.inner{
	width:calc(100% - 20px);
	margin-right:10px;
	margin-left:10px;
}
.menu{color:#000000;line-height:25px;width:100%;text-align:right;}
.menu:hover{color:#ff9900;cursor:pointer;}
.submenu{color:#fe7107;}
.submenu:hover{color:#333333;}

.topmenulink{color:#222222;}


.thumb{border: solid 1px #333333;margin:0;padding:0;}

.titles{line-height:30px;font-size:12pt;background:#dddddd;font-weight:bold;border-bottom:1px solid #777777}
.brief{color:#3e3e3e;font-size:9pt;}
.tail{color:#2f7ff6;font-size:9pt;}
.tail:hover{color:#ff0000;font-size:9pt;}

.title{text-align:right;color:#444444;font-weight:bold;}
.text{text-align:justify;color:#000000;line-height:150%;}
.productgroup{color:#555555;}
.productgroup:hover{color:#555555;}

.thumb{border:1px solid #747474;}
.details{color:#3e3e3e;font-size:9pt;font-weight:normal;}
.subdetails{color:#747474;font-size:9pt;font-weight:normal;}

.copyright{font-size:9pt;color:#4d4d4d;width:95%;text-align:justify;}


.accordion {
	width: 100%;
}
.menucell{
	border:solid 1px #888888;
	height:25px;
	line-height:25px;
	background:#dddddd;
	padding-right:5px;
	text-align:right;
	padding-left:10px;
}
.menucell:hover{}

#leftadv p{margin-top:0px;margin-bottom:0px;padding:0px;}


.accordion h3.active {}
.accordion p {
	text-align:right;	
	padding-right:15px;
	margin:0px;
}

/* /////////////Newsticker////////////// */

#newsticker-noavaran{width:95%;}
.newsticker-jcarousellite {width:100%;}
.newsticker-jcarousellite ul li{ list-style:none; display:block; }
.clear { clear: both; }

.box{
	width:100%;background:#ffffff;padding:10px;margin-bottom:10px;box-sizing:border-box;text-align:center;
}

.fpbox{width:49.5%;box-sizing:border-box;vertical-align:top;display:inline-block;}

.fplink{
	display:inline-block;
	background:#eeeeee;
	color:#000000;
	border:1px dotted #cccccc;
	padding:6px;
	text-align:right;
	box-sizing:border-box;
	margin-bottom:5px;
	line-height:30px;
	width:31%;margin:1%;box-sizing:border-box;float:right;
	cursor:pointer;
}

.fplink:hover{
	background:#dddddd;color:#000000;
}

.fpKind{
	width:100%;border:1px dashed #ffffff;vertical-align:top;box-sizing:border-box;
}
.fpKind:hover{
	border:1px dashed #444444;
}

.topPhone{
display:inline-block;float:left;font-size:10pt;font-weight:normal;line-height:27px
}

@media all and (max-width:800px){
	.topPhone{
display:block;text-align:center;margin-top:10px;float:none;width:100%;
}

}

.marqHolder img{width:calc(5% - 1px);margin:1px;}

@media all and (max-width:600px){
.marqHolder img{width:calc(10% - 1px);margin:1px;}
}

@media all and (max-width:900px){
	#overlayLogos{
		display:none
	}
}



.grid {
	display: flex;
	flex-wrap: wrap;
}

.col125 {
	flex: 0 0 12.5%;
	box-sizing: border-box;
}
.col6 {
	flex: 0 0 16.6%;
	box-sizing: border-box;
}
.col25 {
	flex: 0 0 25%;
	box-sizing: border-box;
}
.col33 {
	flex: 0 0 33.33%;
	box-sizing: border-box;
}

.colp33 {
	/*For products details*/
	flex: 1 0 40%;
	box-sizing: border-box;
}

.col50 {
	flex: 0 0 50%;
	box-sizing: border-box;
}

.col66 {
	flex: 0 0 66.66%;
	box-sizing: border-box;

}


.col100 {
	flex: 0 0 100%;
	box-sizing: border-box;
}

@media all and (max-width:768px){
.col125 {
	flex: 0 0 50%;
}
.col6 {
	flex: 0 0 33%;
}
.col25 {
	flex: 0 0 50%;
}
.col33 {
	flex: 0 0 100%;
}
.col50 {
	flex: 0 0 100%;
}
.col66 {
	flex: 0 0 100%;
}



}
@media all and (max-width:640px){
.col125 {
	width: 50%;
}
.col6 {
	flex: 0 0 50%;
}
.col50 {
	width: 100%;
}
}
.fp20 {
	flex: 0 0 20%;
	box-sizing: border-box;
	padding-right: 10px;
}
.fp80 {
	flex: 0 0 80%;
	box-sizing: border-box;
}

.paging{
	width:25px;height:25px;
	display:inline-block;
	border:1px solid #aaaaaa;
	font-size:9pt;
	text-align:center
}
.pagingActive{
	background-color:#FFCC66
}



ul.drop{
z-index:597;
margin:auto;
direction:rtl;
display:inline-block;
position:relative;
}



ul.drop li a{
display:inline-block;
text-decoration:none;
text-align:center;
color:#ffffff;
font-size:10pt;
padding-right:10px;
padding-left:10px;
}

ul.drop li a span{
display:inline-block;margin-right:5px;font-size:5pt;
}

ul.drop li a:hover{
	
}

ul.drop ul li a{
	text-align:center;
	font-size:10pt;
}

ul.drop, ul.drop li, ul.drop ul{
list-style:none;
margin:auto;
padding:0;
}

ul.drop>li{
float:right;
vertical-align:middle;
text-align:center;
min-width:100px;
height:40px;
line-height:40px;
border-left:1px solid #5c7987;
}
ul.drop>li:last-of-type{border-left:0px;}

ul.drop > li.hover, ul.drop > li:hover{
position:relative;
z-index:599;
cursor:default;
background:#ff8400;
}


ul.drop ul{
visibility:hidden;
position:absolute;
top:100%;
right:0;
z-index:0;
background:#bababa;
padding-top:0px;
padding-bottom:0px;
}

ul.drop ul li{
	white-space:nowrap;
}

ul.drop ul li a{
color:#000000;
display:block;
height:40px;line-height:40px;
text-align:right;
box-sizing:border-box;
}


ul.drop ul li a:hover{
color:#000000;
border-bottom:1px solid #dddddd;
background:#aaaaaa;
}

ul.drop ul ul{
position:relative;
top:0px;
right:100%;
z-index:1;
}
ul.drop li:hover > ul{
visibility:visible;
}

ul.drop li ul li a{width:180px;text-align:ritgh;}

.topmenulevel1{
height:40px;line-height:40px;display:block;white-space:nowrap;	
}
	


.wrapper{
	display: flex;
    flex-direction: column;
    min-height: 100vh;
	direction:ltr;
}

main {
    flex: 1;
}
