@font-face {
 font-family: Estedad-FD-Regular;
 src: url('../fonts/Estedad-FD-Regular.ttf');
 }
 @font-face {
 font-family: Estedad-FD-Medium;
 src: url('../fonts/Estedad-FD-Medium.ttf');
 }
 @font-face {
 font-family: Estedad-FD-Bold;
 src: url('../fonts/Estedad-FD-Bold.ttf');
 }
 @font-face {
 font-family: Estedad-FD-Black;
 src: url('../fonts/Estedad-FD-Black.ttf');
 }
 @font-face {
 font-family: Estedad-FD-ExtraBold;
 src: url('../fonts/Estedad-FD-ExtraBold.ttf');
 }

body 
{
/*  background: #e8e8e8  center 0 no-repeat; 

 */
padding:0; 
font-family: Estedad-FD-Regular;  
/* font-family: 'Droid Arabic Naskh', serif;  
    font-family: yekan;*/
font-size:12px;
margin:0px auto auto auto;
color:#000000;
direction:rtl;
}

#tbl_main_page
{  
   margin:0 auto;
}

#bg_page
{
width:900px;
height:auto;
margin:auto;
padding:0px;
}


.color1 {
    color:#9b9b9b;
}
.color_dark_1 {
    color: #373940;
}

.color_orange_1 {
    color: #ff9d2d;
}

/********************  Scrollbar  *******************/
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #373940; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0 0 8px #373940;
  background: #e3e3e3; 
}


/********************  Single news  *******************/


.single_news_bg
{
    padding-right:15px;
    padding-left:15px;
    padding-top:5px;
    padding-bottom:0px;
    width:430px;   
    max-height:30px;
    
    background: #bbbbbb; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    
    border-top-left-radius: 9px 9px;    
    border-bottom-right-radius : 9px 9px;
    border-bottom-left-radius : 9px 9px;   
    border-top-right-radius: 9px 9px;  

}



#newsticker-demo a { text-decoration:none; color:#FF0066}
#newsticker-demo a:hover { text-decoration:none; color:#FFFFFF}

#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.newsticker-jcarousellite { width:500px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; width:500px; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right; min-width:300px; font-size:12px; font-weight:bold; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }


* { /* margin:0; padding:0; */ }


/*************************************************************/

.gv_article_header
{
    background-color:#232f3e;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    /*
background: rgb(169,3,41); 
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); 
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); 
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); 
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); 
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); 
*/
}

.gv_article_RowStyle
{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100;Grey+3D+%232 */
background: rgb(96,108,136); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,108,136,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */

}
.gv_article_RowStyle:hover
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cedce7+0,596a72+100;Grey+3D+%231 */
    background: rgb(206,220,231); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}

.gallery_pic1
{
    width:180px;
    height:180px;
    padding-top:20px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border-bottom-left-radius : 5px 5px;
    border-bottom-right-radius : 5px 5px;
    background-color:#232f3e;
}
.gallery_pic2
{
    width:180px;
    height:180px;
    padding-top:20px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border-bottom-left-radius : 5px 5px;
    border-bottom-right-radius : 5px 5px;
    background-color:#131a22;
}

.div_article_tittle
{
    text-align: justify;
    text-justify: inter-word;
    height:20px;
    min-width:700px;
    padding:20px; 
    font-size:large;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    background-color:#232f3e;
    color:White;
/*
background: rgb(169,3,41); 
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); 
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); 
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); 
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); 
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); 
*/
}

.div_article_matn
{
    text-align: justify;
    text-justify: inter-word;
    max-width:700px;
    min-width:700px;
    padding:20px; 
    font-size:medium;
    color:Black;
    
    border-bottom-left-radius : 5px 5px;
    border-bottom-right-radius : 5px 5px;
    background-color:White;

}
.div_article_matn1
{
    text-align: justify;
    text-justify: inter-word;
    max-width:700px;
    min-width:700px;
    padding:20px; 
    font-size:large;
    
    border-bottom-left-radius : 5px 5px;
    border-bottom-right-radius : 5px 5px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100;Grey+3D+%232 */
background: rgb(96,108,136); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,108,136,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */


}


