@charset "UTF-8";
@font-face {
  font-family: bbcNasim;
  src: url("/Portals/_default/Skins/SkinMain/fonts/BBCNassim.eot");
  src: local("☺"), url("/Portals/_default/Skins/SkinMain/fonts/BBCNassim.woff") format("woff"), url("/Portals/_default/Skins/SkinMain/fonts/BBCNassim.ttf") format("truetype"); }

@font-face {
  font-family: 'farayekan';
  src: url("/Portals/_default/Skins/SkinMain/fonts/farayekan.eot") format("embedded-opentype"), url("/Portals/_default/Skins/SkinMain/fonts/farayekan.otf") format("opentype"), url("/Portals/_default/Skins/SkinMain/fonts/farayekan.ttf") format("truetype"), url("/Portals/_default/Skins/SkinMain/fonts/farayekan.woff") format("woff"), url("/Portals/_default/Skins/SkinMain/fonts/farayekan.svg") format("svg"); }

body {
  font-size: 18px;
  font-family: bbcNasim;
  direction: rtl;
  text-align: right;
  overflow-x: hidden; }
  body #content {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0; }
  body #wraper {
    min-height: 100%;
    margin-bottom: -125px; }
    body #wraper #push {
      min-height: 125px; }
  body header {
    width: 100%;
    border-bottom: 4px solid #E20001;
    position: relative; }
    body header h1.logo {
      margin: 1px; }
    body header .header-menu {
      margin-bottom: 0;
      margin-top: -42px;
      bottom: -1px;
      padding-left: 0; }
    body header .srchbx {
      width: 170px;
      height: 30px;
      border: 1px solid #b8c7d0;
      background: #fff;
      position: absolute;
      z-index: 99;
      top: -70px;
      left: 0; }
      body header .srchbx .srchinput {
        float: right;
        width: 138px;
        padding-right: 6px;
        height: 28px;
        font: 8pt tahoma;
        color: #bfbfbf;
        border: 0;
        outline: 0; }
      body header .srchbx .srchbtn {
        float: left;
        width: 30px;
        height: 30px;
        padding: 6px;
        font-size: 19px;
        color: #167AFB; }
        body header .srchbx .srchbtn:hover {
          color: #559dfb; }
    body header .top-menu {
      font-size: 20px;
      font-weight: 700; }
      body header .top-menu a {
        color: #3D3D3D; }
      body header .top-menu li a:hover {
        text-decoration: none;
        color: white;
        background-color: #E20001; }
      body header .top-menu li a:focus {
        text-decoration: none;
        color: white !important;
        background-color: #E20001; }
    body header .navbar-collapse {
      float: left; }
  body .content-holder {
    width: 100%;
    border-bottom: 2px solid #cfcfcf; }
    body .content-holder .content-title {
      height: 48px;
      font: 18px/44px bbcnasim;
      font-weight: 600;
      color: #3d3d3d;
      border-bottom: 5px solid #E20001;
      display: inline-block; }
  body .content-body {
    font: 8pt/20px tahoma;
    color: #6b6b6b;
    text-align: justify;
    padding: 20px; }
  body .slider-img-height {
    max-height: 432px; }
  body .icon-bar {
    background-color: black; }
  body .dropdown-menu {
    font-size: 18px; }
    body .dropdown-menu li {
      margin: 3px auto;
      position: relative; }
      body .dropdown-menu li a {
        padding: 7px; }
  body #window-item a {
    text-decoration: none; }
  body #window-item div p {
    color: #545454;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    -webkit-transition: 400ms;
    transition: 400ms;
    margin-bottom: 30px;
    margin-top: 10px;
    font-size: 20px; }
  body .bottom-pane {
    background: #F1F1F1; }
  body .parent-items {
    margin: 0 auto;
    overflow: hidden;
    min-width: 280px;
    margin-top: 30px; }
  body .max-width {
    margin: 0 auto;
    max-width: 300px;
    min-width: 282px; }
  body .bnr-item {
    background-repeat: no-repeat;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
    -webkit-transition: 400ms;
    transition: 400ms;
    background-position: 50% 0; }
  body .bnr-item:hover {
    background-color: #fff;
    background-position: 50% -150px; }
  body footer .footerholder {
    background-color: #242424;
    min-height: 125px; }
  body footer .footer-menu {
    color: #959595;
    text-align: right; }
    body footer .footer-menu li {
      float: right;
      padding-left: 10px;
      list-style: none;
      margin-top: 15px;
      font: 8pt/16px tahoma; }
  body footer #footer-link {
    margin-top: 30px;
    font: 8pt/16px tahoma;
    color: #666666;
    text-align: left;
    left: 0; }
    body footer #footer-link .SkinObject {
      color: #666666; }
    body footer #footer-link a {
      color: #666666; }
  body footer .footer-logo {
    margin-top: 15px; }
  body footer .socialholder {
    height: 23px;
    left: 0;
    top: 25px;
    padding: 0;
    margin-bottom: 5px; }
    body footer .socialholder li {
      width: 25px;
      height: 23px;
      margin: 0 1px;
      list-style: none;
      -moz-transition: 300ms;
      -o-transition: 300ms;
      -webkit-transition: 300ms;
      transition: 300ms;
      display: inline-block; }
      body footer .socialholder li a {
        width: 100%;
        height: 100%;
        display: inline-block;
        list-style: none; }
      body footer .socialholder li .social-fb {
        background: url(/Portals/_default/Skins/SkinMain/images/social.png) no-repeat 0 0; }
      body footer .socialholder li .social-rs {
        background: url(/Portals/_default/Skins/SkinMain/images/social.png) no-repeat -100px 0; }
      body footer .socialholder li .social-yt {
        background: url(/Portals/_default/Skins/SkinMain/images/social.png) no-repeat -75px 0; }
      body footer .socialholder li .social-gp {
        background: url(/Portals/_default/Skins/SkinMain/images/social.png) no-repeat -50px 0; }
      body footer .socialholder li .social-tw {
        background: url(/Portals/_default/Skins/SkinMain/images/social.png) no-repeat -25px 0; }
      body footer .socialholder li:hover {
        margin-top: -5px;
        -moz-transition: 300ms;
        -o-transition: 300ms;
        -webkit-transition: 300ms;
        transition: 300ms; }

body .sidebar-logo {
  display: none; }

body .navbar.navbar-header.header-menu {
  position: relative; }

body .closenavbar {
  display: none; }

body #menu.show-menu {
  right: 0;
  top: 0;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  -webkit-transition: all 400ms;
  transition: all 400ms; }

@media (max-width: 1199px) {
  body .navbar-toggle {
    display: block;
    margin: 0 15px 0 0;
    left: 15px; }
  body .sidebar-logo {
    display: block;
    position: absolute;
    top: 15px;
    max-width: 224px;
    margin: 0 auto;
    right: 23px; }
  body .closenavbar {
    position: absolute;
    outline: none;
    padding: 8px 10px;
    left: 5px;
    top: -5px;
    opacity: 0.8;
    text-shadow: 0 1px 0 #000;
    background: transparent;
    background-color: transparent;
    border: none;
    font-size: 40px;
    color: white;
    display: block; }
    body .closenavbar:hover {
      opacity: 1; }
    body .closenavbar span {
      color: white; } }

@media (max-width: 1199px) {
  body header #menu {
    display: none; }
  body #menu {
    background: #101f43;
    padding-top: 120px;
    padding-right: 0;
    z-index: 9;
    overflow-x: hidden; }
    body #menu div.lang-sel-cn {
      left: 60px;
      top: -110px;
      background: initial;
      margin-right: initial;
      text-align: right; }
      body #menu div.lang-sel-cn ul.language-sel li {
        text-align: right; }
        body #menu div.lang-sel-cn ul.language-sel li a {
          text-indent: 0;
          padding-right: 0;
          color: white; }
          body #menu div.lang-sel-cn ul.language-sel li a:hover {
            background: initial;
            padding-right: 5px; }
    body #menu .navbar-nav {
      float: none !important;
      padding-right: 0;
      margin: 0; }
      body #menu .navbar-nav .dropdown-submenu .dropdown-menu {
        position: relative;
        width: 100%;
        background: transparent;
        border: none;
        box-shadow: none;
        margin-top: initial;
        right: 30px; }
      body #menu .navbar-nav li {
        float: none; }
        body #menu .navbar-nav li:first-child {
          /*border-top: 1px solid #ccc;
                                padding-top: 5px;*/ }
        body #menu .navbar-nav li .srchbx {
          width: 80%;
          overflow: hidden;
          height: 30px;
          margin-right: 30px; }
          body #menu .navbar-nav li .srchbx .srchinput {
            background: white;
            border: initial;
            padding: 0.5px;
            line-height: 1.5;
            outline: 0;
            width: 211px;
            height: 29px;
            float: right; }
        body #menu .navbar-nav li a.srchbtn {
          padding: 0;
          width: 29px !important;
          z-index: 9;
          height: 29px;
          top: 0;
          left: 42px;
          background: white;
          line-height: 1.43;
          color: black;
          float: left; }
          body #menu .navbar-nav li a.srchbtn:before {
            position: absolute;
            top: 5px;
            left: 8px; }
          body #menu .navbar-nav li a.srchbtn:hover, body #menu .navbar-nav li a.srchbtn:focus {
            color: black;
            background: white; }
        body #menu .navbar-nav li a {
          padding-right: 0;
          text-indent: 30px;
          color: white; }
          body #menu .navbar-nav li a:hover, body #menu .navbar-nav li a:focus {
            background: transparent;
            top: initial;
            border-radius: initial;
            padding-right: 0;
            color: #FD0000; }
        body #menu .navbar-nav li:after {
          content: none; } }

