.fontko{
 font-size:14px;
 font-family:Shabnam;
 font-size: clamp(12px, 2.5vw, 14px);
}

@media (max-width: 768px) { /* تبلت */
  .fontko {
    font-size: 13px;
  }
}

@media (max-width: 480px) { /* موبايل */
  .fontko {
    font-size: 12px;
  }
}

.fontnasim{
 font-size:11pt;
font-family:bbc-nassim;
}
.fontBYekan{
 font-size:11pt;
font-family:BYekan;
}

.fontBMitra{
 font-size:11pt;
font-family:BMitra;
}
.fontShabnam{
 font-size:11pt;
font-family:Shabnam;
}

body{

background:#fff;
background:url(images/bg2.jpg);
margin:0;
padding:0;
color:#000000;
font-family:Shabnam;
direction:rtl;
 }



#bodycs h1 {
 font-family:Shabnam;
font-size:8pt;
padding:0;
display:none;
	}

#bodycs h2 {
padding:0;
display:none;
 font-family:Shabnam;
font-size:8pt;
	}

h1 {
font-family:Shabnam;
font-size:11pt;
padding:0;
	}

h2 {
padding:0;
font-family:Shabnam;
font-size:11pt;
	}

h3 {
padding:0;
font-family:Shabnam;
font-size:10pt;
margin-bottom:0rem;
font-weight:normal;
	}



a img{

border-color:#454545;

}

a:hover img{

border-color:#FF8000;

}

img:hover {
webkit-filter:grayscale(50%);

Filter:grayscale(50%);
}




div,input,ul{
font-family:Shabnam;
padding:0;
margin:0;
}

select{

border:1px solid #CCC;

border-radius:4px;

-moz-border-radius:4px;

-webkit-border-radius:4px;

box-shadow:2px 2px 3px #666;

-moz-box-shadow:2px 2px 3px #666;

-webkit-box-shadow:2px 2px 3px #666;

padding:4px;

outline:0px;

 font-family:Shabnam;

}

select:hover{    border-color:#92BBFA;}

select:focus{    border-color:#92BBFA;background-color:#FBFBFB;}



.clearfix:after{

content:".";

display:block;

clear:both;

visibility:hidden;

line-height:0;

height:0;



}

.clearfix{

display:block;

}

html[xmlns] .clearfix{

display:block;

}

* html .clearfix{

height:1%;

}

/*---Header --------*/

#mainForm{

}

#header{

line-height: 0.7;
   background:#fff;
   border-bottom: 2px solid #db000b;
width:100%;
margin-bottom:0px;
padding-bottom:5px;
margin-top:-6px;

}



#topline{

height:35px;

background:#ffffff;

border-top:0px solid #000;

color:#ffffff;

background:url(images/bar.jpg) repeat-x;

border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
box-shadow:2px 2px 3px #666;

-moz-box-shadow:2px 2px 3px #666;

-webkit-box-shadow:2px 2px 3px #666;
}



#topline a{

color:#ffffff ;

font-weight:normal;

}





#topline a:hover{

color:#fff600 ;

font-weight:normal;

}



#topline ul#nav{

padding:0 17px 0 5px;

margin:0;

list-style:none;

}

#topline ul#nav li{

float:right;

margin:5px 0 0 0;

}

#topline ul#nav li a{

display:block;

padding:0;

margin:0 6px 0 0;

text-align:center;

font-weight:bold;

color:#dddddd;

}



#topline ul#nav li a span{

display:block;

padding:0 18px 3px 16px;

line-height:2.5;

}



#topline ul#nav .current a,#topline ul#nav li a:hover{

color:#fff029;

}



#topline ul#nav .current a span,#topline ul#nav li a:hover span{

}

/*---Menus --------*/ 

#menu{

border-left:1px solid withe;

border-right:1px solid withe;

height:25px;

background:#444446;

}

#menu ul li{

border-left:1px solid gray;

float:right;

list-style-type:none;

padding:6px 0 4px 0;

}

#menu ul li a{

color:#ffffff;

padding:18px 15px 11px 15px;

}

#menu ul li a:hover{

background:#7da3d6;

color:#ffffff;

border-bottom:2px solid white;

}

#rightside{

padding:5px;
background:#F7F7F7;
float:right;

margin:1px 0 0 0;

width:200px;

}

#leftside{

border:none;

padding:5px;

float:left;

margin-top:1px;

width:200px;

}

#content{

background:#ffffff;

width:980px;

color:#000000;

}

#content-padd{

padding:10px;

}

#bottom{

background:#000000;

border:1px ridge;

padding:1px;

float:right;

width:914px;

height:48px;

margin-top:0px;

font-size:9pt;

color:#000000;

}

#box{

background:#ffffff;

border-left:1px ridge #AEC0CE;

border-top:1px ridge #AEC0CE;

border-right:2px ridge #3D5360;

border-bottom:2px ridge #3D5360;

margin-top:10px;

margin-right:11px;

padding-top:3px;

float:right;

height:21px;

width:105px;

}

#box1{

