@charset "utf-8";
* {
	outline: none;
	word-spacing: 0px;
    font-weight: 400 !important;
}
*:hover {
	transition: 0.1s !important;
}

img {
	-webkit-user-select: none !important;
	-webkit-touch-callout: none !important;
	-webkit-user-user-drag: none!important;
	-khtml-user-select: none !important;
	-khtml-user-drag: none!important;
	-moz-user-select: none !important;
	-moz-user-drag: none!important;
	-ms-user-select: none!important;
	-o-user-drag: none!important;
	-o-user-select: none !important;
	user-select: none !important;
	user-drag: none!important;
}

html,
body {
	padding: 0px !important;
	margin: 0px !important;
    font-weight: 400 !important;
    font-size: 13px;
    font-family:YekanBalkhMedium !important;
	color: #111111 !important;
	direction: rtl !important;
	text-align: right;
	background: #FFFFFF !important;
	overflow-x: hidden !important;
}

::-webkit-input-placeholder {
	color: #bcbcbc;
}

::-moz-placeholder {
	color: #bcbcbc;
}

:-ms-input-placeholder {
	color: #bcbcbc;
}

:-moz-placeholder {
	color: #bcbcbc;
}

#spacer15 {
	width: 100% !important;
	height: 15px !important;
}

#spacer25 {
	width: 100% !important;
	height: 25px !important;
}

#spacer50 {
	width: 100% !important;
	height: 50px !important;
}

#spacer100 {
	width: 100% !important;
	height: 100px !important;
}

a:focus,
a:hover {
	text-decoration: none;
}

a.link {
	color: deepskyblue;
}

a.link:focus,
a.link:hover {
	color: dodgerblue;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000000;
	font-weight: 600;
}

h1 {
	line-height: 40px;
	
}

h2 {
	line-height: 36px;
	
}

h3 {
	line-height: 30px;
	
}

h4 {
	line-height: 22px;
	
}

h5 {
	line-height: 18px;
	
	font-weight: 400;
}

h6 {
	line-height: 16px;
	
	font-weight: 400;
}

ul {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

p {
	color: #111111;
}

.hide {
	display: none
}

.hidden {
	display: none;
	visibility: hidden
}

.full-height {
	min-height: 100vh
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.box-margin {
	margin-bottom: 15px !important;
}

.EnText {
    font-family: "Roboto" !important;
}

.float-left {
	float: left !important
}

.float-right {
	float: right !important
}

.text-wordspace {
	word-spacing: -3px !important;
}

.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.text-justify {
	text-align: justify !important;
}

.text-center {
	text-align: center !important;
}

.text-white {
	color: #ffffff !important;
}

.text-danger {
	color: #dd0000 !important;
}

.text-muted {
	color: #99abb4 !important;
}

.text-warning {
	color: #ffb22b !important;
}

.text-success {
	color: green !important;
}

.text-info {
	color: #392ac4 !important;
}

.text-inverse {
	color: #2f3d4a !important;
}

.text-blue {
	color: #02bec9;
}

.text-purple {
	color: #7460ee;
}

.text-primary {
	color: #851b8e;
}

.text-megna {
	color: #00897b;
}

.text-dark {
	color: #67757c;
}

.text-themecolor {
	color: #392ac4;
}

.text-primary {
	color: #4680ff;
}

.text-success {
	color: #26dad2;
}

.text-info {
	color: #62d1f3;
}

.text-danger {
	color: #fc6180;
}

.text-warning {
	color: #ffb64d;
}

.text-pink {
	color: #e6a1f2;
}

.text-dark {
	color: #444c67;
}

.text-grey {
	color: #333333;
}

.text-black {
	color: #000000;
}

.text-bold {
	font-weight: 400 !important;
}

.bg-primary {
	background-color: #851b8e !important;
}

.bg-dodgerblue {
	background-color: dodgerblue !important;
}

.bg-success {
	background-color: #26dad2 !important;
}

.bg-info {
	background-color: #392ac4 !important;
}

.bg-warning {
	background-color: #ffb22b !important;
}

.bg-danger {
	background-color: #ef5350 !important;
}

.bg-megna {
	background-color: #00897b;
}

.bg-theme {
	background-color: #392ac4;
}

.bg-inverse {
	background-color: #2f3d4a;
}

.bg-purple {
	background-color: #7460ee;
}

.bg-light-part {
	background-color: rgba(0, 0, 0, 0.02);
}

.bg-light-primary {
	background-color: #f1effd;
}

.bg-light-success {
	background-color: #e8fdeb;
}

.bg-light-info {
	background-color: #cfecfe;
}

.bg-light-extra {
	background-color: #ebf3f5;
}

.bg-light-warning {
	background-color: #fff8ec;
}

.bg-light-danger {
	background-color: #f9e7eb;
}

.bg-light-inverse {
	background-color: #f6f6f6;
}

.bg-light {
	background-color: #fbfbfb;
}

.bg-white {
	background-color: #ffffff;
}

.radius-0 {
	border-radius: 0;
}

.radius-5 {
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
}

.radius-10 {
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
}

.radius-15 {
	-moz-border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
	border-radius: 15px !important;
}

.radius-80 {
	-moz-border-radius: 80px !important;
	-webkit-border-radius: 80px !important;
	border-radius: 80px !important;
}

.padding-0 {
	padding: 0px !important;
}

.padding-5 {
	padding: 5px !important;
}

.padding-10 {
	padding: 10px !important;
}

.padding-15 {
	padding: 15px !important;
}

.padding-20 {
	padding: 20px !important;
}

.padding-30 {
	padding: 30px !important;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px white inset;
	-webkit-text-fill-color: #000000 !important;
}

::-webkit-scrollbar {
	-webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
	width: 12px;
	background-color: #f3f3f3;
}

::-webkit-scrollbar:horizontal {
	height: 12px;
	background-color: #f3f3f3;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .5);
	border-radius: 10px;
	border: 2px solid #f3f3f3;
}

::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #f3f3f3;
}

.UserLink {
    float: left;
    line-height: 40px;
}

.UserLink a{
    margin-right: 5px;
    color: #111;
}

.UserLink .signin{
    color: #000;
    background-color: #f1f1f1;
    border-radius: 30px;
    padding: 5px 15px;
    font-size: 14px;
    transition: 0.15s !important;
}

.UserLink .signin:hover {
    padding: 5px 25px;
    transition: 0.15s !important;
}

.UserLink .signup{
    color: #000;
    border-radius: 30px;
    padding: 5px 15px;
    font-size: 14px;
    transition: 0.15s !important;
}

.UserLink .signup:hover {
    background-color: #f1f1f1;
    transition: 0.15s !important;
}

.UserLink .account{
color: #111111;
    border-radius: 30px;
    transition: 0.3s !important;
    font-size: 14px;
    text-shadow: 0px 0px 1px #111111;
}

.UserLink .account:hover {
}

.site-logo-white {
    width: 60%;
}
.newsletterform{
    margin-top: 100px;
}
#bottom .menu {
    padding: 20px 0px;
}












.slnd-r {
    height: 50px;
    background-image: url(../images/slnd-r.png);
    background-position: center right;
    background-repeat: no-repeat;
}

.slnd-l {
    height: 50px;
    background-image: url(../images/slnd-l.png);
    background-position: center left;
    background-repeat: no-repeat;background-color: rgba(236,236,236,1);
    margin-top: -50px;
}




.faq-box p{
    line-height: 200% !important;
}
.faq-box .text{
    margin-top: 65px;
}

.follow-us
{
    height: 496px;
    background-color: #151515 !important;
}

.follow-us .row
{
    height: 496px;
    background-color: #151515 !important;
    background-image: url(../images/follow-us.png);
    background-position: center right;
    background-repeat: no-repeat;
}

.follow-us-btn {
    background-color: dodgerblue !important;
    background: dodgerblue !important;
}

.follow-us-btn:hover{
    background-color: deepskyblue !important;
    background: deepskyblue !important;
}

.BroadWay {
    font-family: YekanBalkhMedium !important;
    color: #000000  !important;
    font-weight: 400 !important;
    font-size: 13px;
    margin: 0px 10px;
}

.BroadWayLight {
    font-family: YekanBalkhMedium !important;
    color: #000  !important;
    font-weight: 400 !important;
    font-size: 13px;
    margin: 0px 10px;
}


.ibox {
    background-color: #fff;
    margin-bottom: 15px;
    padding: 30px;
    border-radius: 15px;

    box-shadow: 0 20px 20px -1px rgb(0 0 0 / 10%);
}

.boxTitle {
    background-color: #e5e5e5;
    padding: 15px 30px;
    border-radius: 15px 15px 0 0 ;
    font-weight: 900 !important;
    margin: -30px -30px 15px -30px;
        font-size: 14px;
    text-align: center;
}

.boxSubTitle {
    background-color: #f4f4f4;
    padding: 5px 10px;
    border-radius: 10px;
    font-weight: 400 !important;
    font-size: 14px;
    text-align: center;
    margin: 0px -15px;
    margin-bottom: 10px;
}


.boxFoot 
{

    margin-bottom: -15px;
    border-radius: 0px 0px 15px 15px;
    margin-right: -19px;
    margin-left: -20px;
    padding: 18px;
}

.orderBtn {
    float: left;
    color: #FFFFFF;
    background-color: #0d6efd;
    font-weight: 900 !important;
    transition: 0.3s !important;
    font-size: 1.25rem;
    border-radius: 10px;
    padding: 10px 30px;
}

.orderBtn:hover {
    background-color: #1976D2;
    padding: 10px 40px;
}

#myUL {
  margin: 0;
  padding: 0;
    line-height: 30px;
    font-size: 14px !important;
}
#myUL li:before {
   content:"\25A0";
   font-size: 1.5rem;
   color: black;
   vertical-align: bottom;
    margin-left: 10px;
}
#myUL li a {
    color: #333333;
}

.child li:before {
   content:" " !important;
   font-size: 1.5rem;
   color: black;
   vertical-align: bottom;
}
.child li{
    margin-right: 25px !important;
    transform: 0.3s !important;
}
.child li .ii{
    margin-right: -18px !important;
    line-height: 8px;
}

.child li a{
    color: #444 !important;
    transition: 0.3s !important;
}

.child li a:hover{
    color: dodgerblue !important;
    margin-right: -5px;
    transition: 0.3s !important;
    font-weight: 900 !important;
}

.child li a:hover >  i{
    margin-right: -18px !important;
    transition: 0.3s !important;
}

.child li .active{
    color: dodgerblue !important;
    font-weight: 900 !important;
}






