@media only screen and (max-width: 1200px) {
  .currency-tbl {
    display: block !important;
    width: 95% !important;
    margin: 0 auto !important;
    margin-top: 50px !important;
  }

  .currency-content {
    font-size: 12px !important;
  }

  .currency-head {
    font-size: 11px !important;
  }

  .float-r {
    float: none !important;
  }

  .float-l {
    float: none !important;
  }

  .info {
    margin-bottom: 6px !important;
    font-size: 13px !important;
  }

  .symbol {
    line-height: 14px !important;
    padding-top: 4px !important;
    width: 34px !important;
  }

  #u80 {
    width: 5px !important;
  }

  #u79 {
    width: 5px !important;
  }

  #u78 {
    height: 5px !important;
  }

  #u75 {
    height: 5px !important;
  }

  #u497-2 {
    font-size: 40px !important;
    margin: 20px 0 30px 0 !important;
    height: 53px !important;
    line-height: 44px !important;
  }

  #u497-4 {
    font-size: 12px !important;
  }

  #slideshow {
    height: 385px !important;
  }

  #page {
    width: 100% !important;
  }

  #page_position_content {
    padding: 0 !important;
  }

  #u467 {
    font-size: 40px !important;
  }

  #buttonu94 {
    width: 50px !important;
    top: 0 !important;
  }

  #u9446 {
    width: 120px !important;
  }

  #u9449-4 {
    width: 100% !important;
  }

  #datetime {
    float: none !important;
    font-size: 13px !important;
    text-align: center !important;
  }
}

.currency-tbl {
  width: 48%;
  margin-bottom: 70px;
}

.currency-content {
  font-size: 22px;
  float: right;
  width: 100%;
}

.currency-row {
  width: 21%;
  display: inline-block;
  text-align: center;
}

.currency-head {
  color: #cecece;
  height: 37px !important;
  line-height: 37px !important;
  text-align: center;
  margin-bottom: 0 !important;
  border-radius: 50px 50px 0 0;
  font-size: 17px;
  border: 2px solid #777566;
}

.coin-row {
  width: 30%;
  display: inline-block;
  text-align: center;
}

.float-r {
  float: right;
}

.float-l {
  float: left;
}

.info {
  margin-bottom: 18px;
}

.symbol {
  background-color: #9a7a44;
  color: #0a0e0f;
  display: inline-block;
  line-height: 23px;
  padding-top: 5px;
  font-weight: bold;
  border-radius: 4px;
  width: 56px;
}

.html {
  background-color: #0a0e0f;
}

#social {
  width: 114px;
  height: 30px;
  display: inline-block;
  position: relative;
  top: 6px;
}

.social-svg {
  filter: invert(45%) sepia(55%) saturate(387%) hue-rotate(359deg)
    brightness(98%) contrast(87%);
}

#datetime {
  text-align: right;
  font-size: 15px;
  color: #fff;
  padding: 10px;
  float: right;
  border: 2px dashed #777566;
  margin-top: 15px;
}

#page {
  z-index: 1;
  width: 85%;
  background-image: none;
  border-style: none;
  border-color: #000000;
  background-color: transparent;
  padding-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#page_position_content {
  padding-bottom: 72px;
  width: 100%;
}

#accordionu16233 {
  z-index: 115;
  border-color: #7f7f7f;
  background-color: transparent;
  position: relative;
}

#u16235-4 {
  z-index: 117;
  min-height: 37px;
  border-width: 1px;
  border-style: solid;
  border-color: #9a7a44;
  color: #9a7a44;
  line-height: 67px;
  position: relative;
  margin-bottom: 6px;
  height: 60px;
}

#u16235 {
  line-height: 36px;
}

.x-bg {
  background-image: url(../img/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

.x-bg2 {
  background-image: url(../img/bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

.x-bg::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.75);
}

.x-bg2::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.75);
}

