@font-face {
    font-family: IranSans;
    src: url('../../fonts/IRANSansWeb.woff'),url('../../fonts/IRANSansWeb.ttf'),url('../../fonts/IRANSansWeb.eot');
    }
body{
    /*background-color:#f4f5f7;*/
    /*background-image:url('../../Content/image_project/image_design/bg.jpeg');*/
    /*padding:0 !important;
    margin:0 !important;*/
    font-family:IranSans !important;
}
.FestivalStyle
{
    padding:20px;
}
.MyTextFestival
{
    font-size:12px;
    margin-top:10px;
    color:gray;
}
.infoGraphic
{
    width:100%;
}
.MyExam
{
    list-style-type:none;
}
.MyExam li
{
    padding:10px;
    border-bottom:1px solid gray;
}
.BtnSubmit
{
    font-size:14px;
    margin-top:10px;
}
.CustomImageRound
{
    border-radius:20px;
}
.bgmainsite{
    background-color:white;

    /*border-radius:20px;
    margin:5px;
    border:1px solid #f0f0f0;*/
}
#BoxStyle h2
{
    color: #10a0d2!important;
}
.topbg{
    background-color:#292929!important;
    border-bottom: 5px solid #0e9ed3 !important;
}
.topbg a{
    padding-right:10px;
}
.menucolor
{
    background-color:white !important;
    font-family: 'IranSans' !important;
    font-size:14px;
}
.flex {
width: 100%;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
padding:10px;
   flex-direction: row-reverse; 
/*padding-bottom:10px;*/
}

.flex .flexitem {
  display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-basis: auto;
}



@media only screen and (max-width: 800px) {
    .MobileViewHead 
{    
    width:100%;
}
}


@media only screen and (min-width: 1023px) {
    #MyMneuWidthDesktop 
{    
    width:838px;
}
}
.BookStyle h3 {
  color: black!important;
  font-size:12px;
}
.BookStyle:hover{
    background-color:#0ea0d3;
    border-radius:20px;
      transition: background-color 0.5s;    
}
.newssubjectEvent
{
      color: black!important;
  font-size:12px;
  text-align:center;
}
#BoxStyle::after {
  height: 0.2rem;
  background: #10a0d2;
}
.StyleNewsTop
{
    background-color:white !important;
}
.StyleBoxToolsTop {
  background-color: #2878db;
  border-radius: 10px;
  margin-top: 10px;
  padding: 10px;
padding-left:50px;
padding-right:50px;
}
.DateStyle
{
    color:white!important;
}
.CardFirstPage {
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 20px;
    padding: 20px;    
    text-align: center;
    color: #10a0d2;
    font-size: 50px;
    border: 2px solid #10a0d2;
}
.CardFirstPage:hover {
background-color:#3f3f3f;
border: 2px solid #3f3f3f;
    color: #ffffff;
    transition: background-color 0.5s;   
}
.CardTitle{
    font-size:18px;
}
.captiondepartment{
    padding:20px;
}
.BGFooter1
{
    background-color: #4b4b4b !important;
    color: white !important;
}
.BGFooter2
{
    background-color: white !important;
    color: black;
}
.BoxTextWhite {
    color: black !important;
}
ul.main-nav > li > a { 
  display: block; 
  padding: 9px; 
  /*font-weight:100;*/
  position: relative;
  color: #000;
  font-size: 12px;
  /*font-weight: 400;*/
  box-sizing: border-box;
}
.headbg
{
    
/*background-image:url('../image_project/image_design/Pattern.jpg');
background-repeat:no-repeat;*/
    background:#10a0d2!important;
/*background-size:100% 100%;*/
}

.PanelHead {    
    border-bottom: 2px solid #10a0d2;
    font-size:16px;
}
.btn-primary {
    background-color: #10a0d2;
}
.BoxTextWhite span {
    border-bottom: 2px solid white;
    color:white;
    font-size:0.8em !important;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    float: right;
    margin-right: -20px;
}
.newssubjectMain
{
    color: #315898;
    line-height:20px;
    font-size:14px !important;
    text-align:center;
}
.grid-row .newssubjectMain{
    text-align:right !important;
}
.summarynews{
    font-size:11px;
    color:#555;
}

.imagenews div {

  width: 100%;
  padding: 40%;
  box-sizing: border-box;
  position: relative;
}
 .imagenews img {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;  
}
 .imagenewsContainer
 {
     padding:0px;
     text-align:center;
 }
 #BoxStyle h2 > a {
    color: #10a0d2 !important;
}
 
#BoxStyle h2::before {
    /*background: #10a0d2 !important;*/
      background-color: white !important;
  border: 5px solid #10a0d2 !important;
  display: block;
  content: '';
  width: 10px !important;      
  top: 50%;
  right: 0;
  height: 10px !important;
}
#Tab1 .active a {
    background-color: #10a0d2 !important;
}
#Tab1 a:hover
{
    background-color: #10a0d2 !important;
}
.ShopStyle
{
    text-align:right;
    padding:10px;
    font-size:1.5em;
}
.ShopStyle .ShopKey
{
color:#10a0d2;
padding-left:10px;
}
.ShopStyle .ShopSite
{
color:#ff0000;
}



#BoxStyleFooter {    
    height: 26px;
    line-height: 26px;
    margin-bottom: 10px;
    position: relative;
}

#BoxStyleFooter h2 {
    font-size: 14px;
    padding: 0 10px 0 20px;
    padding-right: 10px;
    margin: 0;
    color: #ffffff;    
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-right: 25px;
    line-height: 26px;
}
#BoxStyleFooter h2 > a {
    display: block;
    text-decoration: none;
    color: #ffffff;
}

/*#BoxStyleFooter::after {
    display: block;
    content: '';
    width: 100%;
    top: 50%;
    right: 0;
    height: 0.1rem;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(112, 112, 112, 0.35);
}*/
    #BoxStyleFooter h2::before {
        display: block;
        content: '';
        width: 10px;
        top: 50%;
        right: 0;
        height: 10px;
        position: absolute;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: white !important;
        border: 5px solid rgb(16, 160, 210) !important;
        display: block;
        content: "";
        width: 10px !important;
        top: 50%;
        right: 0px;
        height: 10px !important;
    }

.BtnSize {
    font-size: 16px !important;
}
.BookDetailPage
{
    font-size:0.8em;
}
.IconLinkContainer {
    display: flex;
    justify-content: center;
    align-items: center;    
}
.IconLinkContainer2{
    display: flex;
    justify-content: center;
    align-items: center;    
}
@media (pointer:none), (pointer:coarse) {
    .IconLinkContainer {
overflow-x:scroll;
justify-content:flex-start;
}
        .IconLinkContainer2 {
overflow-x:scroll;
justify-content:flex-start;
}
}
.IconLink
{
    padding:10px;
    text-align:center;
}
.IconLink img{
    max-width:150px;
}
.IconLink p{
    color:white;
    font-size:12px;
    text-align:center;
    padding-top:5px;
}
.IconLinkContainer2 .IconLink p{
    color:black !important;
}
.FilmCss
{
    width:100%;
    text-align:center;
}
@media (pointer:none), (pointer:coarse) {
    .FilmCss video
{
    width:100%;
}
}