/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.18);
  border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.mobbuydis{
	display: none;
}
.forevertutdesitems > div{width:100% !important;}
.forevertutdesitems > div > h4{font-size: 14px !important;font-family'IRANSans-web';}
.forevertutdesitems > div > h4 > i{font-size: 14px !important;margin-left: 7px !important;}
.forevertutdesitems > div > div{margin-top: 0 !important;}
.forevertutdesitems li {
    margin-top: 12px;
    list-style: decimal;
    text-align: justify;
}
.forevertutdesitems li a {
    color: #787878;
    background: #0000000f;
    font-size: 12px;
    padding: 1px 6px;
    border-radius: 4px;
}
.forevertutdesitems ul{padding-right: 20px;}

.downloadforeverapp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 15px -5px 0;
    text-align: right;
}
.downloadforeverapp div {
    background: #00000014;
    width: calc(33% - 34px);
    min-width: 130px;
    margin: 6px 5px;
    padding: 10px 12px;
    border-radius: 10px;
    height: fit-content;
    transition: 0.6s;
    font-size: 13px;
	text-align: center;
}
.downloadforeverapp div:hover {
    background: #00000026;
}
.downloadforeverapp div a {
    color: #464646;
}
.downloadforeverapp div a i {
    margin-left: 5px;
}



.owlinbox{
	position: relative;
    height: 38vmin;
    width: 100%;
    direction: ltr;
    text-align: left;
    transform: scale(0.6);
    margin-top: -10vmin;
}
@media only screen and (max-width : 4000px) { .owl-background { width: 50%; } .owlmenu { display: block; } .branch { border-width: 2vmin 0 2vmin 105vmin; } } @media only screen and (max-width : 795px) { .message h2{ margin-top: 30px; } .moon .left{ left: -40%; } .moon .right{ right: -40%; } .owl-background { width: 100%; } .branch { border-width: 2vmin 0 2vmin 100vmin; } } @media only screen and (max-width : 480px) { .owl-background { width: 100%; } .moon .left{ left: -40%; } .moon .right{ right: -40%; } .owlmenu { display: none; } .branch { left: -59vmin; } } /* OWL */ .owl-background { height: 57vmin; } .owl { position: absolute; top: 4%; left: 50%; transform: scale(0.75, 0.75) translateX(-70%); -ms-transform: scale(0.75, 0.75) translateX(-70%); /* IE 9 */ -webkit-transform: scale(0.75, 0.75) translateX(-70%); /* Safari and Chrome */ -o-transform: scale(0.75, 0.75) translateX(-70%); /* Opera */ -moz-transform: scale(0.75, 0.75) translateX(-70%); /* Firefox */ z-index: 16; } .owl-body { width: 30vmin; height: 46vmin; background-color: #FFEAA8; -webkit-border-radius: 0% 0% 35% 35%; border-radius: 0% 0% 35% 35%; } .owl-head { background-color: #FFEAA8; height: 8vmin; width: 100%; } .ears { background-color: #fff; height: 100%; border-radius: 0% 0% 90% 90%; } .nose { content: ''; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; top: 16vmin; width: 0; height: 0; z-index: 1; border-style: solid; border-width: 3vmin 2vmin 0 2vmin; border-color: #B87F0A transparent transparent transparent; } .owl-eyes { height: 30%; width: 100%; position: relative; top: 5%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .feet { bottom: 0; position: absolute; width: 100%; z-index: 10; } .foot1{ background: #B87F0A; height: 5vmin; width: 3vmin; border-radius: 5vmin; display: inline-block; position: relative; left: 6vmin; box-shadow: 3vmin 0vmin 0vmin 0vmin #B87F0A; } .foot2 { background: #B87F0A; height: 5vmin; width: 3vmin; border-radius: 5vmin; display: inline-block; position: relative; left: 14vmin; box-shadow: 3vmin 0vmin 0vmin 0vmin #B87F0A; } .branch { z-index: 5; position: absolute; top: 91%; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #693E05; transform: translateX(-50%); left: 50%; } .owleye { position: relative; overflow: hidden; text-align: center; width: 2vmin; height: 2vmin; border: 3vmin solid #FFFCE8; padding: 4.5vmin; border-radius: 50%; box-sizing: border-box; margin: 2em auto; } .owleye.inner { position: absolute; background: #FFCD66; padding: 0; width: auto; height: auto; border: none; margin: 0; left: 1%; right: 1%; bottom: 1%; top: 1%; } .owleye.inner-2 { left: 25%; right: 25%; bottom: 25%; top: 26%; background: rgb(102, 102, 102); border: 1px solid #FFCD66; } .eyelid { position: absolute; height: 50%; left: 0; right: 0; background: #ddd; transition: margin 0.15s ease; } .eyelid.top { top: 0; border-bottom: .6vmin solid #aaa; border-radius: 200px 200px 0 0; } .eyelid.bottom { bottom: 0; border-radius: 0 0 200px 200px; margin-bottom: -50%; -webkit-animation: blink 4s ease-in-out infinite; animation: blink 4s ease-in-out infinite; } /* The animation code */ @keyframes blink { 0% {margin-bottom: -50%;} 3% {margin-bottom: 0%;} 6% {margin-bottom: -50%;} 100% {margin-bottom: -50%;} } @-webkit-keyframes blink { 0% {margin-bottom: -50%;} 3% {margin-bottom: 0%;} 6% {margin-bottom: -50%;} 100% {margin-bottom: -50%;} } .wing1 { z-index: -2; right: 21vmin; top: 15vmin; position: absolute; width: 20vmin; height: 35vmin; background-color: #885E09; -moz-border-radius: 20vmin 0px 20vmin 0px; -webkit-border-radius: 20vmin 0px 20vmin 0px; border-radius: 20vmin 0px 20vmin 0px; transform-origin: 100% 0%; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -o-transform: rotate(-16deg); -ms-transform: rotate(-16deg); transform: rotate(-16deg); } .wing2 { z-index: -2; right: 21vmin; top: 15vmin; position: absolute; width: 20vmin; height: 35vmin; background-color: #986F1E; -moz-border-radius: 20vmin 0px 20vmin 0px; -webkit-border-radius: 20vmin 0px 20vmin 0px; border-radius: 20vmin 0px 20vmin 0px; transform-origin: 100% 0%; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -o-transform: rotate(-16deg); -ms-transform: rotate(-16deg); transform: rotate(-16deg); } .wing3 { z-index: -2; right: 21vmin; top: 15vmin; position: absolute; width: 20vmin; height: 35vmin; background-color: #A37E34; -moz-border-radius: 20vmin 0px 20vmin 0px; -webkit-border-radius: 20vmin 0px 20vmin 0px; border-radius: 20vmin 0px 20vmin 0px; transform-origin: 100% 0%; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -o-transform: rotate(-16deg); -ms-transform: rotate(-16deg); transform: rotate(-16deg); } .wing4 { z-index: -2; right: 21vmin; top: 15vmin; position: absolute; width: 20vmin; height: 35vmin; background-color: #B08E4B; -moz-border-radius: 20vmin 0px 20vmin 0px; -webkit-border-radius: 20vmin 0px 20vmin 0px; border-radius: 20vmin 0px 20vmin 0px; transform-origin: 100% 0%; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -o-transform: rotate(-16deg); -ms-transform: rotate(-16deg); transform: rotate(-16deg); } .wing5 { z-index: -2; right: 21vmin; top: 15vmin; position: absolute; width: 20vmin; height: 35vmin; background-color: #BA9D64; -moz-border-radius: 20vmin 0px 20vmin 0px; -webkit-border-radius: 20vmin 0px 20vmin 0px; border-radius: 20vmin 0px 20vmin 0px; transform-origin: 100% 0%; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -o-transform: rotate(-16deg); -ms-transform: rotate(-16deg); transform: rotate(-16deg); } .wing6 { z-index: -2; right: 21vmin; top: 15vmin; position: absolute; width: 16vmin; height: 38vmin; background-color: #CDB482; -moz-border-radius: 20vmin 0px 20vmin 0px; -webkit-border-radius: 20vmin 0px 20vmin 0px; border-radius: 20vmin 0px 20vmin 0px; transform-origin: 100% 0%; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -o-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } .wing7 { z-index: -2; left: 21vmin; top: 15vmin; position: absolute; width: 20vmin; height: 35vmin; background-color: #885E09; -moz-border-radius: 0px 20vmin 0px 20vmin; -webkit-border-radius: 0px 20vmin 0px 20vmin; border-radius: 0px 20vmin 0px 20vmin; transform-origin: 0% 0%; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -o-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); } .wing8 { z-index: -2; left: 21vmin; top: 15vmin; position: absolute; width: 20vmin; height: 35vmin; background-color: #986F1E; -moz-border-radius: 0px 20vmin 0px 20vmin; -webkit-border-radius: 0px 20vmin 0px 20vmin; border-radius: 0px 20vmin 0px 20vmin; transform-origin: 0% 0%; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -o-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); } .wing9 { z-index: -2; left: 21vmin; top: 15vmin; position: absolute; width: 20vmin; height: 35vmin; background-color: #A37E34; -moz-border-radius: 0px 20vmin 0px 20vmin; -webkit-border-radius: 0px 20vmin 0px 20vmin; border-radius: 0px 20vmin 0px 20vmin; transform-origin: 0% 0%; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -o-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); } .wing10 { z-index: -2; left: 21vmin; top: 15vmin; position: absolute; width: 20vmin; height: 35vmin; background-color: #B08E4B; -moz-border-radius: 0px 20vmin 0px 20vmin; -webkit-border-radius: 0px 20vmin 0px 20vmin; border-radius: 0px 20vmin 0px 20vmin; transform-origin: 0% 0%; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -o-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); } .wing11 { z-index: -2; left: 21vmin; top: 15vmin; position: absolute; width: 20vmin; height: 35vmin; background-color: #BA9D64 ; -moz-border-radius: 0px 20vmin 0px 20vmin; -webkit-border-radius: 0px 20vmin 0px 20vmin; border-radius: 0px 20vmin 0px 20vmin; transform-origin: 0% 0%; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -o-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); } .wing12 { z-index: -2; left: 21vmin; top: 15vmin; position: absolute; width: 16vmin; height: 38vmin; background-color: #CDB482; -moz-border-radius: 0px 20vmin 0px 20vmin; -webkit-border-radius: 0px 20vmin 0px 20vmin; border-radius: 0px 20vmin 0px 20vmin; transform-origin: 0% 0%; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -o-transform: rotate(13deg); -ms-transform: rotate(13deg); transform: rotate(13deg); } .owl:hover .wing1{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .owl:hover .wing2{ -webkit-transform: rotate(35deg); -moz-transform: rotate(35deg); -o-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); } .owl:hover .wing3{ -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); } .owl:hover .wing4{ -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } .owl:hover .wing5{ -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } .owl:hover .wing6{ -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } .owl:hover .wing7{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .owl:hover .wing8{ -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -o-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg); } .owl:hover .wing9{ -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg); } .owl:hover .wing10{ -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -o-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } .owl:hover .wing11{ -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } .owl:hover .wing12{ -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } .owl:hover .eyelid{ position: relative; } .btndiv { height:100px; margin-top:10px; margin-bottom:0px; } .btnpop { background: #3777c4; position: relative; padding: 15px 40px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 5px solid #1462BD; color: white; font-size: 25px; vertical-align: middle; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; transition: all 0.1s; } .btnpop:hover { border-bottom: 5px solid #1462BD; background: #4984cc; } .btnpop:active { top: 2px; border-bottom: 2px solid #1462BD; background: #4984cc; -webkit-box-shadow:none; box-shadow:none; } .btnpop:focus {outline:0;} .owlmenu { position: absolute; width: 65vmin; top: 65vmin; left: -14vmin; } .owlmenu ul, .owlmenu li { margin: 0; padding: 0; } .owlmenu ul { background: gray; list-style: none; width: 100%; } .owlmenu li { position: relative; width:auto; } .owlmenu a { color: #FFFFFF; display: block; font: bold 12px/20px sans-serif; padding: 2vmin 4vmin; text-align: center; text-decoration: none; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; float:left; } .owlmenu li:hover a { background: #000000; } @-webkit-keyframes owl { 0% { bottom: 150px; } 100% { bottom: 70px; } } @keyframes owl { 0% { bottom: 150px; } 100% { bottom: 70px; } } @-webkit-keyframes ss { 0% { opacity: 0; width: 1px; height: 1px; left: 60%; top: 20%; } 50% { opacity: 0.7; width: 2px; height: 4px; left: 50%; top: 25%; } 75% { opacity: 1; width: 6px; height: 10px; left: 40%; top: 30%; } 85% { opacity: 0.3; } 100% { opacity: 0; width: 1px; height: 1px; left: 32%; top: 36%; } } @keyframes ss { 0% { opacity: 0; width: 1px; height: 1px; left: 60%; top: 20%; } 50% { opacity: 0.7; width: 2px; height: 4px; left: 50%; top: 25%; } 75% { opacity: 1; width: 6px; height: 10px; left: 40%; top: 30%; } 85% { opacity: 0.3; } 100% { opacity: 0; width: 1px; height: 1px; left: 32%; top: 36%; } } @-webkit-keyframes orbit { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } } @keyframes orbit { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } } @-webkit-keyframes rayshift { 0% { border-color: #FFFF66; } 100% { border-color: #FF4400; } } @keyframes rayshift { 0% { border-color: #FFFF66; } 100% { border-color: #FF4400; } } @-webkit-keyframes smile { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes smile { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes leye { 0% { height: 0; opacity: 0; } 25% { height: 0.5em; opacity: 1; } 50% { height: 0.2em; } 75% { height: 0.4em; } 100% { height: 0.7em; } } @keyframes leye { 0% { height: 0; opacity: 0; } 25% { height: 0.5em; opacity: 1; } 50% { height: 0.2em; } 75% { height: 0.4em; } 100% { height: 0.7em; } } @-webkit-keyframes reye { 0% { height: 0; opacity: 0; } 25% { height: 0.5em; opacity: 1; } 50% { height: 0.2em; } 75% { height: 0.4em; } 100% { height: 0.7em; } } @keyframes reye { 0% { height: 0; opacity: 0; } 25% { height: 0.5em; opacity: 1; } 50% { height: 0.2em; } 75% { height: 0.4em; } 100% { height: 0.7em; } }


.clock {
    width: 11px;
    height: 11px;
    border: 1px solid gray;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px 0 3px;
    position: relative;
    top: 3px;
}

.wrapper {
  position: absolute;
}

.clockinner-1, .clockinner-2 {
  border-radius: 1px;
  background-color: gray;
  position: absolute;
  top: calc(50% - (1px /2));
  left: calc(50% - (1px /2));
}

.clockinner-1 {
  width: 6px;
  height: 1px;
}
.clockinner-2 {
  width: 5px;
  height: 1px;
}

.rotate-1 {
  animation: rotate 1.5s linear infinite;
}
.rotate-2 {
  animation: rotate 15s linear infinite;
}

@keyframes rotate {
  to { transform: rotate(360deg) }
}


.allowsellect{

}

.pswp__preloader__icn {
  opacity:0.75;
  width: 14px;
  height: 14px;
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

/* The idea of animating inner circle is based on Polymer loading indicator by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */
.pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;

    position: absolute;
  top: 0;
  left: 0;
}
.showpictureticket img{
	width: 100%;
}
.pswp__preloader__donut--fake {
   box-sizing: border-box;

  width: 14px;
	height: 14px;


  border: 2px solid red;
   border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;

	background: none;
	margin:0;
}

.pswp__preloader__donut {
  box-sizing: border-box;

  width: 14px;
	height: 14px;


  border: 2px solid #FFF;
   border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;

    position: absolute;
  top: 0;
  left: 0;



	position: absolute;
  top: 0;
  left: 0;

	background: none;
	margin:0;

    -webkit-animation: donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;

}


@-webkit-keyframes clockwise {
  0% { -webkit-transform: rotate(0deg) }
  100% { -webkit-transform: rotate(360deg) }
}
@keyframes clockwise {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}
@-webkit-keyframes donut-rotate {
  0% { -webkit-transform: rotate(0) }
  50% { -webkit-transform: rotate(-140deg) }
  100% { -webkit-transform: rotate(0) }
}
@keyframes donut-rotate {
  0% { transform: rotate(0) }
  50% { transform: rotate(-140deg) }
  100% { transform: rotate(0) }
}


.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translate(-50%, -50%) rotate(360deg);
          transform: translate(-50%, -50%) rotate(360deg);
  width: 50px;
  z-index: 4;
}