#slideshow {
  overflow: hidden;
  z-index: 1303;
  height: 450px;
  position: relative;
  border: 1px solid #9a7a44;
}

.slide-wrapper {
  width: 200%;
  position: relative;
  background-color: transparent;
  text-align: center;
  -webkit-animation: slide 20s ease infinite;
}

.slide {
  z-index: 1312;
  min-height: 122px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  line-height: 20px;
  text-align: center;
  position: relative;
  width: 50%;
  float: left;
  height: 450px;
}

#slider-content {
  z-index: 99999;
  position: relative;
  top: -370px;
}

@-webkit-keyframes slide {
  20% {
    margin-left: 0px;
  }
  40% {
    margin-left: -100%;
  }
  60% {
    margin-left: -100%;
  }
}

#u497 {
  line-height: 77px;
}

#u497-3 {
  line-height: 45px;
}

#u497-4 {
  color: #ffffff;
  line-height: 0;
}

#u79 {
  z-index: 1400;
  width: 35px;
  height: 700px;
  top: 0px;
  left: 0px;
}

#u497-2 {
  color: #9a7a44;
  line-height: 20px;
  font-family: do;
  font-size: 88px;
  display: block;
  margin: 29px 0 25px 0;
  height: 110px;
  background-color: #0006;
  line-height: 88px;
}

#pu75 {
  width: 0.01px;
  padding-bottom: 700px;
  margin-left: -100px;
  margin-top: -900px;
}

#u75 {
  z-index: 1398;
  height: 35px;
  top: 0px;
}

#u75-bw {
  z-index: 1398;
}

#u80 {
  z-index: 1401;
  width: 35px;
  height: 700px;
  top: 0px;
  right: 0px;
}

#buttonu89 {
  z-index: 1408;
  width: 10%;
  top: 0px;
  right: -240px;
  padding: 35px 20px 300px;
}

#buttonu89:hover {
  margin: 0px;
}

#buttonu97 {
  z-index: 1409;
  width: 80px;
  padding-bottom: 2px;
  margin-left: 85px;
}

#buttonu97:hover {
  margin: 0px 0px 0px 85px;
}

#u469-4 {
  z-index: 1410;
  width: 70px;
  min-height: 70px;
  margin-right: -10000px;
  margin-top: 5px;
  left: 5px;
}

#buttonu97:hover #u469-4 {
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: 70px;
  margin: 5px -10000px 0px 0px;
}

#u472 {
  z-index: 1414;
  width: 75px;
  height: 75px;
  margin-right: -10000px;
  margin-top: 3px;
  left: 3px;
}

#menuu9402 {
  z-index: 1415;
  width: 180px;
  margin-top: 5px;
}

#u9445 {
  width: 180px;
}

#u9446 {
  width: 174px;
  padding-bottom: 14px;
  margin-right: -10000px;
}

#u9446:hover {
  width: 174px;
  min-height: 0px;
  margin: 0px -10000px 0px 0px;
}

#u9449-4 {
  width: 174px;
  min-height: 23px;
  margin-right: -10000px;
  top: 7px;
}

#u9446:hover #u9449-4 {
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: 23px;
  margin: 0px -10000px 0px 0px;
}

#buttonu94 {
  z-index: 1402;
  width: 80px;
  padding-bottom: 2px;
  top: 35px;
  right: 35px;
}

#buttonu94:hover {
  margin: 0px;
}

#u467-4 {
  z-index: 1403;
  width: 70px;
  min-height: 70px;
  margin-right: -10000px;
  margin-top: 5px;
  left: 5px;
}

#buttonu97.ButtonSelected #u469-4,
#buttonu94:hover #u467-4 {
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: 70px;
  margin: 5px -10000px 0px 0px;
}

#buttonu94.ButtonSelected #u467-4 {
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: 70px;
  margin: 5px -10000px 0px 0px;
}

