@font-face {
    font-family: "yekan";
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/yekanweb-regular.eot') format("embedded-opentype"), url('../fonts/yekanweb-regular.woff') format("woff"), url('../fonts/yekanweb-regular.ttf') format("truetype"), url('../fonts/yekanweb-regular.svg') format("svg");
}

body {
    font-family: "yekan";
    padding-bottom: 300px;
}
.colorbase
{
     color: #aa08fa;
}

.sizebase
{
     font-size: 16px;
}
/*---------------------Header Style----------------------*/

.header {
    min-height: 100px;
    border-bottom: 2px solid 	#D0D0D0 ;
}


.footer {
    border-top: 3px solid 	#D0D0D0 ;
}
.bottomline {
    border-bottom: 1px solid 	#D0D0D0 ;
    margin: 10px;
}


.rotter {
    min-height: 20px;
    border: 1px solid 	#E0E0E0 ;
    border-radius:1%;
}
.title-head h1 {
    text-align: right;
    font-size: 30px;
    color: #aa08fa;
}

.title-head h4 {
    text-align: right;
    color: #7708aa;
}

.login a {
    margin-top: 30px;
      margin-bottom: 20px;
      background-color:white;
}

.login i {
    padding-left: 10px;
}

.flr
{
   display:inline-block;
   vertical-align:top;
}

@media (max-width: 999px) and (min-width:351px) {
    .title-head h1 {
        font-size: 20px;
    }
    .title-head h4 {   font-size: 12px;
}

}
@media (max-width: 350px) and (min-width: 0px) {
    .title-head h1 {
        font-size: 12px;
    }
}

.tar {
    text-align: right;
}

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

.RTL {
    text-align: right;
    direction:rtl ;
}

.center 
{
    direction:rtl;
    text-align: center;
}

.nav li a
 {
     margin:5px;
 } 
 
 ul.nav li:hover, ul li a:hover, ul.nav li a:hover
 {
     background-color:black;  color:#aa08fa;
 } 
 
 .submenu li a
 {
       text-align: right;
       direction:rtl ;
 }

.about-head
{
     font-size: 2em;
}
.about-content 
{
    text-align: justify;
    padding: 5px ;
    color: #2d76eb;
    direction:rtl;
}

.mgt10 {
    margin-top: 10px;
}

.mg5 {
    margin: 5px;
}
.my-icon {
    position: absolute;
    top:100px;
}

div.box:hover
{
     background-color:#fff0fd;
      border: 1px solid 	#7708aa ;
    border-radius:1%;
}
.box-head {
    text-align: center;
    padding: 10px;
     color: #7708aa;
    font-size:3em;
}

.box-image
{
    text-align: center;
     padding-top: 20px;
}

.box-body {
    text-align: justify;
    padding: 10px;
    direction:rtl;
}

.footer div a:hover
{
     margin-right: 20px;
}

div i.fa:hover
{
      color: gray;
}

.contact div
{
    margin:10px;
}

.contact div i
{
    padding:10px;
}