body, html {
    height: 100%;
    margin: 0;
    direction:rtl;
     font-family: "IRANSans"; 
     font-weight:normal;
     direction:rtl;
      margin: 0px auto;
    padding: 0px;
     overflow-x: hidden;
     background-color:#746F6E;
}
  *{
    font-family: "IRANSans"; 
    
    transition: all .5s linear;
    direction:rtl;
}
.allbox {
    width:100%;
    height:100%;
    /*background-color:#ff0000;*/
}
.rightbox {
    width:13%;
    height:100%;
    /*min-height:550px;*/
    background-color:#D0CECE;
    float:right;
    /*min-width:350px;*/
     text-align:center;
     padding-top:5.2vw;
     border-left:1px solid #414141;
     position:relative;

}
.tavsaze {
    font-family:Calibri;
    font-weight:bolder;
    font-size:2.5em;
    color:#000000;

}

.sayegostar {
    font-family:Calibri;
    font-weight:normal;
    font-size:1.6em;
    color:#000000;
}


.rightbox a {
    font-family:Calibri;
    font-weight:bold;
    font-size:2.5em;
    text-decoration:none;
    color:#000000;
    
    

}

.rightboxover {
    position:absolute;
    z-index:10000000;
    /*min-width:170px;*/
    height:100%;
    width:100%;
    
    /*min-height:550px;*/
    background-color:#746F6E;
    float:right;
    top:0;
    margin-right:-350px;
    text-align:center;
     padding-top:5.2vw;
}
    .rightboxover ul li {
        display:block;
        margin:inherit;
        color:#000000;
        /*background-color:#ff0000;*/
       
        text-align:right;
        direction:rtl;
    }
        .rightboxover ul li a {
            color:#000000;
            font-family: "IRANSans"; 
            font-weight:normal;
            direction:rtl;
            /*font-size:1.2em;*/
            font-size:1em;
            text-decoration:none;
            text-align:right;
        }
            .rightboxover ul li a:hover {
                color:#CE2127;
                

            }
            .rightboxover ul li .folder:hover {
               color:#CE2127;
             }
        .rightboxover ul li  i {
            margin-right:15px;
            font-size:1.4em;
          
        }