.transitionimg{
	width:490px;
	height:446px;
	text-align:center;
	-moz-transition: all 0.3s linear 0s;
	transition: all 0.9s linear 0s; 
	-webkit-transition: all 0.9s linear 0s;
  -ms-transition: all 0.9s linear 0s;
  -o-transition: all 0.9s linear 0s;
	opacity:0.99;
	margin:0 auto;	
	
}
.transitionimg:hover{
	
	text-align:center;
	-moz-transition: all 0.3s linear 0s;
	transition: all 0.9s linear 0s;
	-webkit-transition: all 0.9s linear 0s;
  -ms-transition: all 0.9s linear 0s;
  -o-transition: all 0.9s linear 0s;
		opacity:0.20;
}

.header{
width:100%;
height:50px;
margin:auto;
padding:0px;
float:inherit;
}
.logo{
padding:30px 0 0 0px;
float:right;
}

.captcha{
padding:40px 40px 0px 0px;
float:right;
color:#00ff00;
}

#dropdown orange
{
    float:right;
}


#mypage_body
{
   /* background: #e8e8e8  center 0 no-repeat;   
    color:#1e3a6b;      */
    background-color:#e8e8e8;
    color:#ffffff;
    width:100%;
}

.new_search_css
{
    width:100%;
    height:50px;
    position:absolute;
    top:155px;
    right:0px;
    
    float:right;
    color:Black;
}
.txt_search_css:focus
{
    outline:0;
}
.search_bg
{
    width:400px;
    height:40px;
    border-top-left-radius : 10px 10px;
    border-top-right-radius : 10px 10px;
    border-bottom-left-radius : 10px 10px;
    border-bottom-right-radius : 10px 10px;
    border:2px solid #d9d9d9;
}

.horizontal_devider {
    width:100%; 
    height:0.5px; 
    background-color:#ebebe9; 
    margin-top:5px;
    margin-bottom:5px;
}

#search_bar_and_print
{
    
  /*  width:900px;
    background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border-bottom-left-radius : 5px 5px;
    border-bottom-right-radius : 5px 5px;  */
    
}

#search_bar_kala
{
    
    width:900px;
    background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border-bottom-left-radius : 5px 5px;
    border-bottom-right-radius : 5px 5px;
    
}

