* {
  border: none;
  margin: 0;
  padding: 0;
  outline: none !important;
  box-sizing: border-box;
  transition: all 0.2s linear;
}

ul,
p {
  margin-bottom: 0 !important;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
  direction: rtl;
  min-height: 100%;
  width: 100%;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

a {
  text-decoration: none !important;
}

@font-face {
  font-family: "IRANSansWeb";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/eot/IRANSansWeb(FaNum)_Black.eot");
  src: url("../fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/woff2/IRANSansWeb(FaNum)_Black.woff2") format("woff2"),
    url("../fonts/woff/IRANSansWeb(FaNum)_Black.woff") format("woff"),
    url("../fonts/ttf/IRANSansWeb(FaNum)_Black.ttf") format("truetype");
}

@font-face {
  font-family: "IRANSansWeb";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/eot/IRANSansWeb(FaNum)_Bold.eot");
  src: url("../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2") format("woff2"),
    url("../fonts/woff/IRANSansWeb(FaNum)_Bold.woff") format("woff"),
    url("../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf") format("truetype");
}

@font-face {
  font-family: "IRANSansWeb";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/eot/IRANSansWeb(FaNum)_Medium.eot");
  src: url("../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2") format("woff2"),
    url("../fonts/woff/IRANSansWeb(FaNum)_Medium.woff") format("woff"),
    url("../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf") format("truetype");
}

@font-face {
  font-family: "IRANSansWeb";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/eot/IRANSansWeb(FaNum)_Light.eot");
  src: url("../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2") format("woff2"),
    url("../fonts/woff/IRANSansWeb(FaNum)_Light.woff") format("woff"),
    url("../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf") format("truetype");
}

@font-face {
  font-family: "IRANSansWeb";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot");
  src: url("../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2") format("woff2"),
    url("../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff") format("woff"),
    url("../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf") format("truetype");
}

@font-face {
  font-family: web_Yekan;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/eot/IRANSansWeb(FaNum).eot");
  src: url("../fonts/eot/IRANSansWeb(FaNum).eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/woff2/IRANSansWeb(FaNum).woff2") format("woff2"),
    url("../fonts/woff/IRANSansWeb(FaNum).woff") format("woff"),
    url("../fonts/ttf/IRANSansWeb(FaNum).ttf") format("truetype");
}

body {
  font-family: "IRANSansWeb";
  font-weight: 400;
  font-size: 13px;
  line-height: 2;
  direction: rtl;
  background-color: #fff;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

#hotspotImg {
	overflow-x: hidden;
  }



@media screen and (max-width: 767.99px) {
    .row.copy,.lng{
       display: none !important;
    }
 
    .mt-xs-15{
        margin-top:15px;
    }
	.cat-name {
		font-size: 16px;
	  }
  .p-xs-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.exo-menu {
  width: 100%;
  float: right;
  list-style: none;
  position: relative;
}

.exo-menu.mr-auto {
  text-align: left;
  padding-right: 0;
}

.exo-menu > ul > li {
  display: inline-block;
}

.exo-menu > ul > li > a {
  color: #2b2d2e;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
}

.exo-menu > ul > li > a:hover {
  color: #bf2a51;
}

li.drop-down ul > li > a:hover {
  color: #fff;
  background-color: #ffffff;
}

.num {
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.3;
}

.drop-down li {
  list-style: none;
  text-align: right;
}

li.drop-down,
.flyout-right,
.flyout-left {
  position: relative;
}

.flyout-left i {
  font-size: 12px;
  position: absolute;
  left: 5px;
  top: 10px;
}

li.drop-down > a > i {
  float: left !important;
  margin-left: 0 !important;
  margin-right: 6px !important;
  font-size: 8px;
}

li.drop-down > ul {
  right: 0px;
  min-width: 230px;
  background-color: #3d5b77;
  padding-right: 0 !important;
  z-index: 1000;
}

.drop-down-ul {
  display: none;
}

.flyout-right > ul,
.flyout-left > ul {
  top: 0;
  min-width: 230px;
  display: none;
  padding-right: 0;
}

li.drop-down > ul > li > a,
.flyout-right ul > li > a,
.flyout-left ul > li > a {
  color: #222 !important;
  display: block;
  padding: 5px 17px;
  text-decoration: none;
  background-color: #fff;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
  border-radius: 5px;
  box-shadow: 0px 0px 4px #8b8f91bd;
  margin: 7px 4px;
}
.flyout-left i {
  color: #222 !important;
  font-size: 8px;
}
.drop-down-ul:hover,
li.flyout-left > ul:hover,
li.flyout-right > ul:hover,
li.drop-down > a:hover + .drop-down-ul,
li.flyout-left a:hover + ul {
  background-color: #e7e7e99e;
  padding: 8px !important;
  display: block;
}

.menu {
  padding-right: 0 !important;
}
.social-footer li {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .items-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  .flyout-right > ul {
    right: 99%;
  }

  .flyout-left > ul {
    right: 99%;
  }

  .flyout-right > ul,
  .flyout-left > ul,
  li.drop-down > ul {
    position: absolute;
  }
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10;
  right: 0;
  top: 0;
  background-color: #252b42ed;
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 33px;
}

@media screen and (max-height: 450px) {
  .overlay a {
    font-size: 20px;
  }

  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

.logo.ml-auto {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .logo-image.d-xl-none.d-lg-none {
    display: none !important;
  }
  .search-icon i {
    font-size: 16px !important;
  }
  .logo.ml-auto {
    margin-left: auto !important;
  }
}

@media screen and (max-width: 991.99px) {
      .d-block.cat1 {
  position: absolute;
  right: 10px;
  top: 37px;
}
.d-block.cat2 {
  position: absolute;
  left: 10px;
  top: 37px;
}
    .img-fluid.logo {
  width: 150px !important;
}
    .items-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
 height: 70vh;
}
	.icon-search.fal.fa-search.close::before {
		content: "\f00d" !important;
	  }
	.search-field {
		padding: 5px;
		font-size: 14px;
		border-radius: 0;
		border: 1px solid #eee;
		width: 100%;
		height: 42px;
		border-radius: 25px;
	  }
	.search-submit {
		border: 0;
		color: #333;
		cursor: pointer;
		font-size: 16px;
		background-color: #fff002;
		height: 42px;
		width: 52px;
		padding: 0;
		position: relative;
		border-radius: 0 25px 25px 0;
		line-height: 45px;
	  }
	.search-wrapper form {
		display: flex;
		align-items: center;
		background: #fff;
		justify-content: flex-end;
		border-radius: 25px;
	  }
	.search-wrapper.expand {
		width: 300px;
	  }
	.icon-search.fal.fa-search {
		width: 20px;
		height: 20px;
		border-radius: 100%;
		display: inline-block;
		text-align: center;
		line-height: 36px;
		cursor: pointer;
		color: #fff;
		font-size: 20px;
	  }
	  .search-wrapper {
		position: absolute;
		right: 47px;
		transition: all 0.5s ease;
		top: 21px !important;
		width: 0;
		overflow: hidden;
		z-index: 100000;
	  }
	.d-block.cat1 {
		width: 26%;
		display: inline-block !important;
		vertical-align: middle;
	  }
	  .d-block.cat2 {
		width: 26%;
		display: inline-block !important;
		vertical-align: middle;
	  }
	.card__share {
		bottom: 1%;
		left: 2%;
	  }	
	.lng {
		bottom: 15%;
	  }
	.header {
		height: 88px;
	  }
  .logo.ml-auto.p-0 li {
    width: 49%;
  }
  .header i {
    font-size: 21px !important;
    vertical-align: middle;
  }

  .logo-image img {
    width: 120px;
  }

  .logo.ml-auto.p-0 {
    display: flex;
    align-items: center;
  }

  .logo.ml-auto.p-0 button span {
    display: none !important;
  }



  .menu > li {
    vertical-align: middle;
    text-align: center;
    padding: 0;
    margin-left: 40px;
  }

  .menu {
    display: flex;
    flex-grow: 1;
    align-items: center;
  }
}

@media screen and (max-width: 991.99px) {
  .exo-menu > ul > li > a {
    text-align: center;
  }

  .menuTrigger span {
	font-size: 25px;
	color: #fff;
	margin-top: 16px;
	display: inline-block;
  }

  .logo.ml-auto {
    flex-grow: 1;
    text-align: center;
  }

  .menuTrigger i {
    color: #fff;
    vertical-align: middle;
  }
}

@media screen and (min-width: 992px) {
	.cat-name {
		font-size: 18px;
	  }
	.d-block.cat1 {
		position: absolute;
		bottom: 9%;
		right: 12%;
	  }
	  .d-block.cat2 {
		position: absolute;
		bottom: 9%;
		left: 12%;
	  }
	.card__share {
		bottom: 9%;
		left: 5%;
	  }
	.lng {
		top: 38%;
	  }
	.header {
	  height: 147px;
	}
  .home.d-xl-none.d-lg-none {
    display: none !important;
  }

  .menuTrigger.d-xl-none.d-lg-none {
    display: none !important;
  }

  .exo-menu > ul.menu > li > a {
    display: block;
  }

  .exo-menu i {
    font-size: 13px;
    margin-left: 6px;
    line-height: 20px !important;
    color: #fff;
  }

  .exo-menu a {
    color: #fff !important;
  }

  .header {
    position: absolute;
    z-index: 10;
    right: 0;
    width: 100%;
    top: 0;
  }

  .exo-menu > ul > li {
    display: inline-block !important;
  }
  .right-menu .exo-menu > ul.menu > li {
    margin-left: 20px;
  }
  .left-menu .exo-menu > ul.menu > li {
    margin-right: 20px;
  }
}

@media screen and (min-width: 768px) {
	.caption {
		font-size: 1.5rem;
	  }
  #hotspotImg {
    background-size: cover !important;
    background-position: top !important;
    height: 100vh;
  }
}

@media screen and (max-width: 767px) {
	.caption {
		font-size: 1.3rem;
	  }	
  #hotspotImg {
    background-size: cover !important;
    background-position: center top !important;
 height: calc(100vh - 88px);
  }
  .shape5 img,.shape6 img, .shape4 img,.shape3 img, .shape1 img,.shape2 img{
  width: 100% !important;
}
  .shape5,.shape6,.shape4,.shape3,.shape1,.shape2{
  width: 100px !important;
}
}
@media screen and (max-width: 767px) {
  
    .shape6 {
  bottom: -6%
    }
  .container-fluid.p-0.content {
    position: relative;
    height: 100%;
    overflow-y: auto;
  }
}