.subs li:before {
   margin-right: 20px;
}
.subs li:before {
   content:" " !important;
   font-size: 1.5rem;
   color: black;
   vertical-align: bottom;
}
.subs li{
    margin-right: 19px !important;
    transform: 0.3s !important;
    
    
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subs li .ii{
margin-right: -13px !important;
    line-height: 7px;
    font-size: 10px;
}

.subs li a{
    color: #444 !important;
    transition: 0.3s !important;
}

.subs li a:hover{
    color: dodgerblue !important;
    margin-right: 5px;
    transition: 0.3s !important;
    font-weight: 400 !important;
}

.child li a:hover >  i{
    margin-right: -16px !important;
    transition: 0.3s !important;
}



.subs li .active{
    color: dodgerblue !important;
    font-weight: 400 !important;
}




.bold {
    font-weight: 900 !important;
}

#myUL, .child {
  list-style-type: none;
}



.img-fluid {
  max-width: 100%;
  height: auto;
}

.landing-path{
    z-index: 0;
    position:absolute;
    bottom:0;
    width:100%;
    height:auto
}
.landing-path path{
    fill:#ececec;
    z-index: -1;
}
.landing-page{
    background-color:#ececec
}
svg {
    overflow: hidden;
    width: 103vw !important;
}

img, svg {
    vertical-align: middle;
}

.animated{
  position: absolute;
}



.xicon1 {
  left: 20px;
  animation: LTRScale 5s infinite ease-in-out;
}
.xicon2 {
  right: 50px;
  animation: rotation 5s infinite ease-in-out;
}

.xicon3{
  z-index: 1;
  height: 80px;
  animation: fadeRTL 4s infinite ease-in-out;
}

.animation-2{
  position: relative;
    z-index: 1;
}

.animation-2 .intro-img{
  animation: float 3s ease infinite;
    margin-top: -80px
}

.animation-2 .xicon-1{
  left: 300px;
  height: 30px;
  animation: fade-up 1.8s infinite ease-in-out;
}

.animation-2 .xicon-2{
  left: 360px;
  top: 35px;
  animation: fade-up 1.1s infinite ease-in-out;
}

.animation-2 .xicon-3{
  left: 210px;
  top: -32px;
  animation: fadeLTR 1.5s infinite ease-in-out;
}

.animation-2 .xicon-4{
  left: -14px;
  top: -32px;
  height: 35px;
  animation: heartBeat 1.1s infinite ease-in-out;
}

.animation-2 .xicon-5{
  left: 440px;
  top: 275px;
  height: 40px;
  animation: tada 1.8s infinite ease-in-out;
}

.animation-2 .xicon-6{
  left: 117px;
  top: -75px;
  height: 35px;
  animation: tada 1.8s infinite ease-in-out;
}

.animation-2 .xicon-7{
  top: -61px;
  left: 350px;
  height: 35px;
  animation: tada 1.8s infinite ease-in-out;
}

.animation-2 .xicon-10{
    left: 29px;
    top: 207px;
    animation: tada 1.8s infinite ease-in-out;
}

.animation-2 .xicon-tree{
  bottom: -4px;
  height: 135px;
  animation: float 2s ease infinite;
}


.redlight {
    color: #dd0000;
  font-weight: 900 !important;
}

section.banner{
    min-height: 680px;
    position: relative;
    margin-bottom: 30px;
}

  
  section.banner .row{
        z-index: 1;
      position: relative;
  }
  
  section.banner .box-image{
    margin-top: 100px!important;
  }

section.banner .contents{
  padding-top: 60px;
        z-index: 1;
}

section.banner .contents h2{
    font-weight: 900 !important;
    font-size: 40px !important;
    color: #111111 !important;
    text-shadow: 0px 0px 1px #111111;
    line-height: 150%;
}



section.banner .contents .orderlink{
    font-size: 17px;
    margin-top: 30px;
    padding: 10px 35px;
    transition: 0.5s!important;
}
section.banner .contents .orderlink:hover{
    padding: 10px 45px;
    transition: 0.5s!important;
}

section.banner .contents h2 .redlight{
    text-shadow: 0px 0px 1px #dd0000;
}

section.banner .contents .head-title{
  color: #000;
  
  font-weight: 900 !important;
  line-height: 60px;
  margin-bottom: 10px;
    text-align: right;
    font-size: 25px !important;
    margin-top: -10%;
    font-family: YekanBalkhHeavy!important;
    font-size: 32px !important;
}
section.banner .contents .head-title span{
    font-size: 45px !important;
}

section.banner .contents h1{
    margin: 0px;
    line-height: 25px;
    color: #000;
    text-align: right;
    font-size: 16px !important;
    line-height: 200%;
    font-family: YekanBalkhMedium !important;
    word-spacing: -1px;
    text-align: justify;
    font-weight: 400 !important;
    margin-bottom: 25px;
}

section.banner .contents .head-button{
  color: #222222;
    float: right;
}



section.banner .intro-img img{
  animation: float 5s infinite ease-in-out;
}











