@font-face {font-family:'BKoodakBold';src:local('BKoodakBold'),url('fonts/BKoodakBold.ttf') format('truetype');}
/*@font-face {font-family: "Vazir";src: url("../../global/font/vazir/Vazir.eot");src: url("../../global/font/vazir/Vazir.eot#iefix") format("embedded-opentype"), url("../../global/font/vazir/Vazir.woff2") format("woff2"), url("../../global/font/vazir/Vazir.woff") format("woff"), url("../../global/font/vazir/Vazir.ttf") format("truetype");font-weight: normal;font-style: normal;}*/
h1,h2,h3,h4,figure{margin: 0;padding:0;}

body{padding:0;margin:0 auto;font-family:BKoodakBold;min-width:250px;}
body iframe{display:none;}
.aparat{width:90%;margin:0 auto;}
.aparat iframe{display:block!important;}
.image-classic {border: 1px solid #dedede;background-color: white;padding: 3px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
.warning,.Error{border:1px solid #F6C57D;background-color:#FFEBCD;text-align:right;padding:10px 5px;border-radius:5px;}
.warning span{top:3px;position: relative;color:Red;margin-right: 5px;}
.warning img{border:0px;float: right;}

/****************************** Top Menu **********************************/
.top-nav {background-color: #4f77d3;border-bottom:2px solid #f7fcff;overflow: hidden;}
    .top-nav ul {margin:0;padding: 0;list-style: none;}
        .top-nav li {float:right;padding:0 3px 0 3px;height:20px;}
        .top-nav li a{color:white;display:block;width:20px;height:20px;background:url('../images/design/top-nav.png') no-repeat;}
    .top-nav .container  div {float:left;font-size:11px;color:#fff;direction:ltr;}
    .top-nav span:first-child {font-family:Arial;}
    .top-nav span {padding:0 3px;}

#user-acount {background-position:0 0;}
#about-us{background-position:0 -18px;}
#contact-us{background-position:0 -36px;}
#search{background-position:0 -55px;}
#rss{background-position:0 -73px;}
#newsletter{background-position:0 -92px;}
.container{margin:0 auto;}
@media screen and (min-width:1200px) {
    .container {width:1200px;}    
}
 @media (max-width:340px){
    .top-nav span {display:block;}
}
/****************************** Header ************************************/
.header {background-color:#322f82;border-bottom: 1px solid #cecece;overflow:hidden;}
.logo {float:left;margin:17px 0 0 10px;/*border:1px solid red;*/}
.site-name {overflow:hidden;float:right}
.site-name h1{padding:0;margin:0;}
.site-name span{display:block;padding:3px 10px;}
.site-name .title{font-size:38px;font-weight:bold;line-height:45px;}
/*.site-name span:first-child,.site-name span:last-child{font-size:13px;font-family:Vazir;font-weight:normal;}*/
.site-name span:first-child,.site-name span:last-child{font-size:16px;font-weight:normal;}
.site-name a{color:#fff;text-decoration:none;}
    /*.site-name h1,.site-name h2 {margin:1px 5px 0 0;padding:0;border:0px solid red;}
    .site-name h2:last-child{margin-bottom:5px;}
    .site-name h2 {font-size:13px;font-family:Vazir;}
    .site-name h1,.h1class {font-size:50px!important;padding-right:30px!important;line-height: 63px;font-family:BKoodakBold!important;}*/
 @media (max-width:1000px){
    .site-name .title{font-size:33px;}
    .site-name span:first-child,.site-name span:last-child{font-size:15px;/*font-size:11px;*/}
    .logo img{width:90px;}
}
 @media (max-width:850px){
    .site-name .title{font-size:30px;}
    .site-name span:first-child,.site-name span:last-child{font-size:14px;/*font-size:10px;*/}
    .logo img{width:80px;}
}
@media (max-width:300px){
    .site-name .title{font-size:25px;line-height: 30px;}
    .site-name span:first-child,.site-name span:last-child{font-size:12px;/*font-size:10px;*/}    
    .logo img{width:70px;}
}
/****************************** Main Menu *********************************/
.main_nav {background-color:#4f77d3;border-bottom:1px solid white;min-height:30px;}
.nav-right {float:right;direction:rtl;}
.nav-left {float:left;}
    #menu ul {margin:0;padding:0;list-style:none;}
        #menu ul li {float:right;border-left: 1px solid #adadad;}
        #menu ul li:first-child{border-right: 1px solid #adadad;}                           
            #menu ul li a {display:block;color:white;text-decoration:none;height:30px;}
                .selmenu{background-color:#322f82;}

#menu_but {display:none;width:20px;height:17px;background:url('../images/design/top-nav.png') no-repeat -24px -128px;margin: 5px 3px 0 0;}
#social_but {display:none;width:20px;height:17px;background:url('../images/design/top-nav.png') no-repeat 0 -131px;margin: 5px 0 0 5px;/*position:absolute;*/}
.open_but {background-position:0 -111px !important;}


.social {display:block;position:relative;z-index:2;}
.social ul{margin: 0;padding: 0;list-style: none;}
.social ul li {padding:5px 3px;float:left;height:21px;}
.social li a{color:white;display:block;width:20px;height:20px;background:url('../images/design/top-nav.png') no-repeat;}
#aparat {background-position:-23px -1px;}
#googleplus {background-position:-23px -23px;}
#twitter {background-position:-23px -46px;}
#instagram {background-position:-23px -67px;}
#telegram {background-position:-23px -89px;}
#facebook {background-position:-23px -109px;}
.show {display:block!important;}

@media (min-width:1200px) { 
    #menu ul li a{padding: 0 20px;font-size:16px;}
}
@media (max-width:1200px) { 
    #menu ul li a{padding: 0 20px;font-size:16px;}    
}
@media (max-width:940px) {
    #menu ul li a{padding: 0 10px;font-size:15px;}
    .social ul li {padding: 5px 2px;}
}
@media (max-width:740px) {
    #menu ul li a{padding: 0 5px;font-size:15px;}
    .social ul li {padding: 5px 2px;}
}

@media (max-width:660px) {    
    #menu ul li a{padding: 0 5px;font-size:15px;}
    #social_but {display:block;}
    .social {display:none;top:8px;left: 1px;}
    .social ul li {float:none;background-color:#4f77d3}
    .social ul{position:absolute;border:1px solid #fff;border-top: 0;}
}
@media (max-width:540px) {
    #menu ul li a{padding: 0 3px;}    
    #menu ul li:first-child{display:none;}
}
@media (max-width:440px) {
    .hide {display:none!important;}

     #menu {display:none;padding-top:8px;position:relative;}
    #menu_but {display:block;}
    .sub_nav {display:none;}
    #menu ul {z-index: 1;}
    #menu ul li {float: none;text-align: center;background-color: #4f77d3;}
    #menu ul {border: 1px solid #fff;border-top:0;position:absolute;    width: 100px; }
}
/********** Sub Nav *******************/
.sub_nav {width:100%;background-color:#4f77d3;border-bottom:1px solid white;overflow:hidden;min-height:30px;}
#menu ul ul {display:none;position: absolute;right: 0; padding-top: 5px;}
    #menu ul ul li {border:0px;}
#submenu ul{margin:0;padding:0;list-style:none;}
    #submenu ul li {float: right;}
    #submenu ul li a {display:block;color:white;text-decoration:none;height:30px;}
        #submenu ul li a:hover {color:#0000a2;}
@media (min-width:1200px) { 
    #submenu ul li a{padding: 0 17px;font-size:16px;}
}
@media (max-width:1200px) { 
    #submenu ul li a{padding: 0 11px;font-size:16px;}    
}
@media (max-width:1040px) {
    #submenu ul li a{padding: 0 6.8px;font-size:14px;}    
}
@media (max-width:840px) {
    #submenu ul li a{padding: 0 3.8px;font-size:12px;}    
}
@media (max-width:670px) {
    #submenu ul li a{padding: 0 3.5px;font-size:11px;}    
}
@media (max-width:615px) {
    #submenu ul li a{padding: 0 2px;font-size:13px;}   
    .sub_nav,#submenu{display:none;}
}
@media (max-width:570px) {
    .sub_nav,#submenu{display:none;}
}
/**************** Quick Access *********************/
.quick_access {background-color: #4f77d3;border-bottom: 1px solid white;overflow: hidden;width:15.7%;float: right;/*height: 361px;*/border: 1px solid #9498a0;
    border-radius: 5px;height:100%;/*box-shadow: 0px 1px 5px 1px #847F7F;*/}
    .quick_access ul {margin:0;padding:0;list-style:none;display:table;/*border:1px solid #cacaca ;*/border-top:0;width:100%;position: relative;top:5px;}
    .quick_access li {float:right;/*border:1px solid #cacaca ;*/border-right: 1px solid #cacaca;border-top: 1px solid #cacaca;padding: 0;margin: 0;width: 32.8%;}
    .quick_access li:nth-child(3n-2) {border-right:0;}
    .quick_access li a{border:0px solid red;padding: 1px 5px;display:block;height:73px;}
    .quick_access li a:hover {background-color:#322f82;}
    /*.quick_access li:first-child,.quick_access li:last-child{height:45px;width:0px;margin:0;padding:0;}
    .quick_access li:first-child {border:0;}
    .quick_access li:last-child {border:0;}*/
.quick_access .section-header{font-size: 12px;color: #fff;padding: 0;margin: 0;font-family: vazir;padding-right:5px;}
#qa_dog {background: url('../images/design/dog.png') no-repeat center;}
#qa_fish {background: url('../images/design/fish.png') no-repeat center;}
#qa_bee {background: url('../images/design/bee.png') no-repeat center;}
#qa_birds {background: url('../images/design/birds.png') no-repeat center;}
#qa_camel {background: url('../images/design/camel.png') no-repeat center;}
#qa_cat {background: url('../images/design/cat.png') no-repeat center;}
#qa_chicken {background: url('../images/design/chiken.png') no-repeat center;}
#qa_cow {background: url('../images/design/cow.png') no-repeat center;}
#qa_horse {background: url('../images/design/hourse.png') no-repeat center;}
#qa_ostrich {background: url('../images/design/ostrich.png') no-repeat center;}
#qa_sheep {background: url('../images/design/sheep.png') no-repeat center;}
#qa_makian {background: url('../images/design/makian.png') no-repeat center;}
#qa_reptiles {background: url('../images/design/reptiles.png') no-repeat center;}
@media (max-width:1100px) {
    .quick_access{width:16%;}
    /*.quick_access a{background-size:38px!important;}*/
}
@media (max-width:1024px) {
    /*.quick_access a{background-size:44px!important;}*/
}
@media (max-width:960px) {
    .quick_access a{background-size:35px!important;}
    .quick_access li{width: 32.6%;}
}

@media (max-width:660px) {
    .quick_access{float:none;width:100%!important;height:55px!important;}
    .quick_access li{width:8.2%;border:0px;}
    .quick_access li a{height:23px;}
    .quick_access ul{top:2px;}
    .quick_access a {background-size: 35px!important;}
    .slide-holder{width:100%!important;margin: 2px 0;}
}
@media (max-width:540px) {
    .quick_access a {background-size: 30px!important;}
}
@media (max-width:400px) {
    .quick_access{display:none;}
}

    /*.quick_access{
    background: #cacaca;
    background: -webkit-linear-gradient(#cacaca, #4f77d3);
    background: -o-linear-gradient(#cacaca, #4f77d3);
    background: -moz-linear-gradient(#cacaca, #4f77d3);
    background: linear-gradient(#cacaca, #4f77d3);*/

/**************** SlideShow *********************/
.content {padding:2px;overflow:hidden;}
.over {overflow:hidden;}
.content-top{height:363px;}

.slideshow{padding:0 0 5px 2px;float:right;width:100%;}
.slideshow figure{width:100%;height:100%;}
.slideshow div img{width:100%;height:100%;}
    .slideshow .info h3 {font-size: 16px;padding-right:5px;}
    .slideshow .info p {font-size: 12px;}
    .slideshow .ui-tabs-nav-item span{font-size:15px;line-height: 20px;}
/*@media (max-width:1000px) { 
   #featured .info h2{font-size: 15px;}
   .slideshow .info p {font-size: 14px;}
   .slideshow .ui-tabs-nav-item span{font-size:14px;line-height:18px;}
   .slideshow {width:77%;} 
}
@media (max-width:800px) { 
   #featured .info h2{font-size: 15px;}
   .slideshow .info p {font-size: 15px;}
   .slideshow .ui-tabs-nav-item span{font-size:14px;line-height: 16px;}
}
@media (max-width:700px) {
    .slideshow {width:100%;float:none;}
}
@media (max-width:480px) {*/
    /*.slideshow .ui-tabs-nav-item span{display:none!important;}
    #featured ul.ui-tabs-nav{width:15%;}
    #featured .ui-tabs-panel {width:85%;}
    #featured ul.ui-tabs-nav li img {width:85%;height:65%;margin: -3px 1px;}
/*}
@media (max-width:430px) {*/
    /*.slideshow .ui-tabs-nav{display:none!important;}*/
.slide-holder{float:right;width:53%;margin-right:4px;}
#featured .ui-tabs-panel {width:100%;}
#featured ul.ui-tabs-nav {width: 100%;position: relative;background-color: #93a8d8;}
#featured ul.ui-tabs-nav li {float:right;/*width:25%;*/;width:15%;height:100%; padding:0;}
#featured ul.ui-tabs-nav li a{height:50px;}
#featured {height:361px;/*width: 77%;*/width:100%;background-color: #80899f;}
#featured ul.ui-tabs-nav li img {width:60px;height: 41px;float: none;}
#featured ul.ui-tabs-nav li a {text-align:center;}
/*}*/


/**************** Top Ads*********************/
.ads-top {width:30%;float:left;}
    .ads-top div,.ads-top div img {width:100%;height:89px;}
    .ads-top div {padding:1px 0;}    
        .show-ads {display:block!important;}
    
/*@media (max-width:1000px) { 
   .ads-top {width:22%;}
   .ads-top div{padding-bottom:1px}    
}*/

@media (max-width:1100px) {    
    .slide-holder{width: 58.8%;}
    .ads-top{width:24%;}
    }
@media (max-width:800px) {    
    .content-top{height:100%}
    .ads-top {width:100%;float:none;overflow:hidden;text-align:center;padding:4px 0;height:72px;}
    .quick_access{width: 20%;}
    .quick_access,.slide-holder{height:363px;}
    .slide-holder{width: 78.5%;}

    .slideshow {width: 100%;}
    .ads-top div {width:31.9%;padding:0 2px;display:inline-block;}
    .ads-top div,.ads-top div img {height:70px;}
     .show-ads {display:inline-block!important;}    
    }

@media (max-width:700px) {        
    
}
@media (max-width:480px) {    
   .ads-top{height:auto;}
    .ads-top div {width: 100%;height: 100%}
}
/*@media (max-width:330px) {    
    .ads-top {height:100px;position:relative}
    .ads-top div {width:100%;position:absolute;display:none;right:0;}    
}*/
/**************** Columns *********************/
.columns {padding-top:3px;}
    .columns a {color: #596edc;}
.clmn-news {float:right;width: 69%;}
.clmn-sid {float:left;width: 30%;}

.clmn-top {float:right;width:62%;}
.clmn-ads {float:left;width:130px;padding:0 1px;}
    .clmn-ads img {width:130px;}

.clmn-special {width:64%;float:left;}
.clmn-types {width:35%;float:right;}

.clmn-special ul{padding:0;margin:0;list-style:none;}
.clmn-special li {overflow:hidden;padding:7px 5px;}
.clmn-special .box-head{padding: 0;height: 0;/*background: #fff;border-bottom:1px solid #cbd1d6;padding-bottom: 4.5px;color: #a1aab4;line-height: 1.2;text-align: right;*/}
    .clmn-special h2 {font-size:16px;}
        .clmn-special h3 a {text-decoration:none;font-size: 17px;font-weight: bold;padding-right: 10px;}
    .clmn-special img {float:right;width:80px;margin: 5px 5px 1px 5px;}
    .clmn-special p,.clmn-special h4 a {font-size: 12px;color: #444444;font-family:Tahoma;line-height:20px;}
    .clmn-special h4 a{font-size:10px;display:block;text-decoration:none;font-weight: normal;}
    .clmn-special p {margin: 0;padding:0;text-align: justify;direction: rtl;}

.box {padding-bottom: 14px;background-color: #f8f8f8;overflow:hidden;}
.box-head {
    color: #ffffff;
    padding-right: 10px;
    /*background-color:#a2a2a2;*/
    background-color: #383838;
}
.box img {width:65px;height:50px;float:right;margin-left:5px;}
.box-row{list-style:none;margin:0;padding:0;}
.box-row li{overflow:hidden;padding: 5px 2px;border-bottom: 1px solid #efefef;border-top: 1px solid #ffffff;}
    .box-row li:last-child {border-bottom:0;}
.sp-row a::before {display:none;}

/*.box h2, .box h3{margin: 0;padding: 0;}*/
.box a {font-size:15px;text-decoration:none;display:block;}
.box a:hover {color: #ff3131;}
    .box a:hover:before{background:#ff3131;}

.clmn-top h2,.clmn-types h2,.det-top h3{font-size:16px;padding: 4px 5px 2px 0px;}
.clmn-top a {padding-right: 13px; position: relative;font-weight: bold;}
.clmn-top a::before {content:"";width:6px;height:6px;position: absolute;background: #a2a2a2;border-radius: 10px;top:10px;margin:0 2px;right: 0;}
/*.item-h3 a{font-weight:bold;}*/
    /*.clmn-top a:hover {color: #ff3131;}
    .clmn-top a:hover:before{background:#ff3131;}*/

@media (max-width:1170px) {
    .clmn-ads {padding:0 1px;width:120px;}
    .clmn-ads img {width:120px;}
    /*.clmn-top a{font-size: 12px;}*/
    .clmn-types h2 a{ font-size:14px;}
}

@media (max-width:1100px) {
    .clmn-types {width: 31%;}
    .clmn-special{width: 68%;}
    .clmn-top {width:64.2%;}    
    .clmn-special h3 a {font-size:15px;}
    .clmn-types h2 a{ font-size:13px;}
    .clmn-ads {width:111.7px;}
    .clmn-ads img {width:120px;}
    .clmn-types img {width:52px;height:52px}
    .clmn-sid{width: 31.6%;}

    .clmn-news{    width: 68%;}
}
@media (max-width:1024px) {
.clmn-top {width: 63.1%;}
}
@media (max-width:980px) {
    .clmn-ads {width:100%;}
    .clmn-top {width:100%;}
    /*.clmn-sid {width: 100%;}
    .clmn-news {width: 76%;}*/
    .clmn-special h3 a {font-size: 14px;}
    .clmn-types img {width:50px;height:50px}
    .clmn-special img {width:70px;height:70px}
    .clmn-top a {font-size: 12px;}
    .clmn-types h2 a {font-size: 12px;}
}
@media (max-width:700px) {
    .clmn-sid {
        float: none;
        width: 100%;
    }

    .clmn-news {
        width: 100%;
    }

    .clmn-special {
        width: 64%;
    }

    .clmn-types {
        width: 35%;
    }

    .clmn-top {
        margin-top: 10px;
    }

        .clmn-top a {
            font-size: 16px;
            line-height: 22px;
        }

    .clmn-types h2 a {
        font-size: 16px;
    }

    .clmn-top .box-head h2 {
        font-size: 20px;
    }

    .clmn-special h3 a {
        font-size: 18px;
    }

    .clmn-top .box {
        float: right;
        width: 32%;
        padding: 0 1px
    }

    .clmn-special p, .clmn-special span {
        font-size: 14px;
        line-height: 23px;
    }
}

@media (max-width:550px) {
    .clmn-special {width: 100%;float:none;}
    .clmn-types {width: 100%;float:none;}
    .clmn-top .box {width:100%;float:none;}
}
/**************** footer *********************/
.footer {
    border-top: 3px solid #505050;
    /*background-color:#b7b7b7;*/
    background-color: #383838 !important;
    min-height: 150px;
    overflow: hidden;
}
    .footer ul {margin:0;padding:0;list-style:none;}
    .footer ul li {float:right;text-align:center}
    .footer ul li li{float:none;}
    .footer ul li a{color:white;text-decoration:none;text-shadow: 0 1px 6px #6d6d6d;}
    .footer ul li a:hover{color:#596edc;}

#Div_FooterMenu{float:right;position:relative;left:-50%;padding: 5px 0;}
#Div_FooterMenu>ul>li:first-child {display:none;}    
#Div_FooterMenu>ul{list-style:none;position:relative;left:50%;}
@media (max-width:700px) {
    #Div_FooterMenu > ul {line-height:35px;}
}
    #Div_FooterMenu > ul > li > a {
        border-bottom: 1px solid #efefef;
        box-shadow: 0 1px 0px #8a8a8a;
        display: block;
        font-size: 16px;
    }

    .footer ul li li a {
        font-size: 13px;
    }

    .footer ul > li {
        padding: 0px 25px
    }

    .footer hr {
        margin: 0;
    }

    .footer .container {
        overflow: hidden;
    }

.copyright {
    /*background-color: #505050;*/
    background-color: #171516;
    text-align: center;
    color: white;
    font-size: 12px;
    padding-top: 5px;
}

        .copyright div {
            padding: 2px 0;
        }

        .copyright a {
            color: white;
            text-decoration: none;
        }

        .copyright p {
            display: inline-block;
            margin: 0;
            padding: 0
        }

    @media (max-width:1180px) {
        .footer ul > li {
            padding: 0px 20px
        }

        #Div_FooterMenu > ul > li > a {
            font-size: 15px;
        }
    }

    @media (max-width:1040px) {
        .footer ul > li {
            padding: 0px 15px
        }

        #Div_FooterMenu > ul > li > a {
            font-size: 13px;
        }
    }

    @media (max-width:900px) {
        .footer ul > li {
            padding: 0px 10px
        }
        .footer ul li li a {
            font-size: 16px;
        }
        #Div_FooterMenu > ul > li > a {
            font-size: 16px;
            margin-top: 10px;
        }
        .copyright {
            font-size: 16px;
          
        }
    }

    @media (max-width:760px) {
        .footer ul > li {
            padding: 0px 5px
        }
    }

    /**************** NewsDetails *********************/
    .sheet {
        width: 88%;
        float: left;
        overflow: hidden;
    }

    .det-ads {
        border: 0px dashed red;
        float: right;
        width: 11%;
        padding: 0 2px;
        margin:0;
        list-style:none;
    }

        .det-ads img {
            width: 130px;
        }

    .news {
        width: 75%;
        padding: 2px;
        float: right;
    }

    .det-top {
        border: 0px dotted green;
        float: left;
        width: 24%;
    }


    @media (max-width:1160px) {
        .det-ads img {
            width: 120px;
        }
    }

    @media (max-width:1050px) {
        .det-ads img {
            width: 110px;
        }
    }

    @media (max-width:980px) {
        .det-ads img {
            width: 100px;
        }
    }

    @media (max-width:910px) {
        .det-ads img {
            width: 100px;
        }

        .news {
            width: 74%;
        }
    }

    @media (max-width:850px) {
        .det-ads {
            display: none;
        }

        .sheet {
            width: 100%
        }

        .det-top {
            width: 25%;
        }
    }

    @media (max-width:800px) {
        .det-top {
            width: 25%;
        }

        .news {
            width: 73%;
        }
    }

    @media (max-width:700px) {
        .det-top {
            width: 100%;
        }

        .news {
            padding: 0 2px;
            float: none;
            width: auto;
        }
    }

    /**************** NewsDetails / news-info *********************/
    .news-info {
        overflow: hidden;
        font-size: 12px;
        color: #6d6d6d;
    }

        .news-info div {
            float: right;
            width: 33%;
        }

        .news-info .view {
            text-align: center;
        }

        .news-info .date {
            float: left;
        }

            .news-info .date span {
                text-align: left;
                display: block;
                line-height: 15px;
            }
    /**************** NewsDetails / news-s-c *********************/
    .news-s-c {overflow: hidden;margin-top: 5px;}
    .article-breadcrumb {float: right;font-size: 14px;color: #6d6d6d;}
    .article-breadcrumb a {text-decoration: none;}
    /*.news-s-c .news-nav img {border: 0;}*/
    .news-s-c .news-controls {float: left;}

            .news-s-c .news-controls a {
                background: url('../images/template/sprite-newsdetails-new.png') no-repeat;
                width: 18px;
                height: 18px;
                display: block;
                float: left;
                margin: 0 2px;
            }

    #maximize {
        background-position: 0 0
    }

    #minimize {
        background-position: 0 -19px
    }

    #emailfriend {
        background-position: 0 -38px
    }

    #print {
        background-position: 0 -58px
    }
    /**************** NewsDetails / article *********************/
    .figcaption{color:#939393;text-align:right;padding:5px;font-size:15px;}
    .article-header{padding-top: 20px;}
    .article-header .title {text-align: center;}
    .article-header h2 a{text-align: center;font-size: 14px;color: #828282;font-size: 14px;text-decoration:none;font-weight: normal;/*font-family: Vazir;*/}
    /*.article-header .title h1 {margin: 0;padding: 0;}*/
    .article-header h1 a {display: block;text-decoration: none;color: #003bc3;padding-bottom: 20px;font-size: 24px;}
    .lead{background-color: #ececec;padding: 15px 8px;text-align: justify;direction: rtl;font-size: 15px;border-right: 7px solid #5e89ec;
            color: #6d6d6d;font-weight:bold;/*font-family: Vazir;font-weight: normal;*/}
    
	    .article-body .main-image {margin:10px 0;text-align: center;}
    .article-body figure {width: 600px;margin: 0 auto;background-color: #f7f7f7;}
    .article-body figcaption {font-size: 14px;text-align: center;top: -7px;position: relative;color: #7e7e7e;}
    .article-body .main-image figcaption{position: static;}
    .article-body .main-image img {/*display: block;text-align: center;width:100%!important;margin:0;*/
                                   margin: 0 auto;display: block;width: 600px;height: auto;max-height: 450px;}

    .article-body .news-content{text-align: justify;direction: rtl;padding: 5px 10px 30px 10px;color: #6d6d6d;font-size: 15px;line-height: 35px;}
    .article-body .news-content p {/*margin: 0;*/padding: 0;}
        .article-body .news-content h2, .article-body .news-content h3, .article-body .news-content h4 {font-size: 16px;color: #303030;text-shadow: 1px 0px 0px #767676;}
    .article-body .news-content img {max-width: 100%;}

    .article-body .news-content a, .article-body .news-content a strong, .article-body .news-content a b {color: #596edc !important;}
    .article-body .news-content b, .article-body .news-content strong {color: #333;font-weight: bold;}

    .article-body .news-content a {text-decoration: none;position: relative;}
    /*.article-body .news-content a:after {content: '';width: 100%;position: absolute;left: 0;bottom: 3px;border-width: 0 0 2px;border-style: solid;}*/
        
    .table-border{border-collapse: collapse;}
    .table-border, .table-border td, .table-border th {border: 1px solid gray}    

    .related-news{background-color:#f7f7f7;padding: 15px 8px;text-align: justify;direction: rtl;font-size: 15px;border-right:7px solid #a3bbf3;
            color: #6d6d6d;font-weight:bold;margin: 10px 0;}    
    .related-body ul{margin:0;}
    .related-body li {margin:4px 0px}
    .related-body li a{color:#596edc!important;font-weight:bold;}
    .related-body li a:after{display:none;}


    @media (max-width:1100px) {
        .article-header h1 a {font-size: 22px;}
        .article-body .main-image img {width:100%!important;height: auto !important;}
        .article-body figure{width:500px!important;}
    }
    @media (max-width:1000px) {
       
        .article-header h1 a {font-size: 20px;}
        .article-header h2 a {font-size: 12px;}
        .lead,.related-news {font-size: 14px;}
        .article-header .figcaption {font-size:14px;}
        .article-body .news-content {font-size:14px;}
        .article-body .news-content h2{font-size: 15px;}
    }

    @media (max-width:850px) {
        .article-header h1 a {font-size: 18px;}
        /*.article-body .main-image img {width: 450px !important;height: auto !important;}*/
        .article-body figure{width:450px!important;}
        .article-header h2 a {font-size: 16px;}
        .lead,.related-news {font-size: 15px;}
        .article-body .news-content {font-size: 15px;}
        .article-body .news-content h2{font-size: 16px;}
    }

    @media (max-width:470px) {
        /*.article-body  .main-image img {width: 380px !important;height: auto !important;}*/
        .article-body figure{width:380px!important;}
        .article-body .news-content img {max-width: 400px;height: auto;height: auto !important;}
    }

    @media (max-width:400px) {
        /*.article-body .main-image img {width: 320px !important;height: auto !important;}*/
        .article-body figure{width:320px!important;}
        .article-body .news-content img {max-width: 320px !important;height: auto !important;
        }
    }

    @media (max-width:340px) {
        /*.article-body  .main-image img {width: 280px !important;height: auto !important;}*/
        .article-body figure{width:280px!important;}
        .article-body .news-content img {max-width: 280px !important;height: auto !important;}
    }

    @media (max-width:300px) {
        /*.article-body .main-image img {width: 220px !important;height: auto !important;}*/
        .article-body figure{width:220px!important;}
        .article-body .news-content img {max-width: 220px !important;height: auto !important;}
    }
    /**************** NewsDetails / Attachments *********************/
    .attach {
        background-color: #eaeaea;
        width: 600px;
        margin: 10px auto;
        text-align: center;
        color: #505050;
    }

        .attach img {width: 100%;}
        .attach div {text-align: right;padding: 0 10px;}
        .attach span{display:block;text-align: right;padding: 0 10px;}


        .attach .img-pre {
            font-size: 11px;
        }

        .attach .img-title {
            font-size: 15px;
        }

        .attach .img-desc {
            font-size: 13px;
            padding-bottom: 10px;
        }

        .attach .video {
            padding: 0 0 10px 0 !important;
        }

            .attach .video div {
                width: 100% !important;
                height: 410px !important;
                padding: 0 !important;
            }

        .attach .audio {
            padding-top: 10px;
            text-align: center;
        }

    @media (max-width:1000px) {
        .attach {
            width: 550px;
        }
    }

    @media (max-width:900px) {
        .attach {
            width: 500px;
        }
    }

    @media (max-width:650px) {
        .attach {
            width: 450px;
        }
    }

    @media (max-width:500px) {
        .attach {
            width: 400px;
        }
    }

    @media (max-width:450px) {
        .attach {
            width: 350px;
        }
    }

    @media (max-width:400px) {
        .attach {
            width: 300px;
        }
    }

    @media (max-width:330px) {
        .attach {
            width: 280px;
        }
    }

    @media (max-width:300px) {
        .attach {
            width: 250px;
        }
    }

    @media (max-width:270px) {
        .attach {
            width: 220px;
        }
    }

    /**************** NewsDetails / Shared *********************/
    .shared {
        text-align: left;
        padding-left: 5px;
        overflow: hidden;
    }

        .shared a {
            background: url('../images/template/sprite-newsdetails-new.png') no-repeat;
            width: 32px;
            height: 32px;
            display: block;
            float: left;
            margin: 0 2px;
        }

    .googleplus-share {
        background-position: 0 -78px !important;
    }

    .telegram-share {
        background-position: 0 -110px !important
    }

    .twitter-share {
        background-position: 0 -141px !important
    }
    /**************** NewsDetails / tags *********************/
    .tags {background-color: #ececec;overflow: hidden;text-align: right;margin: 10px 0;padding: 20px 0px;border-right: 7px solid #5e89ec;}
    /*.tags h2 {margin: 0;float: right;}*/
    .tags a {color: #6d6d6d;text-decoration: none;margin: 0 5px;font-size: 14px;display: block;float:right;font-weight:bold;}
    /*.tags span {float: right;}*/
    .lable {color: #333333 !important;padding-right: 10px;font-size: 15px;font-weight:bold;}
    .tags .lable{float: right;}

    @media (max-width:1000px) {
        .lable {font-size:14px;}
       .tags a {font-size: 13px;}
    }

    /*@media (max-width:850px) {
          .tags a {font-size: 12px;}
    }*/

    /**************** NewsDetails / news-relation *********************/
    /****New Style **********/
    .news-relation ul{margin:0;padding:0;list-style:none;}
    .news-relation li{float:right;width: 24%;margin: 0 3px;padding:0;}
    .news-relation {padding-bottom: 20px;}
    /*.news-relation h4 {float: right;width: 24%;margin: 0 3px;}*/
    
    .news-relation img {width: 100%;height: 150px;padding-bottom: 5px;}
    .news-relation a {display: block;text-decoration: none;/*width: 100%;*/font-size: 14px;line-height: 17px;}
    .news-relation div {width: 100%;overflow: hidden;padding-top:10px;}

    @media (max-width:1200px) {
        .news-relation a {font-size: 13px;}
    }

    @media (max-width:980px) {
        .news-relation a {font-size: 12px;}      
    }

    @media (max-width:910px) {
        .news-relation h4 {margin: 0 2px;}
        .news-relation li{width:23.7%}
    }

    @media (max-width:500px) {
        .news-relation li{width: 45.3%;min-height: 210px;padding-right: 10px;}
    }
    @media (max-width:400px) {
        .news-relation li {width: 45%;margin: 0 2px}
    }

    @media (max-width:330px) {
        .news-relation li {float: none;width: 80%;margin: 0 auto;}
    }
    /**************** NewsDetails / news-Send Comment *********************/
    .Progress-comment {
        background: url('../Images/Template/Shadow1.png');
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 10;
        padding-top: 100px;
        text-align: center;
    }

        .Progress-comment div {
            background: url('../Images/Indicators/progressbar_green.gif') no-repeat center;
            width: 214px;
            height: 15px;
            margin: 0 auto;
        }

        .Progress-comment span {
            color: White;
        }

    .comment .row {
        overflow: hidden;
        padding: 5px 0;
    }

        .comment .row .title {
            width: 20%;
            float: right;
            text-align: left;
            font-size: 14px;
            padding-top: 5px;
        }

        .comment .row .control {
            width: 75%;
            float: right;
            padding-right: 5px;
        }

            .comment .row .control input[type=image] {
                border: 0;
                outline: none;
            }

            .comment .row .control input[type=text]:focus, .control textarea:focus {
                border-color: #66afe9;
                outline: 0;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
            }

            .comment .row .control input[type=text] {
                width: 92%;
            }

    .text {
        direction: rtl;
        border: 1px solid #BBBBB8;
        border-radius: 5px;
        padding: 0 5px;
        font-size: 12px;
        outline: 0;
        width: 180px;
        height: 30px;
    }

.Newstext {
    direction: rtl;
    border: 1px solid #BBBBB8;
    background-color: #f0f0f1;
    border-radius: 4px;
    padding: 0 5px;
    font-size: 12px;
    outline: 0;
    width:77%;
    height: 25px;
    font-family: BKoodakBold;
}

    .text_en {
        direction: ltr;
        text-align: left;
    }

    .text-desc {
        width: 92%;
        height: 150px;
        padding-top: 10px;
    }

    .text, .text_en, .text-desc {
        font-family: Tahoma;
    }

    .star {
        color: red;
        font-size: 13px;
        vertical-align: bottom;
        padding-right: 5px;
    }

    .button-tow {
        width: 100%;
        text-align: center;
        overflow: hidden;
    }

    .comment-imageSecurity {
        width: 80%;
        height: 30px !important;
        border: 1px solid #BBBBB8;
        border-radius: 5px;
    }

    .submit {
        font-family: BKoodakBold;
        width: 100px;
        color: #6d6d6d
    }

    .giude {
        font-size: 12px;
        padding-top: 10px;
    }

    .comment {
        float: right;
        width: 60%;
        color: #6d6d6d;
        padding-top: 10px;
    }

    .giude-comment {
        width: 39%;
        float: left;
        padding: 10px 2px 0 0;
        font-size: 14px;
        color: #5d5b5b;
    }

        .giude-comment div {
            position: relative;
            padding-right: 15px;
        }

            .giude-comment div::before {
                content: "";
                width: 6px;
                height: 6px;
                position: absolute;
                background: #a2a2a2;
                border-radius: 10px;
                top: 10px;
                margin: 0 2px;
                right: 0;
            }

    .validate {
        color: red;
        font-size: 13px;
    }

    .errors {
        padding: 0 !important;
    }
    .News_srch_both {width: 100%;
    padding-top: 10px;
    padding-bottom:6px;
    padding-right: 3px;
    overflow: hidden;
    display:flex;    
}
.news_srch_a {
    border:1px solid red;
    color: #fff;
    display:block;
    width:20px;
    height:20px;
    background: url(../images/design/search.png) no-repeat;
    margin-top:2px;
    margin-left:4px;
    border-style:none;
}
@media(max-width:1100px) {
    .Newstext {width:75%;}
    .news_srch_a{width:17px!important;height:17px!important;margin-left:2px;}
}
@media (max-width:1000px) {
    .giude-comment {font-size: 15px;}
    .comment .row .title {font-size: 15px;}
    .comment .row .control input[type=text] {width: 89%;}
    .text-desc {width: 89%;}
    .submit {font-size:15px;}
    }
@media(max-width:860px) {
    .Newstext {width:73%;}
    .news_srch_a{width:17px;height:17px;}
}
    @media (max-width:550px) {
        .giude-comment {
            width: 100%;
            float: none;
        }

        .comment {
            float: none;
            width: 100%;
        }
    }
    /**************** NewsDetails / news-Comments *********************/
    .comments {
        margin-bottom: 10px;
        background-color: white;
    }

        .comments .box-head {
            color: #6d6d6d;
            padding-right: 10px;
            background-color: #ececec;
            overflow: hidden;
            border-right: 7px solid #5e89ec;
            padding: 20px 0;
        }

            .comments .box-head div {
                float: left;
                padding-left: 20px;
                font-size: 13px;
            }

                .comments .box-head div:first-child {
                    float: right;
                    padding-right: 10px;
                    color: #333333;
                    font-size: 15px;
                }

        .comments .row-head {
            overflow: hidden;
            border-bottom: 1px solid #c0c0c0;
            color: #5d5b5b;
            font-size: 13px;
            background-color: #e9e9e9;
        }

            .comments .row-head:first-child {
                padding-right: 10px;
                background-color: #d2d2d2;
            }

            .comments .row-head div {
                float: right;
                width: 31%;
            }

            .comments .row-head > div:nth-child(2) {
                font-size: 10px;
                text-align: center;
                padding-top: 5px;
            }

        .comments .row-body {
            font-size: 14px;
            color: #6d6d6d;
            padding: 15px 0;
        }

        .comments .row {
            padding: 5px 10px;
        }

    .replay {
        margin: 5px 60px 5px 10px;
        padding: 3px 5px 5px 5px;
        background-color: #f9f9f9;
    }

    .coment {
        background-color: white;
        position: relative;
    }

        .coment .box-head {
            color: #6d6d6d;
            background-color: #ececec;
            overflow: hidden;
            border-right: 7px solid #5e89ec;
            padding: 20px 0;
            padding-right: 10px;
        }

    .comments .rep {
        float: left;
        text-align: left;
        width: 25px !important;
        float: left !important;
        padding-left: 10px
    }

    .score {
        width: 100px !important;
        float: left !important;
        margin: 3px 0 0 20px;
    }

        .score div {
            width: 49% !important;
            float: left !important;
        }

        .score input[type=submit] {
            width: 100%;
            height: 100%;
            outline: none;
            border: 0;
            padding: 3px 0;
            color: #fff;
            cursor: pointer;
            top: 10px;
            left: 12px;
            background: url('../images/template/sprite-newsdetails-new.png') no-repeat;
        }

        .score .pos input[type=submit] {
            background-color: #5273bb;
            background-position: 13px -173px;
            border-radius: 0 5px 5px 0;
        }

        .score .neg input[type=submit] {
            background-color: #fd0002;
            background-position: 2px -189px;
            border-right: 1px solid #fff;
            border-radius: 5px 0 0 5px;
        }

    .replay .row-head {
        background-color: #f9f9f9 !important;
        border-top: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
    }

    .send-reply {
        display: none;
        width: 100%;
        text-align: center;
        background-color: #f7f7f7;
    }

        .send-reply .side-r {
            width: 49%;
            float: right;
        }

        .send-reply .side-l {
            width: 49%;
            float: right;
        }

        .send-reply .side-r .title {
            width: 23%;
        }

        .send-reply .side-l .title {
            width: 10% !important;
        }

    .side-l .control {
        width: 87% !important;
    }

    .send-reply .text-desc {
        height: 74px;
    }

    .confirm-reply {
        display: none;
        margin: 0 auto;
        width: 100%;
        background-color: #f7f7f7;
    }

    .success {
        color: #02c102;
        text-align: center;
        padding: 10px;
    }

        .success div {
            font-weight: bold;
        }

    .replybox {
        display: none;
    }

    .send-reply-box {
        padding-bottom: 10px;
    }

    #up {
        background: url('../Images/Indicators/progressbar_green.gif') no-repeat;
        position: absolute;
        width: 98px;
        height: 15px;
        opacity: 0.8;
        margin-left: 8px;
    }
    /**************** Categories *********************/
    .cat-head {
        background-color: #ececec;
        padding: 0 8px;
        text-align: justify;
        direction: rtl;
        font-size: 19px;
        border-right: 7px solid #5e89ec;
        color: #6d6d6d;
    }

        .cat-head h1 {
            margin: 0;
            padding: 0;
        }

        .cat-head span, .cat-head h1 {
            display: inline-block;
        }

        .cat-head a {
            text-decoration: none;
            font-weight: bold;
            font-size: 20px;
        }
    .news-list{margin:0;padding:0;list-style:0;}
    .news-list li{padding: 10px 10px 10px 0px;line-height: 22px;overflow: hidden;}    
    .news-list li:nth-of-type(2n) {background-color: #f5f5f5;}        
    .news-list h3 a {color: #6d6d6d;font-size: 12px;font-weight:normal;text-decoration:none;}
    .news-list time{font-size: 11px;}
    .news-list h2 {margin: 0;}
    .news-list h2 a {text-decoration: none;font-size: 16px;}
    .news-list img {float: right;margin-left: 10px;}
    .news-list p {margin: 0px;font-size: 14px;color: #444444}
    .data-pager {background-color: #ececec;text-align: center;font-size: 14px;}

    @media (max-width:1000px) {
        .cat-head {font-size: 18px;}
        .news-list h2 a {font-size: 15px;}
    }

    @media (max-width:800px) {
        .cat-head {font-size: 17px;}
        .news-list li{padding: 5px 5px 5px 0px;}
        .news-list h2 a {font-size: 14px;}
        .news-list p {font-size: 12px;}
        .news-list img {width: 70px;height: 70px;}
        .news-list  h3 {font-size: 11px;}
    }
    /********************************************/
    .note {
        font-size: 12px;
        font-family: tahoma;
        line-height: 22px;
        width: 100%;
        padding: 0 10px 10px 0;
        background-color: #f5f5f5;
        border-right: 7px solid #e0e0e0;
    }

    .search {
        background-color: #f5f5f5;
        overflow: hidden;
        width: 100%;
    }

        .search .comment {
            width: 100%;
        }

    .search-alarm {
        color: Red;
        display: none;
    }

    .srch-row {
        width: 50%;
        float: right;
    }

        .srch-row input[type=text] {
            width: 89% !important;
        }

    .search-scop {
        width: 98%;
        direction: rtl;
        margin: 0 auto;
    }

        .search-scop fieldset {
            border: 1px solid #c0c0c0;
        }

    .srch_both {
        width: 100%;
        overflow: hidden;
    }



.opage {padding: 0;}

        .opage h1 {
            padding: 0;
            margin: 0;
        }

            .opage h1 a {
                text-decoration: none;
                font-size: 20px;
            }

    @media (max-width:1000px) {
        .search-scop {
            font-size: 14px;
        }
    }
    @media (max-width:660px) {
        .News_srch_both{/*padding-bottom:0;*/display:none;

        }
        }
    @media (max-width:600px) {
        .search-scop {
            font-size: 13px;
        }
    }
    /**********Cat Tag******/
    .cattag-over {
        width: 100% !important;
    }

    .cattag-content {
        float: right;
        width: 71%;
        padding-right: 5px;
        display: inline-block;
    }
    .cattag-content ul{margin:0;padding:0;list-style:none;}
    .cattag-content li {background-color: #fff !important;}

    .cattag-side {
        background-color: #ececec;
        border-left: 1px solid #ececec;
        overflow: hidden;
        border-top: 1px solid white;
    }
    .cattag-side ul{list-style:none;margin:0;padding:0}
        .cattag-side li {
            padding-top: 10px; /*border-top:1px solid #bdbdbd;border-bottom:1px solid #fff;*/
            float: right;
            width: 33%;
        }
        /*.cattag-side article:first-child {border-top:none;}
        .cattag-side article:last-child {border-bottom:none;}*/

        .cattag-side h2 {
            text-align: center;
            margin: 0;
            padding: 0;
            margin-bottom: 15px;
        }

        .cattag-side img {
            width: 90%;
            height: 130px;
            padding-bottom: 5px;
        }

        .cattag-side a {
            font-size: 16px;
            text-align: center;
            text-decoration: none;
            display: block;
            line-height: 100%;
        }

    @media (max-width:570px) {

        .cattag-content {
            width: 66%;
        }

        .cattag-side {
            width: 32%;
        }

            .cattag-side img {
                height: 100px;
            }

            .cattag-side a {
                font-size: 14px;
            }
    }

    @media (max-width:450px) {
        .cattag-content {
            width: 58%;
        }

        .cattag-side {
            width: 40%;
        }
    }

    @media (max-width:400px) {
        .cattag-content {
            width: 100%;
        }

        .cattag-side {
            width: 100%;
            border-top: 1px solid #c0c0c0;
        }

            .cattag-side li {
                float: right;
                width: 32%;
                border: none;
            }
    }

    @media (max-width:300px) {
        .cattag-side li {
            width: 49%;
        }
    }

/**********************************************************************/
.linkShop {
    width: 50%;
    margin: 0 auto;
    overflow: hidden;
}

    .linkShop a {
        background: url('../images/template/button-15388.png') no-repeat;
        width: 180px;
        height: 48px;
        display: inline-block;
        margin: 0 2px;
        color: white;
        text-decoration: none;
        text-align: center;
        padding-top: 6px;
        font-size: 1.2em;
    }
        .linkShop a:hover {
            color: yellow;
        }