@font-face {
 font-family: 'Iran';
 src: local('☺'), local('Iran'), url('/Font/iransharp.woff') format('woff'), url('/Font/iransharp.woff2') format('woff2'),url('/assets/fonts/iransharp.eot') format('eot');
 font-weight: normal;
 font-style: normal;
}
@font-face {
   font-family: 'Far.Mitra';
        src:        url('/Font/Far_Mitra.eot');
        src: local('☺'),
                    url('/Font/Far_Mitra.woff') format('woff'),
                    url('/Font/Far_Mitra.ttf') format('truetype');
                   
        font-weight: normal;
        font-style: normal;
}
@font-face {
   font-family: 'PersianSans';
        src:        url('/Font/BRoya.eot');
        src: local('☺'),
                    url('/Font/BRoya.woff') format('woff'),
                    url('/Font/BRoya.ttf') format('truetype');
                   
        font-weight: normal;
        font-style: normal;
}
@font-face {
 font-family: 'Iranblack';
 src: url('/Font/IRANBlack.eot');
 src: url('/Font/IRANBlack.eot?#iefix') format('eot'),  url('/Font/IRANBlack.woff2') format('woff2'),  url('/Font/IRANBlack.woff') format('woff'),  url('/Font/IRANBlack.ttf') format('ttf');
 font-weight: normal;
 font-style: normal;
}



@font-face {
    font-family:'Vazir';
    src: url('/Font/Vazir-Thin.eot');
    src: url('/Font/Vazir-Thin.eot?#iefix') format('embedded-opentype'),
         url('/Font/Vazir-Thin.woff2') format('woff2'),
         url('/Font/Vazir-Thin.woff') format('woff'),
         url('/Font/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}


body{
   // background-image: url(../Images/bg.jpg);
   background-color:white;
    background-repeat: repeat;
    padding: 0;
    margin: 0;
}
.ImageIcon{
    opacity: 0.6;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.ImageIcon:hover {
        opacity: 1;
        cursor: pointer;
        -webkit-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }
.BYekanFont {
    font-family:Vazir;     
    color: #333;  
    direction: rtl;
    text-decoration: none;
    font-size:12pt
}
.Bmitra {
   font-family: Vazir;
   font-weight:bold;
    direction: rtl;
    text-decoration: none;
    font-size: 1.1rem;
font-weight: bold;
line-height: 1.6;
color: #004adf;
line-height: 26px;
}
* {
 font-family: Vazir;
margin: 0;
font-weight: normal;
font-size: 10pt;
}
h1, h2, h3, h4, h5, h6 {
 margin:5px 0;
}
h4{
}
h5, h6 {
     font-family: Vazir;
      font-size:13px;
 line-height: 1.5 !important;
}
.TopDiv {
    min-height: 30px;
    height: auto;
}

.MainDiv {
    border: solid 3px #dcdcdc;
    background-color: white;
    min-height: 700px;
    height: auto;
}

.Box {
    border: solid 3px white;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

    .Box:hover {
        padding: 0;
        -webkit-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
        border: solid 3px #587da0;
        cursor: pointer;
    }

.ImgBox {
    background-color: white;
    min-height: 170px;
    height: auto;
    padding: 10px;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .ImgBox:hover {
        -webkit-box-shadow: 0px 0px 8px 0px rgba(119,139,252,1);
        -moz-box-shadow: 0px 0px 8px 0px rgba(119,139,252,1);
        box-shadow: 0px 0px 8px 0px rgba(119,139,252,1);
        -webkit-transition: all 0.6s linear;
        -ms-transition: all 0.6s linear;
        -o-transition: all 0.6s linear;
        transition: all 0.6s linear;
        cursor: pointer;
    }

    .ImgBox img {
        -webkit-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        filter: sepia(0%);
    }

        .ImgBox img:hover {
            -webkit-transition: all 0.3s linear;
            -ms-transition: all 0.3s linear;
            -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
            filter: sepia(80%);
            /*filter: grayscale(80%);*/
        }

.ViewTextBox {
    border: solid 1px #dcdcdc;
}

    .ViewTextBox:focus {
        border: solid 1px rgba(119,139,252,1);
    }