@font-face
{
    font-family:'BYekan';
    src:url('../fonts/BYekan.ttf') format('truetype'),
    url('../fonts/BYekan.eot?#iefix') format('embedded-opentype');
}
@font-face
{
    font-family:'BRoya';
    src:url('../fonts/BRoya.ttf') format('truetype'),
    url('../fonts/BRoya.eot?#iefix') format('embedded-opentype');
}



/*@font-face{
    font-family:'yekan';
    src:url(../Fonts/Yekan.woff);
    src:url(../Fonts/Yekan.eot?#iefix) format("embedded-opentype"),
    url(../Fonts/Yekan.woff) format("woff"),
    url(../Fonts/Yekan.ttf) format("truetype");
    font-weight:normal;font-style:normal;
    font-size: 14px !important;
}*/

@font-face
{
font-family:'Yekan';
src: url('../fonts/Yekan.eot?#iefix') format('embedded-opentype'),
url(../fonts/Yekan.woff) format("woff"),
url('../fonts/Yekan.ttf') format('truetype');

}




@font-face
{
    font-family:'BNazanin';
    src:url('../fonts/BNazanin.ttf') format('truetype'),
    url('../fonts/BNazanin.eot?#iefix') format('embedded-opentype');
}



    body {
        font-family: 'Yekan' !important;
    }



body.body_color
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cedce7+0,6f8791+100 */
background: rgb(206,220,231); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(206,220,231,1) 0%, rgb(161, 187, 197) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(206,220,231,1) 0%,rgb(161, 187, 197) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(206,220,231,1) 0%,rgb(161, 187, 197) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#6f8791',GradientType=1 ); /* IE6-9 */

}
.header{
    /*navy #28a4c9*/
    background-color:#3694b5;
    width: 1006px;
    height: 110px;
    position: relative;
    margin: auto;

}
#header_right
{

    position: absolute;
    right:35px;
    top: 17px;

}
#header_left
{
    position: relative;
    float: left;

    top: 20px;
    left: 10px;

    width: 300px;
    height: 80px;
    /*background-color: #1b6d85;*/


}

#Notifications
{
    width: 330px;
    height: 310px;
    /* background-color: indianred;margin-left: 10px;*/
    position: absolute;
    left: 10px;
    top: 300px;

}
#footer
{

    width:1006px;
    height: 220px;
    background-color: #3694b5;
    position: absolute;
    bottom:0px;
    left: 0;


}





#mytxt
{
    border-radius: 5px;
    width: 100px;
    transition:all 0.7s linear ;
    height: 25px;

    border-radius: 8%;
    direction: rtl;


}
#mytxt:focus
{

    width: 200px;
}
#img_search
{
    position: absolute;
    left: 6px;
    top: 8px;

}
.image-menu3
{
    position:absolute;
    left:10px;
    top:85px;
}
.activemenu1
{

    background-color: #ffa7a9 !important;
    /*box-shadow:2px 2px 2px #D5D5D5;*/
}
/*.activemenu1 > li > a
{
    !*color:red;*!
    background-color: red;
}*/



#conntent
{
    width: 636px;
    height: 340px;
    border-radius: 5px;
    background-color:whitesmoke;
    position: absolute;
    right: 30px;
    top: 34px;
    box-shadow: 2px 2px 5px rgba(0,0,1,0.1) ;
}



.section-title
{
    display: inline-block;
   /* font-family: Yekan;*/
    font-size:18px;
    margin: 10px 0px 25px;
    padding-left: 15px;
    position: relative;
}

.line
{
    content: ' ';
    display: block;
    width: 120%;
    border-bottom: 2px solid red;
    position: absolute;
   /* right: -5px;*/ /*-15px*/
    top: 32px
}

.lozi
{
  content: ' ';
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: -22px; /*-8px*/
    top: 29px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: red;
}




#header_news
{
    /*background-color: #2aabd2;*/
    position: relative;
    top: 20px;
   /* right:120px;*/
    direction: rtl;
    border-radius: 5px;
    text-decoration: none;
    color: black;
    font-size: 12px;

}

#header_news:hover
{
    color: #122b40;

}

#img_news2 {
    position: relative; /*position: absolute;*/
    /*right: 10px;

    width: 80px;
    height: 80px;*/
    top: 15px;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.9s ease;
    background-color: #e0e0e0;
    vertical-align: super !important;

}

#img_news2:hover {
    transform: scale(1.1, 1.1);
}



.more_news5
{

    background-color: #337a9c;
    bottom: -11px;
    position: absolute;
    left: 8px;
    padding: 1px 7px;
    color: #fff;
    font-size: 10px;
    border-radius: 5px;
    width: 50%;
    text-align: center;
}



.arshiv
{
    position: relative;/* position: absolute;*/
    border-bottom: 2px dashed #c09e93;
 /*   bottom: 15px;*/
   /* left: 15px;*/
    font:12px BRoya ;
    text-decoration: none;
    color: #0f0f0f;

}
.arshiv:hover
{
    color: red;
	text-decoration: none;
}
.arshiv:link ,.arshiv:visited
{
    text-decoration: none;
}

#conntent2 {
    width: 300px;
    height: 340px;
    border-radius: 5px;
    background-color: whitesmoke;
    position: absolute;
    right: 30px;
    /*left: 20px;*/
    top: 34px;
    box-shadow: 2px 2px 5px rgba(0, 0, 1, 0.1);

}