.social-footer li a span i {
  color: #fff;
  font-size: 26px;
  vertical-align: middle;
}

.flop i {
  color: #dcb967 !important;
}

.social-footer ul {
  padding-right: 0 !important;
  overflow: hidden;
}

.social-footer a .flop {
  display: block;
  -webkit-transform: rotateX(-90deg) translateZ(-19px);
  transform: rotateX(-90deg) translateZ(-19px);
}

.social-footer ul li {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

.social-footer a:hover {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}

.social-footer a {
  display: block;
  padding: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: 9;
  width: 30px;
  height: 30px;
}

.social-footer li img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.social-footer a .flip {
  -webkit-transform: translateZ(19px);
  transform: translateZ(19px);
}

.social-footer a span {
  padding: 0;
  display: block;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}

.tel-img {
  transform: rotate(-90deg);
  display: inline-block;
  margin-left: 5px;
}

.num a {
  display: inline-block;
  font-size: 28px;
  color: #000;
  letter-spacing: 2px;
}

@media screen and (min-width: 992px) {
  .social-footer a {
    width: 35px;
    height: 35px;
  }

  .social-footer ul li {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }

  .social-footer ul li {
    margin: 10px;
  }
}

@media (max-width: 767px) {
  .namad li {
    margin: 0 5px;
  }

  .namad {
    padding-right: 0 !important;
    text-align: center;
  }

  .social-footer li img {
    width: 18px;
  }

  .social-footer {
    margin-top: 7px;
  }

  .social-footer ul {
    text-align: center;
  }

  .social-footer a {
    width: 30px;
    height: 30px;
  }

  .social-footer ul li {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .social-footer ul li {
    margin: 10px 5px;
  }

  .copy {
    text-align: center;
  }

  .social-footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .copy {
    text-align: right;
  }

  .social-footer ul {
    text-align: left;
  }
}

@media screen and (min-width: 768px) and (max-width: 991.99px) {
	.cat-name {
		font-size: 18px;
	  }
  .social-footer ul li {
    width: 30px;
    height: 30px;
  }

  .social-footer ul li {
    margin: 10px 5px;
  }
}

.copy {
  color: #ffffff7a;
  font-size: 11px;
}

.header {
	background: #252b42 url("../images/header.png") no-repeat;
  background-size: cover !important;
  background-position: center center;
}

.container {
  max-width: 1186px;
}
.btn-search {
  background-color: transparent !important;
  color: #fff;
  font-size: 16px;
}
.frm-search input {
  font-size: 12px;
  background-color: transparent !important;
  color: #fff;
}
.row-item {
  background: url("../images/shape8.png") no-repeat bottom center;
  background-size: 100% auto !important;
}
.row.row-item {
  align-items: flex-end;
}
.cat-name {
  color: #fff;
}
.caption {
  font-weight: 900;
  color: #fff;
}
.caption .color {
  color: #f0e737;
}

.lng li a {
  color: #93a3b0;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
.lng {
  position: fixed;
  left: 0;
  z-index: 2;
}
.lng li {
  list-style: none;
  width: 90px;
  text-align: center;
  border-top: 1px solid #60667c;
  border-bottom: 1px solid #60667c;
  border-right: 1px solid #60667c;
  margin-bottom: 5px;
  border-radius: 0 5px 5px 0;
}
.lng li a.active,
.menu li a.active {
  color: #f7d609 !important;
}
.card__share {
  background: url("../images/cal.png");
  width: 47px;
  height: 46px;
  position: fixed;
  border-radius: 100%;
  color: #fff;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
  z-index: 10;
}
.card__social--active {
  visibility: visible !important;
  z-index: 3;
  transition: all 0.35s linear;
}
.card__social .share-icon {
  display: block;
  width: 43px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  border-radius: 50%;
  background-color: #088d16f0;
  transition: all 0.3s ease;
  outline: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  vertical-align: middle;
  margin-right: 2px;
  position: relative;
  margin-top: 6px;
  color: #fff;
  line-height: 46px;
  transform: scale(0);
  transition: 0.15s linear;
}
.card__social {
  position: absolute;
  bottom: 49px;
  right: -1px;
  visibility: hidden;
  width: 50px;
  transition: transform 0.35s ease;
  text-align: right;
}
.card__social.card__social--active .share-icon {
  transform: scale(1) !important;
  transition: 0.15s linear;
}
.share-expanded i::before {
  content: "\f00d";
  font-weight: 400;
  font-size: 20px !important;
  vertical-align: middle;
}
.share-toggle i {
  font-size: 0 !important;
}
.share-expanded {
  background-color: #db1919 !important;
  border-radius: 100% !important;
  width: 47px;
  height: 47px;
}
.share-icon.instagram-icon {
  background-color: #ca07d0;
}
.share-icon.telegram-icon {
  background-color: #1a3ae3;
}
.logo{
	position: relative;
	z-index: 1;
}
.shape1 {
  position: absolute;
  right: -50%;
  bottom: 45%;
  -moz-animation: fly-1 5s ease-in-out infinite;
  -ms-animation: fly-1 5s ease-in-out infinite;
  -o-animation: fly-1 5s ease-in-out infinite;
  -webkit-animation: fly-1 5s ease-in-out infinite;
  animation: fly-1 5s ease-in-out infinite;
}
.shape2 {
  position: absolute;
  right: -15%;
  bottom: 45%;
  -moz-animation: fly-4 5s ease-in-out infinite;
  -ms-animation: fly-4 5s ease-in-out infinite;
  -o-animation: fly-4 5s ease-in-out infinite;
  -webkit-animation: fly-3 5s ease-in-out infinite;
  animation: fly-4 5s ease-in-out infinite;
}
.shape3 {
  position: absolute;
  right: -1%;
  bottom: 45%;
}
.shape4 {
	position: absolute;
	left: -8%;
	bottom: 48%;
	-moz-animation: fly-2 5s ease-in-out infinite;
	-ms-animation: fly-2 5s ease-in-out infinite;
	-o-animation: fly2 5s ease-in-out infinite;
	-webkit-animation: fly-2 5s ease-in-out infinite;
	animation: fly-2 5s ease-in-out infinite;
}
.shape5 {
  position: absolute;
  left: -15%;
  bottom: 55%;
  -moz-animation: fly-3 5s ease-in-out infinite;
  -ms-animation: fly-3 5s ease-in-out infinite;
  -o-animation: fly-3 5s ease-in-out infinite;
  -webkit-animation: fly-3 5s ease-in-out infinite;
  animation: fly-3 5s ease-in-out infinite;
}
.shape6 {
	position: absolute;
	left: -19%;
	bottom: 50%;
	transform: rotate(-5deg);
	-moz-animation: fly-1 5s ease-in-out infinite;
	-ms-animation: fly-1 5s ease-in-out infinite;
	-o-animation: fly-1 5s ease-in-out infinite;
	-webkit-animation: fly-1 5s ease-in-out infinite;
	animation: fly-1 5s ease-in-out infinite;
}
.logo{
	-moz-animation: fly-5 5s ease-in-out infinite;
	-ms-animation: fly-5 5s ease-in-out infinite;
	-o-animation: fly-5 5s ease-in-out infinite;
	-webkit-animation: fly-5 5s ease-in-out infinite;
	animation: fly-5 5s ease-in-out infinite;
}
@-webkit-keyframes fly-5 {
	0% {
	  transform: rotate(0);
	}
	50% {
	  transform: translatey(10px) scale(0.9)  ;
	}
	to {
		transform: rotate(0);
	}
  }
@-webkit-keyframes fly-2 {
	0% {
	  transform: translatex(0);
	}
	50% {
	  transform: translatex(20px) rotate(-20deg) ;
	}
	to {
	  transform: translatex(0);
	}
  }
@-webkit-keyframes fly-3 {
	0% {
	  transform: translatex(0);
	}
	50% {
	  transform: translatex(-20px) rotate(-50deg) ;
	}
	to {
	  transform: translatex(0);
	}
  }
  @-webkit-keyframes fly-4 {
	0% {
	  transform: translatex(0);
	}
	50% {
	  transform: translatex(30px) rotate(10deg) ;
	}
	to {
	  transform: translatex(0);
	}
  }
  @-webkit-keyframes fly-1 {
	0% {
	  transform: translatey(0);
	}
	50% {
	  transform: translatey(-30px)  ;
	}
	to {
	  transform: translatey(0);
	}
  }
  .cat2:hover .img-category img,  .cat1:hover .img-category img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
  }
  .cat2 .img-category img,  .cat1 .img-category img{
	-webkit-transition: all 0.5s ease 80ms;
-moz-transition: all 0.5s ease 80ms;
-ms-transition: all 0.5s ease 80ms;
-o-transition: all 0.5s ease 80ms;
transition: all 0.5s ease 80ms;
  }
  .img-category{
	overflow: hidden;
  }
  .cat1:hover .cat-name, .cat2:hover .cat-name{
	color: #f0e737;
  }
  .share-icon.rubika-icon {
  background-color: #fff;
}
.share-icon.rubika-icon img {
  vertical-align: middle;
  width: 35px;
  margin-top: -3px;
}
.d-block.cat1{
    z-index:99;
}