﻿@font-face {
  font-family: 'BYekan';
  src: url('../fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
  font-family: 'Yekan';
  src: url('../fonts/Yekan.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/Yekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/Yekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
  font-family: 'W_amin';
  src: url('../fonts/W_amin.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/W_amin.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/W_amin.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
html {
	direction:rtl !important;
	
}
p{
	padding:0px !important;
	margin:0px !important;
}
body {
	direction:rtl;
	font-family: tahoma !important;
	margin:0 auto;
	width:100%;
	background-image:url(../images/body.png);
	background-repeat:repeat;

}
/*general-style

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

h1, h2, h3, h4, h5, h6, .site-title {
    font-family:Byekan  !important;
}
body {
    direction: rtl !important;
    font-family: "Yekan";
    font-size: 15px;
    margin: 0 auto;
    width: 100%;
    margin: 0;
    text-align: right !important;
}

#content {
      border: 1px solid #dddddd;
    border-radius: 4px;
    float: left;
    padding: 10px;
    width: 920px;
}
@media only screen and (min-width:320px) and (max-width: 1024px){#content{width:95%;}}
.wrapper {
        
    
}

*{
  box-sizing:border-box;
}
#box1, #box2, #box3, #box4, #box5, #box6,#box7, #box8, #box9
{
  width: 100%;
  float: right;
}
.inner{
  width: 920px;
  margin: 0 auto;
}
@media only screen and (min-width:320px) and (max-width: 1024px){.inner{width:95%;}}
p {
    margin: 0;
}
/*box1
*************************************************************/
#box1 {
     background: #aab2b5 none repeat scroll 0 0;
    height: 30px;
    padding-top: 2px;
}
@media only screen and (min-width:320px) and (max-width: 800px){#box1 { height: auto;}}
#pos1 {
      color: white;
    float: left;
    font-family: tahoma;
    font-size: 13px;
}
@media only screen and (min-width:320px) and (max-width: 800px){#pos1 table {float:left;}}
@media only screen and (min-width:320px) and (max-width: 800px){#pos1 {width:100%;}}
#pos2 {
   color: white;
    float: right;
    font-family: tahoma;
    font-size: 13px;
}
@media only screen and (min-width:320px) and (max-width: 800px){#pos2 {width:100%;}}
#showTime {
    display: none;
}
/*box2
*************************************************************/
#box2 {
    height: 113px;
    
}
@media only screen and (min-width:320px) and (max-width: 800px){#box2{height: auto !important;}}
#pos3 {
    float: right;
    width: 50%;
    padding-top: 15px;
}
@media only screen and (min-width:320px) and (max-width: 800px){#pos3{width:100%;}}
#search .inputbox {
      border: 2px solid #d7d8db;
    padding: 4px;
    width: 220px !important;
}

#search .button {
     background: rgba(0, 0, 0, 0) url("../images/search.jpg") no-repeat scroll 0 0 / 100% 100%;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 28px;
    margin-right: 6px;
    width: 28px;
}
#search {
    float: right;
  
}
#pos4 {
    float: right;
    padding-top: 20px;
    width: 50%;
  
}
@media only screen and (min-width:320px) and (max-width: 800px){#pos4{width:100%;}}
#logo {
    float: left;
}
@media only screen and (min-width:320px) and (max-width: 800px){#logo{width:100%;}}
/*box3
*************************************************************/
#box3{
  background: #EFF3F4;
}
ul.maximenuck2 div.maximenuck_mod li {
    background: url("../images/goo.jpg") no-repeat !important;
    background-position: right !important;
    padding-right: 15px !important;
}
/*main
************************************************************

#main {
    width: 100%;
    float: right;
}

#right1 {
    float: right;
    width: 180px;
}

#left1 {
      float: right;
    width: 82%;
}

#main .inner {
    margin: 0 auto;
    width: 1000px;
}*/
/*box5
*************************************************************/