#conntent3
{
    width: 930px;
    height:250px;
    border-radius: 5px;
    background-color:whitesmoke;
    position: absolute;
    right: 30px;
    bottom:10px !important;
    /*left: 20px;*/
    top: 25px;
    box-shadow: 2px 2px 5px rgba(0,0,1,0.1) ;
    z-index: 1;



}

#pic_slider
{
	cursor:default;
	position:relative;
	top:0px;left:-15px;
	width:635px;
	height:255px;
    border:10px solid  white;
	overflow:hidden;
}


div > p
{
    transition: all 0.7s ease;
}
.footer_transition:hover
{
    margin-left: -50px;
    color: #9acfea !important;

    cursor: pointer;
}

ul.footer_t
{
    float: right;
    direction: rtl;

    padding-right:0;
    margin-right: 0px;
    margin-top: 20px;

    margin-left: 50px;
    width: 100%;



}

ul.footer_t li
{
    list-style: none;
    color: white;
    text-decoration: none;
    padding: 6px;
    display:block ;
    font-size: 13px;


}


ul.footer_tamas
{
    float: right;
    direction: rtl;

    padding-right:0;
    margin-right: 0px;
    margin-top: 20px;

    margin-left: 10px;
    width: 100%;



}
ul.footer_tamas li
{
    list-style: none;
    color: white;
    font-size: 16px;


}

ul.footer_tamas li a
{
    color: white;
    text-decoration: none;
    padding: 8px;
    display:inline-block ;
    font-size: 12px;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;

}
ul.footer_tamas li a:hover
{
    padding-right: 20px;
    color: #dadada;

}

/*
ul.peyvandha
{

    width: 210px;
    direction: rtl;
    padding: 0;
    margin: 10px 50px;
    float: right;


    margin-top: 50px !important;



}

ul.peyvandha li
{
    list-style: none;
    margin-bottom: 5px;
    border-radius:7px ;
    overflow: hidden;
}
*/






#home_ed
{
    background-color:whitesmoke;
    box-shadow:3px 3px 5px #9abfda ;


}

@media screen and (max-width: 1370px){




#footer{width:1348px !important;}



 #conntent3
{
    width: 1167px;
    right: 70px;
    bottom:10px !important;
}
/*ul.peyvandha
{margin: 10px 80px;}*/


 #conntent
    {width:750px !important; height: 340px;  right:70px}


#conntent2
    {width:370px !important; left:115px; }



#more_news5{left:8px; bottom: -10px;}

#pic_slider
{
	cursor:default;
	position:relative;
	top:0px;
	left:-60px;
	width:695px;
	height:275px;
    border:10px solid  white;
	overflow:hidden;
}



}

@media screen and (max-width: 450px){


    #conntent
    {width: 350px !important; height: 580px;  right: 10px}
    #news3{top: 310px; left: 35px !important;}
    #news4{top: 430px; left: 35px !important;}


    #footer{width: auto !important; height: auto!important;  bottom: -170px}

    #nav_menu{width: 300px}
    #menu_top {width: 300px !important;}




}

.mybox
{
    width: 500px;
    height: 300px;
    background-color: #2aabd2;
    margin-right: 40px;
    display: none;
    border-radius: 4px 0 4px 4px;
    float: right;
    font-family: Yekan;
    font-size: 25px;
    padding: 10px;
}


.recive
{
    border: 1px solid black;

    font-size: 20px;
    font-family: Yekan;
    color: white;
    text-decoration: none;

    margin:40px;
    display: block;
    text-align: center;
    background-color: #88bdc3 ;/*#2aabd2*/
    border-radius: 3px;
    transition: all 0.4s ease;

}

.recive:hover
{
    background-color: whitesmoke;
    color:#88bdc3;
    border-color: #88bdc3;/*#2aabd2*/
    text-decoration: none;
}

ul#tabs li a.active
{
    background-color: #2aabd2;
}


ul#site_m
{
    float: left;
    direction: ltr;
}
ul#site_m li
{
    list-style: none;
    padding: 5px;
}
ul#site_m li a
{
    text-decoration: none;
    font-size: 16px;



}

#peyvandha
{
  border-radius: 5px;
  background-color:whitesmoke;
  height: 310px;
  box-shadow: 2px 2px 5px rgba(0,0,1,0.1) ;
  margin-left: 43px;/*40px*/
  width:93%;/*94%*/
  }

@media (max-width:266px)
{

    .mybox
    {
        width: 200px !important;

    }
    ul#tabs li
    {
        margin-top: 10px;
    }
}
@media  (max-width:462px ) and (min-width:384px){

    /*.btn_file{ padding: 5px 30px;!*10 30*!font-size: 18px; width: 150px;!*265*! margin:10px  auto;}*/

}

@media  (max-width:386px ) and (min-width:266px){

    /*.btn_file{ padding: 5px 5px;!*10 30*!font-size: 12px; width: 80px;!*265*! margin:5px  auto;}*/

}


/************************peyvandha**************************/

img.peyvand_img
{
    cursor: pointer;
    position: relative;
    display: inline-block;
    border: 0;
}


img.peyvand_img::before
{
    content: " " !important;
    width: 20px !important;
    height: 10px !important;
    position: absolute !important;
    background-color: red !important;
    transition: all 0.2s linear !important;
    -webkit-transition: all 0.2s linear !important;
    -o-transition: all 0.2s linear !important;
    -moz-transition: all 0.2s linear !important;
    -ms-transition: all 0.2s linear !important;



}




