﻿@font-face {
    /*Farsi Web Fonts Customized by www.lab.ritaco.ir/*/
    font-family: 'WMitra';
    src: url('../fonts/WebMitra.eot');
    src: url('../fonts/WebMitra.eot?#iefix') format('embedded-opentype'),
         url('../fonts/WebMitra.woff') format('woff'),
         url('../fonts/WebMitra.ttf') format('truetype'),
         url('../fonts/WebMitra.svg#WebMitra') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0600–06FF;
}

@font-face {
    font-family: 'WMitraBold';
    src: url('../fonts/WebMitraBold.eot');
    src: url('../fonts/WebMitraBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/WebMitraBold.woff') format('woff'),
         url('../fonts/WebMitraBold.ttf') format('truetype'),
         url('../fonts/WebMitraBold.svg#WebMitraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    unicode-range: U+0600–06FF;
}



/*BOOTSTRAP CUSTOM STYLES*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding: 0px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: right;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: right;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right;
    }

    .col-md-offset-3 {
        margin-right: 25%;
        margin-left: 0;
    }

    .col-md-offset-6 {
        margin-right: 50%;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .col-sm-offset-3 {
        margin-right: 25%;
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: right;
    }
}


.row {
    direction: rtl;
    margin: 0;
    padding: 0;
}

.container {
    padding: 10px;
}


@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}

.navbar-header, .navbar-nav, .navbar-brand, .navbar-nav > li {
    float: right;
}

.navbar-toggle {
    float: left;
}
 

body {
    margin: 0;
    font-family: 'WMitra',Arial;
    background: #f7ebdb;
}
a {
cursor:pointer;
      transition: all .2s;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
}
a:link {
    color: #000;
    text-decoration: none !important;
}
a:hover {
    color: #777;
}
a:visited {
    color: #000;
}
.footerrow {
display:none

}
.footer {
position:relative;
height:20px
}
div.caption {
position:absolute;
 
left:0;z-index:2;
width:100%;
text-align:center
}
 div.caption h2 {
display:block;
font-family:'WMitraBold';
text-align:center;
font-size:1em;
padding:0;
margin:0;
}
 div.caption span {
display:block;
 text-align:center;
font-size:1em;
}
@media (min-width:769px) {
    .SmallMenu {
    display:none}
    .BigMenu {
        position: absolute;
        top: 220px;
        left:55px;
        width: 130px;
        height: 294px;
        z-index: 11;
    }
     .Search {
        position: absolute;
        top: 20px;
        left:55px;
        width: 200px;
        height: 70px;
        z-index: 11;
                        background: url(/img/Search.png);
                        background-size:cover;
                            padding: 28px 0 0 28px;

    } .Search input {
        background-color:transparent !important;
        border:none !important;
        float:right;
        width:150px;
        color:#eee;
        outline:none !important

    }
      
       .Search a:hover {
      
      color:#eee

    }
       
             .Search a {
      float:left;
      color:#999

    }
     .Logo {
        position: absolute;
        top: 160px;
        left:55px;
        width: 190px;
        height: 47px;
        z-index: 11;
                        background: url(/img/Logo.png);
                        background-size:cover

    }
      .Logo a {
    display:block;
       
        height: 47px;
       

    }
        .BigMenu ul {
            padding: 0;
            width: 100%;
            list-style: none;
        }

            .BigMenu ul li:hover {
                opacity: .8;
            }

            .BigMenu ul li a {
                display: block;
                height: 35px;
            }

            .BigMenu  ul.bigmenus li {
                background: url(/img/BigMenu.png);
                height: 35px;
                width: 100%;
                cursor: pointer;
                transition: all .2s;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
            }
            .BigMenu  ul.inndermenu li {
                background: url(/img/BigMenuSub.png);
               
              width: 210px;
                cursor: pointer;
                transition: all .2s;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
            }
             .BigMenu ul.inndermenu li:nth-child(1) {
                    background-position: 0 0; height: 40px;
                }

                .BigMenu ul.inndermenu li:nth-child(2) {
                    background-position: 0 255px; height: 60px;
                }


                .BigMenu ul.bigmenus li:nth-child(1) {
                    background-position: 0 0;
                }

                .BigMenu ul.bigmenus li:nth-child(2) {
                    background-position: 0 255px;
                }

                .BigMenu ul.bigmenus li:nth-child(3) {
                    background-position: 0 215px;
                }

                .BigMenu ul.bigmenus li:nth-child(4) {
                    background-position: 0 180px;
                }

                .BigMenu ul.bigmenus li:nth-child(5) {
                    background-position: 0 70px;
                }

                .BigMenu ul.bigmenus li:nth-child(6) {
                    background-position: 0 145px;
                }
                .BigMenu ul.bigmenus li:nth-child(7) {
                    background-position: 0 110px;
                }
                .BigMenu ul.bigmenus li:nth-child(8) {
                    background-position: 0 40px;
                }

    .maincontent {
        z-index: 10;
        position: absolute;
        top: 500px;
        
        padding:0 250px;
    }

    .maincontainer {
        position: relative;
        min-height: 1000px;
    }

    .BigLT {
        position: absolute;
        top: 0;
        left: 0;
        background: url(/img/BigLt.png);
        width: 243px;
        height: 675px;
        z-index: 1;
    }

    .BigRT {
        position: absolute;
        top: 0;
        right: 0;
        background: url(/img/BigRt.png);
        width: 461px;
        height: 535px;
        z-index: 1;
    }

    .BigLB {
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(/img/BigLB.png);
        width: 312px;
        height: 101px;
        z-index: 1;
    }

    .BigRB {
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/img/BigRB.png);
        width: 461px;
        height: 124px;
        z-index: 1;
    }

    .BigRptB {
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/img/BigRptB.png);
        width: 100%;
        height: 14px;
        z-index: 0;
    }
}


@media (max-width:768px) {
    .SmallMenu {
    display:none}
     .Search {
        position: absolute;
        top: 20px;
        left:35px;
        width: 180px;
        height: 60px;
        z-index: 1;
                        background: url(/img/Search.png);
                        background-size:cover;
                            padding: 28px 0 0 28px;

    } .Search input {
        background-color:transparent;
        border:none;
        float:right;
        width:130px

    }
      
       .Search a:hover {
      
      color:#eee

    }
       
             .Search a {
      float:left;
      color:#999

    }
      .Logo {
        position: absolute;
        top: 120px;
        left:35px;
        width: 150px;
        height: 32px;
        z-index: 2;
                        background: url(/img/Logo.png);
                        background-size:cover

    }
      .Logo a {
    display:block;
       
        height: 47px;
       

    }
    
    .BigMenu {
        position: absolute;
        top: 160px;
        left: 35px;
        width: 110px;
        height: 215px;
        z-index: 11;
    }

        .BigMenu ul {
            padding: 0;
            width: 100%;
            list-style: none;
        }

            .BigMenu ul li:hover {
                opacity: .8;
            }

            .BigMenu ul li a {
                display: block;
                height: 30px;
            }

            .BigMenu ul li {
                background: url(/img/BigMenu.png);background-size:cover;
                height: 30px;
                width: 100%;
                cursor: pointer;
                transition: all .2s;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
            }
           
           
/*.BigMenu ul.inndermenu li:nth-child(2) {
    background-position: 11px 258px;
}*/
            .BigMenu  ul.inndermenu li {
                background: url(/img/BigMenuSub.png);
               
              width: 180px;
                cursor: pointer;
                transition: all .2s;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
            }
                 .BigMenu ul.inndermenu li:nth-child(1) {
                    background-position: 0 0; height: 30px;
                    background-size:cover
                }

                .BigMenu ul.inndermenu li:nth-child(2) {
                    background-position: 0 219px !important; height: 50px;background-size:cover
                }


                .BigMenu ul.bigmenus li:nth-child(1) {
                    background-position: 0 0;
                }

                .BigMenu ul.bigmenus li:nth-child(2) {
                    background-position: 0 217px;
                }

                .BigMenu ul.bigmenus li:nth-child(3) {
                    background-position: 0 180px;
                }

                .BigMenu ul.bigmenus li:nth-child(4) {
                    background-position: 0 150px;
                }

                .BigMenu ul.bigmenus li:nth-child(5) {
                    background-position: 0 60px;
                }

                .BigMenu ul.bigmenus li:nth-child(6) {
                    background-position: 0 125px;
                }
                .BigMenu ul.bigmenus li:nth-child(7) {
                    background-position: 0 95px;
                }
                .BigMenu ul.bigmenus li:nth-child(8) {
                    background-position: 0 30px;
                }
    .maincontainer {
        position: relative;
        min-height: 800px;
    }

    .maincontent {
        z-index: 10;
        position: absolute;
        top: 600px;
        width: 100%;
    }

    .maincontent {
        z-index: 10;
        position: absolute;
        top: 450px;
        width: 100%;
    }

    .BigLT {
        position: absolute;
        top: 0;
        left: 0;
        background: url(/img/BigLt.png);
        width: 180px;
        height: 500px;
        z-index: 1;
        background-size: cover;
    }

    .BigRT {
        position: absolute;
        top: 0;
        right: 0;
        background: url(/img/BigRt.png);
        width: 300px;
        height: 348px;
        z-index: 1;
        background-size: cover;
    }

    .BigLB {
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(/img/BigLB.png);
        width: 312px;
        height: 101px;
        z-index: 1;
        background-size: cover;
    }

    .BigRB {
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/img/BigRB.png);
        width: 461px;
        height: 124px;
        z-index: 1;
        background-size: cover;
    }

    .BigRptB {
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/img/BigRptB.png);
        width: 100%;
        height: 14px;
        z-index: 0;
    }
}