.path {
  stroke-dasharray: 1, 500;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #3498db;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}



@keyframes freecharge {
	0% {background: none;transform: scale(1) rotate(0deg);color: #00c083}
	12.5%{transform: rotate(4deg);}
	25%{transform: scale(1.15);}
	37.5%{background: none;transform: scale(1.1);transform: rotate(-4deg);color: #00c083}
	50% {background: white;transform: scale(1) rotate(0deg);color: #00c083}
	100%{color: gray}
}
.testagainforpay {
    font-size: 15px;
    font-family'IRANSans-web';
    background: #009fde;
    color: white;
    padding: 2px 15px 5px;
    border-radius: 7px;
	overflow: hidden;
    position: relative;
    width: fit-content;
    margin: auto;
}
.testagainforpay i {
    font-size: 13px;
    position: relative;
    top: 3px;
    margin-left: 5px;
}
.turnoffvpn {
    margin: 30px 30PX 20PX;
    font-size: 14px;
    color: #454545;
    text-align: justify;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.getmobtitle {
    /* font-family'IRANSans-web'; */
    font-size: 22px;
    color: #005395;
    word-spacing: -3px;
}
.getmobileforsave{
	text-align: justify;
    font-size: 14px;
    word-spacing: -1px;
	margin: 15px 0 25px;
}
.input_getmob{
    height: 45px;
    border: 1px solid #ddd;
    padding: 0;
    border-radius: 10px;
    text-align: right;
    color: #888;
    position: relative;
    margin: 10px 20px;
}
.input_getmob input{
    padding: 7px 7px 6px 46px;
	text-align: left;
	direction: ltr;
	outline: none;
    border-radius: 10px;
    font-size: 20px;
    letter-spacing: 2px;
    height: 45px;
    border: none;
    width: 100%;
    margin: 0;
	color: gray;
}
.input_getmob input::placeholder{
	color: #cccccc;
}
.chargedasti_div{
	border:1px solid green;
}
.chargedasti_div a{
	color:red;
	cursor:pointer;
}
.more_info{
	color:red;
	cursor:pointer;
}
#enteridtextamn {
    font-size: 14px;
    color: #eb1200;
    margin-top: 10px;
}
.numberscommentforwait{
	margin: 0 auto;
    padding: 5px;
}
.getforspnumberssty{
	margin-top: 20px;
}
.morekeyfornumbersgeneral{
    margin: 10px 0px;
    border-radius: 5px;
    background: #912fed;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.specialcommentdiv{
	font-size: 13px;
    background: #e3fee8;
    color: #008a3e;
    padding: 12px 5px;
    border-radius: 7px;
    margin-top: 15px;
}
.specialbuykey{
    padding: 9px 0;
    background: #912fed;
    color: white;
    border-radius: 5px;
    margin: 0px 15px 0 0 !important;
    cursor: pointer;
    font-family'IRANSans-web';
    font-size: 20px;
    /* float: left; */
    overflow: hidden;
    position: relative;
    width: 40%;

}
.specialbuykey i{
font-size: 15px;
    margin-left: 5px;
    position: relative;
    top: 1px;
}
#textdecospet{
    margin: 0 15px;
    color: rgb(199, 197, 197);
    font-size: 18px;
    text-decoration: none;
    position: relative;
}

#textdecospet div{
	width: 100%;
    height: 2px;
    background: #93000082;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: -1px auto 0 !important;
    -webkit-transform: rotate(6deg);
    transform: rotate(-8deg);
}
.getforspnumberssty div del{
margin-right: 15px;
    margin-left: 15px;
    color: rgb(199, 197, 197);
    font-size: 18px;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}

#getforspnumbersspan{
	display: flex;
    align-items: center;
}
#getforspnumbersspan div{
    margin: 0 10px;
    font-size: 18px;
    font-family'IRANSans-web';
    padding: 0;
}
.listnumbersp{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: self-end;
	flex-direction: row-reverse;
}
.listnumbersp div{
    width: calc(50% - 22px);
    direction: ltr;
    border: 1px solid;
    padding: 10px 0px;
    margin: 10px;
    border-radius: 5px;
    text-align: left;
    font-family: calibri;
    font-weight: 500;
    font-size: 17.5px;
    color: #0087ba;
    max-width: 200px;
}
.listnumbersp input{cursor: pointer;}
.listnumbersp label{
	/*background: rgb(221, 219, 219);*/
    padding: 5px;
    border-radius: 5px;
	cursor: pointer;
}
.listnumbersp a{
	margin-left: 5px;
}
.listnumberspactive {
	background: rgb(31, 143, 232) !important;
	color: white !important;
}
.listnumbersptitle{
padding: 10px;
    font-family'IRANSans-web';
    font-size: 14px;
    text-align: justify;
    word-spacing: -1px;
}
.listnumberspnonumber {
    color: #d8c00d;
    font-size: 14px;
    padding: 20px 10px;
    text-align: justify;
}
.spdivnum{
background: #f6f6f6;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    overflow: hidden;
}
.swal2-container{
	z-index: 9999999 !important;
}
.spdivnum > div:first-child{
	width: 100%;
    background: #eaeaea;
    padding: 10px 20px 8px;
	font-size: 14px;
    text-align: left;
    direction: ltr;
    color: #4e4e4e;
	font-family'IRANSans-web';
}
.spdivnum > div:first-child i{
	margin-right: 5px;
	    position: relative;
    top: 1px;
}
.spdivnum > div:last-child{
	display: flex;
    flex-wrap: wrap;
    padding: 10px 15px;
}
.spdivnumbc{
	padding: 5px 10px;
}
.spdivnumbc i {
    font-size: 12px;
    margin-left: 3px;
}


.spdivnumbc div:nth-child(1){
float: right;
    color: #6c6c6c;
    font-size: 14px;
}
.spdivnumbc div:nth-child(2){
direction: ltr;
    float: right;
    color: #1e8fbe;
    margin-right: 5px;
    font-family: calibri;
    font-size: 15px;
    font-weight: 500;


}
.spdivnum5 div{
	background: #e0e0df;
	font-size: 12px;
	padding: 3px 5px;
	cursor: pointer;
	color: black;
}
.spdivnumlast{
	background: #dad7d7;
    padding: 6px 0;
    border-radius: 5px;
    width: 50%;
    margin: 0 auto;
	cursor: pointer;
}
/*زیبا سازی رادیو باکس در شماره های ویژه*/
/* The container */
.listnumbersp .container {
  display: block;
  position: relative;
  padding-left: 35px !important;
  /*margin-bottom: 12px;*/
  cursor: pointer;
  /*font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.listnumbersp .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.listnumbersp .checkmark {
position: absolute;
    top: 0;
    left: 0;
    top: 5px;
    left: 10px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;;
	border: 1px solid;
}

/* On mouse-over, add a grey background color */
.listnumbersp .container:hover input ~ .checkmark {
  /* background-color: #ccc; */
}

/* When the radio button is checked, add a blue background */
.listnumbersp .container input:checked ~ .checkmark {
  background-color: #ffffff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.listnumbersp .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.listnumbersp .container input:checked ~ .checkmark:after {
  display: block;
  background: #1f8fe8 !important;
}

.listnumbersp .container input:hover ~ .checkmark:after {
  display: block;
  background: #1f8fe8;
}

/* Style the indicator (dot/circle) */
.listnumbersp .container .checkmark:after {
	top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #f3f3f3;
}

.showorhideforcommentsp1,.showorhideforcommentsp2{
    background: #f3f3f3;
    border-radius: 10px;
    padding: 13px 0px;
    cursor: pointer;
    color: #008fc6;
    font-size: 15px;
    width: 100%;
    margin: 10px 0;
    /* margin-top: 20px; */
    text-align: center;
}
.showorhideforcommentsp2{
	width:100%;
}
.showorhideforcommentsp-pu{
	margin: 20px auto 0;
    background: #912fed;
    color: white;
}

.apitextmessage {
font-size: 13px;
    background: #d700d12e;
    color: #d700d1;
    width: fit-content;
    margin: auto;
    padding: 2px 8px;
    border-radius: 5px;
    text-shadow: 0 0 1px white;
    cursor: pointer;
	margin-bottom: 10px;
}
.ru_padd{
	padding: 35px 20px !important;
}
.swal2-progress-steps .swal2-progress-step-line {
    width: 25px !important;
}
div#shownumbersbox_r,.rentaltooglelistclass {
    color: #f5a632;
    font-family'IRANSans-web';
    font-size: 15px;
    margin: 5px 0;
}
.textforexparedrentalnum {
    color: #970000 !important;
}
.rentaltooglelistclass div{
transition: all 1.3s;
    display: none;
    color: #008fc6;
    padding: 15px 0px;
    width: 100%;
    border-radius: 10px;
    font-size: 15px;
    font-family'IRANSans-web';
    margin: 5px;
    background: #f3f3f3;
}
#rentaltooglelistclassspan1{

}
#rentaltooglelistclassspan2{

}
#rentaltooglelistclassspan3{
	background: rgb(116, 203, 159);
    color: white;
}
.rentaltooglelistclassspanactive{
    color: #0085b7 !important;
    cursor: auto !important;
    background: #f3f3f3;
    /*border-radius: 10px;   این با جاوا داده میشه چون متفاوته با تابع  rentalboxstoggle(ee)  و نیز در فایل جنرال تو استایل دیو با آی دی rentaltooglelistclassspan2 است*/
}
.rentaltooglelistclass i {
    font-size: 14px;
    margin-left: 5px;
	position: relative;
	top: 2px;
}
.divtooglerental,.rentaltooglelistclass{
    cursor: pointer;
    font-size: 16px;
    /*background: #f9f9f9;
    border-radius: 10px;*/
    margin: 0;
    margin-top: 20px;
    /*padding: 12px;*/
}
.rentaltooglelistclass{
	display: flex;
    justify-content: space-between;
    /*margin: 3px 0px 0px;*/
    align-items: self-end;
}
.rentalnumerror{
	font-family'IRANSans-web';
    color: #f08f00;
    font-size: 13px;
	width: calc(100% - 40px);
    margin: auto;
}
.rentaltooglelistclassclose{
	/*display: none;*/
}

.searchcountryoption {
margin-top: 8px;
    border: 1px solid #ebebeb;
    padding: 5px 0;
    border-radius: 7px;
}
.searchcountryoptionsub{
	display: none;
}
.normalmaintext{
	background: #ffe0fd;
    margin: 0 0 20px 0;
    padding: 15px;
    border-radius: 10px;
}
.normalmaintext > span > div {
    display: flex;
    align-items: baseline;
    text-align: justify;
}
.normalmaintext > span > div > i {
    margin-left: 11px;
    font-size: 18px;
    color: #bfbeb4;
    position: relative;
    top: 3px;
}
.normalmaintext > span > div > p {
    font-size: 16px;
    margin: 0 0 10px 0;
    word-spacing: -1.5px;
    color: #707070;
}
.rentalfixcomment{
	margin-bottom: 20px;
}
.rentalfixcomment > p, .rentalfixcomment > ul {
    text-align: justify;
    font-size: 14px;
    padding: 0 5px;
    line-height: 23px;
}
.rentalfixcomment > ul{
	padding: 0 15px 0 0;
	font-family'IRANSans-web';
	margin: 0;
}
.rentalfixcomment > ul > li {
    padding: 2px 0;
	word-spacing: -1px;
}
.rentaloperatorcomment{
	/* border: 1px solid gainsboro; */
    background: #f8f7e9;
    font-size: 13px;
    color: #6d6d6d;
    padding: 10px 15px;
    text-align: right;
    margin-bottom: 10px;
    border-radius: 10px;
    min-height: 23px;
    word-spacing: -1px;
}
.rentaloperatorcomment > :nth-child(2){
	float: left;
    background: rgba(0, 0, 0, 0.05);
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
    font-family: 'IRANSans-web';
}
.rentaloperatorcomment > span {
    position: relative;
    top: 1px;
}
.rentaloperatorcommentdiv{
	width: 100%;
}
.rentaloperatorcommentdiv > div:last-child{
    background: rgba(0, 0, 0, 0.05);
    font-family'IRANSans-web';
    padding: 8px;
    border-radius: 7px;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    margin: 10px 0;
}
.rentaloperatorcommentdiv > ul > li {
    margin: 10px 0px;
    font-family'IRANSans-web';
    text-align: justify;
}
.rentaloperatorcommentdiv > ul{
	padding: 0 20px 0 5px;
}
.searchcountryoptionsub{
	margin: 0 5px;
    padding: 8px 0px;
}
.searchcountryoptionsub input {
    margin: 0;
    border-radius: 0px;
    font-size: 13px;
    padding: 0;
    width: 90%;
    border: none;
    outline: none;
    background: none;
}
.searchcountryoptionsub input:focus {
    box-shadow: none;
}
.searchcountryoptionFD {
    display: flex;
    justify-content: space-between;
    align-items: self-end;
}
.searchcountryoptionFD div{
	cursor: pointer;
    color: #979797;
    padding: 0;
    border-radius: 12px;
    width: 32%;
    font-family'IRANSans-web';
    transition: .3s;
}
.searchcountryoptionFD div:hover {
    color: #4ca4cc !important;
}
.continentkeya , .continentkeyadoo , .continentkeyas {
    cursor: pointer;
    border-radius: 4px;
    color: #787878;
    padding: 2px 7px;
    margin: 0;
    font-size: 13px;
    font-family'IRANSans-web';
    transition: 0.3s;
}
.searchcountryoptionFD div i {
	font-size: 12px;
}
.searchcountryoptionFD div span {
	font-size: 13px;
    font-weight: normal;
    position: relative;
    top: -1px;
}
.imagekeyofsearchcoactive {
    color: #4ca4cc !important;
}
.imagekeyofsearch_be{
/* border-bottom: 1px solid #dadada; */
}
.imagekeyofsearchcoactive_pu{
	border-radius: 10px 5px 0 0 !important;
}
.continentkeyadoo {
	margin-left: 10px;
}
.continentkeya:hover, .continentkeyadoo:hover{
	background: #f6f6f6;
}
.continentkeya-active , .continentkeyadoo-active {
    background: #eb63da;
    color: white;
}
.continentkeya-active:hover , .continentkeyadoo-active:hover {
    background: #0095cd;
}