#box5 .inner {
     margin-top: 29px;
    position: relative;
    width: 1000px;
    z-index: 99;
}
@media only screen and (min-width:320px) and (max-width: 800px){#box5 .inner{width:95%;margin-top: 0px;}}
#pos5 {
    border: 2px solid #babbba;
    float: left;
    height: auto;
    width: 180px;
    margin-left: 3px;
}
@media only screen and (min-width:320px) and (max-width: 800px){#pos5{width:100%;}}
#pos5 h3 {
       background: #eff3f4 none repeat scroll 0 0;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 5px;
    text-align: center;
      margin-bottom: 15px;
}
#pos6{
    float: left;
    width: 100%;
}
@media only screen and (min-width:320px) and (max-width: 800px){#pos6{width:100%;}}
.ns2-title > a {
    color: #0e71aa;
    text-decoration: none;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
}

.ns2-introtext {
     color: #333;
    font-family: tahoma;
    font-size: 12px;
    height: 50px;
}
/*box6
*************************************************************/

#box6 {
    margin-top: 20px;
}
#box6 .inner {
    width: 1000px;
}
@media only screen and (min-width:320px) and (max-width: 800px){#box6 .inner{ width:95%;}}
#pos7, #pos77 {
     float: right;
    width: 230px;
    margin-left: 10px;
}
@media only screen and (min-width:320px) and (max-width: 800px){#pos7, #pos77{ width:100%; margin-left:0px;}}
#pos8 {
    float: right;
    width:73%;
}
@media only screen and (min-width:320px) and (max-width: 800px){#pos8{ width:100%;}}
#pos8 h4.ns2-title {
    font-weight: bold;
    height: auto;
    margin: 0 0 6px;
}

#pos8 .ns2-title > a {
    color: #026aad;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    font-family: tahoma;
}

#pos8 a.ns2-readmore span {
    color: #b31319;
    padding: 0 0 0 13px;
}
#pos8 a.ns2-readmore span, span.ns2-hits, a.ns2-comments {
    font-size: 12px;
    margin: 0 5px 0 0;
}

#pos8 .ns2-introtext {
    color: #333;
    font-family: tahoma;
    font-size: 12px;
}
/*box7
*************************************************************/

#box7 {
    margin-top: 15px;
    margin-bottom: 15px;
    height: 250px;
}
@media only screen and (min-width:320px) and (max-width: 800px){#box7{height: auto;}}
#slider h4.ns2-title{
height:auto;}

#slider .ns2-title > a {
    color: #3d2f2f;
    font-size: 11.27px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    font-family: tahoma;
}
/*box8
*************************************************************/

#box8 {
      background: #4c575b none repeat scroll 0 0;
    padding-top: 20px;
  }

#footer1 {
      color: #eeeeee;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    height: auto;
    margin-left: 11px;
    width: 35%;
    border-left: 1px solid #717a7d;
    padding-left: 17px;
    
}
@media only screen and (min-width:320px) and (max-width: 800px){#footer1{width: 100%;;border-left: 0px solid #717a7d;
padding-left: 0px;margin-left: 0px;}}
#footer1 h3, #footer2 h3 {
    background: #2a3235 none repeat scroll 0 0;
    color: #dadada;
    font-family: tahoma !important;
    font-size: 16px !important;
    font-weight: normal;
    margin-top: 0;
    padding: 8px 12px;
}
#footer2 {
      float: right;
    width: 60%;
    color: #303335;
    font-size: 11px;
    line-height: 19px;
    font-family: tahoma;
    font-weight: bold;
}
@media only screen and (min-width:320px) and (max-width: 800px){#footer2{width: 100%; margin-top: 10px;}}
#box8 .inner {
     background: rgba(0, 0, 0, 0) url("../images/world.png") repeat scroll;
    height: 200px;
    background-repeat: no-repeat;
    background-position: left 63px;
}
@media only screen and (min-width:320px) and (max-width: 800px){#box8 .inner{height: auto;}}
/*box9
*************************************************************/
#box9 {
    background: #073c5a;
    height: 70px;
}
@media only screen and (min-width:320px) and (max-width: 800px){#box9{height: auto;}}
#right {
        float: right;
    width: 50%;
    margin-top: 8px;
}
@media only screen and (min-width:320px) and (max-width: 800px){#right {width: 100%;}}
#right ul{
  list-style: none;
    margin: 0;
}
#right ul li{
   float: right;
    margin-left: 10px;
}
#right ul li a{
   color: #a3a3a3;
    font-family: tahoma;
    font-size: 11px;
    text-decoration: none;
    border-left: 1px solid;
    padding-left: 10px;
}