/*peyvand_img*/




.img_peyvand
{

    cursor: pointer;
    position: absolute;
    display: block;
    width: 85%;
    /* padding: 0 17px; */
    height: 100%;
    /* left: 0; */
    /*width: 100%;
    height:100%;
    left: 10px;

    background-image: url('../../images/rahbar2.jpg') ;

    background-repeat: no-repeat;*/

}
.img_peyvand::before ,.img_peyvand::after
{
    content: " ";
    position: absolute;
    width: 0;
    height: 3px;
    display: inline-block;
    background-color: #1b3585;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;


}

.img_peyvand:hover::before ,.img_peyvand:hover::after
{
    width: 100%;

    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -moz-transition-delay: 0s;

}


div.img_peyvand::before
{
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    right: 0;
    top: 0;

}
div.img_peyvand::after
{
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    left: 0;
    bottom: 0;

}

/*span*/

span.img_span{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

span.img_span::before ,span.img_span::after
{
    content: " ";
    position: absolute;
    width: 3px;
    height:0;
    display: inline-block;
    background-color: #1b3585;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear !important;
    -o-transition: all 0.2s linear !important;
    -moz-transition: all 0.2s linear !important;
    -ms-transition: all 0.2s linear !important;


}

span.img_span:hover::before , span.img_span:hover::after
{
    height: 100%;
    transition-delay: 0.2s !important;
    -webkit-transition-delay: 0.2s !important;
    -o-transition-delay: 0.2s !important;
    -moz-transition-delay: 0.2s !important;
    -ms-transition-delay: 0.2s !important;


}


span.img_span::before
{

    right: 0;
    bottom: 0;
    transition-delay: 0s !important;
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    -moz-transition-delay: 0s !important;
    -ms-transition-delay: 0s !important;

}
span.img_span::after
{

    left: 0;
    top: 0;
    transition-delay: 0s !important;
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    -moz-transition-delay: 0s !important;
    -ms-transition-delay: 0s !important;

}
/*****************************grouplearn tab******************************/

#tabs{
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#tabs li{
    float: right;
    margin: 0 .5em 0 0;
}

#tabs a{
    position: relative;
    background: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background-image: -webkit-linear-gradient(top, #fff, #ddd);
    background-image: -moz-linear-gradient(top, #fff, #ddd);
    background-image: -ms-linear-gradient(top, #fff, #ddd);
    background-image: -o-linear-gradient(top, #fff, #ddd);
    background-image: linear-gradient(to bottom, #fff, #ddd);
    padding: .7em 3.5em;
    float: left;
    text-decoration: none;
    color: #444;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
    box-shadow: 0 2px 2px rgba(0,0,0,.4);
    font-size: 14px;
  
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
    background: #fff;

}

#tabs a:focus{
    outline: 0;
}

#tabs a::after{
    content:'';
    position:absolute;
    z-index: 1;
    top: 0;
    right: -.40em;
    bottom: 0;
    width: 0.8em;
    background: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background-image: -webkit-linear-gradient(top, #fff, #ddd);
    background-image: -moz-linear-gradient(top, #fff, #ddd);
    background-image: -ms-linear-gradient(top, #fff, #ddd);
    background-image: -o-linear-gradient(top, #fff, #ddd);
    background-image: linear-gradient(to bottom, #fff, #ddd);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
    box-shadow: 2px 2px 2px rgba(0,0,0,.4);
    -webkit-transform: skew(8deg);
    -moz-transform: skew(8deg);
    -ms-transform: skew(8deg);
    -o-transform: skew(8deg);
    transform: skew(8deg);
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

#tabs #current a,
#tabs #current a::after{
    /*#1b3485 #81b5c5*/
    background: #4a7a9c;
    z-index: 3;
    color: white;


}

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

#content
{/*#1b3485 #81b5c5*/
    background: #4a7a9c;
    color: white;
    padding: 2em;
    /*position: absolute;
    width: 100%;*/
    position: relative;
    z-index: 2;
    /*border-radius: 0 5px 5px 5px !important;*/
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);




    z-index: 2;
    -moz-border-radius: 5px 0 5px 5px;
    -webkit-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
    -moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}

#content h2, #content h3, #content p
{

    direction: rtl;
}

#about
{
    color: #999;
}

#about a
{
    color: #eee;
}
/****************************grouplearn sidebar ******************************/

#btn
{
    width: 50px;
    height: 50px;
    background-color: #898986;
    color: white;
    font-size: 25px;
    position: fixed;
    top: 50%;
    right: 0;
    display: none;


    background-image: url(../../images/chevron-left.png);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px 0 0 8px;

}

#mySidebar
{
    display: block;
}

@media (max-width: 766px) {
    #btn
    {
        display: block;

    }
    #mySidebar
    {
        position: fixed;
        top:10%;
        z-index: 2;
        width: 250px;
        display: none;
    }

}



/*dsdlsf*/

#sidebar
{
    background-color: whitesmoke;

    height: 500px;

    right: 30px;
    /*box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    width: 250px;*/
    border-radius: 3px;


    position:absolute;
    transition: all 0.6s ease ;

}

h5
{
    /*#103c7b*/
    background-color:rgb(0, 71, 105) !important;
    color: white !important;
    font-family: Yekan !important;
    text-align: center !important;
    line-height: 2 !important;
    margin: 1px !important;
    border-radius: 3px !important;
}

ul.nav li a.active
{
    border-top:4px solid #1b3485 !important;
    border: 1px solid  #e3e3e3;
    border-bottom: 0 !important;

    background-color: whitesmoke !important;
}
#sidebar {
     overflow: hidden;
     z-index: 1;
     float:right;
     width:100%;
     position:relative;
     right:0px;
     direction:rtl;
     font-size: 13px;
   

 }
#sidebar .list-group {
    width: 100%;
    background-color: #4a7a9c;
    min-height: 100vh;
    position: absolute;
    right: 0;
    height: 100%;

}
#sidebar i {
    margin-right: 6px;
}
#sidebar .list-group-item {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-color:#2c2c2c;
    white-space: nowrap;
    position:relative;
    z-index:1;
    background-color: #4a7a9c;
    color: white;
}

#sidebar .list-group-item  span:hover
{
    color: #adc3ae;
}
/*#sidebar .list-group-item  span:active
{
    color: red;
}*/

/*#sidebar .list-group-item::before
{!*9a82a5*!
    content:" ";
    transition:all 0.4s ease;
    background-color: #efb415;
    width:5px;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    z-index:-1;


}*/

#sidebar .list-group-item:hover:before
{

    width:100%;

}

#sidebar .list-group .list-group-item[aria-expanded="false"]::after {
    content: " \f0d7";
    font-family: FontAwesome;
    display: inline-block;
    text-align: left;
    padding-right: 20px;


}

/* open state */
#sidebar .list-group .list-group-item[aria-expanded="true"] {
    /*background-color: #222;*/
}
#sidebar .list-group .list-group-item[aria-expanded="true"]::after {
    content: " \f0d9";
    font-family: FontAwesome;
    display: inline-block;
    text-align: left;
    padding-right: 20px;


}