.core-services{
    background-color: #ececec !important;
    

	background: -moz-linear-gradient(180deg, #ececec 0%, #FFFFFF  100%) !important;
	background: -webkit-linear-gradient(180deg, #ececec 0%, #FFFFFF  100%) !important;
	background: linear-gradient(180deg, #ececec 0%, #FFFFFF 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#FFFFFF ', GradientType=1);
    
        
        
}

.core-services h5{
  font-weight: 900 !important;
    font-size: 60px !important;
    color: #999999 !important;
    text-shadow: 0px 0px 1px #999999;
}

.core-services .mb-0{
  font-weight: 900 !important;
    font-size: 40px !important;
    color: #111111 !important;
    text-shadow: 0px 0px 1px #111111;
}
.core-services .mb-1{
  font-weight: 900 !important;
    font-size: 40px !important;
    color: #FFF !important;
    text-shadow: 0px 0px 1px #FFF;
    line-height: 150%;
}

.core-services .mb-0 span{
  font-weight: 900 !important;
    font-size: 50px !important;
    color: #dd0000 !important;
    text-shadow: 0px 0px 1px #dd0000;
}

.core-services .mb-1 span{
  font-weight: 900 !important;
    font-size: 50px !important;
    color: #dd0000 !important;
    text-shadow: 0px 0px 1px #dd0000;
}

.core-services .d-inline {
  font-weight: 900 !important;
    font-size: 40px !important;
    color: #111111 !important;
    text-shadow: 0px 0px 1px #111111;
    line-height: 200%;
}

.core-services h3 {
  font-weight: 900 !important;
    font-size: 40px !important;
    color: #dd0000 !important;
    display: contents;
    text-shadow: 0px 0px 1px #dd0000;
}


.core-services .apps-img{
  margin-top: -160px;
}

section.core-services{
  position: relative;
}



section.core-services .head-button{
  color: #fff;
  border-color: #4a2166;
}




@keyframes LTRScale{
  0% {
    transform:  translate(0px,0px)  scaleX(0.66) scaleY(0.66) ;
  }
  50% {
    transform:  translate(50px,-20px)  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    transform:  translate(0px,0px)  scaleX(0.66) scaleY(0.66) ;
  }
}
@-moz-keyframes LTRScale{
  0% {
    -moz-transform:  translate(0px,0px)  scaleX(0.66) scaleY(0.66) ;
  }
  50% {
    -moz-transform:  translate(50px,-20px)  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  scaleX(0.66) scaleY(0.66) ;
  }
}
@-webkit-keyframes LTRScale {
  0% {
    -webkit-transform:  translate(0px,0px)  scaleX(0.66) scaleY(0.66) ;
  }
  50% {
    -webkit-transform:  translate(50px,-20px)  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  scaleX(0.66) scaleY(0.66) ;
  }
}
@-o-keyframes LTRScale {
  0% {
    -o-transform:  translate(0px,0px)  scaleX(0.66) scaleY(0.66) ;
  }
  50% {
    -o-transform:  translate(50px,-20px)  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -o-transform:  translate(0px,0px)  scaleX(0.66) scaleY(0.66) ;
  }
}


@-webkit-keyframes tada{
  0% {
    -webkit-transform: rotate(0deg) scaleX(1.00) scaleY(1.00);
  }
  10% {
    -webkit-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
  }
  20% {
    -webkit-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
  }
  30% {
    -webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  40% {
    -webkit-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
  }
  50% {
    -webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  60% {
    -webkit-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
  }
  70% {
    -webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  80% {
    -webkit-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
  }
  90% {
    -webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  100% {
    -webkit-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20);
  }
}
@-moz-keyframes tada{
  0% {
    -moz-transform: rotate(0deg) scaleX(1.00) scaleY(1.00);
  }
  10% {
    -moz-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
  }
  20% {
    -moz-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
  }
  30% {
    -moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  40% {
    -moz-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
  }
  50% {
    -moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  60% {
    -moz-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
  }
  70% {
    -moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  80% {
    -moz-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
  }
  90% {
    -moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  100% {
    -moz-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20);
  }
}
@-o-keyframes tada{
  0% {
    -o-transform: rotate(0deg) scaleX(1.00) scaleY(1.00);
  }
  10% {
    -o-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
  }
  20% {
    -o-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
  }
  30% {
    -o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  40% {
    -o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
  }
  50% {
    -o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  60% {
    -o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
  }
  70% {
    -o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  80% {
    -o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
  }
  90% {
    -o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  100% {
    -o-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20);
  }
}
@keyframes tada{
  0% {
    transform: rotate(0deg) scaleX(1.00) scaleY(1.00);
  }
  10% {
    transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
  }
  20% {
    transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);
  }
  30% {
    transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  40% {
    transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
  }
  50% {
    transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  60% {
    transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
  }
  70% {
    transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  80% {
    transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);
  }
  90% {
    transform: rotate(3deg) scaleX(1.20) scaleY(1.20);
  }
  100% {
    transform:  rotate(0deg) scaleX(1.20) scaleY(1.20);
  }
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
  }
  40% {
    -webkit-transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes heartBeat {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(1.1);
  }
  40% {
    -moz-transform: scale(1);
  }
  60% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes heartBeat {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(1.1);
  }
  40% {
    -o-transform: scale(1);
  }
  60% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  40% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes fadeLTR {
  0% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 0;
  }

  50% {
    -webkit-transform: translate(10px, -20px);
    -webkit-opacity: 1;
  }

  100% {
    -webkit-transform: translate(10px, -20px);
    -webkit-opacity: 0;
  }
}
@-moz-keyframes fadeLTR {
  0% {
    -moz-transform: translateY(0);
    -moz-opacity: 0;
  }

  50% {
    -moz-transform: translate(10px, -20px);
    -moz-opacity: 1;
  }

  100% {
    -moz-transform: translate(10px, -20px);
    -moz-opacity: 0;
  }
}
@-o-keyframes fadeLTR {
  0% {
    -o-transform: translateY(0);
    -o-opacity: 0;
  }

  50% {
    -o-transform: translate(10px, -20px);
    -o-opacity: 1;
  }

  100% {
    -o-transform: translate(10px, -20px);
    -o-opacity: 0;
  }
}
@keyframes fadeLTR {
  0% {
    transform: translateY(0);
    opacity: 0;
  }

  50% {
    transform: translate(10px, -20px);
    opacity: 1;
  }

  100% {
    transform: translate(10px, -20px);
    opacity: 0;
  }
}

@-webkit-keyframes fade-up {
  0% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, -20px);
    -webkit-opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, -20px);
    -webkit-opacity: 0;
  }
}
@-moz-keyframes fade-up {
  0% {
    -moz-transform: translateY(0);
    -moz-opacity: 0;
  }

  50% {
    -moz-transform: translate(0, -20px);
    -moz-opacity: 1;
  }

  100% {
    -moz-transform: translate(0, -20px);
    -moz-opacity: 0;
  }
}
@-o-keyframes fade-up {
  0% {
    -o-transform: translateY(0);
    -o-opacity: 0;
  }

  50% {
    -o-transform: translate(0, -20px);
    -o--o-opacity: 1;
  }

  100% {
    -o-transform: translate(0, -20px);
    -o-opacity: 0;
  }
}
@keyframes fade-up {
  0% {
    transform: translateY(0);
    opacity: 0;
  }

  50% {
    transform: translate(0, -20px);
    opacity: 1;
  }

  100% {
    transform: translate(0, -20px);
    opacity: 0;
  }
}

@-webkit-keyframes float {
	0%,50% {
		-webkit-transform:translateY(0);
		-webkit-animation-timing-function:cubic-bezier(.2,.25,.55,1)
	}
	25% {
		-webkit-transform:translateY(-7px);
		-webkit-animation-timing-function:cubic-bezier(.45,0,.8,.75)
	}
	75% {
		-webkit-transform:translateY(7px);
		-webkit-animation-timing-function:cubic-bezier(.45,0,.8,.75)
	}
	to {
		-webkit-transform:translateY(0)
	}
}
@-moz-keyframes float {
	0%,50% {
		-moz-transform:translateY(0);
		-moz-animation-timing-function:cubic-bezier(.2,.25,.55,1)
	}
	25% {
		-moz-transform:translateY(-7px);
		-moz-animation-timing-function:cubic-bezier(.45,0,.8,.75)
	}
	75% {
		-moz-transform:translateY(7px);
		-moz-animation-timing-function:cubic-bezier(.45,0,.8,.75)
	}
	to {
		-moz-transform:translateY(0)
	}
}
@-o-keyframes float {
	0%,50% {
		-o-transform:translateY(0);
		-o-animation-timing-function:cubic-bezier(.2,.25,.55,1)
	}
	25% {
		-o-transform:translateY(-7px);
		-o-animation-timing-function:cubic-bezier(.45,0,.8,.75)
	}
	75% {
		-o-transform:translateY(7px);
		-o-animation-timing-function:cubic-bezier(.45,0,.8,.75)
	}
	to {
		-o-transform:translateY(0)
	}
}
@keyframes float {
	0%,50% {
		transform:translateY(0);
		animation-timing-function:cubic-bezier(.2,.25,.55,1)
	}
	25% {
		transform:translateY(-7px);
		animation-timing-function:cubic-bezier(.45,0,.8,.75)
	}
	75% {
		transform:translateY(7px);
		animation-timing-function:cubic-bezier(.45,0,.8,.75)
	}
	to {
		transform:translateY(0)
	}
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@-webkit-keyframes fadeRTL {
  0% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 0;
  }

  50% {
    -webkit-transform: translate(-10px, -20px);
    -webkit-opacity: 1;
  }

  100% {
    -webkit-transform: translate(-10px, -20px);
    -webkit-opacity: 0;
  }
}
@-moz-keyframes fadeRTL {
  0% {
    -moz-transform: translateY(0);
    -moz-opacity: 0;
  }

  50% {
    -moz-transform: translate(-10px, -20px);
    -moz-opacity: 1;
  }

  100% {
    -moz-transform: translate(-10px, -20px);
    -moz-opacity: 0;
  }
}
@-o-keyframes fadeRTL {
  0% {
    -o-transform: translateY(0);
    -o-opacity: 0;
  }

  50% {
    -o-transform: translate(-10px, -20px);
    -o-opacity: 1;
  }

  100% {
    -o-transform: translate(-10px, -20px);
    -o-opacity: 0;
  }
}
@keyframes fadeRTL {
  0% {
    transform: translateY(0);
    opacity: 0;
  }

  50% {
    transform: translate(-10px, -20px);
    opacity: 1;
  }

  100% {
    transform: translate(-10px, -20px);
    opacity: 0;
  }
}










































.platform {
    width: 100%;
    margin-top: -40px !important;
    margin-bottom: 20px !important;
    overflow: hidden;
    font-size: 40px;
    line-height: 40px;
    font-family: YekanBalkhBold !important;
    font-weight: 900 !important;
    text-align: center;
}
.platform__items {
font-weight: 900;
    overflow: hidden;
    height: 40px;
    text-align: center;
}
.platform__items:before {
  left: 0;
}
.platform__items:after {
  position: absolute;
  right: 0;
}
.platform__items:after, .platform__items:before {
  position: absolute;
  top: 0;
  color: #16a085;
  font-size: 42px;
  line-height: 40px;
  -webkit-animation-name: opacity;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: infinite;
  animation-name: opacity;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}
.platform__items__text {
  display: inline;
  float: left;
  margin: 0;
}
.platform__items__list {

    text-align: center;
    list-style: none;
    -webkit-animation-name: change;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    animation-name: change;
    animation-duration: 15s;
    animation-iteration-count: infinite;
}
.platform__items__list__item {
  line-height: 40px;
  margin: 0;
}
.platforms__items__list__item h1 {
  line-height: 40px;
}

@-webkit-keyframes change {
  0%, 5% {
    transform: translate3d(0, -5%, 0);
  }
  5%, 10% {
    transform: translate3d(0, -5%, 0);
  }
  10%, 15% {
    transform: translate3d(0, -10%, 0);
  }
  15%, 20% {
    transform: translate3d(0, -15%, 0);
  }
  20%, 25% {
    transform: translate3d(0, -20%, 0);
  }
  25%, 30% {
    transform: translate3d(0, -25%, 0);
  }
  30%, 35% {
    transform: translate3d(0, -30%, 0);
  }
  35%, 40% {
    transform: translate3d(0, -35%, 0);
  }
  40%, 45% {
    transform: translate3d(0, -40%, 0);
  }
  45%, 50% {
    transform: translate3d(0, -45%, 0);
  }
  50%, 55% {
    transform: translate3d(0, -50%, 0);
  }
  55%, 60% {
    transform: translate3d(0, -55%, 0);
  }
  60%, 65% {
    transform: translate3d(0, -60%, 0);
  }
  65%, 70% {
    transform: translate3d(0, -65%, 0);
  }
  70%, 75% {
    transform: translate3d(0, -70%, 0);
  }
  75%, 80% {
    transform: translate3d(0, -75%, 0);
  }
  80%, 85% {
    transform: translate3d(0, -80%, 0);
  }
  85%, 90% {
    transform: translate3d(0, -85%, 0);
  }
  90%, 95% {
    transform: translate3d(0, -90%, 0);
  }
  95%, 100% {
    transform: translate3d(0, -95%, 0);
  }
  100%, 0% {
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes change {
  0%, 5% {
    transform: translate3d(0, -5%, 0);
  }
  5%, 10% {
    transform: translate3d(0, -5%, 0);
  }
  10%, 15% {
    transform: translate3d(0, -10%, 0);
  }
  15%, 20% {
    transform: translate3d(0, -15%, 0);
  }
  20%, 25% {
    transform: translate3d(0, -20%, 0);
  }
  25%, 30% {
    transform: translate3d(0, -25%, 0);
  }
  30%, 35% {
    transform: translate3d(0, -30%, 0);
  }
  35%, 40% {
    transform: translate3d(0, -35%, 0);
  }
  40%, 45% {
    transform: translate3d(0, -40%, 0);
  }
  45%, 50% {
    transform: translate3d(0, -45%, 0);
  }
  50%, 55% {
    transform: translate3d(0, -50%, 0);
  }
  55%, 60% {
    transform: translate3d(0, -55%, 0);
  }
  60%, 65% {
    transform: translate3d(0, -60%, 0);
  }
  65%, 70% {
    transform: translate3d(0, -65%, 0);
  }
  70%, 75% {
    transform: translate3d(0, -70%, 0);
  }
  75%, 80% {
    transform: translate3d(0, -75%, 0);
  }
  80%, 85% {
    transform: translate3d(0, -80%, 0);
  }
  85%, 90% {
    transform: translate3d(0, -85%, 0);
  }
  90%, 95% {
    transform: translate3d(0, -90%, 0);
  }
  95%, 100% {
    transform: translate3d(0, -95%, 0);
  }
  100%, 0% {
    transform: translate3d(0, -100%, 0);
  }
}


.btn-outline-primary {
    border-color: #0d6efd;
  background: #0d6efd;
    color: #FFF;
    padding: 10px 30px;
  box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.3);
  font-weight: 900 !important;
    transition: 0.3s !important;
    border-radius: 4.3rem;
    font-size: 20px;
    
}

.btn-outline-primary:hover {
    padding: 10px 50px;
    transition: 0.3s !important;
    border-color: #4a2166;
  background: #4a2166;
}

.section-padding {
    padding: 50px 0px;
}

.boxi {
    background-color: #FFFFFF;
    min-height: 100px;
    padding: 15px 0px;
    border-radius: 0px 0px 15px 15px;
    margin: -15px -30px;
    margin-bottom: 30px;
    
  -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

.faq-box {
    padding-bottom: 100px;
}

.w35345332 {
    padding-top: 100px;
}

.w65662312 {
    margin-top: -30px;
}

.w64898789 {
    margin-top: -50px;
}

.w64898789 .homebrands {
    margin-bottom: 500px;
}

.w64898789 .title{
    font-weight: 900 !important;
    color: #000 !important;
}



.faq-box h3 {
  font-weight: 900 !important;
    font-size: 40px !important;
    color: #dd0000 !important;
    display: contents;
    text-shadow: 0px 0px 1px #dd0000;
}

.faq-box {
  margin-top: -120px !important;
}

.ipage {
    padding: 0px 30px;
    margin-top: 30px;
    margin-right: 0px;
    margin-left: 0px;
    
    margin-bottom: 50px;
    font-family: faNum !important;
}


.ipage h3 {
    margin-top: 50px;
    font-size: 50px;
    font-weight: 900 !important;
}

.ipage h1{
    font-size: 21px;
    font-weight: 900 !important;
    word-spacing: -2px;
    line-height: 5px;
}

.ipage .logo{
    margin-top: 5%;
    width: 25%;
}

.ipage .story-icons{
    margin-top: -30%;
    width: 73%;
}

.ipage .col-lg-3{
    width: 21%;
}

.ipage .col-lg-9{
    width: 79%;
    padding-left: 0px;
}

.service-splash {

    width: 23.5%;
    background-color: #FFF;
    border-radius: 15px;
    margin-bottom: 2%;
    margin-left: 1.5%;
    float: right;
    box-shadow: 0 20px 20px -1px rgb(0 0 0 / 10%);
    transition: 0.5s;
    height: 350px;
    position: relative;
}

.service-splash:hover {
    box-shadow: 0 20px 20px -1px rgb(0 0 0 / 30%);
    transition: 0.5s;
    transform: scale(1.05);
}

.service-splash img {
    border-radius: 15px 15px 0px 0px;
  display: block;
}




.service-splash .title {
font-family: YekanBalkhMedium !important;
    color: #000 !important;
    font-weight: 900 !important;
    font-size: 14px;
    text-align: right;
    padding: 15px;

    
}
.service-splash .title2 {
font-family: faNum !important;
    color: #000 !important;
    font-weight: 900 !important;
    font-size: 12px;
    text-align: right;
    padding: 15px;
    margin-top: 5px;
}
.service-splash .price {
    font-family: faNum !important;
    color: #000 !important;
    font-weight: 600 !important;
    font-size: 18px;
    text-align: left;
    padding: 15px;
    padding-top: 0px;
    border: 0px;
    bottom: 0px;
    position: absolute;
    width: 100%;
}
.leftmargin {
    margin-left: 0px;
}

section.services .item{
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 20px;
}

section.services .item:hover{
    border-radius: 5px;
    background-color: #f1f1f1;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);
}

section.services .item img{
    width: 80%;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);
    border-radius: 20px;
}
section.services .item span{
    width: 100%;
    display: block;
    color: #000000 !important;
    font-weight: 900 !important;
    font-size: 15px !important;
    word-spacing: -2px;
    text-shadow: 0px 0px 1px #111111;
}

.bubbles {
    padding: 0px 150px;
}

.nothing {
background-color: #f1f1f1;
    border-radius: 15px;
    padding: 10px 30px;
    text-align: center;
    font-size: 13px;
    margin: 0px auto;
    display: table;
}

.ii {
    font-size: 20px;
    line-height: 0px;
    padding: 10px 0px;
    margin: 0px -11px;
    position: absolute;
    color: #111
}

























#blur {
width: 100vw;
}
.blur {
width: 100vw;
    height: 100%;
    background-color: #000000;
    z-index: 10;
    top: 0px;
    left: 0px;
    position: fixed;
    opacity:  0.6;
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.9);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.modal .boxTitle {
    background-color: #e5e5e5;
    padding: 15px 20px;
    border-radius: 15px 15px 0 0;
    font-weight: 900 !important;
    margin: -13px -19px 20px -20px;
    font-size: 14px;
}

.modal-show {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1.0) !important;
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s !important;
    z-index: 9999;
}


.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    width: 40%;
    border-radius: 15px;
}




.modal-content .inputs-textarea{
background-color: #f6f6f6;
    border-radius: 10px;
    padding: 10px 10px;
    margin-left: 5px;
    margin-bottom: 15px;
    height: 130px;
}
.modal-content .inputs-textarea .caption{
margin-top: -17px;
    z-index: 1;
    font-size: 12px;
    font-weight: 900 !important;
    color: #555555;
}
.modal-content .inputs-textarea textarea{
    width: 100%;
    background-color: #f6f6f6;
    border: 0px;
    height: 100px;
    min-height: 100px;
    max-height: 100px;
}




.modal-content .inputs-select{
background-color: #f6f6f6;
    border-radius: 10px;
    padding: 10px 10px;
    margin-left: 5px;
    margin-bottom: 15px;
    height: 45px;
}
.modal-content .inputs-select .caption{
margin-top: -17px;
    z-index: 1;
    font-size: 12px;
    font-weight: 900 !important;
    color: #555555;
}
.modal-content .inputs-select select{
width: 100%;
    background-color: #f6f6f6;
    border: 0px;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
}



.modal-content .inputs-url{
background-color: #f6f6f6;
    border-radius: 10px;
    padding: 10px 10px;
    margin-left: 5px;
    margin-bottom: 15px;
    height: 45px;
}
.modal-content .inputs-url .caption{
margin-top: -17px;
    z-index: 1;
    font-size: 12px;
    font-weight: 900 !important;
    color: #555555;
}
.modal-content .inputs-url input{
    font-size: 15px;
    font-family: ProductSans;
    width: 100%;
    background-color: #f6f6f6;
    border: 0px;
    text-align: left;
    margin-top: -6px;
    direction: ltr;
}






.modal-content .inputs-username{
background-color: #f6f6f6;
    border-radius: 10px;
    padding: 10px 10px;
    margin-left: 5px;
    margin-bottom: 15px;
    height: 45px;
}


.modal-content .faNum{
    font-size: 15px;
    font-family: faNum !important;
}

.modal-content .inputs-username .caption{
margin-top: -17px;
    z-index: 1;
    font-size: 12px;
    font-weight: 900 !important;
    color: #555555;
}

.modal-content .price{
    line-height: 47px;
}
.modal-content .inputs-username .url{
direction: ltr;
    text-align: left;
    font-family: ProductSans;
    width: 37%;
    font-size: 15px;
    line-height: 17px;
}
.modal-content .inputs-username .input{
    width: 63%
}
.modal-content .note-set-min{
background-color: #DFF6FF;
    margin-right: -6px;
    padding: 6px 15px;
    border-radius: 10px;
    font-size: 11px;
    text-align: center;
    color: cadetblue;
}
.modal-content .param{

        padding: 3px 10px;

}

.modal-content .iii{

    font-size: 18px;

}

.modal-content .inputs-username .input input{
    font-size: 15px;
    font-family: ProductSans;
    width: 100%;
    background-color: #f6f6f6;
    border: 0px;
    text-align: left;
    margin-top: -6px;
}
.modal-content .inputs-username .amount{
    width: 75%
}
.modal-content .inputs-username .amount-title{
    width: 25%;
    text-align: right;
    margin-right: -10px;
    line-height: 25px;
}
.modal-content .inputs-username .amount input{
    font-size: 15px;
    font-family: faNum !important;
    width: 100%;
    background-color: #f6f6f6;
    border: 0px;
    text-align: right;
    margin-top: -4px;
}
.modal-content .inputs-username .lable{
    width: 100%;
    
}

.modal-content .border-right{
    border-right: 1px solid #e9e9e9;
}
.modal-content .total_price{
    margin-top: 15px;
}
.close-button {
    /* float: left; */
    width: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    left: 10px;
}

.close-button i {
    font-size: 22px;
    color: #777;
}

#about {
    
    font-size: 16px;
    color: #000;
    text-align: justify;
    line-height: 200%;
    padding: 0 15%;
    margin-bottom: 100px;
}

#mypage {
    
    font-size: 16px;
    color: #000;
    text-align: justify;
    line-height: 200%;
    padding: 0 15%;
    margin-bottom: 100px;
}

.faNum{
    font-size: 13px;
    font-family: faNum !important;
}

#mypage b{
    font-weight: 900 !important;
}

.modal-content .message {
    height: 20px;
    min-height: 20px;
    max-height: 20px;
}

.modal-content .message .msg {
    color: cornflowerblue;
}

.modal-content .message .msgerror {
    color: #dd0000;
}

.i-container {
    padding: 20px 35px;
}

.i-container .col-8 {
    width: 80%;
}

.i-container .col-3 {
    width: 20%;
    
}

.i-container .col-9 {
    width: 80%;
    
}

.box {
    background-color: #fff;
    margin-bottom: 15px;
    padding: 30px;
    box-shadow: 0 10px 20px -1px rgb(0 0 0 / 10%);
    border-radius: 15px;
}
.iboxi {
    color: #000;
    background-color: #f1f1f1;
    min-height: 100px;
    margin-bottom: 30px;
    border-radius: 15px;
}


.iboxi img {
    border-radius: 15px;
}
.splashProduct {
    border-radius: 15px 15px 0 0;
    width: 100%;
}

.splashProduct .splash {
    border-radius: 15px 15px 0 0;
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    margin: 0 auto;
}

.splashProduct .title{
    padding: 10px;
    color: #000;
    font-weight: 900 !important;
    
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
    height: 45px !important;
    font-family: faNum !important;
}

.splashProduct .price{
    color: #000;
    text-align: left;
    padding: 15px;
}
.splashProduct .price span{
    color: #000;
    font-weight: 900 !important;
    font-size: 20px;
    font-family: faNum !important;
}
.splashProduct .price .outofstock{
    background-color: #f1f1f1;
    color: #ccc;
    border-radius: 10px;
    padding: 1px 10px;
    font-size: 13px;
}



.ShowProduct .images {
background-color: #F1F1F1;
    margin-bottom: 15px;
    border-radius: 15px;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.owl-social-medias {
    box-shadow: 0 20px 20px -1px rgb(0 0 0 / 10%);
    width: 100%;
    height: 150px;
    border-radius: 15px;
    margin-bottom: 30px;
}
.owl-social-medias .owl-stage-outer {
    border-radius: 15px;
    width: 100%;
    height: 150px;
}

.owl-social-medias .owl-nav {
    margin-top: -150px;
    position: relative;
}
.owl-social-medias .right {
    width: 30px;
    height: 150px;
    display: block;
    float: right;
    line-height: 150px;
    margin-right: 15px;
}

.owl-social-medias .left {
    width: 30px;
    height: 150px;
    display: block;
    float: left;
    text-align: left;
    margin-left: 15px;
    line-height: 150px;

}

.owl-social-medias .rubika, .owl-social-medias .telegram, .owl-social-medias .bale, .owl-social-medias .instagram, .owl-social-medias .igap, .owl-social-medias .whatsapp, .owl-social-medias .soroush, .owl-social-medias .facebook, .owl-social-medias .gap, .owl-social-medias .twitter, .owl-social-medias .eitaa, .owl-social-medias .youtube, .owl-social-medias .aparat {
    width: 100%;
    border-radius: 15px;
    height: 150px;
    text-align: center;
    line-height: 150px;
}

.owl-social-medias .rubika {
    background-color: aliceblue;
}

.owl-social-medias .telegram {
    background-color:antiquewhite;
}

.owl-social-medias .bale {
    background-color:aqua;
}

.owl-social-medias .instagram {
    background-color:azure;
}

.owl-social-medias .igap {
    background-color:beige;
}

.owl-social-medias .whatsapp {
    background-color:blue;
}

.owl-social-medias .soroush {
    background-color:azure;
}

.owl-social-medias .facebook {
    
    background-color:antiquewhite;
}

.owl-social-medias .gap {
    
    background-color:beige;
}

.owl-social-medias .twitter {
    
    background-color:antiquewhite;
}
.owl-social-medias .eitaa {
    
    background-color:antiquewhite;
}

.owl-social-medias .youtube {
    
    background-color:blue;
}

.owl-social-medias .aparat {
    
    background-color:blue;
}












.owl-new-products {
    width: 100%;
    height: 350px;
    border-radius: 15px;
    margin-bottom: 30px;
}
.owl-new-products .owl-stage-outer {
    border-radius: 15px;
    width: 100%;
    height: 350px;
}

.owl-new-products .owl-nav {
    margin-top: -350px;
    position: relative;
}
.owl-new-products .right {
    width: 30px;
    height: 350px;
    display: block;
    float: right;
    line-height: 350px;
    margin-right: 15px;
}

.owl-new-products .left {
    width: 30px;
    height: 350px;
    display: block;
    float: left;
    text-align: left;
    margin-left: 15px;
    line-height: 350px;

}

.owl-new-products .owl-item {
    width: 100%;
    border-radius: 15px;
    height: 350px;
    text-align: center;
    line-height: 350px;
    background-color: #f1f1f1;
}




.owl-in-marketplaces {
    box-shadow: 0 20px 20px -1px rgb(0 0 0 / 10%);
    width: 100%;
    height: 350px;
    border-radius: 15px;
    margin-bottom: 30px;
}
.owl-in-marketplaces .owl-stage-outer {
    border-radius: 15px;
    width: 100%;
    height: 350px;
}

.owl-in-marketplaces .owl-nav {
    margin-top: -350px;
    position: relative;
}
.owl-in-marketplaces .right {
    width: 30px;
    height: 350px;
    display: block;
    float: right;
    line-height: 350px;
    margin-right: 15px;
}

.owl-in-marketplaces .left {
    width: 30px;
    height: 350px;
    display: block;
    float: left;
    text-align: left;
    margin-left: 15px;
    line-height: 350px;

}

.owl-in-marketplaces .owl-item {
    width: 100%;
    border-radius: 15px;
    height: 350px;
    text-align: center;
    line-height: 350px;
    background-color: #f1f1f1;
}






.owl-related-products {
    box-shadow: 0 20px 20px -1px rgb(0 0 0 / 10%);
    width: 100%;
    height: 350px;
    border-radius: 15px;
    margin-bottom: 30px;
}
.owl-related-products .owl-stage-outer {
    border-radius: 15px;
    width: 100%;
    height: 350px;
}

.owl-related-products .owl-nav {
    margin-top: -350px;
    position: relative;
}
.owl-related-products .right {
    width: 30px;
    height: 350px;
    display: block;
    float: right;
    line-height: 350px;
    margin-right: 15px;
}

.owl-related-products .left {
    width: 30px;
    height: 350px;
    display: block;
    float: left;
    text-align: left;
    margin-left: 15px;
    line-height: 350px;

}

.owl-related-products .owl-item {
    width: 100%;
    border-radius: 15px;
    height: 350px;
    text-align: center;
    line-height: 350px;
    background-color: #f1f1f1;
}
    

.cart {
    display: inline-block !important;
    background-color: turquoise;
    height: 40px;
    margin-top: 18px;
    border-radius: 30px;
    border: 0px;
    padding: 0px 15px;
    padding-right: 5px;
    line-height: 35px;
    float: left;
    color: #FFF;
    cursor: pointer;
    transition: 0.3s;

}
.cart:hover {
    background-color: darkturquoise;;
    transition: 0.3s;
}
.cart:hover > .caption{
    padding-left: 15px;
    transition: 0.3s;
}

.cart .icon {
    float: right;
    display: inline-block;
    padding: 9px;
    font-size: 25px;
    background-color: darkturquoise;
    height: 40px;
    border-radius: 0px 20px 20px 0px;
    margin-right: -10px;
    padding-left: 8px;
    padding-right: 12px;
    padding-top: 7px;
}

.cart .icon i{
    float: right;
    display: block;
}

.cart .caption {
    float: right;
    display: inline-block;
    font-size: 15px;
    padding-right: 7px;
    padding-top: 3px;
    text-shadow: 0px 0px 1px #FFFFFF;
    transition: 0.3s;
}


.megamenu {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #e5e5e5;
    background: #f8f9fa;
    top: 100% !important;
    -moz-box-shadow: 0px 4px 7px -5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 4px 7px -5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 7px -5px rgba(0, 0, 0, 0.15);
    cursor: default;
    padding: 0px 0px;
}


.megamenu .tabs{
    background: #fafafa;
    cursor: default;
    padding: 0px;
}
.megamenu .contents {
    background: #fafafa;
    cursor: default;
    padding: 40px 45px;
    
    
	background: -moz-linear-gradient(35deg, #d9d9d9 0%, #fafafa  50%) !important;
	background: -webkit-linear-gradient(35deg, #d9d9d9 0%, #fafafa  50%) !important;
	background: linear-gradient(35deg, #d9d9d9 0%, #fafafa 50%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#fafafa ', GradientType=1) !important;
}


.megamenu .tabs .tab {
    display: block;
    width: 100%;
    height: 300px;
    transition: 0.3s;
}
.megamenu .tabs .active {
  display: block;
  width: 100%;
  background-color: #ddd;
    transition: 0.3s;
}


.megamenu .tabs .tablinks {
  display: block;
  width: 100%;
  height: 70px;
    font-weight: 900 !important;
    border-bottom: 1px solid #f1f1f1;
}
.megamenu .tabs .tablinks:hover {
  display: block;
  width: 100%;
  background-color: #ddd;
    transition: 0.3s;
}

.megamenu .tabs .tab button {
  display: block;
  width: 100%;
  height: 70px;
  border: none;
  outline: none;
  text-align: right;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}
 
.megamenu .tabs .tab button:hover {
  background-color: #ddd;
}

.megamenu .tabs .tab button.active {
  background-color: #ccc;
}

.megamenu .contents .tabcontent {
  padding: 0px 12px;
  height: 300px;
}



.megamenu .contents .tabcontent .boxi {
    background-color: #FFFFFF;
    height: 180px;
    max-height: 180px;
    min-height: 180px;
    padding: 15px 0px;
    border-radius: 15px;
    width: 100%;
    -moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.megamenu .contents .tabcontent .boxi img {
    margin-top: 10px;
}

.megamenu .contents .tabcontent a {
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 900;
    font-size: 13px;
    padding: 0px;
    text-align: center;
}

.box input, .box select {
    background-color: #f1f1f1;
    height: 40px;
    margin-top: 20px;
    width: 100%;
    border-radius: 10px;
    border: 0px;
    padding: 0px 15px;
}

.homeslider * {
    border-radius: 10px;
}

.homeslider .owl-nav {
    
    margin-top: -186px;
    margin-bottom: 40px;
    display: block;
    z-index: 2;
    position: inherit;
}

.homeslider .owl-nav .owl-prev{
    float: right;
    color: black;
    text-align: right;
    padding: 30px;
    font-size: 30px;
}


.homeslider .owl-nav .owl-next{
    float: left;
    color: black;
    text-align: left;
    padding: 30px;
    font-size: 30px;
}

.HomepageItems-offers  {
    justify-content: center;
    color: #000;
}
.HomepageItems-offers .offers-items {
    background-color: #f1f1f1;
    justify-content: center;
    color: #000;
    height: 325px;
    float: right;
    display: block;
    width: 85%;
    border-radius: 10px 0px 0px 10px;
    padding: 30px 0px;
    box-shadow: 0 10px 20px -1px rgb(0 0 0 / 10%);

}

.HomepageItems-offers .titleBox {
    color: #FFFFFF;
    background-color: #cc1244;
    border-radius: 0px 10px 10px 0px;
    display: flex;
    flex-direction: column;
    padding: 100px 20px;
    height: 325px;
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
    float: right;
    display: block;
    width: 15%;
}

.HomepageItems-offers .titleBox .icon{
    font-size: 75px;
    line-height: 20px;
}

.HomepageItems-offers .titleBox .caption{
    font-size: 25px;
    font-weight: 900 !important;
    line-height: 50px;
}

.HomepageItems-offers .titleBox .all a{
    font-size: 14px;
    font-weight: 400 !important;
    color: #FFF;
}

.HomepageItems-offers .homeoffers .item {
    background-color: #FFFFFF;
    border-radius: 10px;
    height: 265px;
    padding: 15px;
}


.HomepageItems-offers .homeoffers .item .splash {
    height: 155px;
    border-radius: 15px;
    background-color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
}
.HomepageItems-offers .homeoffers .item .detiles{
    background-color: #FAFAFA;
    border-radius: 0px 0px 10px 10px;
    height: 80px;
    margin: 0px -15px
}
.HomepageItems-offers .homeoffers .item .detiles .itemtitle{
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 900;
    font-size: 13px;
    padding: 10px;
    text-align: right;
}
.HomepageItems-offers .homeoffers .item .detiles .price{
    color: #111;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 900 !important;
    font-size: 15px;
    text-align: left;
    padding: 5px 0px;
    display: inline-block;
    float: left;
    margin-left: 10px;
    line-height: 15px;
}
.HomepageItems-offers .homeoffers .item .detiles span{
}
.HomepageItems-offers .homeoffers .item .detiles .up{
    font-weight:400 !important;
    font-size: 15px;
    height: 25px;
    background-color: #FAFAFA;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px;
}
.HomepageItems-offers .homeoffers .item .detiles .down{
    font-weight: 900 !important;
    font-size: 15px;
    background-color: crimson;
    padding: 1px 10px;
    height: 25px;
    border-radius: 10px;
    color: #FFFFFF;
}
.HomepageItems-offers .homeoffers .item .detiles .toman{
    font-weight: 400 !important;
    font-size: 12px;
    height: 23px;
    background-color: khaki;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: -2px;
    border-radius: 10px 0px 0px 10px;
    display: inline-block;
}

.lastItems {
    background-color: #fafafa;
    border-radius: 15px;
    margin-bottom: 30px;
    box-shadow: 0 10px 20px -1px rgb(0 0 0 / 10%);
}

.lastItems .title{
    background-color: #f1f1f1;
    border-radius: 15px 15px 0px 0px;
    padding: 15px 30px;
    color: #000;
}

.lastItems .content{
    background-color: #fafafa;
    border-radius: 0px 0px 15px 15px;
}

.lastItems .owl-item{
    background-color: #FFF;
    border-radius: 15px;
    min-height: 240px;
    
    -webkit-box-shadow: 0px 5px 22px -10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 22px -10px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 22px -10px rgba(0,0,0,0.2);
}

.lastItems .owl-item .detiles .itemtitle{
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 900;
    font-size: 13px;
    padding: 10px;
    text-align: right;
}

.lastItems .owl-item .detiles .price{
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 900 !important;
    font-size: 15px;
    text-align: left;
    padding: 5px 10px;
    background-color: antiquewhite;
    border-radius: 10px;
    display: inline-block;
    float: left;
    margin-left: 10px;
    line-height: 15px;
}

.lastItems .owl-item .detiles span{
    color: #000;
    font-weight: 400;
    font-size: 12px;
}

.lastItems .lastItemsslides .splash {
    height: 154px;
    min-height: 154px;
    max-height: 154px;
    
    border-radius: 15px;
    background-color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 15px 15px 0px 0px;
}

.lastItems .lastItemsslides .owl-stage {
    padding-top: 30px;
    padding-bottom: 30px;
}
 
.brands {
    margin-bottom: 30px;
}

.brands .title{
    text-align: center;
    color: #000;
    font-size: 25px;
}

.brands .content{
    padding: 30px 0px;
    min-height: 100px;
}

.brands .content .owl-item{
    background-color: #f1f1f1;
    border-radius: 15px;
    padding: 15px;
    min-height: 80px;
}

.festivals {
    background-color: #f1f1f1;
    border-radius: 15px;
    padding: 15px;
    min-height: 100px;
    color: #000;
    margin-bottom: 30px;
}
.downloadApps {
    background-color: #f1f1f1;
    border-radius: 15px;
    padding: 15px;
    min-height: 100px;
    color: #000;
    margin-bottom: 30px;
}



#boxNewsRoom {
    margin-bottom: 15px;
}

.boxNewsRoom {
    font-family: faNum !important;
    background-color: #0d6efd;
    margin-bottom: 15px;
    padding: 30px;
    border-radius: 10px;
    font-weight: 900 !important;
    text-align: center;
    height: 360px;
    padding-top: 200px;
    -webkit-box-shadow: 0px 5px 22px -10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 6px 10px -12px rgba(0,0,0,0.5);
    box-shadow: 0px 6px 10px -12px rgba(0,0,0,0.5);
}

.boxNewsRoom p {
    color: #FFF;
    text-shadow: 0px 0px 1px #FFF;
    font-weight: 900 !important;
    font-size: 40px;
}

.boxNewsRoom span{
    font-weight: 300 !important;
    font-size: 18px;
    background-color: #ffffff;
    color: #0d6efd;
    padding: 0px 15px;
    padding-top: 5px;
    border-radius: 30px;
}

#boxNewsRoom .LastNews {
    height: 360px;
    background-color: #f1f1f1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: inset 0px -74px 115px 37px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -74px 115px 37px rgba(0,0,0,0.75);
    box-shadow: inset 0px -74px 115px 37px rgba(0,0,0,0.75);
    padding: 250px 50px 50px 50px;
    border-radius: 15px;
}


#boxNewsRoom .LastNews div {
    font-family: faNum !important;
    font-weight: 900 !important;
    text-align: right;
    color: #fff;
    line-height: 40px;
    font-size: 25px;
    margin: 0px;
    text-shadow: 0px 0px 1px #fff;
}

#boxNewsRoom .morenewsImage {
    background-color: #f1f1f1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    height: 70px;
    margin-bottom: 15px;
}

#boxNewsRoom .morenews {
    margin-right: -5px;
}

#boxNewsRoom .morenews h1 {
    font-family: faNum !important;
    font-weight: 900 !important;
    text-align: right;
    color: #000;
    font-size: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px;
}

#boxNewsRoom .morenews div {
    font-family: faNum !important;
    font-weight: 300 !important;
    text-align: right;
    color: #777;
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 200%;
}

#boxNewsRoom .more {

    padding: 15px;
    background-color: #f1f1f1;
    border-radius: 15px;
    height: 360px;
}

.infotext_sitename {
    font-size: 35px;
    font-weight: 900;
    color: #000;
}

.infotext_sitename h1{
    font-size: 35px;
    font-weight: 900;
    color: #000;
}

.infotext_subtitle {
    font-size: 16px;
    font-weight: 900;
    color: #888;
}

.infotext_subtitle h2{
    font-size: 16px;
    font-weight: 900;
    color: #888;
}

.infotext_siteinfo {
    font-size: 14px;
    color: #000;
}

.OrderBy {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 15px;
}

.OrderBy p{
    display: block;
    float: right;
    margin-left: 10px;
    line-height: 11px;
    padding: 0px;
    margin-bottom: 0px;
    height: 25px;
    position: revert;
    margin-top: 0px;
    padding-top: 10px;
}

.OrderBy p a{
    color: #000
}

.OrderBy p a:hover{
    color: dodgerblue
}

.OrderBy p .active{
    background-color: deepskyblue;
    color: #FFF !important;
    padding: 3px 10px;
    border-radius: 15px;
}

.OrderBy .icon{
    padding-top: 0px;
}

.OrderBy i{
    font-size: 30px
}


.OrderBy .countAll{
    padding: 0px 15px;
    border-radius: 15px;
    display: block;
    float: left;
}
.OrderBy .paging{
    display: block;
    float: left;
    margin-right: 10px;
}
.OrderBy .next{
    background-color:beige;
    padding: 0px 15px;
    border-radius: 15px;
    display: block;
    float: left;
    margin-right: 10px;
    color: #000;
}
.OrderBy .prew{
    background-color:beige;
    padding: 0px 15px;
    border-radius: 15px;
    display: block;
    float: left;
    margin-left: 10px;
    color: #000;
}


.OrderBy .allPages{
    display: block;
    float: left;
}


























.ProductSplashView .item {
    background-color: #FFFFFF;
    border-radius: 15px;
    height: 265px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 0px 20px -1px rgb(0 0 0 / 10%);
}


.ProductSplashView .item .splash {
    height: 155px;
    border-radius: 15px;
    background-color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
    background-size: contain;
}
.ProductSplashView .item .detiles{
    background-color: #FFFFFF;
    border-radius: 0px 0px 10px 10px;
    height: 80px;
    margin: 0px -15px
}
.ProductSplashView .item .detiles .itemtitle{
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 900;
    font-size: 12px;
    padding: 10px;
    text-align: right;
}
.ProductSplashView .item .detiles .price{
    color: #111;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 400 !important;
    font-size: 12px;
    text-align: left;
    padding: 5px 0px;
    display: inline-block;
    float: left;
    margin-left: 10px;
    line-height: 15px;
}
.ProductSplashView .item .detiles span{
    font-weight:900 !important;
    font-size: 15px;
}
.ProductSplashView .item .detiles .up{
    font-weight:400 !important;
    font-size: 15px;
    height: 25px;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px;
    color: #9999;
}
.ProductSplashView .item .detiles .down{
    font-weight: 400 !important;
    font-size: 14px;
    background-color: crimson;
    padding: 5px 13px;
    height: 25px;
    border-radius: 10px;
    color: #FFF;
    border-radius: 20px;
    display: inline-block;
}
.ProductSplashView .item .detiles .toman{
    font-weight: 400 !important;
    font-size: 12px;
    height: 23px;
    background-color: khaki;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: -2px;
    border-radius: 10px 0px 0px 10px;
    display: inline-block;
}



.ProductShow {
    background-color: #fafafa !important;
	background: -moz-linear-gradient(180deg, #fafafa 0%, #FFFFFF  100%) !important;
	background: -webkit-linear-gradient(180deg, #fafafa 0%, #FFFFFF  100%) !important;
	background: linear-gradient(180deg, #fafafa 0%, #FFFFFF 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#FFFFFF ', GradientType=1);
}
.ProductShow .showWayTitle {

    font-size: 14px;
    font-weight: 900 !important;
    line-height: 200%;
    font-family:"IRANYekan" !important;
}
.ProductShow .splashImage {
    text-align: center
}
.ProductShow .splashImage img{
    max-width: 100%;
}


.ProductShow #img-zoomer-box {
max-width: 100%;
  height: auto;
  position: relative;
  margin: 10px auto;
}

.ProductShow #img-1 {
  width: 100%;
  height: auto;
}

.ProductShow #img-zoomer-box:hover, .ProductShow #img-zoomer-box:active {
  cursor: zoom-in;
  display: block;
}

.ProductShow #img-zoomer-box:hover #img-2, .ProductShow #img-zoomer-box:active #img-2 {
  opacity: 1;
}
.ProductShow #img-2 {
  width: 340px;
  height: 340px;
  
  box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
  pointer-events: none;
  position: absolute;
  opacity: 0;
  border: 4px solid whitesmoke;
  z-index: 99;
  border-radius: 100%;
  display: block;
  transition: opacity .2s;
}