#banner
{
     background: #ffffff  center 0 no-repeat;
     background: -moz-linear-gradient(top,  #420d40 0%, #ffffff 100%) !important;
	/* background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #420d40 ), color-stop(1, #ffffff));*/
	 background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #0097dd ), color-stop(1, #ffffff));
     -moz-border-radius: 15px;
     border-top-left-radius: 10px 10px;
     border-top-right-radius: 10px 10px;
     
}

#bg_main_footer
{
    background: #ffffff  center 0 no-repeat;
    background: -moz-linear-gradient(top,  #ffffff 0%, #420d40 100%) !important;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ffffff ), color-stop(1, #420d40));
    color:#1e3a6b;
    -moz-border-radius: 15px;
    border-bottom-right-radius: 10px 10px;
    border-bottom-left-radius: 10px 10px;
}

p{
padding:15px;
text-align:justify;
margin:0px;
line-height:20px;
}

a {
/*color:#da5b23;*/
color:#ffffff;
text-decoration:none;

}

a:hover {
color:#FF2938;
 /* color  :#00effe; 41474a   */
text-decoration:none;
}

.favorit_link_1
{
    color:#000000;  
}

.favorit_link_2
{
    color:Blue;
      
}
.img_exit_css
{
    width:90px;
}
.img_exit_css1:hover
{
    width:90px;
    background-color:#ff9d2d;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border-bottom-left-radius : 10px 10px;
    border-bottom-right-radius : 10px 10px;
}
.osviyat
{
    direction:ltr;
}
/*--------------------- سبد سفارش ------------------------*/

.view_sabad
{
    position:fixed; 
    top:200px; 
    left:-140px;
    width:200px;
    height:55px;
    padding-top:5px;
    padding-right:5px;
    border-bottom-right-radius : 10px 10px;
    border-top-right-radius: 10px 10px;
    z-index:1;
    background-color:#1e323d;
}
.shop_counter
{
    position:absolute;
    top:5px;
    right:5px;
    z-index:10;    
}
.lbl_counter
{
    width:20px;
    height:20px;
  /*  border:1px solid red; */
    background-color:#ff9d2d;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border-bottom-left-radius : 10px 10px;
    border-bottom-right-radius : 10px 10px;
}
.shoping_img
{
    position:absolute;
    top:5px;
    right:10px;
}
.shoping_str
{
    position:absolute;
    top:5px;
    right:60px;
}

/*--------------------- پيجر گريد اخبار ------------------------*/

/* Grids */

.mGrid { width: 100%; background-color: #e8e8e8; margin: 5px 0 10px 0; border: solid 0px #525252; border-collapse:collapse;font-family:Verdana; font-size:12px; box-shadow: 5px 5px 10px rgba(0,0,0,0.15); }

.mGrid td { padding: 2px;
            height:30px;
             border: solid 0px #c1c1c1; color: #003366; }

.mGrid th { padding: 4px 0px; color: #000000; 
           
            font-size: 0.9em;
            height:30px;
           border: solid 0px #c1c1c1;     
           
              background: #bbbbbb; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
            
       /*     background: #1e5799; /* Old browsers */
       /*     background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /*  Mozilla  */
         /*   background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
           /* background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
         /*   background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
         /*   background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
         /*   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ 
            border-top-right-radius: 10px 10px;
            border-top-left-radius: 10px 10px;
	        font-size: 0.9em;         
          }

.mGrid .alt { background: #fcfcfc; }

/*  .mGrid .pgr {background: #FFFFFF; }

.mGrid .pgr table { margin: 5px 0; }

.mGrid .pgr td { border-width: 0px; padding: 0 6px; border-left: solid 0px #666; font-weight: bold; color: #fff; line-height: 12px; }  

.mGrid .pgr a { color: #666; text-decoration: none; }

.mGrid .pgr a:hover { color: #000; text-decoration: none; }

 .mGrid tr:hover{background-color:#FFFFCC;color:white;}

 End Grids */


.grid_paging
{
    background-color:#ffffff;
    background: #99CCFF; 
    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
    
}
.grid_paging a
{
     text-decoration: none;   }
.grid_paging a:hover
{
    text-decoration: underline;
    
}
.grid_paging a:link
{
    font-size: 15px;
    padding: 2px 6px;
    background-color :#00d8ff;
    border: 0px solid #B5BAC0;
    border-top-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px; 
    border-bottom-right-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
 }
.grid_paging span
    {       
        background-color: #263441;
        border: 0px solid #DBEAFF;
        color: #FFFFFF;
        padding: 2px 5px; 
        border-top-right-radius: 5px 5px;
        border-top-left-radius: 5px 5px; 
        border-bottom-right-radius: 5px 5px;
        border-bottom-left-radius: 5px 5px;
     }
                        
              
/*--------------------- -------- ------------------------*/


/*--------------------- پیگیری ------------------------*/
.follow_header
{
    width:150px;
    height:30px;
    padding-right:30px;
    padding-top:7px;
    background: #00c2ce; 
	background: linear-gradient(top, #00c2ce 0%, #8df8ff 100%);  
	background: -moz-linear-gradient(top, #00c2ce 0%, #8df8ff 100%); 
	background: -webkit-linear-gradient(top, #00c2ce 0%,#8df8ff 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border-bottom-left-radius : 5px 5px;
    border-bottom-right-radius : 5px 5px;
}

.follow_desc
{
    min-width:150px;
    max-width:500px;
    min-height:30px;
    padding-right:30px;
    padding-left:30px;
    padding-top:5px;
    background: #00c2ce; 
	background: linear-gradient(top, #00c2ce 0%, #8df8ff 100%);  
	background: -moz-linear-gradient(top, #00c2ce 0%, #8df8ff 100%); 
	background: -webkit-linear-gradient(top, #00c2ce 0%,#8df8ff 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border-bottom-left-radius : 5px 5px;
    border-bottom-right-radius : 5px 5px;
}

/*--------------------- --------- ------------------------*/

  .tp_bg
    {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        padding-top: 100px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    } 
.mini_form_view_likes_css
{
    display:none; 
    z-index:1;
    position:relative; 
    width:420px; 
    height:320px; 
    background-color:#ffffff;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border-bottom-left-radius : 10px 10px;
    border-bottom-right-radius : 10px 10px;
    box-shadow: 0px 10px 50px rgba(0,0,0,5);
}
.header_bg_css
{
    width:420px;
    height:55px;
    background-color:#373940;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
}
.headerkala_bg_css
{
    width:100%;
    height:55px;
    background-color:#373940;
   /* background-color:#cbcbbf; */
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;   
}
.btn_hidden
{
    display:none;
}
.mini_form_view_kala_css
{
    display:none; 
    z-index:100;
    position:absolute;
    top:30px;
    left:50px;
    width:93%; 
    height:80%; 
    background-color:White;
    
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border-bottom-left-radius : 10px 10px;
    border-bottom-right-radius : 10px 10px;
    box-shadow: 0px 10px 50px rgba(0,0,0,5);
}


/*--------------------- grid view ------------------------*/




.img_grid
{
	box-shadow: 5px 5px 10px rgba(0,0,0,0.15);  
}

.img_grid_video
{
	box-shadow: 5px 5px 10px rgba(0,0,0,0.15); 
    background-image:url('/video/files/default_video_logo.jpg');
}

.kala_grid_1
{
    background: #0370bb;
    background: linear-gradient(top, #0370bb 0%, #7ac0f0 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #0370bb ), color-stop(1, #7ac0f0));
    background: -moz-linear-gradient(top,  #0370bb 0%, #7ac0f0 100%) !important;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border-bottom-left-radius : 10px 10px;
    border-bottom-right-radius : 10px 10px;
    height:50px;
    padding-top:5px;
    min-width:170px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.15);
}

.kala_grid_2
{
    background: #03a8b3;
    background: linear-gradient(top, #03a8b3 0%, #78e8ef 100%);   
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #03a8b3 ), color-stop(1, #78e8ef));
    background: -moz-linear-gradient(top,  #003a8b3 0%, #78e8ef 100%) !important;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border-bottom-left-radius : 10px 10px;
    border-bottom-right-radius : 10px 10px;
    height:50px;
    padding-top:5px;
    min-width:170px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.15); 
}

/*--------------------------------------------------------*/



/*-------------------footer------------------------*/
#footer{
width:100%;
height:50px;
clear:both;
color:#FFFFFF;
}
.left_footer{
float:left;
padding:20px 0 0 0;
}

.right_footer{
float:right;
padding:20px 0 0 0 ;
}
/*-------------------------------------------------*/

#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}

.stretch {
    width:100%;
    height:100%;
}


/* ----------  صفحه اول سایت   -------------*/

.login_header_css
{
   
  
    
    
 /*   border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border-bottom-left-radius : 10px 10px;  
    border-bottom-right-radius : 10px 10px;  */
}

.login_link
{
    font-size:14px;    
}
.login_link:hover
{
   font-size:14px;
   border-bottom:1px solid #3f3e3e;   
}

.forget_pass
{
    font-size:14px;
}
.forget_pass:hover
{
    font-size:14px;
    border-bottom:1px solid #3f3e3e;
}

.login_body_css
{
  /*   position:absolute; 
    top:60px; 
    right:160px; */
    width:1000px; 
    height:140px;
    position:relative;
    top:60px;
    margin-left:auto;
    margin-right:auto;
    background-color:#f6f6f5;
    color:#3f3e3e;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border-bottom-left-radius : 10px 10px;  
    border-bottom-right-radius : 10px 10px;
   
}
/**************************************************/
#login_header   
{
    background: #0581d7 center 0 no-repeat;
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    width:350px;
    height:40px;
}
#login_bg
{
    background: #0581d7 center 0 no-repeat;
    background: -moz-linear-gradient(top,  #c0caf2 0%, #ebebe9 100%) !important;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #c0caf2 ), color-stop(1, #ebebe9));
    height:250px;
    width:350px;
}

.login_fist_page
{
    background: #e8e8e8 center 0 no-repeat;
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    padding:15px;
    text-align:justify;
    margin:0px;
    line-height:20px;
}

#tabligh_header
{
    background: #ca018f  center 0 no-repeat;
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    width:350px;
    height:40px;   
}
#tabligh_bg
{
    background: #ca018f center 0 no-repeat;
    background: -moz-linear-gradient(top,  #f59fdd 0%, #ebebe9 100%) !important;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #f59fdd ), color-stop(1, #ebebe9));
    width:350px;
    height:250px;  
}



/* ----------------------------  منو لاگین  ---    */
#login-box {
	width:350px;
	height: 250px;
	padding: 0px 0px 0 0px;
	color: #ebebeb;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../images/first_page_login_bg.png) no-repeat left top;
	
/*	-webkit-box-shadow: 8px 7px 24px 0px rgba(0,0,0,0.59);
-moz-box-shadow: 8px 7px 24px 0px rgba(0,0,0,0.59);
box-shadow: 8px 7px 24px 0px rgba(0,0,0,0.59);   */
}

#login-box img {
	border:none;
}

#login-box h4 {
	padding:23px 0px 0px;
	margin:0;
	color: #ebebeb;
	font: bold 20px "Calibri", Tahoma;
}


#login-box-name {
	float:right;
	display:inline;
	width:60px;
	text-align:right;
	padding: 0px 10px 0 0;
	margin:0 0 7px 0;
}

#login-box-field {
	float: left;
	display:inline;
	width:230px;
	padding: 0px 0px 0 0;
	margin:0 0 7px 0;
}

/*
.form-login1  {
	width: 170px;
	padding: 4px 10px 6px 3px;
	border: 1px solid #21f9ff;
	background-color:#256b6e;
	font-size: 16px;
	color: #21f9ff;
	
    position:absolute;
    top:43px;
    right:80px;
    
    border-top-left-radius: 10px 10px; 
    border-top-right-radius: 10px 10px;
    border-bottom-left-radius : 10px 10px;  
    border-bottom-right-radius : 10px 10px;
}
*/ 

.login-box-options  {
	clear:both;
	padding-left:87px;
	font-size: 11px;
}

.login-box-options a {
	color: #ebebeb;
	font-size: 11px;
}

/* -----------------------------------------------------------------------  */

.last_news_item
{
    
}
#news_header
{
    background: #03a8b3  center 0 no-repeat;   
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    width:500px;
    height:40px; 
}
#news_bg
{
    background: #04dbe9 center 0 no-repeat;
    background: -moz-linear-gradient(top,  #04dbe9 0%, #ebebe9 100%) !important;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #04dbe9 ), color-stop(1, #ebebe9));
    height:250px;
    max-width:500px;
}
#news_gridview
{
    padding:15px;
    text-align:justify;
    margin:0px;
    line-height:20px; 
}

.css_divider_1{
    width:100%;
    height:1px;
    background-color:gainsboro;
    margin: 0 auto 0px;
    margin-top:10px;
    margin-bottom:10px;
}
.css_divider_2{
    width:100%;
    height:0.5px;
    background-color:gainsboro;
    margin: 0 auto 0px;
    margin-top:0px;
    margin-bottom:0px;
}
.css_divider_3{
    width:100%;
    height:0.5px;
    background-color:gainsboro;
    margin: 0 auto 0px;
    margin-top:0px;
    margin-bottom:0px;
}
.css_divider_4{
    width:100%;
    height:1px;
    background-color:gainsboro;
    margin: 0 auto 0px;
    margin-top:0px;
    margin-bottom:0px;
}
.css_divider_5{
    width:100%;
    height:1px;
    background-color:white;
    margin: 0 auto 0px;
    margin-top:10px;
    margin-bottom:10px;
}
.css_divider_vertical_1
{
    width:0.5px;
    height:100%;
    background-color:gainsboro;
}

/*.header_modal_bg
{
    width:100%;
    height:50px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    background-color:#373940;
    
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#87e0fd+0,53cbf1+40,03317a+100 */
   /* background: #87e0fd;  Old browsers */
  /*  background: -moz-linear-gradient(45deg,  #87e0fd 0%, #53cbf1 40%, #03317a 100%);  FF3.6-15 */
  /*  background: -webkit-linear-gradient(45deg,  #87e0fd 0%,#53cbf1 40%,#03317a 100%);  Chrome10-25,Safari5.1-6 */
  /*  background: linear-gradient(45deg,  #87e0fd 0%,#53cbf1 40%,#03317a 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#03317a',GradientType=1 );  IE6-9 fallback on horizontal gradient 

} */

.css_hidden 
{
    display:none;
}

/*********************** Header ***********************/

@media screen and (max-width: 700px) 
{
    .css_logo 
    {
        border:1px solid green; 
        position:absolute; 
        left:0px;
        top:0px;
        width:50px;
        height:180px; 
        
        z-index:1000;
    }

    #header {
        height:80px;
    }
    .div_header_grid {
        display:grid; 
        grid-template-columns:50px auto auto 50px 50px;
    }
    .div_do_search_bg {
        width:90%;
    }
    .div_welcom {
        position:absolute;
        right:10px;
        top:40px;
    }
}
@media screen and (min-width: 701px) 
{
    .div_header_grid {
        display:grid; 
        grid-template-columns:60px 270px auto 50px 50px;
    }
    .div_do_search_bg {
        width:240px;
    }
    .css_logo 
    {
        border:1px solid green; 
        position:absolute; 
        right:0px;
        top:0px;
        width:245px;
        height:145px; 
        
        z-index:1000;
    }
}

/*********************** Header ***********************/

/*
.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('~/images/uparrow.png') no-repeat;
}    */
/*********************** Banner ***********************/
@media screen and (max-width: 499px) 
{
    #div_banner { position:relative; min-height:150px; height:auto; }
}
@media screen and (min-width: 500px) 
{
    #div_banner { position:relative; min-height:180px; height:auto; }
}
@media screen and (min-width: 600px) 
{
    #div_banner { position:relative; min-height:210px; height:auto; }
}
@media screen and (min-width: 700px) 
{
    #div_banner { position:relative; min-height:290px; height:auto; }
}
@media screen and (min-width: 800px) 
{
    #div_banner { position:relative; min-height:290px; height:auto; }
}
@media screen and (min-width: 900px) 
{
    #div_banner { position:relative; min-height:290px; height:auto; }
}
@media screen and (min-width: 1000px) 
{
    #div_banner { position:relative; min-height:350px; height:auto; }
}
@media screen and (min-width: 1100px) 
{
    #div_banner { position:relative; min-height:390px; height:auto; }
}
@media screen and (min-width: 1200px) 
{
    #div_banner { position:relative; min-height:420px; height:auto; }
}
@media screen and (min-width: 1300px) 
{
    #div_banner { position:relative; min-height:460px; height:auto; }
}
@media screen and (min-width: 1400px) 
{
    #div_banner { position:relative; min-height:490px; height:auto; }
}
@media screen and (min-width: 1500px) 
{
    #div_banner { position:relative; min-height:520px; height:auto; }
}
@media screen and (min-width: 1600px) 
{
    #div_banner { position:relative; min-height:560px; height:auto; }
}
@media screen and (min-width: 1700px) 
{
    #div_banner { position:relative; min-height:590px; height:auto; }
}
@media screen and (min-width: 1800px) 
{
    #div_banner { position:relative; min-height:630px; height:auto; }
}
@media screen and (min-width: 1900px) 
{
    #div_banner { position:relative; min-height:660px; height:auto; }
}
@media screen and (min-width: 2000px) 
{
    #div_banner { position:relative; min-height:700px; height:auto; }
}
@media screen and (min-width: 2100px) 
{
    #div_banner { position:relative; min-height:730px; height:auto; }
}
@media screen and (min-width: 2200px) 
{
    #div_banner { position:relative; min-height:770px; height:auto; }
}
@media screen and (min-width: 2300px) 
{
    #div_banner { position:relative; min-height:800px; height:auto; }
}
@media screen and (min-width: 2400px) 
{
    #div_banner { position:relative; min-height:830px; height:auto; }
}
@media screen and (min-width: 2500px) 
{
    #div_banner { position:relative; min-height:870px; height:auto; }
}
@media screen and (min-width: 2600px) 
{
    #div_banner { position:relative; min-height:900px; height:auto; }
}
@media screen and (min-width: 2700px) 
{
    #div_banner { position:relative; min-height:970px; height:auto; }
}


.cards {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
            grid-gap: 0px;
            padding: 0px;
        }
.Lcards {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
            grid-gap: 30px;
            padding: 10px;
        }
.Scards {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            grid-gap: 0px;
            padding: 0px;
        }

 article {
            position: relative;
            direction: rtl;
            text-align: right;
            border-radius: 5px;
        }
  S_article {
            position: relative;
            direction: rtl;
            text-align: right;
            box-shadow: 0 0 4px;
            border-radius: 5px;
        }
  .css_prev_btn
           {
               width:6%;
               z-index:100000;
               
           }