/*.searchcountryoption{
    height: 40px;
    background: #fcfcfc;
    border-radius: 10px;
    margin: 10px 0 0 0;
    position: relative;
    overflow: hidden;
}
.searchcountryoptionsub1{
float: right;
    margin: 7px;
}
.searchcountryoptionsub2{
position: absolute;
    transition: width .8s;
    top: 0px;
    left: 0px;
    width: 38px;
    height: 38px;
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    overflow: hidden;
    color: #912fed;
    z-index: 2;
}
.searchcountryoptionsub2 b,.searchcountryoptionsub3 b{
    cursor: pointer;
    width: 38px;
    height: 38px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.searchcountryoptionsub3{
position: absolute;
    top: 0;
    left: 0px;
    transition: width .8s;
    width: 38px;
    height: 38px;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    background: #ffffff;
    color: #912fed;
    overflow: hidden;
    margin-left: 43px;
}
/*.mohtavasearchinput , .mohtavasearchinputdoo{
	display: none;
}*/
/*.searchcountryoption input{

    height: 100%;
    margin: 0px;
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    color: #747474 !important;
    border-radius: 0;
    outline: none;
    direction: rtl;
    font-size: 13px;
}
.mohtavasearchinputdoo{
	padding-left: 30px;
}
/*تا اینجا برای کادر ها یجستجو و فیلتر و غیره است*/

/*تب های کمپانی برای شمار های اجاره ای*/
.tabofcompanys{
	border: 3px solid;
}
.tabofcompanysnotactive{
	/*تب های مشترک*/
	cursor: pointer;
	width: 100px;
    /*float: right;*/
}
.tabofcompanysactive{
	/*تب اکتیو*/
	cursor: auto;
}

.deshow{
	background: rgb(173, 173, 173);
}
.servicemhvr{
	display: non1e;
}
.servicerentaltable i {
    margin-left: 5px;
}
.servicerentaltable tbody td{
	font-size: 13px;
}
.dangerstyle{
	color: red !important;
}
.exparedrentalnum{
	background: #f5f5f5;
    opacity: 0.6;
}
.rentalboxcountry {
    margin-bottom: 5px;
}
.rentalcountrycount{
margin-left: 30%;
    font-size: 13px !important;
    color: #848484;
    text-align: center;
    top: 0 !important;
    position: relative;
}
.smsrentalbox {
    transition: all 1s;
    background: #f8f8f8;
    margin-bottom: 20px;
    border-radius: 5px 15px 15px 15px;
    overflow: hidden;
    user-select: text;
    moz-user-select: text;
    padding: 10px;
    color: #0a0a0a;
}
.smsrentalbox table {
	width: 100%;
}
.smsrentalbox tr {
    height: 20px;
}
.smsrentalbox .ctd1{text-align:right;}
.smsrentalbox .ctd2{text-align:left; direction: ltr;}
.smsrentalbox td {
	padding: 3px 15px 0;
    margin: 0;
    font-size: 12px;
    font-family'IRANSans-web';
    color: #737373;
}
.smsrentalbox div {
    padding: 10px 15px;
    text-align: left;
    font-family: calibri;
	direction: ltr;
	/*border: none !important;*/
}
.rentednumber{
    font-size: 20px;
    text-align: right;
    font-family'IRANSans-web';
    float: right;
    padding: 5px 10px;
    width: calc(67% - 22px);
    border: 2px solid #e9e9e9;
    /* border-left: none; */
    border-radius: 0 10px 10px 0;
    height: 58px;
	transition: .5s;
}
.rentednumber_nu{
	color: #0077a3;
    direction: ltr;
}
.rentednumber_des {
    font-size: 13px;
    color: #be0000;
}
.rentednumber_des div{
	float: right;
	font-size: 13px;
    font-family'IRANSans-web';
    color: #6e6e6e;
}
.rentalnumberbox span {
    font-size: 13px;
    font-family'IRANSans-web';
	color: #6e6e6e;
}
.rentednumber_des div img {
    margin-left: 3px;
    position: relative;
    top: 3px;
}
.numboxrentalactive {
    background: #f6fffa;
    border-color: #a6f4c8;
}
.rentalnumberbox {
    margin: 10px 5px;
overflow: hidden;
border-radius: 10px;
}
.rentalnumberforever{
	padding: 0 10px;
}
.rentalnumberforeverdes{
    text-align: justify;
}

.rentalnumberforeverdeskeys{
	    text-align: justify;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ebeaea;
    border-radius: 20%/1px;
    margin: 20px 0;
    padding: 15px 0;
}
.rentalnumberforeverdesitems {
display: flex;
    flex-wrap: wrap;
    margin: 15px -5px 0;
    text-align: right;
}
.rentalnumberforeverdesitems > div {
background: #f7f7f7;
    width: calc(50% - 34px);
    margin: 6px 5px;
    padding: 12px;
    border-radius: 10px;
	height: fit-content;
	transition: 0.6s;
}
.rentalnumberforeverdesitems div h4 {
	margin: 0;
    font-weight: normal;
    font-size: 13px;
    word-spacing: -2px;
    cursor: pointer;
	font-family: 'IRANSans-web';
}
.rentalnumberforeverdesitems div h4 i:nth-child(1) {
    font-size: 13px;
    margin-left: 4px;
    position: relative;
    top: 1px;
}
.rentalnumberforeverdesitems div h4 i:nth-child(2) {
	transition: all 0.5s ease 0s;
    font-size: 12px;
    color: gray;
	float: left;
    position: relative;
    top: 4px;
}
.rentalnumberforeverdesitems > div > div {
    font-size: 13px;
    padding: 0;
	display: none;
	font-family'IRANSans-web';
	color: #484848
}
.rentalnumberforeverdesitems p {
    color: #484848;
    font-size: 12px;
}
.rentalnumberforeverdesitems li {
    margin-top: 10px;
}


.newrentalboxnumber{
	animation: fadeback 1s linear;
}
@keyframes fadeback {
	from {	background: yellow;}
	to {background: white;}
}
.tamdidrentalbtn,.inboxrentalbtn{
float: right;
    width: calc(33% - 4px);
    margin-right: 0;
    padding: 0;
    border: 2px solid #e9e9e9;
	border-right: none;
    border-radius: 10px 0 0 0;
    height: 33px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	color: #087097;
	transition: .5s;
}
.tamdidrentalbtncancel {
    color: #af4848;
}
.tamdidrentalbtn{
    border-radius: 0 0 0 10px;
    /* margin-top: 4px; */
    border-top: none;
}
.tamdidrentalbtn:hover,.inboxrentalbtn:hover{
	background: #e9e9e9;
}
.threedivrentalkey1{height: 26px;}
.threedivrentalkey2{
	border-bottom: none;
    border-radius: 0;
}
.threedivrentalkey3{
	border-top: 2px solid #e9e9e9;
}
.threedivrentalkey2, .threedivrentalkey3{
	height: 22px;
}
.rentednumberbig{height: 64px;}
.inboxrentalbtnbig{
	height: 68px;
	border-radius: 10px 0 0 10px;
}

.rentalicon {
    margin-left: 4px;
}
.expiredayrental {
color: white !important;
    font-size: 11px !important;
    padding: 0 5px;
    margin: 0 5px 0 0;
    background: #64d38b;
    border-radius: 4px;
    position: relative;
    top: -1px;
}
.expiredayrental:empty{padding: 0;}
.javainputgetdigit{
	direction: ltr;width: 100%;text-align: center;
}
.javainputgetdigit input{
border: 1px solid #d3d3d3 !important;
    width: 35px !important;
    border-radius: 7px !important;
    padding: 5px !important;
    height: 34px !important;
    text-align: center !important;
    direction: ltr !important;
    margin: 3px !important;
    outline: none;
    font-size: 20px;
    color: #515151;
}
.swal2-content {
color: #848484 !important;
    font-size: 1em !important;
    text-align: right !important;
    word-spacing: -2px;
}
.swal2-popup {
    direction: rtl;
    border-radius: 25px !important;
    word-spacing: -3px;
}
.swal2-icon {
    font-family: auto !important;
}
.copy-rad{
    border-radius: 10px !important;
	z-index: 99999999 !important;
}
.spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #333;

  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}


body {
	background-color:#f7f7ef ;
	/*font-family:  'Open Sans', Arial, Helvetice Neue, sans-serif;*/
	font-size: 16px;
	font-family: 'IRANSans-web';
	font-weight: 300;
	font-style: normal;
	margin:0;
	background-position: 0 0px;
	/* animation: move-bg 25s linear infinite; */


}

@keyframes move-bg {
	from {
		background-position: 0 0;
	}

	to {
		background-position:  0 300px;
	}
}
input,select,button,textarea{	font-size: 14px;	font-family: Yekan,tahoma;}
input,select {
    border: 1px solid #ddd;
    padding: 5px 10px;
	margin: 5px 0;
    border-radius: 8px;
    text-align: right;
    color: #888;
	font-size: 15px;
    font-family: 'IRANSans-web';
	outline: none;
	transition: all 0.3s;
}
input:focus,select:focus{
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.23);
}
h1 {
    font-size: 20px;
    color: #5f5f5f;
	font-family: 'IRANSans-web';
}
h2 {
font-size: 18px;
    color: #5f5f5f;
    font-family: 'IRANSans-web';
}
h4 {
    font-size: 16px;
    font-family: 'IRANSans-web';
    margin: 10px 0 5px;
    color: #006f99;
}
p {
    color: #646464;
    margin-top: 10px;
    font-family: 'IRANSans-web';
	font-size: 16px;
}
li{
	color: #646464;
}
ul {
    margin-bottom: 25px;
}
ol {
    font-size: 14px;
    line-height: 24px;
}
ol li {
    margin: 8px 0;
}
.main-des-icons{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 15px 7px 25px 0;
}
#nazarsanji {
    margin: 5px 0;
    font-size: 13px;
    color: orange;
}
#nazarsanji div {
    background: #00b75b;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 13px;
}
.button_inamnmojadad{
	display: none;
	font-size: 13px;
	color: #7f7f7f;
}
.button_inamnmojadad_spantime{
	color: #7f7f7f;
	font-size: 13px;
}
.main-des-icons div{
width: calc(33% - 12px);
    max-width: 250px;
    background: #f9f9f9;
    /* border: 1px solid #e9e9e9; */
    border-radius: 10px;
    height: 50px;
    /* float: right; */
    margin: 5px;
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    color: #727272;
    /* padding: 0 2%; */
    font-size: 16px;
    transition: .3s;
    font-family: 'IRANSans-web';
    text-shadow: 1px 1px 1px white;
}
.main-des-icons div:hover {
    background: #008fc5;
    color: white;
	border-color: #008fc5;
	text-shadow: none;
}
.main-des-icons div i{
font-size: 17px;
    margin: 0 17px 0 8px;
}
.sspdiv{
	display: flex;
    justify-content: space-between;
    margin: 0px;
    align-items: self-end;
    border-bottom: 1px solid #ebeaea;
    border-radius: 20%/1px;
	max-width: 508px
}
.sspdiv i {
    margin-left: 8px;
    font-size: 18px;
    /* opacity: .7; */
    position: relative;
    top: 1px;
    font-weight: 300;
}
.sspdisactive,.sspactive{
	font-weight: normal;
    position: relative;
    top: 1px;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
    color: #929292;
    width: 32%;
    height: 30px;
    padding-top: 15px;
    font-family: 'IRANSans-web';
}

.sspactive{
border-bottom: 2px solid;
    color: #0199d2 !important;
    /* border-radius: 60%/2px; */
    border-radius: 20%/1px;
    font-family: 'IRANSans-web';
    font-weight: bold;
}
.sspactive i {
    font-weight: 500;
    opacity: 1;
}
.sspdisactive{
	cursor: pointer;
}
.sspdisactive:hover{
	color:#4ca4cc !important;
}
#center-cert{
	margin: 20px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#center-cert div {
    background: #f9f9f9;
    border-radius: 15px;
    height: 135px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7px;
	transition: .5s;
}
#center-cert div:hover {
    background: #f5f4f4;
}
#center-cert img{
	transition: .5s;
}
#center-cert img:hover {
    transform: scale(1.05);
}