#u471 {
  z-index: 1407;
  width: 75px;
  height: 75px;
  margin-right: -10000px;
  margin-top: 3px;
  left: 3px;
}

.ie #u472,
.ie #u471 {
  background-color: #ffffff;
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
}

#u566-4 {
  z-index: 1338;
  width: 280px;
  min-height: 46px;
  border-width: 5px;
  border-style: solid;
  border-color: #9a7a44;
  background-color: transparent;
  font-size: 35px;
  color: #9a7a44;
  line-height: 46px;
  text-align: center;
  font-family: "irs";
  font-weight: 400;
  margin-bottom: -56px;
  position: relative;
  display: inline-block;
  top: -435px;
}

#u567-4 {
  z-index: 1342;
  min-height: 21px;
  background-color: transparent;
  font-size: 16px;
  color: #9a7a44;
  line-height: 19px;
  text-align: center;
  font-family: "irs";
  font-weight: 400;
  margin-bottom: -21px;
  position: relative;
  top: -400px;
}

#u78 {
  z-index: 1399;
  height: 35px;
  bottom: 0px;
}

#u78-bw {
  z-index: 1399;
}

#buttonu9475:hover #u9477-4 p,
#buttonu9475:hover #u9477-4 span {
  color: #9a7a44;
  visibility: inherit;
}

#u509-4:hover p,
#u507-4:hover p,
#buttonu9475.ButtonSelected #u9477-4 p,
#buttonu9475.ButtonSelected #u9477-4 span {
  color: #0a0e0f;
  visibility: inherit;
}

#buttonu100 {
  z-index: 1452;
  padding-bottom: 15px;
  bottom: -100px;
}

#buttonu100:hover {
  margin: 0px;
}

#u9466 {
  z-index: 1453;
  width: 44px;
  min-height: 44px;
  margin-right: -10000px;
  margin-top: 15px;
  left: 35px;
}

#u9468 {
  z-index: 1454;
  width: 44px;
  min-height: 44px;
  margin-right: -10000px;
  margin-top: 15px;
  left: 95px;
}

#u9466 div,
#u9468 div,
#u9470 div,
#u9472 div {
  margin: -3px;
}

#buttonu100-bw {
  z-index: 1452;
}

#u3734-4:hover p,
#u3747-4:hover p,
#u3703-4:hover p,
#u3705-4:hover p,
#u3655-4:hover p,
#u3644-4:hover p,
#u3768-4:hover p,
#u3767-4:hover p,
#u3796-4:hover p,
#u3797-4:hover p,
#u3685-4:hover p,
#u3677-4:hover p,
#u4698-4:hover p,
#u4704-4:hover p,
#u4837-4:hover p,
#u4839-4:hover p,
#u4734-4:hover p,
#u4744-4:hover p,
#u4671-4:hover p,
#u4664-4:hover p,
#u4806-4:hover p,
#u4793-4:hover p,
#u4772-4:hover p,
#u4761-4:hover p,
#u5048-4:hover p,
#u5047-4:hover p,
#u4941-4:hover p,
#u4942-4:hover p,
#u5014-4:hover p,
#u5015-4:hover p,
#u5079-4:hover p,
#u5088-4:hover p,
#u4988-4:hover p,
#u4974-4:hover p,
#u5102-4:hover p,
#u5100-4:hover p {
  color: #000000;
  visibility: inherit;
}

#u8846 {
  z-index: 1389;
  height: 5px;
}

#u8846-bw {
  z-index: 1389;
  margin-top: 27px;
  height: 5px;
}

#pu8840-4 {
  margin: 30px 0 40px 0;
  display: block;
}

#u8843-4 {
  z-index: 1369;
  display: inline-block;
}

#u8845-4 {
  z-index: 1385;
  width: 280px;
  min-height: 30px;
  display: inline-block;
}

#pu8841-4 {
  padding-bottom: 0px;
  margin-top: 9px;
  display: inline-block;
}