.ProductShow h1{
    font-weight: 900 !important;
    font-size: 30px;
    word-spacing: 0px;
}
.ProductShow .short_description{
    font-size: 14px;
    line-height: 200%;
    font-family:"IRANYekan" !important;
}
.ProductShow hr{
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin: 20px 20px 20px 20px;
    border: 0;
    border-top: 1px solid #cccccc;
}

    

.ProductShow .outofstock {
    background-color: #f6f6f6;
    font-weight: 900 !important;
    color: #cccccc!important;
    font-family: faNum !important;
    font-size: 25px;
    padding: 0px 15px;
    border-radius: 15px;
    padding-top: 3px;
    margin-bottom: 20px;
    display: inline-block;
}
.ProductShow .offerBox {
    display: block;
    margin-bottom: 30px;
}
.ProductShow .offerBox div {
    background-color: cornsilk;
    color: #000 !important;
    font-family: faNum !important;
    border-radius: 15px;
    border-radius: 10px 0px 0px 10px;
    display: inline;
    height: 40px;
    padding: 10px 10px 10px 15px;
    text-align: right;
}
.ProductShow .offerBox div span {
    float: right;
    font-size: 25px;
    line-height: 25px;
    color: red;
    background-color: antiquewhite;
    padding: 5px 10px;
    height: 40px;
    border-radius: 0px 5px 5px 0px;
    margin-top: -11px
}



