@font-face {
  font-family: 'BYekan';
  src: url( '../fonts/web_Yekan.eot?#') format('eot'), /* IE6–8 */
      url( '../fonts/web_Yekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url( '../fonts/web_Yekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.FBYekan {
  font-family: BYekan;
}

.BYekan {
  font-family: BYekan;
  font-size: 9.2pt;
}
html , body, .thumbnail .caption h2, .thumbnail h1 {
  font-family: BYekan,tahoma;
}

/*******************************/
@media only screen and (min-width: 768px) {
  .menu > ul > li:hover > ul 
  {
    display: block !important;
  }
  /******  New Term **************/
  .menu > ul > li > ul 
  {
    width: 100%;
    background: #fcfcfc;
    /*padding: 0 15px;*/
    position: absolute;
    z-index: 10000;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    direction: rtl;
    text-align: right;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.3);
  }
  .menu > ul > li > ul > li 
  {
    float: right;
    padding: 0;
    padding-bottom: 2px;
    margin: 0;
  }
  .menu > ul > li > ul > li a 
  {
    font-family: 'BYekan';
    font-size: 16px;
    text-decoration: none;
    padding: 0px 20px;
    line-height: 40px;
    display: block;
    color: #616161;
  }
  .menu > ul > li > ul > li a:hover
  {
    color: #616161;
  }
  .menu > ul > li > ul > li:hover
  {
    padding: 0;
    border-bottom:2px solid  #ff9000;
  }
  .menu > ul > li > ul > li:hover > ul
  {
	  display:block!important;
  }
}


/*******************************/
.menu > ul > li a.has-sub:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107";
  padding-right:10px;
}
.menu-mobile {
  display: none;
  padding: 10px 20px 15px 20px;
  font-family: 'BYekan';
  font-size: 1.1em;
  direction: rtl;
  color: White !important;
}

  .menu-mobile:after {
    content: "\f394";
    font-family: tahoma;
    font-size: 2.5em;
    padding: 10px 0;
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
  }

.menu-dropdown-icon:before {
  content: "\f489";
  font-family: tahoma;
  display: none;
  cursor: pointer;
  float: left;
  padding: 0.9em 2em;
  color: #333;
  font-size: 20px;
  font-weight: bold;
}

.description {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


.menu-container {
    width: 100%;
    margin: 0 auto;
}
.menu > ul ul{
    list-style: none;
}
.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: right;
    padding: 0;
    margin: 0;
}

.menu > ul > li a {
    font-family: 'BYekan';
    font-size: 16px;
    text-decoration: none;
    padding: 0px 20px;/*0.95em 2.5em;*/
    line-height:40px;
    display: block;
    color: #616161;
}

.menu > ul > li a:hover {
    color:white;
}

.menu > ul > li:hover {
	color:#0a2040;
    background-color:#ff9000;
}

.menu > ul > li > ul > li > ul {
    display: none;
    width: 100%;
    background: #fcfcfc;
    padding:0 15px;
    position: absolute;
    z-index: 10000;
    left: 0;
    margin: 0;
    margin-top: 2px;
    list-style: none;
    box-sizing: border-box;
    direction:rtl;
    text-align:right;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    border-radius: 0 0 5px 5px;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    margin: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: right;
}

.menu > ul > li > ul > li > ul > li a {
	font-size:1.3em;
	font-weight:bold;
    color: #0056aa;
    padding: .2em 0;
    width: 95%;
    display: block;
}

.menu > ul > li > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 5px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 1px 0;
    margin: 0;
    font-size: 1.2em;
}

.menu > ul > li > ul > li > ul > li > ul > li > a {
  border: 0;
  font-size: 12px;
  line-height: 22px;
  padding-right: 5px;
  color: #16c1f3;
  margin-right: 0px;
}
.menu > ul > li > ul > li > ul > li > ul > li > a:hover {
  color: #16c1f3;
}
.menu > ul > li > ul > li > ul > li > ul > li > ul > li a {
  border: 0;
  color: #535353;
  padding-right: 5px;
  font-size: 12px;
  line-height: 22px;
  color: #7e7e7e;
  margin-right: 20px;
}

.menu > ul > li > ul > li > ul > li > ul > li > ul{
  padding:0px;;
}
.menu > ul > li > ul > li > ul > li > ul > li > ul > li a:hover {
  color: #ef3f3e;
}

.menu > ul > li > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}

@media only screen and (max-width: 767px) {
	.menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
        direction:rtl;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
        background: #f0f0f0;
        color:#143a68;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
        color:#143a68;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
        padding-top:15px;
    }
}