body {
  direction: rtl;
  text-align: right;
  background: #ffffff;
  font-family: IRANSans;
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/eot/IRANSansWeb_Bold.eot');
  src: url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/eot/IRANSansWeb.eot');
  src: url('../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/ttf/IRANSansWeb.ttf') format('truetype');
}


.submenu {
  position: relative;
}

.submenu #shopping-cart{
  display: none;
}
.submenu:hover #shopping-cart{
  display: block;
  position: absolute;
  right: -80%;
  top:110%;
  z-index: 1;
  background-color: white;
  border-radius: 3px;
  box-shadow: 7.071px 7.071px 25px 0px rgba(0, 0, 0, 0.1);
  padding: 20px;
  min-height: 400px;
  min-width: 300px;
}

.toparea {
  color: #424242;
  margin: 15px 0;
}

.socialtop {
  float: left;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}

.socialtop:hover {
  background: #ccc;
}

.socialtop a {
  color: #424242;
  padding: 5px 10px;
  display: block;
}

.socialtop:hover a {
  color: #fff;
}

.instatop:hover {
  background: #c13584;
}

.telegramtop:hover {
  background: #0088cc;
}

.maincontent {
  background: #fff;
  border-radius: 3px;
  box-shadow: 7.071px 7.071px 25px 0px rgba(0, 0, 0, 0.1);
}