.ProductShow .price {
    font-weight: 900 !important;
    color: #000 !important;
    font-family: faNum !important;
    font-size: 40px;
}

.ProductShow .price .up{
    font-family: faNum !important;
    font-size: 20px;
    color: #999 !important;
    font-weight: 400 !important;
}

.ProductShow .price .down{
    font-weight: 900 !important;
    color: #000 !important;
    font-family: faNum !important;
    font-size: 40px;
}

.ProductShow .pricep {
    font-weight: 900 !important;
    color: #000 !important;
}
.ProductShow .addToCart {
    background-color: #0d6efd;
    border-radius: 5px;
    padding: 10px 20px;
    text-align: center;
    color: #FFF;
    font-size: 17px;
    transition: .3s !important;
    box-shadow: 0 20px 20px -1px rgb(0 0 0 / 10%);
    margin-top: 5px;
}
.ProductShow .addToCart:hover {
    padding: 10px 25px;
    background-color: deepskyblue;
    transition: .3s !important;
}


.ProductShow .addToCart2 {
    background-color: #0d6efd;
    border-radius: 5px;
    padding: 10px 20px;
    text-align: center;
    color: #FFF;
    font-size: 17px;
    transition: .3s !important;
    box-shadow: 0 20px 20px -1px rgb(0 0 0 / 10%);
    margin-top: 5px;
}
.ProductShow .addToCart2:hover {
    padding: 10px 25px;
    background-color: deepskyblue;
    transition: .3s !important;
}