.m-l{
	margin-left:10px;
}
.contactus{
	font-size: 13px;
}
.contactus ul li {
    list-style: none;
}
#linkidparent1::placeholder{
	font-family: 'IRANSans-web';
	font-size: 13px;
	position: relative;
	top: -2px;
	color: #8d8d8d;
}
.api-msg{
	    color: #638663;
    background: #d6f6d6;
    padding: 3px 13px;
    border-radius: 5px;
    line-height: 23px;
    width: fit-content;
	display: none;
}
#api-b i {
    position: relative;
    top: 1px;
    margin-left: 3px;
    font-size: 13px;
}
.paytextout ul{
	padding-right: 0;
	margin:0;
}
.tickpic{
	width: 14px;
    position: relative;
    top: 2px;
	margin-left: 4px;
}
.toggle-div{
    display: none;
    border: 1px solid whitesmoke;
    border-right: 5px solid #d700d1;
    border-top: none;
    padding: 25px;
    font-size: 14px;
    word-spacing: -1px;
    overflow: hidden;
    text-align: justify;
    border-radius: 0 0 3px 3px;
    position: relative;
    top: -2px;
}
.toggle-div-small {
    display: none;
    border: 1px solid #f3f3f3;
    border-right: 3px solid #a2a2a2;
    border-top: none;
    padding: 10px;
    border-radius: 0 0 3px 3px;
    font-size: 14px;
    position: relative;
    top: -2px;
}
.toggle-title1{
	font-size: 14px;
    word-spacing: -2px;
    padding: 10px 15px;
    margin: 15px 0 0 0;
    border-right: 5px solid #d700d1;
    cursor: pointer;
    border-radius: 3px;
    color: #4d4d4d;
    user-select: none;
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
    font-family: 'IRANSans-web';
}
.toggle-title-small{
	color: #636363;
    font-size: 13px;
    word-spacing: -2px;
    padding: 8px 14px;
    margin: 13px 0 0 0;
    border-right: 3px solid #a2a2a2;
    background: #f6f6f6;
    border-radius: 3px;
    cursor: pointer;
}
.toggle-title2{
font-family: 'IRANSans-web';
    font-size: 16px;
    margin-top: 20px;
	font-weight: bold;
}
.toggle-link{
    border-radius: 10px;
    padding: 15px 25px;
    color: #6c6c6c;
    /* background: #4b4b4b; */
    font-family: Calibri;
    border: 1px solid #e2e2e2;
    margin: 15px 0px;
    line-height: 25px;
    font-size: 16px;
    word-break: break-word;
}
.toggle-table{
width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    font-size: 14px;
    border: #e0e0e0 1px solid;
	/*word-break: */

}
.toggle-table tr td{
    padding: 15px 20px;
    font-size: 14px;
    color: #8a8a8a;
    font-family: 'IRANSans-web';
       /* word-break: break-word; */;
}
.toggle-table tbody tr td:nth-child(1) {
    letter-spacing: 1.5px;
    font-family: tahoma;
    font-size: 12px;
}
.toggle-table caption{
font-family: 'IRANSans-web';
    text-align: right;
    direction: rtl;
    padding: 10px 0;
    font-size: 17px;
}
.toggle-comm{
    font-family: 'IRANSans-web';
    font-size: 15px;
}


.tmn , .adad {
    font-size: 12px;
    font-family'IRANSans-web';
    position: relative;
    right: 3px;
    top: -1px;
    color: #b1b1b1;
}
.poll-form{
	float:right;
	width:100%;
	margin: 15px 0;
}
.seydrecaptcha{
	text-align: center; width: 306px; margin: 0 auto; padding: 35px 0 5px;
}
.poll-form textarea{
    border: 1px solid #b9b9b9;
    border-radius: 7px;
    padding: 10px 10px 43px;
    font-size: 13px;
    font-family'IRANSans-web';
    color: #494949;
    width: calc(100% - 0px) !important;
    min-height: 100px;
    resize: none;
	outline: none;
}
.newrentalnum{
	background: yellow;
}
.poll-form button{
    font-size: 13px;
    padding: 5px 7px 6px 5px;
    border-radius: 7px;
    width: 73px;
    position: absolute;
    bottom: 5px;
    left: 5px;
    outline: none;
    /* background: #9a9a9a; */
}
.adminqasli {
	cursor:pointer;
}
.adminqaslitoman,.adminqasli{
	margin-left: 23%;
    text-align: left;
    width: fit-content;
    font-size: 13px;
    font-family: calibri;
    position: relative;
    top: -2px;
}
.massage_box_close_news_ {
    justify-content: center;
    display: flex;
	width: 100%;
}
.massage_box_close_news{
font-size: 15px;
    font-family'IRANSans-web';
    padding: 5px 15px;
    border-radius: 8px;
    cursor: pointer;
	position: relative;
	overflow: hidden;
	float: right;
}
.massage_box_close_news_left{
    background: #0890fc;
    color: white;
}
.massage_box_close_news_right{
    background: #e9e9e9;
    color: #676767;
}
.newsnotname {
    font-size: 21px;
    font-family'IRANSans-web';
    margin: 0 0 15px 0;
	color: #0069bd;
}
.newsnot{
	    text-align: right;
    font-size: 14px;
	line-height: 25px;
	color: #6b6b6b;
}
.answertext{
    font-size: 13px;
    font-family'IRANSans-web';
    text-align: right;
    padding: 10px;
    color: #676767;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tmore {
    font-size: 14px;
    text-align: right;
    padding: 10px;
    color: #393939;
}
#os_img{
	transition: transform 0.5s ease;
    top: 2px;
	right: 7px;
    position: relative;
}
.os_div {
    font-size: 16px;
    color: #d700d1;
    padding: 6px 0 7px 0;
    cursor: pointer;
    font-family'IRANSans-web';
	transition: all 0.5s ease;
}
.os_div:hover {
    color: #ed9f2c;
    transform: scale(1.05);
}
.deactive{
	background: #ffe4e4 !important;
}
.timetop{
    position: relative;
    top: -5px;
    font-size: 10px;
    right: -2px;
    color: #969696;
}
.real_america {
    font-size: 11px;
    color: #d700d1;
	margin-left: -4px;
}
.subdis{
	cursor: pointer;
    overflow: hidden;
    margin: 20px 0;
    background: #f7f7f7;
    padding: 3px 20px;
    border-radius: 15px;
    transition: all 0.5s ease;
    position: relative;
}
.subdis i {
	margin-left: 8px;
    position: relative;
    top: 4px;
    font-size: 20px;
    color: #8d8d8d;
}
.subdis h2{
    font-size: 17px;
    color: #5f5f5f;
    font-family'IRANSans-web';
    margin: 11px 0;
    font-weight: normal;
	float: right;
}
.subdis_ch{
	display: none;
	padding: 5px;
}
.subdis_ch p{
	color: #006388;
    font-size: 15px;
    font-family'IRANSans-web';
}
.subdis_ch ul{
	    font-size: 13px;
    list-style: none;
    margin: 5px 25px 15px 0;
    padding: 0;
}

.subdisimg{
    position: absolute;
    left: 18px;
    top: 18px;
	width: 18px;
    transition: all 0.5s ease 0s;
	transform: rotate(90deg);
}
.subdisimg_m{
	width: 25px;
	margin: 12px 0px 0px 7px;
	float: right;
}
.payvip1{color:#1423e2; padding: 0 5px;}
.payvip2{color:#c214e2; padding: 0 5px;}
.payvipvip{color:#09a755;font-weight: bold;}
.payvipadmin{cursor: pointer;}
#enterid{

}
#tablecharge{
	display: none;

}
.tablechargediv{
	display:none;
}
#tablecharge1{
	display:block;
}
#tablecharge3 {
    font-size: 13px;
    color: gray;
    padding: 0 15px;
	text-align: justify;
}
.tablechargeactive, .rondselectoravtice{
	color: #0085b7 !important
}
.tablechargeactive::after,.tablechargeactive:hover:after, .rondselectoravtice:after, .rondselectoravtice:hover:after{
	content: "";
    background: white;
    position: absolute;
    width: 12px;
    height: 12px;
    left: 50%;
    bottom: -6px;
    margin-left: -6px;
    transform: rotate(45deg);
    box-shadow: inset 2px 2px 2px rgba(22, 195, 255, 0.5), inset 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}
.tablechargeactive::before,.tablechargeactive:hover:before, .rondselectoravtice:hover:before,.rondselectoravtice:before {
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 2px 3px rgba(22, 195, 255, 0.5) !important;
    top: 50%;
    bottom: 0px;
    left: 3px;
    right: 3px;
    border-radius: 100px / 6px;
}


.tablecharge ul li:hover:after, .tablechargerent ul li:hover:after, .rondselector ul li:hover:after{
	content: "";
    background: white;
    position: absolute;
    width: 12px;
    height: 12px;
    left: 50%;
    bottom: -6px;
    margin-left: -6px;
    transform: rotate(45deg);
    box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.15), inset 1px 1px 1px rgba(0, 0, 0, 0.09);
}

.tablecharge ul, .tablechargerent ul, .rondselector ul{
	position: relative;
    border-bottom: 1px solid #c9c9c9;
    height: 40px;
    padding: 0;
    margin: 0;
    border-radius: 50%/1px;
	display: flex;
    justify-content: space-around;
    align-items: flex-end;
	z-index: 1;
}
.tablecharge ul li, .tablechargerent ul li, .rondselector ul li{
    float: right;
    margin: 0;
    font-size: 14px;
    width: 33%;
    list-style: none;
    position: relative;
    padding: 0 0 16px 0px;
    background: white;
    cursor: pointer;
    color: #777777;
}
.tablecharge, .tablechargerent, .rondselector{
    margin: 0 auto 30px auto;
    padding: 10px 0 0 0;
    /*background: #f3f3f3;*/
	background: white;
}
.tablechargerent i , .rondselector i{
    margin-left: 5px;
    font-size: 13px;
    opacity: .6;
}
.commentofservices {
position: relative;
    color: #454545;
    background: #f8f7e9;
    padding: 25px;
    border-radius: 10px;
    display: block;
    font-family'IRANSans-web';
    font-size: 12px;
    margin: 10 0;
    text-align: justify;
    overflow: hidden;
}
.commentofservices p{
	font-size: 12px;
	text-align: justify;
    margin: 10px 10px 15px 0;
}
.cont_principal {
  position: relative;
  /*width: 100%;
  height: 100%;  */
 background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(224,232,245,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,232,245,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(224,232,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e8f5',GradientType=0 );

}

.cont_menu {
    position: absolute;
    width: 320px;
    max-width: 100%;
    /* margin: 0 auto; */
    left: 0;
    right: 0;
    top: -19px;
z-index: 2;
}

.cont_titulo_menu{
    cursor: pointer;
    position: relative;
    width: 280px;
    height: 65px;
    overflow: hidden;
    background-color: #1589d4;
    margin: auto;
    border-radius: 20px 4px 20px 20px;
  }


.cont_icon_menu{
  /*position: relative;
  float: right;
  margin-right: 20px;
  top:14px;*/
position: relative;
    float: left;
    /* margin-right: 20px; */
    top: 16px;
    left: -24px;

}
.cont_icon_menu > img {
width: 32px;
z-index: 2;
position: relative;
}
.cont_titulo {
position: relative;
float: right;
margin-top: 10px;
margin-right: 20px;
color: #fff;
z-index: 2;
}

.cont_circle_1 {
  position: absolute;
top:-16px;
  left: -16px;
  width: 64px;
  height: 64px;
background-color: #fff;
opacity: 0.3;
  z-index: 0;
border-radius:50% ;
animation: animation_circle_1 3s infinite;
    animation-direction: alternate;
transform: scale(0);
}
.cont_circle_2 {
  position: absolute;
top:-46px;
  left: -46px;
  width: 128px;
  height: 128px;
background-color: #fff;
opacity: 0.2;
  z-index: 0;
border-radius:50% ;
animation: animation_circle_1 3s infinite;
    animation-direction: alternate;
animation-delay: 0.5s;
transform: scale(0);
}
.cont_circle_3 {
  position: absolute;
top:-80px;
  left: -80px;
  width: 192px;
  height: 192px;
background-color: #fff;
opacity: 0.1;
  z-index: 0;
border-radius:50% ;
animation: animation_circle_1 3s infinite;
    animation-direction: alternate;
animation-delay: 1s;
transform: scale(0);
}
.cont_circle_4 {
  position: absolute;
top:-115px;
  left: -116px;
  width: 256px;
  height: 256px;
background-color: #fff;
opacity: 0.1;
  z-index: 0;
border-radius:50% ;
animation: animation_circle_1 3s infinite;
    animation-direction: alternate;
animation-delay: 1.5s;
transform: scale(0);
}

@-webkit-keyframes animation_circle_1 {
  from { transform: scale(0);   }
  to { transform: scale(1); }
}
@-o-keyframes animation_circle_1 {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
@-moz-keyframes animation_circle_1 {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
@keyframes animation_circle_1 {
  from { transform: scale(0); }
  to { transform: scale(1); }
}

.cont_drobpdown_menu {
  position: relative;
text-align:center;
  float: left;
  width: 100%;
   background-color: #fff;
  box-shadow: 0px 2px 20px -2px rgba(0,0,0,0.3);
margin-top: 5px;
  border-radius:3px ;
opacity: 1;
  transition: all 0.5s;
}
.cont_drobpdown_menu ul > li {
/*
  list-style: none;
  margin-left: -3px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-left: 5px solid #eee ;
  width: 100%;
  display: block;
transition: all 0.5s;*/
list-style: none;
    margin-right: -48px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-right: 5px solid #eee;
    width: 100%;
    display: block;
    transition: all 0.5s;
}
.cont_drobpdown_menu ul > li:hover {
  border-right: 5px solid #6992FE ;
}
.cont_drobpdown_menu ul > li:hover .svg_seyd path{
fill:#6992FE;
}
.cont_drobpdown_menu ul > li:hover >a {
color: #6992FE;
}
.svg_seyd path{
transition: all 0.5s;
fill:#93979d;
}
#svg_download_seyd path{
/*transition: all 0.5s;*/
fill:#ffffff;
}

.cont_drobpdown_menu ul > li:nth-child(2) {
  border: none;
}
.cont_drobpdown_menu ul > li > a {
  position: relative;
  display: block;
text-align: right;
    /* width: 90%; */
    /* right: -60px; */
    margin-right: 53px;
  padding-top:10px;
  padding-bottom:10px;
  text-decoration: none;
  color: #93979d;
transition: all 0.5s;
}
.cont_drobpdown_menu ul > li > hr  {
width: 75%;
height: 0px;
color: #123455;
background-color: #123455;
border:1px solid #eee;
margin-right: 60px;
margin-bottom:0;
}


.cont_icon_trg {
      position: relative;
    float: right;
    margin-bottom: -30px;
    z-index: 1;
  right: 10px;
  transform: translate(0px,10px);
transition: all 0.5s;
}


.disable   {
  transition: all 0.5s;
  opacity: 0;
  transform: translate(0px,10px);
  display:none;
}

.disable > ul > li {
  transform: translate(0px,10px);
  opacity: 0;
}

.active   {
   opacity: 1;
  transform: translate(0px,0px);
}

.active > ul > li {
transition-delay: 0.5s;
  transform: translate(0px,0px);
  opacity: 1;
}
/* پایان کلید */


.gates{
	display: none;
}
.bottom_ani{
	animation: othergates 1.5s cubic-bezier(0.12, 1, 0.29, 1.07);
}
#othergates {
    font-size: 14px;
    color: #666666;
    cursor: pointer;
	animation: othergates 1.5s cubic-bezier(0.12, 1, 0.29, 1.07);
}
@keyframes othergates{
	0%{transform: translate3d(0,800px,0);}
	50%{transform: translate3d(0,800px,0);}
	100%{transform: translate3d(0,0,0); }
}
/*.gates::before{
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -8px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #cacaca transparent;
}*/

.gate_bt{
    animation: from-bo_30 1s cubic-bezier(0.12, 1, 0.29, 1.07);

}
@keyframes from-bo_30{
	0%{transform: translate3d(0,800px,0);}
	30%{transform: translate3d(0,800px,0);}
	100%{transform: translate3d(0,0,0); }
}
.gate_bt_text2{
	font-size: 12px;
    opacity: .7;
    background: #00000029;
    padding: 0.5px 7px 1px;
    border-radius: 7px;
    margin-right: 5px;
    position: relative;
    bottom: 1px;
	display: inline-flex;
}
.input_p{
    height: 45px;
    position: relative;
    margin : 5px auto 12px auto;
    width: calc(100% - 20px);
    display: flex;
}
.input_p i{
	position: absolute;
    font-size: 19px;
    left: 17px;
    top: 13px;
    color: gray;
}
.input_p input{
	padding: 3px 0 0 45px;
    width: 100%;
    height: 45px;
    border-radius: 4px;
    margin: 0;
    background: #f2f2f2;
    text-align: left;
    font-size: 15px;
    word-spacing: -1px;
    transition: .5s;
	border: none;
    border-left: 2px solid transparent;
	direction: ltr;
}
.input_p input::placeholder{
	font-size: 13px;
	position: relative;
	top: -2px;
}
.input_p input:focus{
   border-color: #2196f38c;
   box-shadow: none;
}
.input_p input:focus ~ i {
    color: #2196f3 !important;
}
.checkboxspan{
	height: 11px;
    width: 11px;
    border: 2px solid #c8c8c8;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    top: 3px;
}
#rmbchbox{display: none;}
#rmbchbox:checked + .checkboxspan::before{
    font-family: "Font Awesome 5 Pro";
    font-size: 15px;
    content: "\f00c";
    position: absolute;
    top: -3px;
    color: #2196f3;
    left: -1px;
    font-weight: bold;
}
.charge_b {
    border: 8px solid #f1f1f1;
    overflow: hidden;
    background: #f1f1f1;
    transition: .3s;
    width: 211.5px;
    border-radius: 20px 10px;
    margin: 20px auto;
    animation: f-t2 1s ease;
	position: relative;
}
@keyframes f-t2{
0% {
    transform: scale(2);
    opacity: 0;
}

40% {
    transform: scale(2) translate3d(0,-150px,0);
    opacity: 0;
}
100% {
    transform: scale(1);
    opacity: 1;
}
}
.ch_b {
    float: right;
    padding: 8px;
    cursor: pointer;
    color: gray;
    font-size: 13px;
    word-spacing: -1px;
    border-radius: 10px;
	position: relative;
	z-index: 1;
	transition: .5s;
}
#ch_b_sw{
	position: absolute;
    width: 70px;
    background: rgb(21, 137, 212);
    top: 0;
    bottom: 0;
    border-radius: 12px 6px;
    transition: .5s;
}
.chargebody{
	padding: 15px 0;
	position: relative;
}