@media (max-width:768px) {
    #sidebar {

        max-width: 200px;
        right: -280px;
        transition: all 0.6s ease ;
        position: fixed;
        z-index: 4;

    }

    #sidebar.a
    {
        width:200px;
        right:0px;
        top:50px;
        transition: all 0.6s ease ;
    }
    #sidebar.b
    {
        width:200px;
        right:-280px;
        top:50px;
        transition: all 0.6s ease ;
    }
    #btn
    {
        display: block;
        z-index: 3;
    }

   h5{ visibility: hidden !important;}


    #sidebar::-webkit-scrollbar{ width: 0px; }

    /* hide caret icons of top level when collapsed */
    #sidebar .list-group > .list-group-item[aria-expanded="true"]::after,
    #sidebar .list-group > .list-group-item[aria-expanded="false"]::after {
        display:none;
    }

    #align_menu
    {
        padding:0 !important;

    }

    #tabs a
    {
        padding: .5em 2.5em !important;
    }
    .sort_col2 a.btn-lg, .btn-group-lg > .btn
    {
        padding: 5px !important;
    }

}

@media (max-width:490px)
{
    #tabs a
    {
        padding: .4em .8em !important;
        font-size: 14px;
    }
    #content
    {
         padding: .5em;

    }
}


#n_reshte , #n_reshte2
{
    display: inline-block !important;
    font-size: 16px;
    
}

/*******************end************************/


/*********************menu sidebar admin************************/



/*dsdlsf*/

#sidebar2
{
    background-color: whitesmoke;

    height: 100%;

    right: 30px;
    /*box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    width: 250px;*/
    border-radius: 3px;


    position:absolute;
    transition: all 0.6s ease ;

}




#sidebar2 {
    overflow: hidden;
    z-index: 1;
    float:right;
    width:100%;
    position:relative;
    right:0px;
    direction:rtl;
    font-size: 14px;
    font-family: Yekan;

}
#sidebar2 .list-group {
    width: 100%;
    background-color: #b4d3e2;
    min-height: 100vh;
    position: absolute;
    right: 0;
    height: 100%;

}
#sidebar2 i {
    margin-right: 6px;
}
#sidebar2 .list-group-item {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-color:#b4d3e2;
    white-space: nowrap;
    position:relative;
    z-index:1;
    background-color:#842424;
    color: white;
}



#sidebar2 .list-group-item:hover:before
{

    width:100%;

}



/* open state */




@media (max-width:768px) {
    #sidebar2 {

        max-width: 200px;

        right: -280px;
        transition: all 0.6s ease ;
        position: fixed;
        z-index: 4;

    }

    #sidebar2.a
    {
        width:200px;
        right:0px;
        top:50px;
        transition: all 0.6s ease ;
    }
    #sidebar2.b
    {
        width:200px;
        right:-280px;
        top:50px;
        transition: all 0.6s ease ;
    }





    #sidebar2::-webkit-scrollbar{ width: 0px; }

    /* hide caret icons of top level when collapsed */
    #sidebar2 .list-group > .list-group-item[aria-expanded="true"]::after,
    #sidebar2 .list-group > .list-group-item[aria-expanded="false"]::after {
        display:none;
    }
}


/*************************index**************************/




@media (min-width:1360px)
{/*#news_align{margin-left:70px !important}*/

	}