.ProductShow .availability {
    background: aliceblue;
    padding: 5px 20px;
    display: inline;
    color: forestgreen;
    border-radius: 15px;
    margin-bottom: 32px;
}

.ProductShow .postfast {
    font-family: faNum !important;
    background-color: aliceblue;
    padding: 15px;
    border-radius: 15px;
}
.ProductShow .postfast p {
    font-size: 16px;
    font-weight: 900 !important;
    line-height: 100%;
    margin-bottom: 10px;
}
.ProductShow .shareLinks i {
    font-size: 20px;
    margin-right: 7px;
}
.ProductShow .shareLinks .col-sm-3 {
    font-size: 14px;
    padding: 3px 0px;
}
.ProductShow .shareLinks .col-sm-9 {
    padding: 0px;
}
.ProductShow .specifications select {
    background-color: #f1f1f1;
    height: 40px;
    width: 100%;
    border-radius: 10px;
    border: 0px;
    padding: 0px 15px;
}
.ProductShow .specifications select option{
    background-color: #FFFFFF;
}

.ProductShow .main {
    background: #FFFFFF;
    box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 50px;
}
.ProductShow .long_description {
    padding-top: 30px;
    text-align: justify;
    font-family:"IRANYekan" !important;
    line-height: 200%;
}
.ProductShow .long_description p {
    margin: 0px;
}