.adminbutton {
    position: fixed;
    left: 15px;
    bottom: 15px;
    cursor: pointer;
    background: #d700d1;
    padding: 7px;
    border-radius: 25px;
	transition: 1s;
}
.adminbutton:hover{
	transform: rotate(90deg);
}
#adminarea{
	text-align: left;
}
.adminareatable{
	float: left;
    direction: ltr;
	border-collapse: collapse;
}
.adminareatable tr{
	height: 0;
}
.adminareatable td{
padding: 5px 10px;
    font-weight: normal;
    font-size: 14px;
    font-family: cursive;
}
.adminareatable tr:nth-child(odd) {
    background: #f1f1f1;
}

.tooltip {
    position: relative;
	cursor: help;
}
.startooltip{
    float: left;
    opacity: 0.8;
    margin: 0 -10px 0 20;
	margin: 0px -27px 0 13px;
    top: 7px;
}
.tooltip:hover{
	opacity: .9;
}
.tooltiptext {
	visibility: hidden;
    width: 125px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 5px;
    position: absolute;
    z-index: 99999999999999999;
    font-size: 11px;
    bottom: 130%;
    left: 50%;
    margin-left: -68px;
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0 0 20px 2px white;
	line-height: 16px;
}
.startooltiptext{
	bottom: 204% !important;
    padding: 10px;
    width: 95px;
    margin-left: -61px;
}
.que{
	width: 10px;
    opacity: .4;
    position: relative;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-width: 9px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.table_star{width: 13px;position: relative;top: 3px;}
a{text-decoration:none;}
.headertop{
    width: 100%;
    height: 50px;
    /* border-bottom: 2px solid #7e7e7e; */
    animation: h-top 1s ease-in-out;
    box-shadow: 0 2px 3px #00000030;
}
@keyframes h-top{
	from{transform: translate3d(0px, -100px, 0px);}
	to {transform: translate3d(0px, 0px, 0px);}
}

.headertop::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	opacity: .8;
	z-index: -1;
	background:white;
}