@media (max-width:1360px) and (min-width:1200px)
		{

			/*#news_align{margin-left:70px !important}*/
			#peyvandha
			{
				/*margin-left:-60px !important;*/
			}
		}




        ul.peyvand
        {
            float: right;
        }
        ul.peyvand li
        {
            float: right;
            list-style: none;
            border: 2px solid yellow;
            border-radius: 10px;
            overflow: hidden;
            margin: 10px ;
        }

        @media (max-width:1021px) and  (min-width:765px){

			#body{
			margin-top: 10px !important;
			}


        }


		 @media (max-width:767px) {


            #body
            {
                top:-40px !important; }


             #arm {
                 float: none;

                 right: 0;
                 left: 0;
                 margin: 0 auto;
                 width: 50%;

             }


        }


        @media (max-width:544px) and (min-width: 481px)
        {

            #body
            {
                top:35px !important; }


        }

		 @media (max-width:481px)and (min-width: 360px)
        {

            #body
            {
                top:35px !important; }


        }
        @media (max-width:360px) and (min-width: 327px)
        {


            #body
            {
                top:25px !important; }

        }
        @media (max-width:327px)and (min-width: 266px)
        {

            #body
            {
                top:35px !important; }
        }



		#pic_second_row
		{
			position: relative;
            min-height: 120px;
            border-radius: 5px;
            top: 15px;
            overflow: hidden;
		}
		#pic_second
		{

			border-radius: 5px;
            padding:0;
            text-align: center;
            position: absolute;
            right: 0;
            left: 0;
            margin: 0 auto;}


/*******************end index***********************/


/*******************menu***********************/
/**effect carousel**/
.carousel-control.right {
    background-image: -webkit-linear-gradient(left, transparent 0%, transparent 100%) !important;
    background-image: -o-linear-gradient(left, transparent 0%, transparent 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent)) !important;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%) !important;
}
.carousel-control.left
{
    background-image: -webkit-linear-gradient(left, transparent 0%, transparent 100%) !important;
    background-image: -o-linear-gradient(left, transparent 0%, transparent 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent)) !important;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%) !important;
}
.carousel-inner
{
 border: 5px solid white;
 box-shadow: 0px 0px 6px 2px #eaeaea;

}
.carousel .carousel-control i
{
    visibility: hidden;
}
.carousel:hover .carousel-control i
{
    visibility: visible;
}


.carousel-fade .carousel-inner .item {
    opacity: 0;

    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}

/**end effect carousel**/