.ProductShow .boxTitle {
    
    text-align: right;
    font-size: 15px;
    margin: -30px -30px 0px -30px !important;
}

.ProductShow th {
    text-align: left;
    background: beige;
    font-size: 14px;
    padding: 10px 15px;
    margin: 0px;
    font-weight: 900 !important;
    line-height: 100%;
    border-bottom: 5px solid #FFF;
    width: 30%;
  display: table-cell; 
  vertical-align: middle;
}

.ProductShow td {
    text-align: right;
    background: #FFF;
    font-size: 14px;
    padding: 10px 15px;
    margin: 0px;
    font-weight: 400 !important;
    line-height: 100%;
    width: 70%;
  vertical-align: middle;
  line-height: normal;
  display: table-cell; 
  vertical-align: middle;
}

.ProductShow td p {
  display: table-cell; 
  vertical-align: middle;
  text-align: right;
}


.PagesShow {
    
}

.PagesShow .eslimi {
    text-align: center;
}

.PagesShow h1 {
    text-align: center;
    font-weight: 900 !important;
    padding: 0px;
    margin: 0px;
    line-height: 60px;
    font-size: 30px;
}
.PagesShow .lastUpdate {
    text-align: center;
    font-family: faNum !important;
    font-weight: 400 !important;
    font-size: 14px;
    color: #999999;
    margin-bottom: 15px;
}
.PagesShow .body {
    text-align: justify;
    font-family: faNum !important;
    font-size: 14px;
    padding: 5px 0px;
    line-height: 200%;
}
.PagesShow .body b{
    font-weight: 900 !important;
    font-size: 18px;
    margin-bottom: -10px;
    display: block;
}
.PagesShow .aboutStory{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90%;
    min-height: 600px;
    max-height: 600px;
    height: 600px;
    text-align: center;
    padding-top: 15px;
    margin-bottom: 30px;
}









.contact-intro2{
    padding: 50px 30px;
    text-align: center;
    position: relative;
    
}.contact-intro2 h3{
    color: #000;
    font-weight: bold;
    font-size: 34px;
    margin-top: 16px;
    font-weight: 900 !important;
}.contact-intro2>p{
    color: #333;
    font-weight: 300;
    font-size: 18px;
    margin-top: -14px;
}

.contact-intro2 .supportMSG{
    background-color: azure;
    display: inline;
    padding: 10px 30px;
    border-radius: 10px;
    font-size: 14px;
    
}
.contact-intro2 .supportMSG .en{
    font-family: "ProductSans" !important;
    font-weight: 900 !important;
    
}


.contact-intro{
    padding: 50px 30px;
    text-align: center;
    position: relative;
    background-color: #fafafa !important;
    background: -moz-linear-gradient(180deg, #FFFFFF 0%, #f1f1f1 100%, #FFFFFF 100%) !important;
    background: -webkit-linear-gradient(180deg, #FFFFFF 0%, #f1f1f1 100%, #FFFFFF 100%) !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #f1f1f1 100%, #FFFFFF 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#FFFFFF ', GradientType=1);
    
}.contact-intro h3{
    color: #000;
    font-weight: bold;
    font-size: 34px;
    margin-top: 16px;
    font-weight: 900 !important;
}.contact-intro>p{
    color: #333;
    font-weight: 300;
    font-size: 18px;
    margin-top: -14px;
}.contact-intro .contact-skew{
    position: relative;
    bottom: -39px;
    height: 252px;
    -moz-transform: skewY(-7deg);
    -webit-transform: skewY(-7deg);
    transform: skewY(-7deg);
    background: #FFFFFF;
    z-index: 0;
    margin: 0px -30px;
}.contact-intro .back{
    -moz-transform: skewY(-7deg);
    -webit-transform: skewY(-7deg);
    transform: skewY(-7deg);
    position: absolute;
}.contact-intro .back1{
    bottom: 210px;
    background: rgba(0,0,0,0.2);
    background: #0AD1CC;
    right: 0px;
    width: 120px;
    height: 175px;
    z-index: 1;
}.contact-intro .back2{
    bottom: 355px;
    background: aquamarine;
    right: 0px;
    width: 210px;
    height: 100px;
    z-index: 0;
}.contact-intro .back3{
    bottom: 229px;
    background: rgba(0,0,0,0.05);
    right: 75px;
    width: 170px;
    height: 75px;
    z-index: 2;
}.contact-intro .back4{
    bottom: 170px;
    background: gainsboro;
    left: 0px;
    width: 230px;
    height: 75px;
    z-index: 2;
}.contact-intro .back5{
    bottom: 236px;
    background: antiquewhite;
    left: 0px;
    width: 90px;
    height: 75px;
    z-index: 3;
}.contact-infomain{
    background: #FFF;
    position: relative;
    padding: 30px 0px 50px;
    margin-top: -200px;
}

.contact-info .uk-first-column
{
    display: block;
    float: right;
    }

.contact-info .row
{
    width: 100%;
    }

.contact-info .row .col-sm-2
{
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
}


.contact-info .row img
{
    height: 45px;
    min-height: 45px;
    max-height: 45px;
    }
.contact-info i
{
    font-size: 45px;
    }
    .contact-info{
    position: relative;
    z-index: 4;
    max-width: 1100px;
    margin: 0px auto;
}.contact-info>div{
    padding: 0px 25px;
}.contact-info h4{
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    margin: 40px 0px 35px;
    color: #551487;
}.contact-info ul{
    margin: 0px;    
    padding: 0px;
}.contact-info ul li{
    padding: 12px 10px;
    font-weight: 300;
    font-size: 19px;
    color: #8A94A2;
}.contact-info ul li:nth-of-type(2n+1){
    padding: 3px 10px 12px;
}.contact-info ul li:nth-of-type(2n){
    text-align: left;
    direction: ltr;
}.dir-ltr .contact-info ul li:nth-of-type(2n){
    text-align: right;
}.contact-info ul li:nth-of-type(2n+1) span[class*="icon-"]{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #fff;
    text-align: center;
    margin-left: 10px;
    border-radius: 50%;
    -moz-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.2);
}.dir-ltr .contact-info ul li:nth-of-type(2n+1) span[class*="icon-"]{
    margin-left: 0px;
    margin-right: 10px;
}.contact-info ul li a.sazemail{
    color: #8A94A2;
    font-size: 19px;
    font-weight: 200;
}.contact-info ul li a.contact-tel{
    color: #8A94A2;
}.contact-info ul li a.contact-tel:hover,.contact-info ul li a.sazemail:hover{
    color: #111;
}.contact-info ul li a.social{
    font-size: 30px;
    margin-right: 7px;
    color: #8A94A2;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    -moz-transition: 300ms;
    -webkit-transition: 300ms;
    transition: 300ms;
    display: inline-block;
}.contact-info ul li a.social:hover{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}.contact-info ul li a.social:before{
    color: inherit;
}.contact-info ul li a.telegram:hover{
    color: #0D86D7;
}.contact-info ul li a.icon-ion-social-whatsapp:hover{
    color: #1EBEA5;
}.contact-info ul li a.skype:hover{
    color: #00aff0;
}.contact-info ul li a.instagram:hover{
    color: #e4405f;
}.contact-info .contact_bigtxt{
    font-weight: bold;
    font-size: 65px;
    line-height: 80px;
    color: #eeeeee;
    width: 350px;
    font-weight: 900 !important;
}.followus{
    position: absolute;
    width: 20px;
    padding: 0px !important;
    text-align: center;
    right: 40px;
    top: 0px;
    z-index: 5;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    color: #8A94A2;
}.dir-ltr .followus{
    right: unset;
    left: 40px;
}.followus:before{
    content: " ";
    width: 2px;
    height: 50px;
    background: #bbb;
    position: absolute;
    left: 9px;
    bottom: 108%;
}.followus div{
    margin-bottom: 10px;
}.followus div span{
    display: block;
}.followus div a{
    font-size: 23px;
    display: block;
    margin-bottom: 15px;
    color: #8A94A2;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    -moz-transition: 300ms;
    -webkit-transition: 300ms;
    transition: 300ms;
}.followus div a:before{
    color: inherit;
}.followus div a:hover{
    color: #111;
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}.contact-form{
    position: relative;
    padding-top: 70px;
}.contact-form .anabazarform{
    margin: 30px auto 60px;
    max-width: 450px;
    z-index: 4;
}.contact-form .anabazarform textarea{
    width: 370px;
}.contact-form .contact-skew{
    position: absolute;
    left: 0px;
    right: 0px;
    top: -120px;
    height: 630px;
    -moz-transform: skewY(-7deg);
    -webit-transform: skewY(-7deg);
    transform: skewY(-7deg);
    background: #FFF;
    z-index: 2;
}.contact_map{
    direction: ltr;
}.contact_map .mapmain{
    -webkit-border-top-right-radius: 300px;
    -webkit-border-bottom-right-radius: 300px;
    -moz-border-radius-topright: 300px;
    -moz-border-radius-bottomright: 300px;
    border-top-right-radius: 300px;
    border-bottom-right-radius: 300px;
    margin-right: 90px;
    position: relative;
    overflow: hidden;
    max-width: 1500px;
    direction: rtl;
}.dir-ltr .contact_map .mapmain{
    direction: rtl;
}.contact_map .mapmain .back-grad{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 65%;
    z-index: 1;
    background: -moz-linear-gradient(left, rgba(66,74,91,0.9) 0%, rgba(66,74,91,0.85) 40%, rgba(66,74,91,0) 100%);
    background: -webkit-linear-gradient(left, rgba(66,74,91,0.9) 0%,rgba(66,74,91,0.85) 40%,rgba(66,74,91,0) 100%);
    background: linear-gradient(to right, rgba(66,74,91,0.9) 0%,rgba(66,74,91,0.85) 40%,rgba(66,74,91,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6424a5b', endColorstr='#00424a5b',GradientType=1 );
}.contact_map .mapmain iframe{
    
}.contact_map .mapmain .mapboxmain{
    position: absolute;
    left: 80px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    width: 25%;
    -moz-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.5);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}.contact_map .mapmain .mapboxmain .mapbox_bakc{
    position: absolute;
    top: -25px;
    right: -25px;
    bottom: 60px;
    width: 150px;
    background: #551487;
    -moz-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.5);
}.contact_map .mapmain .mapboxmain .mapbox{
    background: #fff;
    position: relative;
    padding: 10px 30px 25px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}.dir-ltr .contact_map .mapmain .mapboxmain .mapbox{
    direction: ltr;
}.contact_map .mapmain .mapbox div span{
    display: block;
    color: #8A94A2;
    font-weight: 300;
    font-size: 16px;
}.dir-ltr .contact_map .mapmain .mapbox div span{
    font-size: 14px;
    line-height: 28px;
}.contact_map .mapmain .mapbox div span:nth-of-type(1){
    font-weight: bold;
    color: #424A5B;
    margin-top: 15px;
}.contact_partner{
    margin: 0px 90px;
    padding-bottom: 70px;
}.contact_partner>div:nth-of-type(2){
    padding: 0px 150px 0px 130px;
}.contact_partner img{
    margin-top: -70px;
    z-index: 1;
    position: relative;
}.contact_partner h4{
    font-weight: bold;
    color: #424A5B;
}.contact_partner p{
    color: #8A94A2;
    font-weight: 300;
    font-size: 16px;
    text-align: justify;
}.contact_partner a{
    display: inline-block;
    color: #8A94A2;
    font-weight: 300;
    border: 1px solid #8A94A2;
    padding: 3px 25px;
    border-radius: 30px;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    -moz-transition: 300ms;
    -webkit-transition: 300ms;
    transition: 300ms;
}.contact_partner a:hover{
    color: #fff;
    background: #8A94A2;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#supportForm {
    position: relative;
    background-color: #fff;
    margin-bottom: 15px;
    padding: 30px;
    box-shadow: 0 10px 20px -1px rgb(0 0 0 / 10%);
    border-radius: 15px;
    z-index: 5;
    margin-top: 40px;
}

#supportForm label {
    width: 30%;
    float: right;
    display: block;
    text-align: left;
    padding: 12px;
        
}