.ul-enter{
text-align: right;
	display: block !important;
    list-style: none;
    direction: rtl;
    padding: 0 !important;
    padding-right: 10px !important;
    margin: 10px 0 !important;
    width: auto !important;
}
.user{
	direction: ltr;
	overflow: hidden;
	cursor: pointer;
    position: absolute;
    height: 32px;
    width: 93px;
    left: 9px;
    top: 9px;
    background: #912fed;
    border-radius: 7px;
    padding: 0px 20px 0px 15px;
    color: #ffffff;
    font-size: 14px;
    /* border-right: 4px solid #ffffffe0; */
    transition: all 0.5s ease;
	animation: login-left 3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
@keyframes login-left{
	0%{transform: translate3d(-200px, 0px, 0px);}
	65%{transform: translate3d(-200px, 0px, 0px);}
	100%{transform: translate3d(0px, 0px, 0px);}
}
.user:hover {
    transform: scale(1.05);
}
.user_enter {
    cursor: default;
    width: 140px;
    height: 32px;
    position: relative;
    right: 0px;
    top: -1px;
    background: #c134d9;
    border-radius:10px 5px;
    color: white;
    font-size: 14px;
    overflow: hidden;
	margin: 0 0 0 5px;
}
.setting_b {
    float: right;
    background: #890e9e;
    width: 32px;
    height: 32px;
	cursor: pointer;
}
.settingicon {
	position: absolute;
    right: 7px;
    top: 7px;
    transition: 1s;
    margin: 0;
    width: 18px;
	animation: s_r 5s;
}
@keyframes s_r{
	0%{transform: rotate(0deg)}
	20%{transform: rotate(0deg)}
	100%{transform: rotate(720deg)}
}
.setting_icon_hover{
	width: 100%;
	height: 32px;
	position: absolute;
	right: 0;
	z-index: 1;
}
.setting_icon_hover:hover + .settingicon {
    transform: rotate(90deg);
}
.user_enter_text{
	float: right;
    padding: 6px 12px;
	white-space: nowrap;
    width: 82px;
}


/*
.enter_menu::before{
    content: "";
    background: #00aeef;
    width: 12px;
    border-left: 2px solid;
    border-top: 2px solid;
    height: 12px;
    position: absolute;
    transform: rotate(45deg);
    top: -8px;
    left: 161px;
}
*/
.callbackwait{
	color: #7b7b7b;
    margin: 20 0 0 0;
    width: 100%;
    text-align: center;
    direction: rtl;
    font-size: 20px;
}
.callbacklineok{
	font-size: 25px;
    font-family'IRANSans-web';
    color: transparent;
    text-shadow: 0 0 0 #4CAF50;
    margin: 10px 0 20px 0;
}
.callbacklineerr{
	font-size: 25px;
    font-family'IRANSans-web';
    color: transparent;
    text-shadow: 0 0 0 #FF5722;
	margin: 10px 0 25px 0;
}
.callbacklinecancel{
	text-align: right;
    color: #808080;
	font-size: 14px;
}
.callbacklinemerr{
	    text-align: right;
    margin: 0 50px 0 0;
    color: #979797;
}
.callbacklineelat{}
.callbacklinekod{
	font-size: 14px;
    text-align: right;
    margin: 5px 10px;
    color: #808080;
}
.khata{
	float: right;
    font-weight: bold;
    color: #484848;
    margin: 0 10px 0 5px;
	font-size: 14px;
}
.codepeygiri{
	font-weight: bold;
    color: #484848;
}
.nfaktor{
	font-weight: bold;
    color: #484848;
}





.user_enter .downimg{width: 17px; position: relative; top: 3px; }
.user .topimg{
    width: 19px;
    position: absolute;
    right: 11px;
    top: 6px;
}
.user_enter .topimg_enter{
    width: 30px;
    border-radius: 0px 7px 7px 0px;
    background: #00aeef;
    position: absolute;
    right: 0px;
    top: 0px;
    border-left: 2px solid;
    padding: 8px 8px 7px 8px;
	 }
.downentertext{margin-right: 6px;position: relative; top: -2px; word-spacing: -1px;}
.enteruser{
    position: relative;
    top: 4px;
    font-size: 14px;
    word-spacing: -2px;
}
 .enterusermobile_enter{	position: absolute;    top: 2px;    margin-left: 18px;    font-size: 18px;}.enterusertext_enter{	position: absolute;    top: 21px;    margin-left: 31px;}
.enter{

}
.enter_menu a,.enter a{cursor:pointer;}
.enter_menu{
    cursor: auto;
    display: none;
    /* border: 2px solid white; */
    z-index: 9999999;
    width: 140px;
    border-radius: 0 0 10px 5px;
    /* padding: 4px 12px 4px 0px; */
    background: #890e9e;
    text-align: center;
    position: absolute;
    top: 36px;
    right: 5px;
    /* box-shadow: 1px 8px 15px #00000038; */
	}
ul.ul-enter li {
    padding: 5px 10px;
    margin: 0 0 0 5px !important;
    transition: all 0.6s ease;
    color: white !important;
    font-size: 12px;
	cursor: pointer;

}
ul.ul-enter li:hover {
	transform: translate3d(-4px, 0px, 0px);
}
.user_enter_radius{
	border-radius: 10px 5px 0 0;
}
.enter_menu ul li img{
	    width: 15px !important;
    position: relative;
    top: 3px !important;
    margin-left: 5px !important;
}
.enter button{
    width: 89%;
    height: 47px;
    border-radius: 8px;
    background: #2196F3;
    font-size: 15px;
    margin: auto;
    margin-top: 13px;
    padding: 0;
    transition: all 0.3s ease;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.enter button:hover{
    background: #009fde;
    transform: scale(1.05);
}
#signupkeyform{height: 90px;}
#signupkeyform > div::before, .mobbuydis::before{
	content: "";
    position: absolute;
    left: 0;
    top: -9px;
    right: 0;
    background-repeat: repeat;
    height: 10px;
    background-size: 16px 20px;
    background-image: radial-gradient(circle at 8px -5px, transparent 12px, #ededed 13px);
	animation: move-sgupb 1s linear infinite;
}
#signupkeyform > div::after, .mobbuydis::after{
	content: "";
    position: absolute;
    left: 0;
    top: -14px;
    right: 0;
    background-repeat: repeat;
    height: 15px;
    background-size: 32px 20px;
    background-image: radial-gradient(circle at 8px 19px, #ededed 12px, transparent 13px);
	animation: move-sgupa 2s linear infinite;
}

@keyframes move-sgupb { from {background-position: 0 0;}to{background-position: -16px 0;} }
@keyframes move-sgupa { from {background-position: 0 0;}to{background-position: -32px 0;} }

#signupkeyform > div{
	background: #ededed;
    width: 100%;
    height: 95px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#signupkeyform >div > div:nth-child(1){font-size: 14px; color: #343434;margin-right: 10px;margin-top: 0px}
.signinnumberin {
    height: 45px;
    width: calc(100% - 20px);
    margin: auto;
    direction: ltr !important;
    display: flex;
    justify-content: left;
    align-items: center;
}
.signinnumberin > div {
    border-right: 1px solid #dbdbdb;
    width: 50px;
    height: 30px;
    display: flex;
    margin-left: 5px;
    align-items: center;
    justify-content: center;
    color: #6c6c6c;
    font-size: 18px;
    font-family'IRANSans-web';
    letter-spacing: 1px;
    position: absolute;
}
.signinnumberin input {
    border: none;
    text-align: left;
    background: #f3f3f3;
    padding: 0 0 0 65px;
    margin: 0;
    font-size: 18px;
    font-family'IRANSans-web';
    border-radius: 7px;
    outline: none;
    height: 45px;
    width: calc(100% - 0px);
    color: #6a6a6a;
    letter-spacing: 1px;
}
.signinnumberin input::placeholder{
	color: #c4c4c4;
	letter-spacing: 5px;
}
.forgetnumberin > div{
	border-right: none;
	width: 45px;
	color: #737373;
    font-size: 20px;
}
.forgetnumberin > input{
	padding: 0 0 0 50px;
}
.forgetnumberin > input::placeholder{
	letter-spacing: 0;
    font-size: 15px;
}
.header{	width: 100%;    height: 160px;	text-align: center;overflow: hidden;}
.logopng{
	max-width: 290px;
    width: 100%;
	transform: translate3d(0,127px,0);
    transition: all 1s cubic-bezier(0, 0, 0.26, 1.53);
}
.logopng:hover {
	animation: shake .7s ;
}
@keyframes shake{
	0%{transform: rotate(0deg);}
	25%{transform: rotate(-1.5deg)}
	75%{transform: rotate(1.5deg)}
	100%{transform: rotate(0deg);}
}
.header a,.header h4{	width: 100%;    position: relative;    font-size: 16px;    font-family'IRANSans-web';    color: #636161;    text-shadow: 0 0 3px white;}.header h4{top: 20px;}
.header a{top: 32px;}
.bodycont{
	margin: 40px;
}
.bodycont li {
    font-size: 14px;
    font-family'IRANSans-web';
    word-spacing: -1px;
    /* list-style: arabic-indic; */
    color: #707070;
    text-align: justify;
    line-height: 30px;
}
.bodypage{
	color: #484848;
	width: 80%;
	overflow: hidden;
	border-radius: 20px;
	background: white;
	padding: 20px;
	margin: 0 auto;
	direction: rtl;
	display: table;
	box-shadow: 0px 0px 50px #bfbfbf;
	max-width: 1050px;
	min-width: 420px;
	animation: from-bo 1.1s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
@keyframes from-bo{
	0%{transform: translate3d(0,800px,0);}
	100%{transform: translate3d(0,0,0); }
}
.infobox{
width: 98%;	min-height: 100px;	background: #00a651;	color: white;	padding-right: 5px;	padding-left: 5px;	text-align: justify;	font-size: 10px;
display:none;
}
.donotshowthis{display:none;}
.infobox img{width:40px;}
.helpbox {	border: 1px solid #c7c7c7;    width: 39.1%;    width: 350px;	float: right;	margin:0 auto;	}
.selectservice, .shownumbers{
	/*border-right: 1px solid #f8f8f8; */
    /* border-radius: 15px; */
    width: calc(50.5% - 22px);
    float: right;
    margin: 0 auto;
    min-width: 400px;
    display: table;
    text-align: center;
    padding: 10px;
    overflow: hidden;
}
.shownumbersadmin{
		border: 1px solid #ebeaea;
  		border-radius: 15px;
		width: calc(49.5% - 22px);
		/*float: right;	*/
		margin:0 auto;
		min-width: 400px;
		display: table;
		text-align:center;
		padding:10px;
		overflow: hidden;
		transition: .5s;
}

.selectservice{
	animation: from-bo2 2s cubic-bezier(0.21, 0.93, 0.16, 1);
}
@keyframes from-bo2{
	0%{transform: translate3d(110%,0,0)}
	50%{transform: translate3d(110%,0,0)}
	100%{transform: translate3d(0,0,0)}
}
.shownumbers,.shownumbersadmin,.maindescript{
	animation: from-bo3 2s  cubic-bezier(0.21, 0.93, 0.16, 1);
}
@keyframes from-bo3{
	0%{transform: translate3d(-110%,0,0)}
	50%{transform: translate3d(-110%,0,0)}
	100%{transform: translate3d(0,0,0)}
}
.shownumbers,.shownumbersadmin{	margin-right: 1%;}
.wcolor *{}
@keyframes from-left2{
	0%{transform: translate3d(-150%,0,0)}
	30%{transform: translate3d(-150%,0,0)}
	100%{transform: translate3d(0,0,0)}
}
.payboxblue{	width: 470px;	float: right;	margin-right: 15px;}
.payboxblue  p{	float: right; 	/*max-height:25px; 	margin-top: 0px;    margin-bottom: 0px;*/	height: 35px;	margin-top: 0px;	margin-bottom: 20px;	background: #00aeef;}
.payboxblue >a{width: 450px;}
.payboxblue p:nth-child(1){	font-size: 18px;	width: 41px;	padding-right: 19px;	margin-top: 0px;	padding-top: 4px;    height: 31px;	border-radius: 0px 5px 5px 0px;}
.payboxblue p:nth-child(2){	font-size: 10px;    width: 38px;    padding-right: 4px;    padding-top: 2px;    height: 33px;}
.payboxblue p:nth-child(3){	font-size: 18px;    width: 68px;    padding-right: 13px;    padding-top: 4px;    height: 31px;	text-align: center;}
.payboxblue p:nth-child(4){	font-size: 10px;    width: 40px;    padding-right: 4px;    margin-top: 0px;    padding-top: 10px;    height: 25px;}
.payboxblue p:nth-child(5){	width: 44px;	border-right: 1px solid white;	padding-right: 6px;	border-radius: 5px 0px 0px 5px;	cursor:pointer;	padding-top: 4px;    height: 31px;}
.payboxblue p:nth-child(6){	font-size: 18px;	width: 49px;	padding-right: 14px;	margin-right: 20px;	background: #e0e0e0;	color: #7b7b7b;	padding-top: 4px;    height: 31px;}
.payboxblue p:nth-child(7){	font-size: 10px;    width: 61px;    background: #e0e0e0;    color: #7b7b7b;    padding-top: 3px;    height: 32px;}
.payboxblue p:nth-child(6)::before{	content: "";	background: #e0e0e0;	width: 10px;	height: 10px;	position: absolute;	transform: rotate(45deg);	margin-top: 9px;    margin-right: -19px;}#nobefore::before{background:none;}.helpbox1 > p{color: #00aeef;	margin-top: 10px;}.bright{	border-right: 5px solid #c5c5c5;	margin-right: 10px;	padding-right: 20px;	padding-bottom: 25px;	padding-top: 1px;	margin-bottom: 30px;}	.bright img{width:20px;}.litehover >p:hover {	text-shadow:1px 1px 2px red;	cursor:pointer;}.telegram{	padding: 3px;	position: relative;	right: 53px;	height: 20px;	background: #00aeef;	border-radius: 5px;	color:white;	cursor:pointer;}.bright1{	border-right: 5px solid #c5c5c5;	margin-right: 10px;	padding-right: 10px;	display: none;}.paynumber  p:nth-child(1){	font-size: 18px;	width: 60px;	padding-right: 19px;	margin-top: 0px;	padding-top: 2px;	height: 28px;	border-radius: 0px 5px 5px 0px;	color: white;	background: #00aeef;	float: right;	margin-right: 96px;}.paynumber  p:nth-child(2){	font-size: 9px;	width: 35px;	padding-right: 3px;	margin-top: 0px;	padding-top: 5px;	height: 25px;	color: white;	background: #00aeef;	float: right;}.paynumber  p:nth-child(3){	font-size: 18px;	width: 45px;	padding-right: 9px;	margin-top: 0px;	padding-top: 0px;	height: 30px;	color: white;	background: #00aeef;	float: right;	border-radius: 5px 0px 0px 5px;	border-right: 1px solid white;	cursor:pointer;}
.numberspanel{
    position: relative;
    /* border: 1px solid #f3f3f3; */
    border-radius: 20px 10px;
    width: 100%;
    padding: 15px 0px;
    margin-bottom: 10px;
    transition: background 1s ease;
    animation: num-left .4s ease-in-out;
    overflow: hidden;
}
@keyframes num-left{
	0%{transform: translate3d(-500px,0,0)}

	100%{transform: translate3d(0,0,0)}
}


.noresult{	background: #f7f7f7;	/*transition: background 2s ease;*/}
.noresult1{	background: #feff00;	/*transition: background 2s ease;*/}
.stylemethod1{
	/*زمینه شماره هایی که با ای پی آی گرفته شده*/
	/*background: rgba(255, 244, 244, 0.85);*/
}
.stylemethod2{
	/*زمینه شماره هایی که با تلگرام گرفته شده*/
	/*background: rgb(243, 255, 254);*/
}
.tablechargedivtoman{
	position: absolute;
    /*float: right;*/
	display: none;
    padding-top: 13px;
	font-size: 13px;
	width: 44px;
    margin-right: 150px;
    color: #c5c1c1;
}
#mdasti{
    float: right;
    text-align: left;
    direction: ltr;
    width: 200px;
    transition: all .3s;
    outline: none;
    border-radius: 0 10px 10px 0;
}
#mdasti::placeholder{
	font-size: 13px;
	padding-left: 5px;
	color: #c5c1c1;
}
.yesresult{	background: #f1ffef}
.servicepanel{  width: 100%;    margin-bottom: 10px;}
.service_en_name {
    font-family: calibri;
    font-weight: 400;
    top: 4px !important;
}
.service_up_comment {
    font-size: 13px;
    font-family'IRANSans-web';
    display: table;
    margin: auto;
    margin-bottom: 10px;
    text-align: right;
    padding: 10px 15px;
    word-spacing: -2px;
    border-radius: 10px;
    background-color: #fffad6;
}
.numberscommentforwait , .numberscommentforwait div{
	transition: all 1s ease;
}
.headerpanel{
transition: all 0.5s ease;
    padding: 1px 10px 1px 0;
    width: calc(100% - 10px);
    height: 40px;
    cursor: pointer;
    /* border: 1px solid #e4e4e4; */
    border-radius: 20px;
    background: #ffe5fb;
}
.headerpanel:hover,.subdis:hover {
    background: #eaeaea;
		}
.headerpanel p:nth-child(1){
	float: right;
	font-size: 16px;
	margin-top: -1px;
	margin-right: 10px;
}
.service-image-list{
width: 20px;
}
.showcodelist{
    font-size: 11px;
    background: rgb(223, 223, 223);
    padding: 2px 5px;
    border-radius: 5px;
    cursor: pointer;
}
.service-image,.country-image{	width: 22px;  height: auto;  position: relative;    top: 10px;}
.change-service-image,.change-country-image{
	transform: rotate(90deg);	transition: all 0.5s ease; width: 18px; top: 4px; position: relative;}
.headerpanel  p:nth-child(2){
    margin-top: 10;
    margin-left: 15px;
    text-align: left;
}
.headerpanel p span{
	margin-right: 8px;
    top: 3px;
    position: relative;
    color: #565656;
	unicode-bidi: embed;
    direction: ltr;
}
.headerpanel p > span > span {
    direction: rtl;
}
.bodypanel{
    width: 98%;
    /* overflow: hidden; */
    position: relative;
    left: 1%;
    right: 1%;
    /* padding: 2%; */
    /* border: 1px solid #fafafa; */
    border-top: none;
    border-radius: 0 0 10px 10px;
    display: none;
    margin-top: -2px;
}

tr {
    height: 47px;
}
.bodypaneltable{
	width: 100%;
	border-spacing: 0;
    border-collapse: collapse;
}
.bodypaneltable tr{	height: 37px;}
.bodypaneltable tbody:before {content: "-";display: block;line-height: 0px;color: transparent;}
.bodypaneltable tbody tr:nth-child(even) td{background:#f6f6f6;}
.bodypaneltable tbody tr td:first-child{border-radius: 0 10px 10px 0;}
.bodypaneltable tbody tr td:last-child{border-radius: 10px 0 0 10px;}
.bodypaneltable thead tr td {padding: 8px 0px;color: #00668c;background: #ebf9ff;font-family: 'IRANSans-web'}
.bodypaneltable thead tr td:first-child{border-radius: 0 8px 8px 0;}
.bodypaneltable thead tr td:last-child{border-radius: 8px 0 0 8px;}
.bodypaneltable thead tr td i {font-size: 13px;}
.bodypaneltable thead tr td:nth-child(1){padding-right: 10px;}
.bodypaneltable tbody tr td:nth-child(1) {padding-right: 10px;line-height: 30px;}
.bodypaneltable tbody tr td:nth-child(3) {padding-right: 10px;}
.changepay{
	cursor: pointer;
}
.paybox , .numbersbox{
	margin: 0 auto;
    padding: 5px 0;
    display: table;
	width: 100%;
}
#enter_setting p {
    text-align: right;
    font-size: 13px;
    margin: 5px 0;
}
#enter_setting h4 {
text-align: right;
    border-bottom: 1px solid #e0e0e0;
    padding: 7px 0;
    color: #890e9e;
}

@keyframes f-l{
	0%{transform: translate3d(-900px,0,0);}
	40%{transform: translate3d(-900px,0,0);}
	100%{transform: translate3d(0,0,0); }
}
.paybox table , .numbersbox table{
	overflow: hidden;
	border-radius: 10px;
	margin: 0 auto;
	background: white;
	text-align:center;
}
#tablecharge2 {
    margin: 0 15px;
}
.tablecharge ul li img, .tablechargerent ul li img{
    width: 17px;
    position: absolute;
    top: -10px;
    margin-right: -1px;
    z-index: 2;
}
.shaparak_not{
	position: relative;
    color: #454545;
    background: #e9f8ea;
    padding: 25px 25px 25px;
    border-radius: 10px;
    display: block;
    font-family'IRANSans-web';
    font-size: 12px;
    margin: 0px 10px 25px;
    text-align: justify;
    overflow: hidden;
}
#shaparak_not_key {
    margin-top: 15px;
    text-align: left;
}
.shaparak_not2{
	margin: 0px 0px 25px;
}
.massage_box_close{
	/* position: absolute; */
    left: 14px;
    padding: 4px 12px;
    line-height: 19px;
    background: #0000000a;
    border-radius: 5px;
    bottom: 11px;
    color: #717171;
    font-size: 11px;
    cursor: pointer;
    overflow: hidden;
    font-family'IRANSans-web';
    transition: .3s;
    /* text-shadow: 1px 1px 1px white; */
}

.massage_box_close:hover {
    background: #ff9595;
    color: white;
    text-shadow: none;
}
#keymdasti{
    float: right;
    margin: 5px 0px 0 0;
    padding: 7px 15px;
    border-radius: 10px 0 0 10px;
    height: 21.56px;
	font-size: 14px;
	font-family'IRANSans-web';
}
.numbersbox td{padding: 5px;}
.chargetablenew {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
    color: gray;
    margin: 15px auto;
    background: whitesmoke;
    padding: 10px 10px;
    border-radius: 10px;
    position: relative;
	word-spacing: -1px;
	font-family'IRANSans-web';
}
#charge_comm {
    background: #5fdaa3;
    color: white;
    position: absolute;
    top: -6px;
    right: -6px;
    padding: 1px 3px;
    border-radius: 5px;
}
.chargetablenew > div > span {
    font-family'IRANSans-web';
    font-size: 18px;
    color: #464646;
    padding: 0 0 0 2px;
}
.chargetablenew > div > i{
font-size: 67px;position: absolute;top: -33px;right: -17px;color: white;
}
.tabnumbers {
	border: 8px solid #f1f1f1;
    overflow: hidden;
    background: #f1f1f1;
    transition: .3s;
    width: 124.3px;
    border-radius: 15px;
    margin: 20px auto;
}
.tabnumbers div{
    float: right;
    padding: 5px 10px;
    cursor: pointer;
    color: #2e2e2e;
    font-size: 12px;
    word-spacing: -1px;
    border-radius: 8px;
}
.tabnumbersactive{
	background: #912fed;
    cursor: auto !important;
    color: white !important;
}
.charge_table_numbers{
	position: relative;
    left: 0;
    margin-top: 10px;
    right: 0;
	width: max-content;
}
.pagenumbers{
color: white;
    cursor: pointer;
    background: #1589d4;
    padding: 1px 7px;
    border-radius: 5px;
    font-size: 12px;
}
.numbersbox caption {
    margin-bottom: 10px;
	font-size: 13px;
}
.numberlist-cap {
    font-size: 11px;
    position: relative;
    top: -2px;
    background: #7f7f7f;
    color: #ffffff;
    padding: 0 2px;
    font-family: calibri;
    border-radius: 3px;
    margin-left: 4px;
}
.numberlist-number {
    font-family'IRANSans-web';
    font-size: 16px !important;
    direction: ltr;
    text-align: left;
    padding-left: 15px !important;
}
.numlisttable td{
	font-family'IRANSans-web';
}
.pay-a-of-paybox{
	background: #912fed;
    border-radius: 8px;
    color: white !important;
    padding: 5px 10px;
    box-shadow: 0px 0px 3px white;
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
    font-size: 13px;
    cursor: pointer;
    font-family'IRANSans-web';
}
#oncharge{
	animation: f-r 1s ease;
	transition: .5s;
}
#offcharge{
    transition: .5s;
    transform: translate3d(-500px, 0px, 0px);
    position: absolute;
    top: 0px;
	padding: 25px;
	text-align:right;
	font-size: 14px;
}
#historycharge{
    transition: .5s;
    transform: translate3d(-500px, 0px, 0px);
    position: absolute;
    top: 0px;
	right: 0;
    left: 0;
	padding: 15px;
}
.onchargetext{
	text-align:right;
	font-size:13px;
}
@keyframes f-r{
0% {
    transform: scale(2);
    opacity: 0;
}

40% {
    transform: scale(2) translate3d(0,150px,0);
    opacity: 0;
}
100% {
    transform: scale(1);
    opacity: 1;
}
}
.number2{
	text-align: center;
    background: #ffffff;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #e4e2e2;
	border-radius: 0 5px 10px 0;
    color:rgb(82, 82, 82);
    margin: 0 10 0 0;
    height: 35px;
    width: 132px;
	font-family'IRANSans-web';
	outline: none;
}
.number2:focus{
	box-shadow: none;
}
.paycancelclass{
	/*color: white !important;
	font-size: 16px;
	top: 80%;
    padding: 4px 40px;

	margin: 0 auto;
    right: 0;
    left: 0;
    width: 100px;
	position: absolute;
    background: #e27575;
    border-radius: 3px;
    cursor: pointer;*/


	    color: white !important;
    font-size: 16px;
    /* top: 80%; */
    padding: 4px 40px;
    /* left: 40%; */
    margin: 0 auto;
    right: 0;
    left: 0;
    width: 100px;
    /* position: absolute; */
    background: #e27575;
    border-radius: 3px;
    cursor: pointer;

	}
a.paycancelclass:hover {
    background: #a60c0c;
}
.chargedivclass{
	border: 20px dashed #9dca9b;
    box-shadow: 0 0 10px #ffffff;
    border-radius: 30px;
    padding: 40px;
    text-align: center;
    left: 0;
    background: #f6f6f6;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    display: none;
	}
.available,.notavailable{
	text-align: center;
    float: left;
    margin: 0 -17px 0 8px;
    color: white;
    border-radius: 6px;
    min-width: 86px;
	min-height: 20px;
    font-size: 14px;
    padding: 1.5px 0px 1px 0;
    word-spacing: -1px;
	position: relative;
	overflow: hidden;
	font-family'IRANSans-web';
}
.numbercountajax{	}
.available{	background: #eb63da;    transition: all 0.5s ease;}
.notavailable{	background: #bfbfbf;cursor: not-allowed;}
.available img{
	width:20px;
	padding: 3px;
}
.getcode{
	/*border: 1px solid #3cb878; */
    /* padding-right: 5px; */
    padding-left: 5px;
    border-radius: 7px;
    font-weight: normal;
    color: #ffffff;
    cursor: pointer;
    padding: 3px 15px;
    font-size: 15px;
    /* float: right; */
    margin-left: 10px;
    margin-right: 10px;
    background: #3cb878;
	display: none;
}
.ac_key {
display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.blockednumbers{
    float: right;
    border-radius: 10px 5px;
    color: #ffffff;
    cursor: pointer;
    font-weight: normal;
    padding: 7px 11px;
    background: #ffa251;
    font-size: 14px;
    margin-left: 15px;
	overflow: hidden;
	position: relative;
}
.cancelrequest {
    float: right;
    border-radius: 10px 5px;
    font-size: 14px;
    color: #ffffff;
    padding: 7px 11px;
    cursor: pointer;
    font-weight: normal;
    background: #ff8080;
	overflow: hidden;
	position: relative;
}
.numberandcountry{
	margin-bottom: 10px;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	color: #636363;
	margin-top: 10px;
	text-align: right;
	margin-right: 20px;
	justify-content: right;
}
.getnumclose {
    width: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    border-radius: 27px;
    transition: 0.3s;
    padding: 4px;
}
.getnumclose:hover {
    transform: rotate(180deg);
    background: #ffe0e0;
}
.requestkeys {
    font-weight: bold;
    color: #373737;
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 17px 7px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: #ffffffed;
    z-index: 3;
}
.number{
	color: #700505;
	;direction: ltr;
	}
.countryandservice{color: #373737;}
.timer{
	color: #8d8d8d;
	left: 16px;
	top: 7px;
	position: absolute;
	font-size: 13px;
	font-family'IRANSans-web';
	}

.resulttext{
	width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: right;
    margin-right: 20px;
}
.waitsms{
    font-size: 13px;
    width: 74%;
    text-align: right;
    line-height: 20px;
    background: #ffffff;
    padding: 6.5px 15px;
    border: 1px solid #e4e2e2;
    border-radius: 10px 5px;
    color: rgb(82, 82, 82);
    margin: 0 10 0 5px;
    max-width: calc(100% - 194px);
	font-family'IRANSans-web';
}
.waitsms-repeat{
	    max-width: calc(100% - 226px);
}
.wait_sms_img{
	margin: -5px 0 0 0;
	position: relative;
	top: 2px;
	margin-right: 2px;
    width: 15px;
}
.cancel_code{
    color: #7a0026;
    margin: 4px 0 0 0;
    font-size: 14px;
	}
.cancel1{
	background: #ff8080;
    font-size: 14px;
    padding: 0 10px 0 12px;
    color: transparent;
    text-shadow: 0 0 0 white;
    line-height: 33px;
    border-radius: 10px 5px;
    cursor: pointer;
    margin: 1px 10px 0 0;
    height: 32px;
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden
}
.tick_key{
	background: #74dea7;
    font-size: 14px;
    padding: 0 8px 0 10px;
    color: transparent;
    text-shadow: 0 0 0 white;
    line-height: 32px;
    border-radius: 10px 5px;
    cursor: pointer;
    margin: 2px 10px 0 0;
    height: 32px;
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
    word-spacing: -2px;
}
.tick_key_end{
	    height: 28px;
    line-height: 29px;
}
.tick_code{
		  color: #636363;
		  font-size: 14px;
}
.tick_code_number{
	background: #ffffff;
	text-align: center;
	direction: ltr;
	padding: 6px 5px 2px 5px;
    border: 1px solid #e4e2e2;
	border-radius: 0 5px 10px 0;
    color: #525252;
    margin: 0 10 0 0;
    height: 35px;
	max-width: calc(100% - 268px);
    width: 84px;
	min-height: 35px;
	overflow: hidden;
	word-wrap: break-word;
	resize: none;
	outline: none;
}
.repeat{
	word-spacing: -2px;
}
.copykey{
position: relative;
    height: 33px;
    width: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f6f6f6;
    border: 1px solid #e4e2e2;
    border-right: none;
    border-radius: 10px 0 0 5px;
    transition: all 0.3s ease;
    cursor: pointer;
}
.copykey:hover {

	background: #ececec;
}
.copyshow{
    position: fixed;
    background: #ffffff;
    color: transparent;
    border: 2px solid #64d89c;
    border-left: none;
    text-shadow: 0 0 0 #2fad6c;
    padding: 10px 20px;
    border-radius: 0 10px 10px 0;
    bottom: 7px;
    /* width: 130px; */
    font-size: 17px;
    font-family'IRANSans-web';
    left: 0;
    margin: 0 auto;
    transform: translate3d(-200px,0,0);
    transition: all .5s cubic-bezier(0.22, 0.61, 0.36, 1);
    z-index: 99999999;
	}
.copypngnumber,.copypng{
	width: 18px;
}


.getcharj{
    font-size: 16px;
    transition: all 0.5s ease;
    border-radius: 10px 0px 0px 5px;
    cursor: pointer;
    color: #fff;
    background: #912fed;
    padding: 0px 11px;
    line-height: 31px;
    float: right;
    height: 32px;
}
.getcharj:hover{    background: #e0992f;}
.uservalue{
	position: absolute;
    top: 9px;
    left: 12px;
    color: white;
	/* transform: translate3d(-200px, 0px, 0px);*/
	animation: from-left 2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
@keyframes from-left{
	0%{transform: translate3d(-200px, 0px, 0px);}
	50%{transform: translate3d(-200px, 0px, 0px);}
	100%{transform: translate3d(0px, 0px, 0px);}
}
.paypng{display: none;	width: 31px;    position: relative;    top: 6px;}
.credit {    font-size: 0px;margin-left: 4px;}
#charj{
    padding: 0px 10px;
    border: 2px solid #912fed;
    border-left: none;
    border-radius: 0px 5px 10px 0px;
    font-size: 14px;
    color: #f4a227;
    float: right;
    direction: rtl;
    font-weight: normal;
    line-height: 28px;
    height: 28px;
}
#charj img {
    top: 7px;
}
.wait_ajax{width: 100px;}
#videopop{
	    position: fixed;
    width: 100%;
    height: 100%;
    transition: all 1s;
    z-index: 99999999;
    display: flex;
    justify-items: center;
    justify-content: center;
}
.closevideopop{
	color: white;
    font-size: 28px;
    right: 15px;
    top: 10px;
    position: absolute;
    cursor: pointer;
}
.popupform{
	overflow: hidden;
    display: table;
    background-color: #ffffff;
    z-index: 9999999;
    position: absolute;
    border-radius: 30px;
    box-shadow: 0px 0px 10px #17171787;
    direction: rtl;
    width: 400px;
    height: auto;
    right: 0;
    left: 0;
    top: 10%;
    bottom: 10%;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    text-align: center;
	transition: all 1s cubic-bezier(0.87, -0.28, 0.08, 1.23);
	transform: translate3d(0,-1300px,0);
	}
.penhan{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 2000px;
	z-index: 9999991;
	background-color: rgba(5, 2, 2, 0.58);
	display: none
	}

.img_key{
	width: 24px;
    position: relative;
    top: 7px;
    left: 5px;
}
#namayeshfaktorhayeqabll{    position: absolute;    left: 20px;    top: 34px;    border: 1px solid #ff8100;    background: #ff8100;    border-radius: 5px;    padding: 0px 5px 0px 5px;    box-shadow: 0px 1px 5px 1px darkgreen;}
span.company-of-country {
    font-size: 10px;
    top: -5px;
    color: #929292;
    position: relative;
}
span.toman{
    font-size: 10px;
    top: -5px;
    color: #929292;
    position: relative;
}
span.beupdate {
    font-size: 10px;
    top: -5px;
    color: #929292;
    position: relative;
	display: none;
}
td {
    font-size: 16px;
	color:#515151;
	font-family'IRANSans-web';
}
.selectservice > h1, .shownumbers > p {
	font-size: 17px;
    font-family'IRANSans-web';
	padding: 10px 0;
	margin: auto;
    margin-bottom: 10px;
	color: #666666;
	font-weight: normal;
	word-spacing: -3px;
}
.wait_ajax {
    width: 20px;
    position: relative;
    top: 2px;
	padding-right: 5px;
}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.notactivecolor{}
.activecolor{color:#13c000;}
#info_1 {
    z-index: 99999999999;
}
#info_nop {
    z-index: 99999999;
}
.key_hover {
    position: relative;
    overflow: hidden;
}
.key_hover:after{
    content: "";
    position: absolute;
    right: -40px;
    top: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 100%;
    width: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    border-radius: 30px/40px;
    -moz-transition: all .3s;
    transition: all .5s;
    background: rgba(0, 0, 0, 0.09);
}
.v2:after{
    background:rgba(0, 0, 0, 0.03);
}
.key_hover:hover:after{
width: calc(100% + 50px);
}
.key_text {
    z-index: 2;
    position: relative;
}
.paykey-zarin{
	background: #3cb878;
    cursor: pointer;
    padding: 7px 20px;
    width: 216px;
    height: 33px;
    line-height: 29px;
    margin: auto;
    font-size: 14px;
    border-radius: 10px;
    color: #ffffff;
    position: relative;
    transition: all 0.5s ease;
    animation: f-r 1s ease;
	overflow: hidden;
}

.payhover-b{
height: 79px;
    width: 104%;
    position: absolute;
    margin: -24px;
	z-index: 9999
}
.payhover{

    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #00000029;
    position: absolute;
    margin: auto;
    right: -117px;
    top: -44px;
    transition: all .7s;
}
.payhover-b:hover + .payhover{
	width: 500px;
}
.comment-of-country{
    font-size: 10px;
    background: #cae4c5;
    margin-right: -5px;
    color: #02710b;
    float: left;
    border-radius: 10px;
    position: relative;
    padding: 1px 5px 1px 5px;
    top: 6px;
    margin-left: 10px;
}
.long_name{font-size: 10px;top: -1px;right: -1px; position: relative;margin-left: -5px;}
.showip {
    display: none;
}
.country_image{
	width: 20px;
    position: relative;
    top: 6px;
    margin-left: 5px;
}
.image_number_box{
    width: 17px;
    position: relative;
    top: 5px;
    margin-left: 4px;
}
span.num_r {
    position: relative;
    top: 4px;
    font-size: 16px;
	color: #777777;
}
.cou_ser {
position: relative;
    top: 5px;
    right: 10px;
    color: #000000a6;
    font-size: 14.5px;
}
.main-menu{
	/*display: none;*/
    direction: rtl;
    position: relative;

    right: 10px;
    top: 5px;
	animation: menu-top 2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
@keyframes menu-top{
	0%{transform: translate3d(100%,0,0)}
	50%{transform: translate3d(100%,0,0)}
	100%{transform: translate3d(0,0,0)}
}
.main-menu a:hover > i {
    font-weight: bold;
}
.mmmimg {
	display: none;
    float: right;
    right: 15px;
    position: relative;
    top: 11px;
    cursor: pointer;
    color: #1589d4;
    transition: all .3s ease;
    animation: from-right 2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.mmmimg i {
    font-size: 17px;
    position: relative;
    top: 5px;
}
@keyframes from-right{
	0%{transform: translate3d(200px, 0px, 0px);}
	50%{transform: translate3d(200px, 0px, 0px);}
	100%{transform: translate3d(0px, 0px, 0px);}
}
.mmmimg:hover{
	transform: translate3d(-2px, 0px, 0px);
}
.main-menu ul{
	display: flex;
    list-style: none;
    flex-direction: row;
    width: 100%;
    min-height: 30px;
    border-radius: 0px;
    /*background: #4d005e;*/
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 3px;
	margin: 0;
}
.main-menu ul li a {
    font-family'IRANSans-web';
    font-size: 15px;
    position: relative;
    top: 0px;
    color: #4f4f4f;
    padding: 2px 11px;
    transition: all 0.6s ease;
    word-spacing: -2px;
    cursor: pointer;
}
.main-menu ul li a:hover {
	animation: ch-co .4s;
	color: #d700d1 !important;
}
.main-menu ul li a i {
    position: relative;
    margin-left: 5px;
    top: 1px;
    font-size: 15px;
    opacity: .6;
}
@keyframes ch-co{
	0%{right: 0px }
	25%{right: -2px }
	75%{right: 2px }
	100%{right: 0px }

}

.main-menu ul li{
	margin: 4px 0;
}
.main-menu ul li img{
    width: 19px;
    position: relative;
    top: 6px;
    margin-left: 7px;
}

.key1 {
    color: transparent;
    text-shadow: 0 0 0 #ffffff;
    padding: 9px 12px 8px;
    font-size: 17px;
    background: #ef9d24;
    width: 100px;
    border-radius: 10px;
    transition: all 0.5s ease;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    animation: re-bo 7.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) infinite;
    margin: 0;
}
@keyframes re-bo{
	0%{transform: scale(1.05)}
	15%{transform: scale(1.05) }
	57.5%{transform: scale(1) }
	100%{transform: scale(1.05) }
}
.key1:hover{
	background: #d88913;
}
.key1:hover .fa-user-plus {
    font-weight: bold;
}

.key1:after,
.key1:before{
	position: absolute;
	content: "";
	width: 20px;
	height: 200%;
	background: rgba(255,255,255,.325);
	transform: skew(-15deg) translateX(-25px);
	filter: blur(1px);
	top: -50%;
	left: 0;
	right: auto;
	animation-delay: 7.5s;
	animation: 7.5s cubic-bezier(0.93, 0.04, 0.47, 0.47) sheenA infinite;
}

.key1:before {
	filter: blur(0px);
	width: 5px;
	left: 8px;
	background: rgba(255,255,255,.275);
	animation: 7.5s cubic-bezier(0.93, 0.04, 0.47, 0.47) sheenB infinite;
}

@keyframes sheenA {
	0%		{ transform: skew(-15deg) translateX( -25px ); width: 20px; opacity: .25 }
	15%		{ transform: skew(-15deg) translateX( 270px ); width: 120px; opacity: .75; }
	100%	{ transform: skew(-15deg) translateX( 270px ); width: 120px; opacity: .75; }
}

@keyframes sheenB {
	0%		{ transform: skew(-15deg) translateX( -25px ); width: 5px; opacity: 1; left: 0px; }
	15%		{ transform: skew(-15deg) translateX( 270px ); width: 60px; opacity: .25; left: 30px; }
	100%	{ transform: skew(-15deg) translateX( 270px ); width: 60px; opacity: .25; left: 30px; }
}




.signinform{
    position: relative;
	margin-top: 15px;
	word-spacing: -1px;
}
.signupinsite{
	display: none;
	margin-top: auto;
    margin-bottom: auto;
	float: right;
}
.logintext{
    margin: auto;
    color: #8e8e8e;
    font-family'IRANSans-web';
    word-spacing: -3px;
    font-size: 14px;
    margin-bottom: 20px;
}
.forgetpass{
top: -3px;
    left: 30px;
    float: left;
    font-size: 12px;
    position: relative;
    color: gray;
    transition: .3s;
}
.forgetpass:hover{
	color: #ed8e00;
}
.forgetpass:hover > i:before {
    content: "\f3c1";
}
div#sabtnamtaiiddiv {
    font-size: 13px;
    color: #259053;
    border-radius: 10px;
}
#enteridtext{
	font-size: 13px;
	color: red;
	margin: 10px 0 5px;
}
button {
    border: none;
    background: #0095cd;
    color: white;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
	position: relative;
    overflow: hidden;
}
button span{
	z-index: 2;
	position: relative;
}
button:after{
    content: "";
    position: absolute;
    right: -40px;
    top: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 100%;
    width: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    border-radius: 30px/40px;
    -moz-transition: all .3s;
    transition: all .5s;
    background: rgba(0, 0, 0, 0.09);
}
button:hover:after{
	width: calc(100% + 50px);
}
.main-menu .close{display: none;}
.close {
    width: 35px;
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 5px;
    border-radius: 31px;
    opacity: 0.6;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
	animation: fade_in .8s cubic-bezier(0.51, 0.93, 0.6, 0.99);
}
@keyframes fade_in{
	0%{
		opacity: 0;
	}
	40%{
		transform: scale(0.4) rotate(250deg);
		opacity: 0;
	}
	100%{
		transform: scale(1) rotate(0deg);
		opacity: 1;
	}
}
.close:hover {
    transform: rotate(180deg);
    background: #ffe0e0;
}
.close_bu{
	position: relative;
    left: 0;
    float: left;
    background: #fa9088;
    color: transparent;
    text-shadow: 0 0 0 white;
    border-radius: 5px;
    padding: 5px 10px 6px;
    font-size: 13px;
    cursor: pointer;
	transition: .3s;
}
.close_bu:hover{
	background: #ff675c;
}
#shownumbersboxcomment {
    font-size: 14px;
    font-family'IRANSans-web';
   /* background: #f8f8f8; */
    padding: 10px;
    margin: 10px;
    color: gray;
    border-radius: 10px;
}
#shownumbersboxcomment:empty {
    padding: 0px;

}
div#shownumbersboxcomment img {
    padding: 0 0 15px 0;
}
.maindescript {
	float: left;
	/* border: 1px solid #ebeaea;*/
    border-radius: 15px;
    width: 55%;
    margin: 0 auto;
    min-width: 400px;
    display: table;
    text-align: justify;
    padding: 5px 1%;

}
.maindescripticon{
	    float: right;
    width: 27px;
    height: 27px;
    background: #d700d1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border-radius: 31%;
    position: relative;
    top: -1px;
    margin-left: 7px;
}
.maindescript p {
    padding: 0px 17px 0 0;
    margin: 0;
    font-size: 16px;
    line-height: 28px;
}
.maindescript h1 {
    font-size: 18px;
    color: #0098d1;
    font-weight: normal;
    font-family'IRANSans-web';
    margin: 20px 0 10px 0;
}
.maindescript ul{
	font-size: 16px;
    list-style: none;
    margin: 8px 30px 15px 0;
    padding: 0;
    font-family'IRANSans-web';
}
#q-mot {
     margin: 15px 10px 0 0;
    height: 180px;
    overflow: hidden;
}
#q-mot p {
    font-size: 14px;
    font-family'IRANSans-web';
    /* color: #00688f; */
}
.mainreadmore{
    text-align: center;
    color: #6b6b6b;
    position: relative;
    font-size: 14px;
    font-family'IRANSans-web';
	margin-bottom: 25px;
}
.mainreadmore:after {
       content: "";
    position: absolute;
    right: 0;
    left: 0;
    opacity: 1;
    bottom: 21px;
    height: 105px;
    z-index: 1;
    background: linear-gradient(180deg,hsla(0, 0%, 100%, 0),hsla(0, 0%, 100%, 0.99) 99%,#fcfcfc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#fcfcfc",GradientType=0);
}

.changeanswersecurity{
	cursor: pointer;
	margin-right: 5px;
	transition: .3s;
}
.changeanswersecurity:hover {
    color: #ef9d24;
}
#kodamniatihast {
    margin: 50px 20px -20px;
    padding: 10px;
    background: #f8f7e9;
    border-radius: 10px;
    width: calc(100% - 60px);
}
#answersecurityinputvalue , #answersecurityinputvalueforenter {
    border: none;
    background: #f3f3f3;
    font-size: 18px;
    border-radius: 7px;
    height: 45px;
    width: 150px;
    text-align: center;
	direction: ltr;
	margin-right: 5px;
	color: #6a6a6a;
}
#answersecurityinputvalueforenter{
	background: #00000012;
}
#answersecurityinputvalueforenter:focus{
	box-shadow: none;
}
#answersecurityinputvalue::placeholder , #answersecurityinputvalueforenter::placeholder{
	font-size: 13px;
	color: #8c8c8c;
}
#sabtnamform button {
    width: calc(100% - 20px);
    margin: 15px 10px 0;
    border-radius: 7px;
    height: 45px;
}
#sabtnamform button i {
    font-size: 15px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}