@media (max-width:600px) {
   .SmallMenu {
    display:block}
     
    .Search {
        position: absolute;
        top: 20px;
        left:35px;
        width: 180px;
        height: 60px;
        z-index: 1;
                        background: url(/img/Search.png);
                        background-size:cover;
                            padding: 28px 0 0 28px;

    } .Search input {
        background-color:transparent;
        border:none;
        float:right;
        width:130px

    }
      
       .Search a:hover {
      
      color:#eee

    }
       
             .Search a {
      float:left;
      color:#999

    }
   .Logo {
        
        position: absolute;
        top: 87px;
        left:35px;
       
        width: 100px;
        height: 23px;
         z-index: 2;
                        background: url(/img/Logo.png);
                        background-size:cover

    }
    .BigMenu {
    display:none;

    }
    .SmallMenu {
    z-index:11;
       left:35px;
    position: absolute;
    background:transparent;
    top:120px;
      width:90%
    }
    .navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}
    .navbar-header, .navbar-nav, .navbar-brand, .navbar-nav > li {
   float:none;
}
    .navbar-default {
    background-color: transparent;
    border-color: transparent;
}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
    .navbar-default .navbar-toggle {
    border-color: #666;
}

     .SmallMenu ul {
            padding: 0;
            width: 100%;
            list-style: none;
            background-color:rgba(247,235,219,.8);
        }

            .SmallMenu ul li:hover {
                opacity: .8;
            }

            .SmallMenu ul li a {
                display: block;
                height: 30px;
            }

            .SmallMenu ul li {
                background: url(/img/BigMenu.png);background-size:cover;
                height: 30px;
                width: 110px;
                cursor: pointer;
                transition: all .2s;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
            }
             .SmallMenu ul.inndermenu   {
              background-color:#c8b595
                
            }
            .SmallMenu ul.inndermenu li {
                background: url(/img/BigMenuSub.png);background-size:cover;
                
            }
             .SmallMenu ul.inndermenu li:nth-child(1) {
                                      background-position: 0 0;
                                      height: 28px;
    width: 160px;
                }

                .SmallMenu ul.inndermenu li:nth-child(2) {
                                       background-position: 0 255px; height: 45px;
    width: 150px;

                }
                 

                .SmallMenu ul li:nth-child(1) {
                    background-position: 0 0;
                }

                .SmallMenu ul li:nth-child(2) {
                    background-position: 0 220px;
                }

                .SmallMenu ul li:nth-child(3) {
                    background-position: 0 190px;
                }

                .SmallMenu ul li:nth-child(4) {
                    background-position: 0 160px;
                }

                .SmallMenu ul li:nth-child(5) {
                    background-position: 0 65px;
                }

                .SmallMenu ul li:nth-child(6) {
                    background-position: 0 130px;
                }

                .SmallMenu ul li:nth-child(7) {
                    background-position: 0 100px;
                }
                .SmallMenu ul li:nth-child(8) {
                    background-position: 0 35px;
                }
    .maincontainer {
        position: relative;
        min-height: 600px;
      
    }

    .maincontent {
        z-index: 10;
        position: absolute;
        top: 300px;
        width: 100%;
    }

    .BigLT {
        position: absolute;
        top: 0;
        left: 0;
        background: url(/img/BigLt.png);
        width: 135px;
        height: 376px;
        z-index: 1;
        background-size: cover;
    }

    .BigRT {
        position: absolute;
        top: 0;
        right: 0;
        background: url(/img/BigRt.png);
        width: 200px;
        height: 232px;
        z-index: 1;
        background-size: cover;
    }

    .BigLB {
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(/img/BigLB.png);
        width: 312px;
        height: 101px;
        z-index: 1;
        background-size: cover;
    }

    .BigRB {
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/img/BigRB.png);
        width: 461px;
        height: 124px;
        z-index: 1;
        background-size: cover;
    }

    .BigRptB {
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/img/BigRptB.png);
        width: 100%;
        height: 14px;
        z-index: 0;
    }
}