#supportForm .formControls {
    width: 70%;
    float: right;
    display: block;
        
}

#supportForm .formControls input {
    background-color: #f6f6f6;
    border-radius: 10px;
    padding: 10px 10px;
    margin-bottom: 15px;
    height: 40px;
    width: 100%;
    border: 1px solid #f6f6f6;
        
}
#supportForm .formControls textarea {
    background-color: #f6f6f6;
    border-radius: 10px;
    padding: 10px 10px;
    margin-bottom: 15px;
    height: 130px;
    width: 100%;
    border: 1px solid #f6f6f6;
        
}
#supportForm .formControls button {
    background-color: deepskyblue;
    border-radius: 10px;
    padding: 10px 20px;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    transition: .3s !important;
    box-shadow: 0 20px 20px -1px rgb(0 0 0 / 10%);
    width: 100%;
}
#supportForm .formControls button:hover{
    background-color: #0d6efd;
    transition: .3s !important;
}

.uk-grid li {
    float: right;
    display: block;
    width: 45%;
    height: 60px;
}

#supportForm .start_title{
    position: relative;
    background-color: #e5e5e5;
    padding: 15px 30px;
    border-radius: 15px 15px 0 0;
    font-weight: 900 !important;
    margin: -30px -30px 15px -30px;
    font-size: 14px;
    text-align: center;
}

.cartItems {
    font-size: 14px !important;
}

.cartItems .item{
    background-color: #FFF;
    padding: 10px;
    transition: 0.1s !important;
    color: #000;
    font-size: 13px;
}

.cartItems .item:hover{
    background-color: #fafafa;
    transition: 0.1s !important;
    transform: scale(1.03);
    border-radius: 10px;
}

.cartItems .item .splash{
    background-color: #FFF;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
}

.cartItems .item .splash img{
}

.cartItems .item .title{
    padding: 17px 5px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    text-align: right;
}

.cartItems .item .price{
    padding: 17px 5px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
    font-family: faNum !important;
}

.cartItems .item .amount{
    width: 100%;
    font-size: 16px;
    height: 25px;
    margin-top: 15px;
}

.cartItems .item .amount .uper {
    background-color: antiquewhite;
    border-radius: 37px;
    width: 25px;
    height: 25px;
    display: inline-block;
    float: right;
    font-size: 20px;
    padding: 2px 0px;
    text-align: center;
    cursor: pointer;
}

.cartItems .item .amount .input {
    width: 80px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    float: right;
    font-family: faNum !important;
    font-size: 15px;
}

.cartItems .item .amount .downer {
    background-color: antiquewhite;
    border-radius: 37px;
    width: 25px;
    height: 25px;
    display: inline-block;
    float: right;
    font-size: 20px;
    padding: 2px 0px;
    text-align: center;
    cursor: pointer;
}

.cartItems .addToCart {
    background-color: #FFF;
    border-radius: 10px;
    padding: 7px 13px;
    text-align: center;
    color: deepskyblue;
    font-size: 14x;
    transition: .3s !important;
    margin-top: 5px;
    border: 1px solid deepskyblue;
}
.cartItems .addToCart:hover {
    padding: 7px 20px;
    background-color: deepskyblue;
    color: #FFF;
    transition: .3s !important;
}

.consignee .caption {
    font-size: 12px;
    margin: 0px;
    padding: 0px 0px;
    line-height: 50px;
    height: 50px;
    font-weight: 900 !important;
}

.consignee .input {
    margin: 0px;
    padding: 0px 0px;
    line-height: 50px;
    height: 50px;
    padding-right: 10px;
}

.consignee .input input {
    background-color: #f1f1f1;
    height: 40px;
    margin-top: 5px;
    width: 100%;
    border-radius: 10px;
    border: 0px;
    padding: 0px 15px;
    font-family: faNum !important;
    font-size: 14px;
}

.totalPayment {
    font-family:YekanBalkhMedium !important;
    font-size: 14px;
}

.totalPayment .amount {
    display: inline-block;
    font-weight: 900 !important;
    font-size: 20px;
}

.totalPayment span{
    font-size: 12px;
    
}

.goPayment {
    background-color: dodgerblue;
    border-radius: 10px;
    padding: 15px 0px;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    transition: .3s !important;
    margin-top: 10px;
    width: 100%;
}
.goPayment:hover {
    background-color: deepskyblue;
    transition: .3s !important;
}

.totalpayBox {
    
    background: aquamarine;
    margin: 0px -30px;
    padding: 15px 13px;
    margin-bottom: -30px;
    border-radius: 0px 0px 15px 15px;
    margin-top: 30px;
    
}

#myaccount {
    font-size: 14px;
}

#myaccount .menulist .myName{
    display: block;
    text-align: center;
    font-size: 15px;
}

#myaccount .menulist .mobile{
    text-align: center;
    display: block;
    color: #999999;
    font-size: 15px;
    
    font-family: faNum !important;
}

#myaccount .menulist hr{
    margin: 10px !important;
}

#myaccount .menulist li{
    padding: 15px 15px;
    margin: 0px -30px;
    transition: 0.3s;
    height: 50px;
}

#myaccount .menulist li:hover{
    transition: 0.3s;
    background-color: #f1f1f1;
}

#myaccount .menulist li a{
    color: #000;
}

#myaccount .menulist li a i{
    display: inline-block;
    float: right;
    margin-left: 10px;
    font-size: 20px;
}

#myaccount .menulist li a span{
    display: inline-block;
    float: right;
}

#myaccount .body h1{
    font-weight: 900 !important;
    display: inline-block;
    font-size: 17px;
    border-bottom: 2px solid #dd0000;
}

#myaccount .body .sbox{
    background-color: #FFF;
    padding: 20px 30px;
    border: 1px solid #dadada;
    border-radius: 15px;
    margin-bottom: 20px;
}

#myaccount .body .sbox .nothing{
    background-color:antiquewhite;
    padding: 10px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

#myaccount .body .sbox .title{
    color: #000;
}

#myaccount .body .sbox .goToCart{
    background-color: #0d6efd;
    border-radius: 5px;
    padding: 10px 20px;
    text-align: center;
    color: #FFF;
    font-size: 17px;
    transition: .3s !important;
    box-shadow: 0 20px 20px -1px rgb(0 0 0 / 10%);
    margin-top: 5px;
    margin-bottom: 20px;
}

#myaccount .body .sbox .goToCart:hover {
    padding: 10px 25px;
    background-color: deepskyblue;
    transition: .3s !important;
}

#myaccount .body .sbox .orders .icon {
    text-align: center
}

#myaccount .body .sbox .orders .tab {
    overflow: hidden;
    border: 0px;
    background-color: #f1f1f1;
    border-radius: 15px 15px 0px 0px;
}

#myaccount .body .sbox .orders .tab button {
  background-color: inherit;
  float: right;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 30px;
  transition: 0.3s;
  font-size: 14px;
}

#myaccount .body .sbox .orders .tab button:hover {
  background-color: #ddd;
}

#myaccount .body .sbox .orders .tab button.active {
  background-color: #ccc;
}

#myaccount .body .sbox .orders .tabcontent {
    display: none;
    padding: 20px 20px;
    border: 1px solid #f1f1f1;
    border-top: none;
    border-radius: 0px 0px 15px 15px;
    box-shadow: 0 20px 35px 0px rgb(0 0 0 / 4%)ک
    
}

#myaccount .body .sbox .orders i {
    font-size: 60px;
}

#myaccount .body .sbox .orders .jari {
    color: dodgerblue;
    margin-bottom: 20px;
}

#myaccount .body .sbox .orders .pardazesh {
    color:darkviolet;
    margin-bottom: 20px;
}

#myaccount .body .sbox .orders .ersalshode {
    color:darkolivegreen;
    margin-bottom: 20px;
}

#myaccount .body .sbox .orders .tahvilshode {
    color: limegreen;
    margin-bottom: 20px;
}

#myaccount .body .sbox .orders .marjushode {
    color: darkorange;
    margin-bottom: 20px;
}

#myaccount .body .sbox .orders .laghvshode {
    color: slategray;
    margin-bottom: 20px;
}

#myaccount .body .sbox .orders .ordersCount {
    color: #000;
    font-size: 15px;
    font-weight: 900 !important;
    padding-top: 12px;
    
}

#myaccount .body .sbox .spaceIcon {

    margin: 0px 10px;
    font-size: 10px;
    color: #dd0000;
}

#myaccount .body .sbox .spaceIcon2 {

    margin: 0px 10px;
    font-size: 10px;
    color: burlywood;
}

#myaccount .body .sbox .bb {

    font-weight: 900 !important;
}

.faqBtn {
    width: 100%;
    display: block;
    padding: 10px 20px;
    text-align: right;
    font-weight: 900 !important;
    border-radius: 5px;
    margin-top: 15px;
    background-color: #F1F1F1;
}

.faqAnswer {
    width: 100%;
    padding: 10px 20px;
    text-align: justify;
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 15px;
    background-color: #FAFAFA;
}

.faq .in {
    display: block !important;
}