.rightboxoverextra {
    /*right:0;*/
    margin-right:0;
}
.centerboxHome {
    width:72%;
    height:100%;
      /*min-height:550px;*/
    /*background-color:#b6ff00;*/
    float:right;
    background-image: url("../images/bg7.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.leftbox {
     width:15%;
    height:100%;
    background-color:#746F6E;
     /*min-height:550px;*/
    float:right;
    /*min-width:350px;*/
    display:block;
    text-align:left;
    padding-top:9vw;
    border-left:6px solid #000000;
}
    .leftbox img {
        margin-bottom:10px;
        margin-left:-6px;
    }

/*css form mobile bottom*/
/*start*/
.main-content {
    /*background-color:#28e426;*/
    margin-top:0.8vw;
   
}
.container {
    display: inline-block;
    cursor: pointer;
    margin-left:3.5vw;
    
     float:left;
     /*background-color:#ff0000;*/
}

   
.bar1{
    width: 30px;
    height: 5px;
    background-color: #CE2127;
    text-align:left;
  
    transition: 0.4s;
    float:left;
    
}
.bar2 {
    width: 20px;
    height: 5px;
    background-color:#CE2127;
    margin: 10px -30px;
    transition: 0.4s;
    float:left;
    /*text-align:left;*/
    /*border:2px solid #0563C1;*/
}
.bar3 {
    width: 30px;
    height: 5px;
    background-color: #CE2127;
    margin: 20px 0;
    transition: 0.4s;
    float:left;
    margin-left:-20px;
    margin-top:20px;
    
}

.change .bar1 {
    /*-webkit-transform: rotate(-45deg) translate(-5px, 6px);
    transform: rotate(-45deg) translate(-5px, 6px);*/
}

.change .bar2 {
    /*opacity: 0;*/

}

.change .bar3 {
    /*-webkit-transform: rotate(45deg) translate(-6px, -6px);
    transform: rotate(45deg) translate(-6px, -6px);*/
}

/*end css*/
.bg {
    /* The image used */
    background-image: url("../images/bg7.jpg");
  
    /* Full height */
    height: 100%; 
    
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.topbarsmall {
      height:80px;
      background-color:#422214;
      margin-top:0;
      opacity:0.7;
     
      direction:rtl;
}
.topbarsmall h1{
     font-family: "IRANSans"; 
     font-weight:normal;
     font-size:1.2em;
     color:#3F4E5D;
     margin-right:150px;
     margin-top:25px;
}
.rightmenu {
    /*display:none;*/
    direction:rtl;
    float:right;
    height:91.5%;
    width:300px;
    background-color:#422214;
    opacity:0.7;
    padding-top:50px;
    padding-right:30px;
      padding-left:30px;
        

}
    .rightmenu a {
        display:block;
         font-family: "IRANSans"; 
         font-weight:normal;
         /*font-size:1.2em;*/
         color:#fff;
         text-decoration:none;
         margin-bottom:5px;
          margin-top:5px;
         border-bottom:1px dotted #3F4E5D;

    }
        .rightmenu a:hover {
           color:#3F4E5D;
        }
        .rightmenu a i {
            font-size:0.8em;
            margin-left:5px;
            color:#3F4E5D;
        }

.lineimgleft {
    width:98%;
    height:1px;
    background-color:#000;
    
    margin:auto;
    margin-bottom:10px;
    margin-right:15px;
}
.leftline {
    position:absolute;
    left:2px;
    top:215px;
    height:500px;
    width:6px;
    background-color:#746F6E;
}
.extmrg {
    margin-top:50px;
}
.picleft2 {
    margin-top:15px;
}
.imgresponsiveleftbox {
    width: 100%;
    max-width: 285px;
    height: auto;
}
.img1responsive {
     width: 100%;
    max-width: 197px;
    height: auto;
}
.img2responsive {
     width: 100%;
    max-width: 190px;
    height: auto;
     margin-top:0;
}
.img3responsive {
     width: 100%;
     max-width: 217px;
    height: auto;
    margin-top:8.3vw;
}
.img4responsive {
     width: 100%;
    max-width: 177px;
    height: auto;
}
.img5responsive {
     width: 100%;
    max-width: 251px;
    height: auto;
}
.treeview {
    margin-top:6.3vw;
}
	.treeview li ul{
		display:none;
        padding-right:5px;
	}
	.folder{
		/*width:15px;*/
		display:inline-block;
		/*text-align:center;*/
		cursor:pointer;
        color:#000000;
            font-family: "IRANSans"; 
            font-weight:normal;
            direction:rtl;
            /*font-size:1.2em;*/
            font-size:1em;
	}
        .folder ul li {
             background-color:#ff6a00;
        }
.treeview	ul li{
		/*margin-right:30px;*/
		list-style:none;
       
		
		/*padding:2px;*/
	}
    .treeview ul li i {
           
    }
.allboxmobile {
    width:100%;
   
    background-color:#CE2127;
        
}

/*@media (min-width:1px) and (max-width:600px){
   
    .hide-display {
        display:none;
        
    }
    
}*/

@media (min-width: 421px) {

    .hide-descktop {
        display: none;
    }
}
@media (min-width: 1px) and (max-width:420px){
    
    .hide-mobile {
        display:none;
        
    }
 
}
@media (min-width: 421px) and (max-width:1000px){
    .rightbox {
        min-height:300px;
    }
    .centerboxHome {
         min-height:300px;
    }
    .leftbox {
         min-height:300px;
    }
    .rightboxover {
        padding-top:0;
        min-width:120px;
    }
        .rightboxover ul li {
            margin-top:1px;
            margin-bottom:1px;
            /*background-color:#ff0000;*/
        }
        .rightboxover ul li a {
            font-size:0.8em;
        }
        .rightboxover ul li  i {
            /*margin-right:10px;
             font-size:2em;*/
          
        }
    .folder {
        font-size:0.8em;
    }

.treeview {
    margin-top:10px;
     margin-right:-20px;
}
    .treeview li ul {
        padding-right:5px;
    }
}
/*.hide-mobile {
        display: none;
    }*/