@media (max-width:400px) {

      .BigRT {
        position: absolute;
        top: 0;
        right: 0;
        background: url(/img/BigRt.png);
        width: 180px;
        height: 209px;
        z-index: 1;
        background-size: cover;
    }
     .Search {
        position: absolute;
        top: 20px;
        left:15px;
        width: 120px;
        height: 35px;
        z-index: 1;
                        background: url(/img/Search.png);
                        background-size:cover;
                            padding: 14px 0 0 15px;

    }
      .Search input {
      
        width:85px

    }
      
       .Search a:hover {
      
      color:#eee

    }
       
             .Search a {
      float:left;
      color:#999

    }
   .SmallMenu {
    display:block}
     .Logo {
        
        position: absolute;
        top: 87px;
        left:15px;
       
        width: 100px;
        height: 23px;
         z-index: 2;
                        background: url(/img/Logo.png);
                        background-size:cover

    }
    .BigMenu {
    display:none;

    }
    .SmallMenu {
        z-index: 11;
        left: 15px;
        position: absolute;
        background: transparent;
        top: 120px;
      
    }
}


.inneritemcontainer

{
     position:relative;
     padding:0;
    
}
.inneritemcontainer img

{
  
     z-index:1;

    
}
.inneritemcontainer div.mask

{
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     background-size:cover;
              z-index:2;
              background-repeat:no-repeat

    
}
.itemcontainer