#languge_fa
{
    color: white;

    text-decoration: none;
}
#languge_en
{
    color: white;
    float: left;
    text-decoration: none;
}
.navbar-default .navbar-nav > .open > a
{
    background-image: linear-gradient(to bottom, #fafafa 0%, #fafafa 100%);
    box-shadow:inset 0 3px 9px rgba(250, 250, 250, 0.07);
    z-index: 0;
}


 .affix
 {
     top: 0;
     width: 100%;
  }

 .affix  +.container
  {
    padding-top:70px !important;
  }


.affix  +.container-margintop
{
    padding-top:120px !important;
}






       ul.nav
        {
           /* float:right;*/
             padding: 0;

        }

        ul.nav li
        {
            /*font-family: Yekan;*/
           /* font-size: 16px;*/
            padding-right: 10px !important;



        }
        /*.mega-dropdown
        {
            border-top:0 !important;
        }
        .mega-dropdown {
            position: static !important;
        }
        .mega-dropdown-menu {
            padding: 20px 0px;
            width: 100%;
            border-top:0



        }


        .mega-dropdown-menu > li > ul {
            padding: 0;
            margin: 0;


        }
        .mega-dropdown-menu > li > ul > li {
            list-style: none;
        }
        .mega-dropdown-menu > li > ul > li > a {
            display: block;
            color: black;
            padding: 3px 5px;

        }

        .mega-dropdown-menu > li ul > li > a:hover,
        .mega-dropdown-menu > li ul > li > a:focus {
            text-decoration: none;
            color: #287699;
        }
        .mega-dropdown-menu .dropdown-header {
            !*#ff3546;*!
            font-size: 18px;
            color: #ff3546;
            padding: 5px 5px 5px 5px;
            line-height: 30px;

        }

        .dropdown-menu li a:hover
        {
            background-color:white;
        }
        !*.dropdown-menu li

        {float:right; }*!

        .dropdown-menu li ul        {
            float:right;  text-align:right; display: inline-grid}
*/

        @media (max-width:1024px)
        {
            label#language , #time
            {
                /*font-size: 14px !important;*/
            }
        }



                #arm
                {
                    float: right;
                    position: absolute;
                    top: 25%;


                }


                @media (max-width:400px)
                {
                    #arm
                    {

                        width: 100%;

                    }

                }

/*******************end menu***********************/

/**********************morenews********************/
p{
    color: #434343;
    font-family: Yekan;
    font-size: 13px;

}
#update1 table p
{
    font-size: 13px;
}

p:not(.not_font)
{
    font-size: 16px;
    line-height: 30px;
}
p#size_font
{
    font-size: 16px;
}
@media screen and (max-width: 767px)and (min-width:370px){
    /*#style_img
    {
        left: 0 !important;
        right:50% !important;
    }*/

}

@media screen and (max-width: 369px){
   /* #style_img
    {
        top: 120% !important;
    }*/
    #onvan_main
    {
        font-size: 14px !important;
    }

   /* #onvan_main2
    {
        !*top: 35% !important;*!
    }*/
  /*  #matn_main
    {
        !*top:45% !important;*!
    }*/

}

#box_onvan
{
    border: 1px solid #8c8f90;
    border-radius: 8px;
    margin-top: 0px;
    box-shadow: 1px 1px 1px 1px #eeeeee;
}
#news_onvan
{
    font-family: Yekan;
    position: absolute;
    left: 10px;
    font-size:16px;
    color:#01008b;
    text-decoration: none;
}
#home_onvan
{
    font-family: Yekan;
    position: absolute;
    left: 40px;
    font-size: 16px;
    color: #01008b;
    text-decoration: none;
}
#onvan_main
{
    text-shadow:0px 0px 2px #737373;
    font-family: Yekan;
    font-size: 22px;
    color: #426a7d;
    text-decoration: none
}
/*#onvan_main2
{
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding-bottom: 20px;
    bottom: 0;
    !*top: 30%;*!
    text-align: center;
}*/
#detiles
{
    /*background-color:#5f6d94;
     box-shadow: 1px 1px 2px 2px #bcbfc0;
    height: 900px;*/
    min-height: 400px;
    margin-top: 20px;
    border-radius: 3px;
    position: relative;

}
#detiles2
{
    margin-top: 30px;
    padding:0px;
    font-size: 12px;
    font-family: Yekan;
    float: right
}
/*#style_img
{
    min-height: 200px;
    padding: 0;
    min-height: 200px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 10px  auto;
}*/

#box_sendemail
{
    background-color:#e2e2e2;
    height: 280px;
    margin: 50px 0 50px 0;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    font-size: 18px;
    font-family: Yekan;
    /*position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;*/
}

/******************end morenews***************/

/*****************arshive news*******************/

#onvan_arshive
{
    font-family: Yekan;
    font-size: 20px;
    color: #3a3837;
    text-decoration: none;
}

#main_arshive
{
    background-color:#f1efed;
    height: 800px;
    margin-top: 20px;
    border-radius: 3px;
    box-shadow: 1px 1px 2px 2px #bcbfc0;
}
#main_arshive2
{
   /* border-bottom:1px solid #d0cecc ;*/
    height:85px;/*115*/
    border-radius: 3px;
    margin-top: 40px;
}
#date_arshive
{
    background-color: #efb415 ;
    border-radius: 3px;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.3);
    /*position: absolute;
    left: 10px;
    bottom: 5px;*/
    font-family: Yekan;
    font-size: 12px;
   /* line-height: 25px;*/
    max-height: 25px;
    padding: 6px;
}
#arshive_header
{
    border: 1px solid #9fa2a3;
    box-shadow: 1px 1px 1px 1px #eeeeee;
    border-radius: 8px;
    margin-top: 0;
}
/*#arshive_header2
{
    height:20px;
    position: relative;
    margin-top: 13px;
    width: 105px;
    float: left;
}*/
#news_arshive
{
    font-family: Yekan;
    position: absolute;
    left: 10px;
    font-size: 16px;
    color:#8e9192;
    text-decoration: none;
}
#home_arshive
{
    font-family: Yekan;
    position: absolute;
    left: 40px;
    font-size: 16px;
    color: #01008b;
    text-decoration: none;
}
#news_arshive2
{
    text-shadow: 0px 0px 2px #737373;
    font-family: Yekan;
    font-size: 22px;
    color: #426a7d;
    text-decoration: none;
}
#more_arshive
{
    background-color: #1b3485;
    border-radius: 3px;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.3);
   /* position: absolute;
    right: 10px;
    bottom: 5px;*/
    line-height: 25px;
    max-height: 27px
}
#more_arshive2
{
    font-family: Yekan;
    color: white;
    font-size: 12px;
    color:whitesmoke;
    text-decoration: none;
}
#img_arshive_main
{
    overflow: hidden;
    width: 125px;
    height: 80px;
     float: left;
    margin-top: 20px;
}
#img_arshive
{

    width:100%;
    height:100%;
}

@media screen and (max-width: 450px)
{

    #onvan_arshive
    {
        font-size: 16px !important;
    }
    #main_arshive
    {
        padding: 0 !important;
    }
    #main_arshive2
    {
        padding: 0 !important;
    }
    #date_arshive
    {
        font-size: 10px !important;
        line-height: 10px;
    }


}

/**********************end arshive news******************/


/***********************index********************/
/***footer chasban*/
html, body
{
    height: 100% !important;
    min-height: 100% !important;;
}
.site-wrapper
{
    /* background-color: #0f74a8;*/
    display: flex !important;;
    flex-direction: column  !important;
    /*min-height: 100% !important;*/
    padding: 0 !important;
}
.main
{
    margin: 0  !important;
    flex-grow: 1 !important;
    padding: 1em !important;
    min-height:600px !important;

}
.header2
{
    /* background-color: #2aabd2;*/
    min-height: 100px !important;
}
.footer2
{
    /* background-color: #5444d2;*/
    min-height: 100px !important;
}
/***end footer chasban*/


#img_logo
{
    width: 90%;
    margin-top: 5px ;
}

.box_n
{
    /*background-color: #e9e9e9;
    border-radius: 6px;
    box-shadow: 1px 1px 5px rgba(0,0,1,0.1) ;
    height: 110px; margin-top: 8px;
    float:right*/
    margin-bottom: 10px;
    background-color: #d0d0d0;
    height: 100px;
    border-radius: 3px;
    width: 45%;
    margin-right: 20px;
    border: 1px solid #337a9c
}