#u8841-4 {
  z-index: 1359;
  width: 280px;
  min-height: 21px;
}

#u8842-6 {
  z-index: 1363;
  width: 280px;
  min-height: 40px;
  margin-top: 18px;
}

#u8844-12 {
  z-index: 1373;
  min-height: 100px;
}

#buttonu89 {
  transition-property: right;
  transition-duration: 0.2s;
  transition-timing-function: ease;

  -webkit-transition-property: right;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
}

#buttonu100 {
  transition-property: bottom;
  transition-duration: 0.2s;
  transition-timing-function: ease;

  -webkit-transition-property: bottom;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
}

#buttonu94 {
  cursor: pointer;
}

#buttonu97 {
  cursor: pointer;
}

.fade,
.Basic,
.H1,
.H3,
.H4 {
  -webkit-transition: all 0.2s ease-out 0.2s;
  -moz-transition: all 0.2s ease-out 0.2s;
  -o-transition: all 0.2s ease-out 0.2s;
}

.small-icon {
  -webkit-transition: all 0.2s ease-out 0.2s;
  -moz-transition: all 0.2s ease-out 0.2s;
  -o-transition: all 0.2s ease-out 0.2s;
}

.small-icon:active {
  background-color: #9a7a44;
  color: #0a0e0f !important;
}

.small-icon:hover {
  background-color: #9a7a44;
  color: #0a0e0f !important;
}

body {
  overflow-x: hidden;
}

.frame,
.menu-bar {
  height: 100% !important;
}

::selection {
  background-color: #9a7a44;
  color: #ffffff;
}

::-moz-selection {
  background-color: #9a7a44;
  color: #ffffff;
}

@-webkit-keyframes load {
  0% {
    background-color: #0a0e0f;
    opacity: 1;
    z-index: 400;
  }
  99.9% {
    background-color: #0a0e0f;
    opacity: 0;
    z-index: 400;
  }
  100% {
    z-index: -1;
  }
}

@-moz-keyframes load {
  0% {
    background-color: #0a0e0f;
    opacity: 1;
    z-index: 400;
  }
  99.9% {
    background-color: #0a0e0f;
    opacity: 0;
    z-index: 400;
  }
  100% {
    z-index: -1;
  }
}

@-o-keyframes load {
  0% {
    background-color: #0a0e0f;
    opacity: 1;
    z-index: 400;
  }
  99.9% {
    background-color: #0a0e0f;
    opacity: 0;
    z-index: 400;
  }
  100% {
    z-index: -1;
  }
}

@keyframes load {
  0% {
    background-color: #0a0e0f;
    opacity: 1;
    z-index: 400;
  }
  99.9% {
    background-color: #0a0e0f;
    opacity: 0;
    z-index: 400;
  }
  100% {
    z-index: -1;
  }
}

#pu8865 {
  padding-bottom: 0px;
  display: inline-block;
}

#u8865 {
  z-index: 1391;
  width: 46px;
  min-height: 46px;
}

#u8873 {
  z-index: 1395;
  width: 46px;
  min-height: 46px;
  margin-top: 10px;
}

#u8863 div,
#u8871 div,
#u8865 div,
#u8873 div,
#u8867 div,
#u8875 div,
#u8869 div,
#u8877 div {
  margin: -2px;
}

@font-face {
  font-family: "irs";
  src: url("../fonts/eot/IRANSansWeb.eot");
  src: url("../fonts/woff/IRANSansWeb.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "do";
  src: url("../fonts/eot/do.eot");
  src: url("../fonts/woff/do.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "per";
  src: url("../fonts/eot/per.eot");
  src: url("../fonts/woff/per.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

body {
  position: relative;
  font-family: "irs";
}

#page .verticalspacer {
  clear: both;
}

a:link,
a:visited,
a:active {
  color: #9a7a44;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #fff;
  background-color: transparent;
  text-decoration: none;
}