background:url(image/top_menu.jpg);

height:21px;

}

#box2{

background:url(image/top_menu1.gif);

height:10px;

}

#box3{

background:url(image/botton_menu.gif);

height:10px;

}

#table{

border:1px ridge #A9B8C2;

line-height:180%;

text-align:justify;

font-weight:lighter;

}

#table1{

line-height:1.8;

text-align:justify;

color:#000040;

border:1px solid #ff6600;

}

#center{

width:700px;

background:#ffffff;

border:1px;

float:right;

}

/*--- Order Form ---- */



input{

background:url(images/input-repeat.gif) repeat;

 border:1px solid #CCC;

border-radius:4px;

 -moz-border-radius:4px;

 -webkit-border-radius:4px;

box-shadow:2px 2px 3px #666;

-moz-box-shadow:2px 2px 3px #666;

-webkit-box-shadow:2px 2px 3px #666;

padding:4px;

outline:0px;

font-family:Tahoma, Geneva, sans-serif;

font-size:12px;

}



input:hover{    border-color:#92BBFA;}

input:focus{    border-color:#92BBFA;background-color:#CCC;}



input.btn1{

background:url(images/button.png) no-repeat left top;

height:23px;

width:82px;

color:#FFF;



margin-left:5px;

text-align:center;

cursor:hand;

cursor:pointer;

border:0px solid #999999;

}

input.btn2{

background:url(images/button2.png) no-repeat left top;

height:29px;

width:96px;

color:#FFF;

margin-left:5px;

text-align:center;

cursor:hand;

cursor:pointer;

border:0px;

}

input.text{

color:#555555;

border-radius:5px;

-moz-border-radius:5px;

-webkit-border-radius:5px;

}



#footer{

   background:#25282D;
   border-top: 2px solid #db000b;

}

#footer a{

color:#EFEFEF;

}

#footer #webgozar{
padding:75px 920px 0 0;
}
#footer #titlebar{
font-family:Shabnam;font-size:11pt;color:#fff;padding:1px;
}


.pic-Box

{



	width: 100px;

	padding-right:5px;

	padding-top:5px;

	float:right;

	text-align:right;

    direction: rtl;

     border:1px solid black;

     display: block;

     

}

.info1-Box

{

margin-right: 114px;

	padding: 50px 135px 3px 3px;

	 border:1px solid black;

    

}

.menuside A:link{
color:#0560A6;
text-decoration:none;
WIDTH: 95%;
padding:2px;
background-position: right center;
border-radius:4px;
font-size:11px; }