.item-591 a {
    border: none !important;
}
#left {
    float: left;
    width: 100%;
    color: #a3a3a3;
    font-family: tahoma;
    font-size: 12px;
    margin-top: 15px;
    text-align: center;
}
@media only screen and (min-width:320px) and (max-width: 800px){#left {width: 100%;text-align:center;}}
#left a{color: #a3a3a3;}
/*other
*************************************************************/
@media only screen and (min-width:320px) and (max-width: 640px){div.nssp2 .col-5{width:100%}}
@media only screen and (min-width:641px) and (max-width: 800px){div.nssp2 .col-5{width:20%}}
@media only screen and (min-width:320px) and (max-width: 800px){h4.ns2-title{height:auto;}}
@media only screen and (min-width:320px) and (max-width: 800px){div.ns2-art-pages, div.ns2-links-pages{margin:0 auto;}}

@media only screen and (min-width:320px) and (max-width: 800px){#pos2 .moduletable > div {text-align: left;}}
.mobilemaximenuck div.maximenuck > a {
    font-family: tahoma !important;
    padding-left: 0px !important;
padding-right: 20px !important;
    text-align: right !important;
}

@media only screen and (min-width:320px) and (max-width: 800px){

#vtmainvtaccmenu01 ul.vtem_k2_menu, #vtmainvtaccmenu01 ul.vtem_k2_menu ul {
    width: 100%;
}}

@media only screen and (min-width:320px) and (max-width: 800px){
div#maximenuck ul.maximenuck li.maximenuck.level1{background-position:287px 19px;}}


.cat-children ul li {
    background-image: none;
    padding: 5px;
    clear: both;
    list-style:none !important;

}
.cat-children ul li a{
    text-decoration:none !important;

}
media="screen"
.art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-align: right;
    line-height: 150%;
    direction: rtl;
    padding-right: 3px;
}
index.phpmedia="screen"
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li{
    margin: 0;
    padding: 0;
    
}
h2 a {
text-decoration: none !important;

}
 a:link {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    color: #2D5381;
}
.blog  a:hover{
    color: #02B0C0;
}
.maximenuck_mod span:hover,.maximenuck_mod span a:hover{
color: #d25858 !important;
}
 .cat-children ul li {
    background-image: none;
    padding: 10px;
    clear: both;
}
.subheading-category {
    font-size: 20px;
    font-weight: normal;
}

.category-desc {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
}
.art-post {
    border: 1px solid #c8cfd2;
    border-radius: 15px;
    margin: 10px 5px;
    min-height: 39px;
    min-width: 39px;
    position: relative;
}

.readmore {
    background: #02b2c1 none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 1px 1px 4px #888888;
    float: left;
    padding: 3px !important;
    transition: all 500ms ease-in-out 0s;
 margin-top: 14px !important;
}

.readmore a:hover {
   color:#000;
}

.readmore a {
    color: #fff;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
}

.leading-0 {
   border: 1px solid #ddd;
    border-radius: 4px;
    float: right;
    margin-left: 1%;
    margin-top: 28px;
    padding: 18px;
    width: 49%;
height:305px;
}
@media only screen and (min-width:320px) and (max-width: 800px){.leading-0{ width:100%;height:auto;}}
.item.column-1 {
         border: 1px solid #ddd;
    border-radius: 4px;
    float: left;
    margin-left: 1%;
    margin-top: 29px;
    padding: 19px;
    width: 49%;
height:auto;
}
.item.column-2 {
         border: 1px solid #ddd;
    border-radius: 4px;
    float: right;
    margin-right: 1%;
    margin-top: 29px;
    padding: 19px;
    width: 48.5%;
height:auto;
}
@media only screen and (min-width:320px) and (max-width: 800px){.item{ width:100%;height:auto;}}
.blog h2 {
    background: #f0f4f5 none repeat scroll 0 0;
    margin: 3px;
    padding: 10px;
}

.blog a {
    font-size: 12px;
    font-weight: normal;
}
/*#amar iframe {
    position: absolute;
    top: 406px;
    float: right;
    right: 226px;
	z-index:-1;
}
 iframe body div:nth-child(5)  {
   display:none !important;
}
*/
#amar iframe {
    border-bottom: 1px solid #ecf6fe;
    float: right;
    height: 104px !important;
margin-right: 50px;
}
#box400 {
    float: right;
    width: 100%;
}

#box401 {
    margin: 20px auto;
    width: 920px;
    
}

.items-row.cols-2.row-1 {
    float: right;
    width: 100%;
}

.blog {
    float: right;
}

.man {
    float: right;
    width: 100%;
}
.category-desc > table {
    width: 100% !important;
}

.reponsive-table{
    width:75% ;
}

.reponsive-table td{
    width:33.3% !important;
}

@media only screen and (max-width: 768px) {
  .reponsive-table td img {
    width:50% !important;
  }
  .reponsive-table {
    width: 100%;
}

#box401 {
    margin: 20px auto;
    width: 100%;
}

#content1{
    width: 90% !important;
    margin: 0 auto;
}

.blog{
    width:100% !important;
}

.blog ul{
    padding-right:0px !important;
}


}

@media only screen and (max-width: 768px){
.category-desc img {
    padding-right: 0px !important;
    width:100px;
}
}