.box_n2
{
    /*background-color: #e9e9e9;
    border-radius: 6px;
    box-shadow: 1px 1px 5px rgba(0,0,1,0.1) ;
    height: 110px; margin-top: 8px;
    float:right*/
    margin-bottom: 10px;
    background-color: #d0d0d0;
    height: 100px;
    border-radius: 3px;
    width: 85%;
    margin-right: 20px;
    border: 1px solid #337a9c
}


@media (max-width: 580px)
{
    .box_n
    {
        width: 90% !important;
    }
    #description_manage
    {
        line-height: 1.4 !important;
    }
    #content_f
    {
        margin-top: 2px !important;
    }
    #content_us
    {
        padding: 15px !important;
    }
    #title_content
    {
        margin-top: 0 !important;
    }

}


#img_p
{
    padding: 0;
    margin-top: 15px
}
#img_p2 {
    width: 100%;
    height: 100%;
   /* margin-bottom: 30px;*/
    border-radius: 3px;
    box-shadow: 0px 0px 3px #111
}
#link_p {
    position: relative;
    width: 100%;
    height: 70px;
}

/************************end index****************/


/************************formha****************/
.table_main tr:nth-child(even) {
    color: white;
}


#tbl_f
{
    margin-top: 15px;
    font-family: Yekan;
    font-size: 16px;
    text-align: center
}
/************************end formha****************/

/************************heyatmoases****************/

.box
{
    width: 165px;
    height: 165px;
    margin: 10px;
    border: 1px solid #989b9c;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    float: right;
    transition: all 0.8s ease;
}
.box img
{
    width: 100%;
    height: 100%;

}
.box .overlay
{
    width: 165px;
    height: 165px;
    position: absolute;
    bottom: 0;
    background-color: white;
    opacity: 0.5;
    margin: -250px 0 0 0;
    transition: all 0.8s ease;

}

.matn
{
    /*border: 1px solid mediumvioletred;*/
    padding: 5px 10px;
    margin:-190px 30px  0 0 ;

    font-family: Yekan;
    font-size: 16px;
    position: absolute;
    text-decoration: none;
    display: inline-block;
    opacity: 0;
    transition: all 0.8s ease;
    color: whitesmoke;
    /*background-color: red;*/
    color:#606060;
    background-color: #FBFBFB;
    border-radius:3px;
    right: -15px;





}

.matn2
{
    /*border: 1px solid mediumvioletred;*/
    padding: 5px 10px;
    margin:-150px 25px 0 0;
    font-family: Yekan;
    font-size: 14px;
    position: absolute;
    text-decoration: none;
    display: inline-block;
    opacity: 0;
    transition: all 0.8s ease;
    color: whitesmoke;
    /* background-color: navy;*/
    color:#606060;
    background-color: #FBFBFB;
    border-radius:3px;
    right: -10px;







}
.box:hover
{
    position: relative;
    box-shadow: 0px 0px 7px rgba(0,0,0,.5);
    border: 1px solid #aad9d6;

}
.box img
{
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
}
.box .overlay:hover
{
    opacity: 0.1;

}


.box:hover .matn
{
    padding: 0px 10px;
    margin:-60px 30px 0 0;
    opacity: 1;
    text-decoration:none;
    box-shadow:0 0 8px #1b3485;

}
.box:hover .matn2
{
    padding: 0px 10px;
    margin:-33px 25px 0 0 ;

    opacity: 1;
    text-decoration:none;
    box-shadow:0 0 5px  #1b3485;

}
#main_h
{
    position: absolute;
    margin: 100px auto;
    left: 0;
    right: 15%;
}
#heyat
{
    padding:30px 0px
}

@media screen and (max-width: 450px){

    .box
    {
        width: 100px !important;
        height: 100px !important;
    }

    .box .overlay
    {
        width: 100px;
        height: 100px;
    }

    .matn
    {
        /*border: 1px solid mediumvioletred;*/
        padding:0;
        font-size: 12px;
        margin:-190px 20px  0 0 ;
    }

    .matn2 {
        /*border: 1px solid mediumvioletred;*/
        padding: 0;
        font-size: 12px;
        margin:-150px 15px 0 0;
    }


    .box:hover .matn
    {
        padding: 0px;
        margin:-60px 20px 0 0;


    }
    .box:hover .matn2
    {
        padding: 0px ;
        margin:-33px 15px 0 0 ;
    }

    #main_h
    {
        margin: 65px auto;
    }
    #heyat
    {
        padding:0;
    }


}
/************************ end heyatmoases****************/

/***********************reshteha*************************/

div #tab_content
{
    display: block !important;
    float: right;
    margin-bottom: 30px;


}
#style_a
{
    color: whitesmoke;
}
#style_a:hover
{
    text-decoration: none;
    color: #d5dbdf;
}




#style_a:visited ,#style_a:link
{
    text-decoration: none !important;
}

.text_align
{
    width: 50%;
    border: 1px solid black;
    border-radius: 2px;
    padding: 3px;
    color: black;
}

.text_align2
 {
     width: 300px !important;
     border: 1px solid black;
     border-radius: 2px;
     /* padding: 5px;*/
     color: black;
 }
.text_align3
{
    width: 500px !important;
    border: 1px solid black;
    border-radius: 2px;
    /* padding: 5px;*/
    color: black;
}
.success_in_up
{
    width: 500px;
    height: 80px;
    text-align: center;
     background-color: green;
    border: 1px solid lightgreen;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -180px;
    color: white;
    font: 20px Yekan;
    line-height: 3;

}