.menuside A:hover{color:#000;text-decoration:none; background-color :#DCF47B; WIDTH: 95%;}

.corner{

    border:1px solid #333;

    padding:10px;

    -moz-border-radius: 5px;

    -khtml-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

}




 .round_corners .line_1, .round_corners .line_2, .round_corners .line_3, .round_corners .line_4, .round_corners .line_5

   { line-height: -3px; font-size: 1px; overflow: hidden; background-color: #F7F7F7;}

   .round_corners .line_1 { margin-left: 6px; margin-right: 6px; background-color:  #979898; height: 1px; }

   .round_corners .line_2 { margin-left: 4px; margin-right: 4px; border-left: 2px solid #979898; border-right: 2px solid  #979898; height: 1px; }

    .round_corners .line_3 { margin-left: 3px; margin-right: 3px; border-left: 1px solid #979898; border-right: 1px solid #979898; height: 1px; }

    .round_corners .line_4 { margin-left: 2px; margin-right: 2px; border-left: 1px solid #979898; border-right: 1px solid #979898; height: 1px; }

    .round_corners .line_5 { margin-left: 1px; margin-right: 1px; border-left: 1px solid #979898; border-right: 1px solid #979898; height: 2px; }

     .round_corners .content { border-left: 1px solid #979898; border-right: 1px solid #979898; padding: 10px; background-color: #F7F7F7;}



     

     .roundedcornr_box_319991 {background:#eeeeee;}

.roundedcornr_top_319991 div {background:url('corners/roundedcornr_319991_tl.jpg') no-repeat top left; }

.roundedcornr_top_319991 {background:url('corners/roundedcornr_319991_tr.jpg') no-repeat top right;}

.roundedcornr_bottom_319991 div {background:url('corners/roundedcornr_319991_bl.jpg') no-repeat bottom left}

.roundedcornr_bottom_319991 {background:url('corners/roundedcornr_319991_br.jpg') no-repeat bottom right;}
.roundedcornr_top_319991 div,.roundedcornr_top_319991,.roundedcornr_bottom_319991 div,.roundedcornr_bottom_319991 {width:100%;height:9px;font-size:1px}

.roundedcornr_content_319991 {margin:0 9px;}

/* Comment Box */
div.comment_box,
div.comment_box2,
div.warning_box,
div.error_box,
div.info_box,
div#policy_box{
	behavior: url(CSS/pie/PIE.htc);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:15px;
	line-height:200%;
}

div.comment_box{
	border:1px #94D111 solid;
	background-color:#E3FAB4;
	color:#374E07;
}

div.comment_box2{
	border:1px #910000 solid;
	background-color:#CC0000;
	color:#FFFFFF;
}
div.warning_box{
	border:1px #FFC600 solid;
	background-color:#FFEBA6;
	color:#693803;
        font-weight:bold;
}
div.info_box{
	border:1px #9DD31F solid;
	background-color:#BCE75A;
	color:#121212;
        font-weight:bold;
}
div.error_box{
	border:1px #FF3C3C solid;
	background-color:#FFCACA;
	color:#770000;
}
div.help_box{
       background-color:#FFFFD5;
       border:1px solid#C4C4C4;
       padding:5px;
       line-height:2;
       border-radius:5px;
       -moz-border-radius:4px;
       -webkit-border-radius:5px;
}
#kadrbchasab{
text-shadow: 0px 1px 0px #FFF;
box-shadow: 0px 1px 1px #EAEAEA, 0px 1px 0px #FBFBFB inset;
background: -moz-linear-gradient(center top , #FFF 0%, #F6F6F6 47%, #EDEDED 100%) repeat scroll 0% 0% transparent;
display: inline-block;
text-decoration: none;
font-size: 10px;
padding: 3px 8px;
line-height: 20px;
color: #555;
text-transform: uppercase;
border: 1px solid #DEDEDE;
border-radius: 3px;
cursor: pointer;
}




#tablehead{
color:#fff;
padding:6px;
background:linear-gradient(45deg, #020031 0%,#6d3353 100%);
border-radius:5px 5px 0px 0px;
}

#tabletitle{
font-family:Shabnam;
font-size:11pt;
color:#fff;

}
#tablebg {
border-left: 1px solid #D7D7D7;
border-right: 1px solid #D7D7D7;

text-align:right;
background:#F4F4F4;
width:100%;
}

#tablebgpadd {
line-height:1.7;
padding:8px;
}

#tablefoot{

background:#F4F4F4;
width:100%;
height:0px;
margin-bottom:5px;
border-radius:0px 0px 7px 7px;
border-left: 1px solid #D7D7D7;
border-right: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;

}




.menubot {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
      position: fixed;
    bottom: 0;
    width: 100%;
    float: right;
     background-color: #e6e3e3;

      opacity:0.8;
    filter:alpha(opacity=80);
}
 .menubot li{
    float: right;

}

.menubot li a {
    display: block;
    color: white;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
    color:#000;
}

.menubot li a:hover:not(.active) {
    background-color: #4CAF50;
     text-decoration: none;
}

.menubot .activebot {
    background-color: #4CAF50;
}

.indexkadrtop{
min-height:130px;
margin-bottom: 15px;
color:#514d4d;
border-radius: 5px !important;
box-shadow: 0 5px 15px #b3aeae;
}

.indexkadrtop:hover{
opacity: 0.8;
touch-action:pan-y;

}
.H3bchasb{
font-weight:normal;
margin-bottom: 0rem;
}

.table-responsive-lg>.table-bordered {
  border:0
 }
}
@media (max-width:1199.98px) {
 .table-responsive-xl {
  display:block;
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch
 }
 .table-responsive-xl>.table-bordered {
  border:0
 }
}
.table-responsive {
 display:block;
 width:100%;
 overflow-x:auto;
 -webkit-overflow-scrolling:touch
}
.table-responsive>.table-bordered {
 border:0
}

.table-responsive table {
 width:100%!important;
 font-family:IRANSans;
 font-size:14px;
 margin-bottom:15px;
 color:#555;
 height:auto!important;
 width:100%;
 font-size:14px;
 border:none!important;
 border-collapse:separate!important;
 margin-bottom:15px
}


.table-responsive table tr{
 height:auto!important
}
.table-responsive table tr td {
 border:1px solid #ccc;
 padding:10px;
 line-height:2.1;
 font-size:15px;
 text-align:center;
 width:auto;
 padding:12px 12px;
 background-color:#fff;
 border:1px solid #ddd;
 border-radius:10px;
 line-height:2;
 height:auto!important
}
.table-responsive table tr td p{
 margin-bottom:0!important;
 line-height:2.1!important;
 font-size:15px!important;
 color:unset!important
}
.table-responsive table tr td a{
 color:#505050
}
.table-responsive table tr:nth-child(odd) td {
 background-color:#f9f9f9
}

.bg-eestekhdam   tr th{
 background-color:#7d3b6f; !important;
 color:#fff;
 border-radius:10px;
 padding:10px;
 border:none;
 text-align:center;
 font-weight:400;
 height:auto!important
}

.ag-img {
  width: 90px;       /* اندازه پيش‌فرض دسکتاپ */
  height: 90px;
  border-radius: 50%; /* براي گرد کردن */
  border: 1px solid #000; /* يا همون border اصلي */

 
}

@media (max-width: 768px) { /* تبلت */
  .ag-img {
    width: 70px;
    height: 70px;
  }
}

@media (max-width: 480px) { /* موبايل */
  .ag-img {
    width: 50px;
    height: 50px;
  }
}