body .loader {
  top: 0;
  left: 0;
  position: fixed;
  height: 200%;
  width: 100%;
  background: whitesmoke;
  z-index: 99999; }
  body .loader .text-loading {
    font-size: 24px;
    font-family: farayekan;
    width: 50%;
    height: 70%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center; }
  body .loader .text-loading img {
    margin: auto; }
  body .loader .loader {
    position: relative;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    zoom: 1.7; }
  body .loader .circular {
    animation: rotate 2s linear infinite;
    height: 100px;
    position: relative;
    width: 100px; }
  body .loader .path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;
    stroke-linecap: round; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124; } }

@keyframes color {
  100%, 0% {
    stroke: #d62d20; }
  40% {
    stroke: #0057e7; }
  66% {
    stroke: #008744; }
  80%, 90% {
    stroke: #ffa700; } }

@media (max-width: 1200px) {
  body header h1.logo {
    text-align: center; }
    body header h1.logo img {
      margin: 0 auto; }
  body header .navbar-collapse {
    float: none; }
  body header .srchbx {
    width: 70%;
    height: 30px;
    border: 1px solid #b8c7d0;
    background: #fff;
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 99; }
    body header .srchbx a.srchbtn {
      padding: 6px; }
    body header .srchbx .srchinput {
      margin-top: 0; }
  body header .header-menu {
    margin-top: initial;
    float: right; }
    body header .header-menu .navbar-toggle {
      background-color: gainsboro;
      position: absolute;
      left: -25px;
      top: -68px;
      color: black; }
  body .bnr-item img {
    margin: 0 auto; }
  body #window-item div p {
    width: 233px;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 10px; } }

@media (max-width: 768px) {
  body header .srchinput {
    width: 96%; }
  body footer #footer-link {
    text-align: center;
    font-size: 16px;
    line-height: 21px; }
  body footer .footer-logo {
    margin: 0 auto;
    float: none;
    margin-top: 30px;
    text-align: center; }
  body footer .footer-menu {
    color: #959595;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    float: unset;
    width: 300px; }
    body footer .footer-menu li {
      font-size: 16px;
      font-family: Tahoma;
      line-height: 20px; } }

@media (max-width: 540px) {
  body header .srchinput {
    width: 93%; } }

@media (max-width: 340px) {
  body header .srchinput {
    width: 90%; }
  body header .navbar-toggle {
    z-index: 999;
    right: 0;
    left: 80%; }
  body footer .footer-menu {
    margin-right: -35px; } }

@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; } }

body .nav .open > a, body .nav .open > a:hover, body .nav .open > a:focus {
  background: #E20001;
  color: white; }

body .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
  display: block;
  right: 100%;
  margin-top: -45px;
  padding: 0; }

body .navbar-nav > .dropdown-submenu:hover > .dropdown-menu {
  display: block;
  right: 0;
  margin: initial;
  top: 100%; }

body a.CommandButtonBack {
  background: #006A9C; }
  body a.CommandButtonBack:hover {
    background: #008dcf; }

body .tblSurvey {
  width: 100%;
  margin: 0 auto; }

body .tblSurvey * {
  font-size: 9pt;
  font-family: tahoma; }

body div.lang-sel-cn {
  margin-top: 0;
  margin-right: -95px;
  position: absolute;
  text-align: right; }
  body div.lang-sel-cn ul.language-sel li {
    text-align: right; }
    body div.lang-sel-cn ul.language-sel li a {
      color: white; }
  @media (max-width: 1199px) {
    body div.lang-sel-cn div.lang-sel-cn {
      margin-right: 0;
      top: -80px; } }