.success_in_up2
{
    width: 250px;
    height: 60px;
    text-align: center;
    background-color: green;
    border: 1px solid lightgreen;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -125px;
    margin-top: -320px;
    color: white;
    font: 18px Yekan;
    line-height: 3;

}

.error_in_up
{
    width: 500px;
    height: 80px;
    text-align: center;
    background-color: #ce1100;
    border: 1px solid rgba(215, 93, 92, 0.35);
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -180px;
    color: white;
    font: 20px Yekan;
    line-height: 3;
}

#error_msg_group
{
    text-align: center;
    color: #e10000;
    font: 35px yekan;
    padding-top: 100px;

}

@media (min-width:1277px){
    #size_sidebar
    {
        /*width:400px !important;*/
        /*position:relative;
        left:0px !important;*/
        padding:0
    }
}



.msg_error
{
    background-color: #ee707f;
    border: 1px solid red;
    padding: 5px;
    border-radius: 5px;
    width: 250px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    font: 14px Yekan;


}

.msg_success
{
    background-color: lightgreen;
    border: 1px solid green;
    padding: 5px;
    border-radius: 5px;
    width: 250px;
    text-align: center;
    position: absolute;
    left: 50px;
 /*   right: 0;*/
    margin: 0 auto;
    font: 14px Yekan;
}
/***********************end reshteha********************/
/**********************email_p******************/
#n_g
{
    color: #426a7d;
    font: 16px Yekan;
    font-weight: bold;
    text-decoration: none;
}
.panel-default
{
    color: black;
    font: 14px Yekan;

}
/**********************end email_p******************/

/******************index bootstrap new******/
#time
{
   /* float:right;*/
    margin-right:5px;
    color: white;
    font-size:12px;
    font-family:Yekan;
}


.form-control
{
    direction: rtl;
}
.mybox_header
{
    padding: 5px;
    margin: 5px;
}

.mybox_content
{
    padding: 5px;
    background-color: rgb(238,238,238);
    border-radius: 5px;
    border: 1px solid #ccc;
}

.mybox_footer_small
{
    padding-right: 15px;
    font-size: 13px;
}
/********end index bootstrap new*********/


/*******groupbargh********/
#description_manage
{
    font-family: Yekan;
    font-size:14px;
    line-height: 2;
}
/******end groupbargh******/
/****more_etelaeye****/
span
{
    /*font-family: Yekan !important;*/
}
/**********end more_etelaeye****/

/******feraghat*****/
#content_f
{
    margin-bottom: 40px;
    margin-top: 40px
}
#content_feraghat
{
    background-color: #4a7a9c;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0, .5);
}

#align_matn
{
    
    font-size: 14px;
    text-align: right;
    margin-right: 20px;
    line-height: 30px;
}
/********content*******/
#content_us
{
    padding: 10px 50px;
}
#title_content
{
    background-color: #4a7a9c;
    margin-top: 50px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0, .5);
}
/*daneshjo news*/
.sort_col1
{
    float: right;
    padding-right: 20px;
}
.sort_col2
{
    float: left;
    padding-left: 20px;
}

/*admin*/
.change_form
{
    border: 1px solid #bbbbbb;
    padding: 15px;
    border-radius: 5px;
}
#image_slider
{
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 20px
}

/**index page*/
#up_arrow
{
    background-image:url(../../images/arrow-up-.png);
    width:32px;
    height:32px;
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    z-index: 2;

}
/*email_p*/
a#name_prof:hover ,a#name_prof:visited ,a#name_prof:active
{
    text-decoration: none;
}

/*menu*/
.navbar-collapse
{
    max-height: 500px !important;
}


.dropdown-menu
{
    right: 0;
    padding:0;
}

.dropdown-menu li
{
    padding: 2px 0;
}

.dropdown-toggle
{
    position: relative;
}

.dropdown-toggle > i
{
    position: absolute;
    left: 10px;
}

.dropdown-menu .dropdown-menu
{
    right: 100% !important;
    left: auto !important;
    padding: 0;
}

.dropdown .dropdown-menu li:hover ,.dropdown .dropdown-menu li a:hover
{
    color: white ;
    background-color: #296b8a ;
    background-image: none
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus
{
    background-color: transparent !important;
    color: white ;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
   background-image: none !important;
    color: white ;
}
.dropdown-menu > li.open > a
{
    color: white;
}

.caret-custom
{
    float: left;
    position: absolute;
    left: 10px;
    top: 5px;
}
.angle-custom
{
    right: 10px;
    top: 6px;
    font-size: 14px;
    float: right;
    position: absolute
}
.table-striped tr
{
    font-size: 14px;
}

.tab-pane .description-chart p,.tab-pane span
{
    font-size: 14px !important;
    font-family: 'Yekan';
    line-height: 30px !important;
}

.table-gallery
{
    text-align: center;
}

.table-gallery tr:nth-child(odd)
{
    background-color: #cdebef;
}

.table-gallery tr:first-child
{
    background-color: #e0e0e0;
}
.btn-gallery
{
    font-size: 12px;
    margin: 10px 0;
}

.circle-check-gallery
{
    margin: 5px;
    color: #08d408;
    font-size: 17px;
    cursor: pointer;
}