.footer {
    background: #f7f7ef;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 11px #00000063;
    border-top: 5px solid;
    padding: 10px;
    color: #8e8e8e;
    font-size: 16px;
    width: 80%;
    position: absolute;
    left: 0;
    right: 0;
	direction: rtl;
	border-bottom: 5px solid;
}
.usermenutop{display:none;}


.paytextin {
    margin: 11px 0;
    padding: 0px 9px;
    border-right: 2px solid #9a9a9a;
    /* background: #efefef; */
    /* border-radius: 5px; */
}
.paytext {
    text-align: right;
    font-size: 14px;
    position: relative;
    margin: 50px auto 30px auto;
    left: 0;
    right: 0;
    width: 65%;
	animation: from-left2 1s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.mainpaytext {
    color: #05729a;
    /* font-size: 17px; */
}
.paytextout {
	font-size: 13px;
    color: #5f5f5f;
    position: relative;
    text-align: right;
    margin: auto;
    width: 270px;
	animation: from-right2 1s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
@keyframes from-right2{
	0%{transform: translate3d(150%,0,0)}
	30%{transform: translate3d(150%,0,0)}
	100%{transform: translate3d(0,0,0)}
}
.daa{
	height: 70px;
    width: 70px;
    background: #0000001a;
    border-radius: 50%;
    position: absolute;
    right: -63px;
    /* right: -1px; */
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .4s ease-in-out;
}
.daaB{
	width: 100%;
    position: absolute;
    height: 32px;
    z-index: 999999;
    left: 0;
}
.daaB:hover + .daa{
	right: -22px ;
    height: 70px;
    width: 170px;
}
.addservice , .addservicecountry , .editservicetitle , .shownumbersadmin , .pay_change_admin , .admintdq , .admin_sh {
    display: none;
}
@media screen and (max-width: 1095px){
		.selectservice{float: none; width:95%;margin:0 auto; display:block;}
		.shownumbers,.shownumbersadmin{float: none; width:95%;margin:0 auto; display:block;margin-top: 10px}
		.shownumbersadmin {   display: none;}
		.bodypage{/*width:95%;*/ /*font-size:30px;*/display: block;}
		.donotshowthis,.infobox{display:none;}
		/*.available,.notavailable{	font-size: 27px;    width: 185px;}	*/
		/*.change-service-image{position: absolute; left:7%;}	*/
		.headerpanel  p:nth-child(2){padding-left: 15px;}

.maindescript{
	float: none;
    width: 95%;
    margin: 0 auto;
    display: block;
    margin-bottom: 5px;
	text-align: justify;
	}
}
@media screen and (min-width: 1000px){
	.main-menu{
		transform: translate3d(0, 0px, 0px)!important;
	}
	div#penhanmenu {
   		display: none!important;
	}
	.shownumbersrental {
		width: calc(56% - 42px);
		padding: 10px 20px;
	}

	.selectservicerental{
		width: calc(45% - 22px);
		min-width: 200px;
	}
	.showforevernumberbuy{
		width: calc(40% - 42px);
	}
	.showforevernumbermain{
		width: calc(61% - 42px);
	}
}
@media screen and (max-width: 1000px){
		.settingicon {
			right: 11px;
			top: 12px;
			width: 20px;
		}
 		.main-menu{
			overflow: hidden;
			display: block;
			left: auto;
			width: 250px;
			height: 100%;
			right: 0px;
			top: 0px;
			bottom: 0px;
			background: #ffffff;
			position: fixed;
			padding: 0;
			border-radius: 0;
			box-shadow: -3px 0px 15px #0000004a;
			transform: translate3d(105%, 0px, 0px);
			-webkit-transition-duration: .8s;
			-moz-transition-duration: .8s;
			-o-transition-duration: .8s;
			transition: all .6s cubic-bezier(0.3, 0.75, 0.26, 0.99);
			z-index: 9999991;
			animation: none;
		}
		.user_enter {
			top: 0;
			margin: 0 0 10px 0;
			border-radius: 0;
			width: 100%;
			height: 45px;
		}
		.setting_b {
			background: #890e9e;
			width: 45px;
			height: 45px;
			cursor: pointer;
		}
		.user_enter_text {
			padding: 12px 20px;
			font-size: 15px;
		}
		.mmmimg{display:block;}
		.main-menu ul{
			display: block;
			text-align: right;
			padding: 0;
			margin-top: 60px;
		}
		.main-menu ul li img{
			position: relative;
			top: 6px;
			margin-left: 7px;
			/* background: #7b7b7b; */
			/* padding: 3px 5px; */
			/* border-radius: 5px; */
			}
		.main-menu ul li {
			padding: 10px 10px;
			transition: all .3s ease;
			border-bottom: 1px solid #f1f1f1;
			margin: 0;
		}
		.main-menu ul li a{
			font-size: 16px;
			padding: 6px 13px;
			border-radius: 8px;
		}
		.main-menu ul li a:hover {

		}
		.main-menu ul li:hover {
    		transform: translate3d(-4px, 0px, 0px);
			color:#ffc369 !important;
		}
		.mmmimg p {
			float: left;
			margin: 0px 8px 0 0;
			color: #1589d4;
			font-size: 17px;
		}
		.usermenutop {
			display: none;
		}
		.main-menu .close {
			width: 30px;
			left: 10px;
			top: 10px;
			right: auto;
			display: block;
		}





	}