{
     
     padding:40px 20px;
    
}
@media (max-width:768px) {

.itemcontainer

{
     
      padding:30px 15px;
    
}

}

@media (max-width:600px) {

.itemcontainer

{
     
      padding:30px 15px;
    
}

}

.inneritemcontainer img {
width:98%
}
@media (max-width:400px) {

.itemcontainer

{
     
     padding:30px 10px;
    
}

}

.articlecontent {
    width:100%;
    margin:0;
                            background: url(/img/ArticleBody.png);
                         
                       
                             background-size:100%;
                            padding:0 150px;
}
.articlehead img {
    width:100%;
    
}
.pdffile {
float:left;
color:#980100;
font-size:1.6em
}
 .articlecaption   {
     padding-top: 55px;
}
.articlecaption h1  {
 font-family:'WMitraBold';
 font-size:1.7em;
}
.articlecaption h2,.articlecaption h1  {
 margin:0;padding:0
}
.articlefooter img {
    width:100%;
     
   
}
.articlecontent p {
margin:0; padding:0
}

@media (max-width:1200px) {
.articlecontent {
    
    padding: 0 100px;
}
}
@media (max-width:768px) {

.articlecaption  {
  right:20px;
}
.articlecontent {
     
                         
                            
                            padding:0 70px;
}
    .container {
    padding:0
    }
}

@media (max-width:400px) {

.articlecaption  {
  right:20px;
}
.articlecontent {
     
                         
                            
                            padding:0 30px;
}
    .container {
    padding:0
    }
}


div.pages{
   
    margin:30px 0 10px 0;
    padding:0;
    width:100%;
    float:right;
    text-align:center;
}
/*span.datapager {
    position:relative !important;
 width:auto;
text-align:center;
display:block;
direction:ltr

}*/

.datapager {
    position:relative !important;
  
text-align:center;
 
 
 

}
input.btns:nth-child(1) {
position: absolute;
    right: -20px;
      top:-5px;
}
input.btns:nth-child(2) {
position: absolute;
    left: -20px;
    top:-5px;

}
div.pages a, div.pages span span {
   
   
font-size:1.5em !important;
  color:#980100;
  
}
div.pages a{
   
   padding:5px 10px;
    display:inline-block;
color:#000;
 }
div.pages a.active,div.pages a:hover,div.pages a:focus{
   
  color:#980100 !important;
    
    text-decoration:none;
}
div.pages a{
    font-weight:normal
}
div.pages span span{
     padding:5px 10px;
    display:inline-block;
   font-family:'WMitraBold';
    
    text-decoration:none;
}
.minmedia {
min-height:400px;
}
.audios {
padding:40px 10px 10px 10px;
background:#000;
margin-top:50px;

}
.videos {
width:100%;margin-top:50px;

 

}

*{outline:none !important;
 text-decoration:none !important
}

#share {
float:left;margin-left:50px
}

 .pdffile{
float:left;
margin-left:50px;
margin-top:-20px
}

.copyright {
text-align:center;
font-size:1em;
font-family:'WMitraBold';
position:absolute;
z-index:11;
width:100%;
bottom:20px;
}
.inndermenu
{    background-color: #f7ebdb !important;    padding: 10px !important;
}
.dropdown-menu {
    position: absolute;
    top: 185px;
    
 
    padding: 0 ;
    margin: 0 ;
    
    background-color: #f7ebdb;
     border: none; 
    
     border-radius: 0; 
     -webkit-box-shadow: none; 
     box-shadow: none; 
    
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    text-decoration: none;
    
    background-color: transparent;
}

.ContEmail {
background-size:100%;
 background: url(/img/ContEmail.png);
 border:none;
 outline:none;
 background-color:transparent;
 width:350px;
 height:87px;
 display:block;
 padding:25px;

}
.ContFullName {
background-size:100%;
 background: url(/img/ContFullName.png);
 border:none;
 outline:none;
 background-color:transparent;
 width:320px;
 height:104px; display:block;
  padding:25px;

}
.ContText {
background-size:100%;
 background: url(/img/ContText.png);
 border:none;
 outline:none;
 background-color:transparent;
 width:700px;
 height:396px; padding:50px;display:block;

}
@media (max-width:700px) {
.ContEmail {
 background-size:100%;
 
 width:320px;
 height:80px;
 
}
.ContFullName {
 background-size:100%;margin-top:50px;

 width:300px;
 height:98px; display:block;

}
.ContText {
 background-size:100%;

 width:400px;
 height:226px;
 margin-bottom:50px
}
}
@media (max-width:768px) {
 .dropdown-menu {
     
    top: 157px;
    
 
     
    
}
}
@media (max-width:420px) {
.ContEmail {
 background-size:100%;
 
 width:300px;
 height:75px;
 
}
.ContFullName {
 background-size:100%;margin-top:50px;

 width:300px;
 height:98px; display:block;

}
.ContText {
 background-size:100%;

 width:300px;
 height:170px;
 margin-bottom:50px
}
}

.lbsends{

    margin-right:20px;
    width:180px;
    height:54px;
     background: url(/img/btn.png);
     display:block;
     text-align:center;
     color:#c8b595 !important;
     padding-top:18px;
     font-size:18px;
     font-family:'WMitraBold';


}
.lbsends:hover{
 
     color:#553622 !important;
    

}

.res {
    display: block;
    font-size: 20px;
    margin-top: 10px;
    margin-right: 26px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
  
}
@media (max-width: 600px) {

.SmallMenu ul {
   /*height:500px;*/
}
    .navbar-collapse  {
    height:550px !important
    }
    .navbar-nav .open .dropdown-menu {
    /*position:absolute !important;
    top:30px !important*/
    margin-left: 110px;margin-top: -30px;
    }
}


.sn-icon {
display: block;
    text-align: center;
 font-size:18px;
    margin-bottom: 18px;
}

.sn-icon a {
color:#666;
margin-right:5px
}

.sn-icon a:hover {
color:#980100;
 }