*,:before, :after {
	box-sizing: border-box;
}
:focus {
	outline: none;
    background: transparent;
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
html, body, div, ul , ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form,hr, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
	border: none;
}
h1, h2, h3, h4, h5 {
	line-height: normal;
	font-weight: bold;
}
.hide-h {
	line-height: 0;
	text-indent: -10000px;
	color: transparent;
}
a {
	color: rgb(33, 127, 219);
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
}
a:hover {
	color: #183FF5;
	cursor: pointer;
}
p {
	margin: 0;
	padding: 0;
	line-height: 30px;
}
b {
	font-weight: bold;
}
i {
	font-style: normal;
	font-family: ficon;
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input , button , textarea {
	font-family: YekanBakh;
}
input {
	background: transparent;
}
input:focus  {
     outline: none;
    background-color: transparent;
}
input[type="radio"] , input[type="checkbox"] {
	width: 18px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 50%;
	width: 20px !important;
	min-width: 20px;
	height: 20px !important;
	min-height: 20px;
	border: 1px solid #ddd;
	transition: 0.3s all linear;
	margin-left: 5px;
	position: relative;
	top: 6px;
	cursor: pointer
}
input[type="checkbox"] {
	border-radius: 4px;
}
input[type=radio]:active , input[type=radio]:checked , input[type="checkbox"]:active , input[type="checkbox"]:checked{
	background-color: #eefff6;
	color: #2ecd79;
	border-color: #2ecd79;
}
input[type="checkbox"]:checked:before , input[type="radio"]:checked:before {
	content: "\e81e";
	font-family: ficon;
	display: block;
	height: 18px;
	width: 18px;
	position: absolute;
	top: 0px;
	right: 1px;
	color: #2ecd79;
	font-size: 17px
}
select {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
}
select::-ms-expand {
  display: none;
}
.checkboxs label {
	margin-left: 15px;
}
.checkboxs label.error {
	color: red;
	position: absolute;
	bottom: -15px;
	right: 15px;
}
/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}
input, select {
	font-size: inherit;
}
/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {
	select, textarea, input[type="text"], input[type="password"],input[type="datetime"], input[type="datetime-local"],input[type="date"], input[type="month"], input[type="time"],input[type="week"], input[type="number"], input[type="email"],input[type="url"]{
		font-size: 16px;
	}
}
/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
	select, textarea, input[type="text"], input[type="password"],input[type="datetime"], input[type="datetime-local"],input[type="date"], input[type="month"], input[type="time"],input[type="week"], input[type="number"], input[type="email"],input[type="url"]{
		font-size: 16px;
	}
}
/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7 */
@media screen and (device-aspect-ratio: 375/667) {
	select, textarea, input[type="text"], input[type="password"],input[type="datetime"], input[type="datetime-local"],input[type="date"], input[type="month"], input[type="time"],input[type="week"], input[type="number"], input[type="email"],input[type="tel"], input[type="url"]{
		font-size: 16px;
	}
}
/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max */
@media screen and (device-aspect-ratio: 9/16) {
	select, textarea, input[type="text"], input[type="password"],input[type="datetime"], input[type="datetime-local"],input[type="date"], input[type="month"], input[type="time"],input[type="week"], input[type="number"], input[type="email"],input[type="tel"], input[type="url"]{
		font-size: 16px;
	}
}
::placeholder {
	color: #9c9c9c;
}
img[src=""],
img:not([src]) {
  visibility: hidden;
}
i {
	font-size: 22px;
}
i:before {
	margin: 0 !important;
}
/* body */
body {
	background: #fff;
	direction: rtl;
	font: 13px/30px YekanBakh, ficon ,Tahoma, Arial, sans-serif;
	font-weight: normal;
	-webkit-text-size-adjust:100%;
	padding: 0;
	margin: 0;
	position: relative;
	color: #444;
	overflow-x: hidden;
	min-height: 100vh;
	word-spacing: 1px
}
body.noscroll {
	overflow: hidden;
	height: 100%;
}
.main {
	overflow: hidden;
}
.center {
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
}
.sm-center {
	max-width:867px
   }
button.btn {
	border: none;
}
button.btn-border {
	border: none;
	background: unset;
}
.btn {
	padding: 8px 20px;
	border-radius: 100px;
	font-size: 1.2em;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	max-height: 48px;
	display: inline-block
}
@media (max-width: 350px) {
	.btn {
		flex-basis: 150px;
		flex-grow: 1;
		margin-bottom: 10px !important;
	}
}
.btn:before {
	content: "";
	height: 80px;
	width: 190px;
	position: absolute;
	background-image:linear-gradient(rgba(129, 255, 189, 0.5),rgba(216, 227, 255, 0));
	display: block;
	transform: rotate(45deg)translateY(-35px);
	left: -200px;
	transition: all 1s
}
.btn:hover:before {
	left: calc(90%);
}
.btn-border , .cancelchanges {
	border: 1px solid #2ecd79 !important;
	color: #2ecd79;
	background: transparent
}
.btn-border:hover {
	color: #2ecd79;
}
.btn-color {
	background: #2ecd79;
	color: #fff;
}
.btn-color:hover {
	color: #fff;
}
.btn i {
	vertical-align: middle;
	
}
.btn i:before {
	margin: 0
}
.btn-down {
	padding: 8px;
}
.btn-cansel , .btn-cansel:hover {
	border-color: #ffc881 !important;
	color: #ffc881;
}
.btn.btn-cansel:before {
	background-image:linear-gradient(rgba(255,200,129,0.5),rgba(255,200,129,0));
}
.btnbox {
	display: flex;
	margin: 0 -4px
}
.btnbox .btn {
	margin: 0 4px;
}
.icon-right {
	margin-left: 5px;
}
.icon-left {
	margin-right: 5px;
}
.topfix {
	width: 100%;
	height: 80px;
	margin: 0 auto;
	display: block;
}
.speedbar {
	color:#444;
	font-size:1.1em;
	font-weight:700;
	padding:30px 0 0
}
.speedbar .center {
	padding: 0 15px
}
.speedbar a {
	margin:0 5px;
	color:#2ecd79;
}
.speedbar > span {
	margin:0 15px;
	color:#888;
}
.speedbar i {
	vertical-align: middle;
	font-size: 1em;
	color: #999;
}
@media(max-width:600px) {
	.speedbar {
		font-size:1em
	}
}
.dle-error {
    padding: 20px;
    background: #fff9f0;
    border-radius: 30px;
    text-align: right;
    color: #9e8d5c;
    font-size: 14px;
    line-height: 30px !important;
    display: block;
    margin-bottom: 30px;
    margin-top: 30px;
	overflow: hidden
}
.dle-error  b {
	font-size: 1.2em;
}
.dle-error  p {
    margin: 0;
}
.invoice_error {
    font-size: 1.1em;
    color: #ff8073;
}
.dle-error  li {
    list-style: none;
}
.dle-error  a {
    background: #fec00d;
    padding: 5px 20px;
    border-radius: 50px;
    color: #fff;
    float: left

}
.error-main {
    position: fixed;
	left: 10px;
    right: 10px;
	  bottom: 10px; 
    width: 100%;
    max-width: 600px;
    z-index: 99999999999999999999999;
    border-radius: 10px;
}
@media (max-width: 600px) {
	.error-main {
		margin: 0 auto;
		left: 50%;
		bottom: 0;
		border-radius: 0;
		right: unset;
		transform: translateX(-50%)
	}
}
#errorbar {
	height: 3px;
	bottom: 0;
	right: 0;
	position: absolute;
	background: #fec00d;
}
/* topbar fix  */
.topbar {
	border-bottom: 1px solid #eee;
	width: 100%;
	position: fixed;
	background: #fff;
	top: 0;
	z-index: 10
}
.topbar .center {
	display: flex;
	justify-content: space-between;
	padding: 15px;
	align-items: center;
	position: relative
}
.topbar .center .logo {
	height: 50px;
	display: block
}
.topbar .center .logo img {
	height: 100%;
	display: block
}
/* menu */
.menu ul {
	list-style: none;
}
.menu li {
	display: inline-block;
	margin: 0 10px;
	font-size: 1.3em
}
.menu li a {
	color: #444;
	display: block;
}
.menu li a:hover {
	opacity: 0.3
}
.login-btns {
	display: flex;
	align-items: center;
}
.login-btns .btn {
	display: inline-block;
}
.login-btns .btn-color {
	margin-right: 10px;
}
.call-btn {
	display: inline-block;
	color: #2ecd79;
	font-size: 1.2em;
}
.call-btn i {
	vertical-align: middle;
}
#login-modal .modal {
	max-width: 500px;
	text-align: center;
}
#login-modal .modal .modal-main {
	max-width: 500px;
	text-align: center;
	padding: 20px 15px 0;
}
/* mobile menu */
.openmenu {
	cursor:pointer;
	display: none;
}
.openmenu .line {
	height:4px;
	width:30px;
	background:#2ecd79;
	margin-bottom: 8px;
	transition: all .5s;
	position: relative;
}
.openmenu .line:last-child {
	margin-bottom:0
}
.openmenu .line-2 {
	width:25px;
	background:#caf7e0;
	transition-delay:.5s
}
.openmenu.active .line-2 {
	visibility:hidden;
	opacity:0;
	transition:ease-out 0s !important
}
.openmenu.active .line-1 {
	transform:rotate(45deg);
	top: 12px;
	position: relative;
	width:30px;
	height:2px
}
.openmenu.active .line-3 {
	transform:rotate(-45deg);
	position: relative;
	bottom: 10px;
	width:30px;
	height:2px
}
.menu .login-btns {
	display: none
}
.menu-bg {
	display: none;
}
@media (max-width: 930px) {
	.menu-bg {
		
		right: 0;
		top: 0;
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(46, 205, 121, 0.69);
		cursor: pointer;
		z-index: 9;
	}
	.topbar .center {
		padding: 10px 15px;
	}
	.topfix {
		height: 70px;
	}
	.openmenu {
		cursor:pointer;
		display: block;
		position: relative;
		overflow: hidden
	}
	.topbar .center > .login-btns {
		display: none !important;
	}
	.menu .login-btns {
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		text-align: center;
		border-top: 1px solid #eee;
		padding-top: 20px; 
	}
	.menu .login-btns .btn {
		margin-top: 10px;
		margin-right: unset
	}
	.menu .login-btns .btn-border {
		border: 1px solid;
	}
	.menu {
		position: absolute;
		height: 100vh;
		right:-282px;
		width: 280px;
		top: 71px;
		background: #fff;
		border-left: 1px solid #eee;
		transition: right 0.5s;
		overflow: auto;
		padding-bottom: 130px
	}
	.menu.active {
		right: 0
	}
	.menu ul {
		padding: 15px 0;
	}
	.menu ul li {
		display: block;
		
	}
	.menu ul li a {
		padding: 8px;
	}
	.login-btns .btnsbox {
		padding: 0 20px 20px;
		justify-content: center;
		border-bottom: 1px solid #eee;
		margin-bottom: 20px;
	}
}
/* main header */
.header .center {
	padding: 20px 15px;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}
.header-info {
	flex-basis: 500px;
	flex-grow: 1;
}
.header-info h1 {
	font-size: 5em;
	font-weight: 900;
	color: #2ecd79;
}
.header-info h2 {
	font-size: 2.5em;
	font-weight: bold;
}
.header-info span {
	font-size: 1.3em;
	font-weight: normal;
}
.btnsbox {
	display: flex;
	padding: 20px 0;
	flex-wrap: wrap;
}
@media (max-width: 724px) {
	.header-info {
		text-align: center;
	}
	.header-info h1 {
		font-size: 4em
	}
	.header-info h2 {
		font-size: 2em
	}
	.header-info span {
	font-size: 1.2em;
	font-weight: normal;
}
	.btnsbox {
		justify-content: center
	}
}
.btnsbox .btn {
	margin: 0 4px;
}
.rotate-left {
	transform: rotate(180deg);
	display: inline-block
}
.header .center .header-img {
	flex-basis: 500px;
	flex-grow: 1;
}
.header .center .header-img img {
	width: 100%;
	max-width: 610px;
	display: block;
	margin: 0 auto
}
/* stats */
.header .stats {
	margin-top:30px
}
@media(max-width:1200px) {
	.header .stats {
		/*! display:none */
	}
}
.header .stats .item {
	display:inline-block;
	margin:20px
}
.header .stats .item h3 {
	font-size:1.1em;
	margin-bottom:10px
}
.header .stats .item b {
	font-size:2.5em
}
/* muse scroll animation */
.mouse-box {
	 position: relative;
}
.mouse {
	width: 40px;
	height: 60px;
	border-radius: 20px;
	border: 3px solid #2ecd79;
	position: absolute;
	top: calc(-50% - 30px);
	left: calc(50% - 20px);
  }
.blog .mouse {
	top: calc(-50% - -20px);
}
@media (max-width: 724px) {
	.mouse {
		top: calc(-50% - 10px);
	}
}
  .mouse:before, .mouse:after {
	content: "";
	display: block;
	position: absolute;
  }
  .m-4:before, .m-4:after {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	top: 10px;
	left: calc(50% - 3px);
	background: #2ecd79;
	opacity: 0;
	-webkit-animation: m-4-ball 1.2s ease-in-out infinite;
			animation: m-4-ball 1.2s ease-in-out infinite;
  }
  .m-4:after {
	-webkit-animation-delay: 0.6s;
			animation-delay: 0.6s;
  }
  
  @-webkit-keyframes m-4-ball {
	50% {
	  opacity: 1;
	}
	47.5%, 52.5% {
	  transform: translateY(10px);
	}
	100% {
	  transform: translateY(20px);
	}
  }
  
  @keyframes m-4-ball {
	50% {
	  opacity: 1;
	}
	47.5%, 52.5% {
	  transform: translateY(10px);
	}
	100% {
	  transform: translateY(20px);
	}
  }
/* section */
.section {
    padding: 50px 20px;
    /* overflow: hidden; */
}
.section-color {
	background: #eefff6;
		
}
.section-title {
    text-align: center;
    margin-bottom: 40px;
    color: #444;
	max-width: 800px;
	margin: 0 auto 30px
}
.section-title h2{ 
    font-size: 2.7em;
    font-weight: 900;
}
.section-title h3 {
    font-size: 1.5em;
    font-weight: 500;
}
.section-title span {
    font-size: 1.4em;
    font-weight: 200;
}
@media (max-width:600px) {
	.section-title h2{ 
    font-size: 2.2em;
    font-weight: 900;
}
	.section-title span {
    font-size: 1.2em;
    font-weight: 200;
	}
}
.section-title p {
    font-size: 1.2em;
}
.section-footer {
	margin-top:40px;
	text-align:center;
	display: flex;
	padding: 20px 0;
	align-items: center;
	flex-wrap: wrap
}
.just-between {
	justify-content: space-between;
}
.just-around {
	justify-content: space-around;
}
.just-center {
	justify-content: center;
}
.section-footer .btn {
	margin: 4px;
}
.section-hd {
	padding-bottom:30px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	width:100%
}
.section-hd .section-hd-title {
	font-size:2.2em;
	font-weight:700
}
.section-hd .section-hd-title i {
	vertical-align:middle;
	margin-left:10px;
	font-size:24px;
	position:relative;
	top:-3px
}
@media(max-width:654px) {
	.section-hd .section-hd-title {
		font-size:1.5em
	}
	  
}
@media(max-width:450px) {
	.section-footer .btn {
		width:100%;
		margin-bottom:20px
	}
}
.section-footer span {
	font-size:1.5em;
	font-weight:700;
	padding:10px 20px;
	display:inline-block
}
.snext,
.sprev {
	display:inline-block;
	background: #2ecd79;
	color: #fff;
	height:48px;
	width:48px;
	border-radius:10px;
	text-align:center;
	font-size:22px;
	line-height:44px;
	margin-right:10px;
	cursor:pointer;
	pointer-events:visible;
	transition: all 0.5s
}
.swiper-button-disabled {
 opacity:.1
}
.snext:hover,
.sprev:hover {
 opacity:.4
}
.swiper-button-disabled:hover {
	background: #2ecd79;
	opacity:.1
}
/* step slider */
.step-slider-box {
    position: relative;
}
.step-slider-box:before  {
    content: "";
    background-image: -webkit-radial-gradient(#E6E8EF 2px, transparent 2px);
    background-image: radial-gradient(#E6E8EF 2px, transparent 2px);
    background-position: center;
    background-size: 1.5em 1.5em;
    background-repeat: repeat-x;
    position: absolute;
    right: 0em;
    width: 100%;
    top: 83px;
    height: 1em;
}
.step-slide-item {
    padding: 10px;
    opacity: 0.1;
    transition: 2s    
}
.swiper-slide-visible .step-slide-item {
	opacity: 1;
	transition: 2s
}
.step-slide-hd {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.step-slide-icon {
    height: 70px;
    width: 70px;
    box-shadow: 0px 15px 25px -10px rgb(24 63 245 / 50%);
    background-color: #2ecd79;
    text-align: center;
    border-radius: 100px;
    line-height: 70px;
    margin-left: 20px;
	display: block;
	min-width: 70px;
}
.step-slide-icon i {
	font-size: 30px;
	color: #fff;
}
.step-slide-title {
    line-height: 40px
}
.step-slide-title span {
    font-size: 3em;
    font-weight: 800;
    -webkit-text-stroke: 1px #2ecd79;
    color: #fff;
}
.step-slide-title h3 {
    font-size: 1.8em;
    font-weight: 800;
    color: #2ecd79;
	white-space: nowrap
}
@media (max-width: 420px) {
	.step-slide-title h3 {
    font-size: 1.2em;
	}
}
.step-slide-text {
    color: #999;
    font-weight: 300;
    text-align: justify;
}
.step-slide-text p {
    font-size: 1em;
    margin-top: 1.5em;
    line-height: 2em;
    margin-right: 0;
    padding-left: 3em;
}
@media (max-width: 577px) {
    .step-slide-text p {
        padding-left: 2em;
			font-size: 0.9em;
    }
}
.step-swiper-navigation {
    position: relative;
    margin-bottom: 30px;
    height: 10px;

}
.step-swiper-navigation .swiper-button-next, .step-swiper-navigation .swiper-button-prev {
    height: 35px;
    width: 35px;
    border-radius: 6px;
    background: #2ecd79;
    color: #fff;
    z-index: 2
}
.step-swiper-navigation .swiper-button-next:after , .step-swiper-navigation .swiper-button-prev:after {
    font-size: 12px;
}
/* description section */
.des-section {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}
.des-section .image {
	flex-basis: 400px;
	flex-grow: 1;
}
.des-section .image img{
	width: 100%;
	max-width: 625px;
	display: block;
	margin: 0 auto
}
.des-section .info {
	flex-basis: 400px;
	flex-grow: 1;
}
.des-section .info h2 {
	font-size: 3em;
	font-weight: 900
}

.des-section .info p {
	font-size: 1.3em
}
@media (max-width:724px) {
	.des-section .info {
		text-align: center;
	}
	.des-section .info h2 {
		font-size: 2.5em;
	}
	.des-section .info p {
	font-size: 1.2em
}
}
.des-section .info-ft {
	display: flex;
	padding: 20px 0;
}
@media (max-width: 724px) {
	.des-section .info-ft {
		justify-content: center
	}
}
.des-section .info-ft .btn {
	margin: 0 4px;
}

/* faq */

.faq-box {
	max-width:1000px;
	margin:0 auto
}
.faq-item {
	border:1px solid #eee;
	margin-bottom:20px;
	border-radius:10px;
	transition:all .3s
}
.faq-item.active {
	box-shadow:0 0 30px rgba(0,0,0,.05)
}
.faq-hd {
	display:flex;
	justify-content:space-between;
	cursor:pointer;
	padding:20px;
	align-items:flex-start;
	align-items: center
}
.faq-hd h3 {
	font-weight:700;
	font-size:1.5em;
	padding-top:4px
}
.faq-hd .icon {
	display:block;
	transform:rotate(90deg);
	transition:.5s;
	font-size:22px;
	margin-right:1px;
	margin-top:3px
}
.faq-hd .icon.rotate {
	transform:rotate(0)
}
.faq-text {
	display:none;
	margin:0 20px;
	padding:20px 0;
	border-top:1px solid #eee;
	font-size:1.2em;
	line-height:32px
}
@media(max-width:600px) {
	.faq-hd h3 {
		font-size:1.3em
	}
	.faq-text {
	 font-size:1.1em
	}
}

/* blog slider */
.blog-slider {
	position:relative;
}
.swiper-slide .blog-slide-item {
	opacity: 0.1;
	transition: opacity 2s ease;
}
.swiper-slide.swiper-slide-visible  .blog-slide-item  {
	opacity: 1
}

.blog-slid-img {
	height:250px;
	overflow:hidden;
	border-radius:10px;
	margin-bottom:10px
}
.blog-slid-img img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	transition: all 0.5s;
}
.blog-slid-img:hover img {
	transform: rotate(5deg) scale(1.2)
}
.blog-slide-item a {
	display:block;
	color:#444
}
.blog-slide-item h2 {
	font-weight:700;
	font-size:1.5em
}
.blog-item-info ul {
	display: flex;
}
.blog-item-info ul li {
	display: inline-block;
	display: flex;
	align-items: center;
	margin-left: 10px;
	line-height: 22px;
	color: #999
}
.blog-item-info ul li a {
	color: #999
}
.blog-item-info ul li i , .blog-item-info ul li span {
	display: inline-block;
}
.blog-item-info ul li i {
	vertical-align: middle;
	font-size: 18px;
	position: relative;
	top: -2px
}
.slidebtns {
	position:relative;
	display:flex;
	justify-content:space-between; 
	pointer-events:none
}
@media(max-width:740px) {
	.blog-slider {
		margin-bottom:20px
	}
	
}
@media(max-width:724px) {
	.blog-slider .swiper-wrapper {
		flex-wrap:wrap
	}
	.blog-slide-item p,
	.blog-slidebtns {
		display:none;
	}
	.section-footer {
		text-align: center;
		display: flex;
		justify-content: center
	}
	.blog-slide-item {
		display:flex;
		margin-bottom:10px;
		opacity: 1 !important;
	}
	.blog-slide-item .blog-slid-img {
		height:78px;
		min-width:120px;
		margin-left:10px;
		flex-basis:120px;
		max-width:120px
	}
	.blog-slide-item h2 {
		font-size:1.3em;
		font-weight:700
	}
	.blog-item-info ul li {
		font-size: 10px;
	}
	.blog-item-info ul li i {
		font-size: 14px;
		margin-left: 0;
	}
}

.blog-header .list {
	text-align:center;
	display:block
}
.blog-header .list .list-item {
	display:inline-block;
	margin:30px;
	cursor:pointer;
	transition:all .5s
}
.blog-header .list .list-item:hover {
	color: #2ecd79
}

.blog-header .list .list-item .icon {
	display:block;
	transition: all 0.5s;
	margin: 0 auto 5px;
}
.blog-header .list .list-item:hover .icon {
	transform:translateY(-8px);
}
.blog-header .list .list-item .icon i {
	font-size: 3em;	
}
.blog-header .list .list-item b {
	font-weight:700;
	font-size:1.7em
}
@media(max-width:576px) {
	.blog-header .list .list-item {
		margin:15px 0;
		padding:10px;
		display:flex;
		border:1px solid #eee;
		border-radius: 100px;
		align-items:center;
		justify-content:center
	}
	.blog-header .list .list-item .icon {
		margin: unset;
	}
	.blog-header .list .list-item .icon i {
		max-width:32px;
		margin:0 10px;
		font-size:2em
	}
	.blog-header .list .list-item b {
		font-size:1.2em;
		line-height:0
	}
}
.searchbox {
	flex-basis:200px;
	flex-grow:1;
	padding:0 5px;
	max-width: 600px;
	margin: 0 auto 
}
.inputsearch {
	position:relative
}
.inputsearch #tableSearch {
	border:1px solid #2ecd79;
	border-radius:3px;
	background-color:transparent;
	border-radius:100px;
	padding:8px 8px;
	width:100%;
	font-size:1.2em;
	position:relative;
	display: flex;
}
@media(max-width:754px) {
	.inputsearch #tableSearch {
		max-width:unset
	}
}
.inputsearch #tableSearch #story {
	width: 100%;
	flex-basis: 200px;
	flex-grow: 1;
	text-indent: 15px;
}
@media (max-width:450px) {
	.search-btn {
		font-size: 1em;
	}
	.search-btn i {
		font-size: 18px;
	}
}
/* footer  */
.footer {
    background-color: #eefff6;
    margin-top: 50px;
    padding: 0 30px;
	background-image: url(../images/footer-bg.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
}

.footer .center {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 0;
    padding-top: 0;
}
.footer-item {
    margin: 10px;
    border-radius: 20px;
    flex-basis: 250px;
    text-align: right;  
}

.footer .about-us {
    flex-grow: 1;
    flex-basis: 400px;
}
.footer .about-us h3 {
	font-size: 2.5em
}
.footer-item h3 {
    padding: 0 15px;
    font-weight: bold;
    font-size: 1.8em
}
.footer-item h3 span {
  color: #2ecd79;
}
.footer-item p {
    padding: 15px;
    text-align: justify;
    line-height: 30px;
    font-size: 1.1em
}
@media (max-width: 600px) {
	.footer-item {
		margin: 10px 0;
	}
	.footer-item h3 {
		padding: 0;
	}
	.footer-item p {
		padding: 0;
	}
}
.footer-item .namad {
    display: flex;
    padding: 15px 0;
}
@media (max-width: 560px) {
    .footer-item .namad , .footer-item .f-feedback-item , .footer-item .socila {
        justify-content: center;
    }
}
.footer-item .links ul {
    line-height: 30px;
    list-style: none;
    margin: 0;
    padding: 0 6px;
    height: auto;
}
.footer-item .links li a {
    color: #444;
    font-size: 1.1em
}

.footer-item .links li a:before {
    content: "";
    height: 8px;
    width: 8px;
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    border-radius: 20px;
    border: 2px solid transparent;
    transition: 0.5s;
	 background: #2ecd79;
}
.footer-item .links li a:hover:before {
	transform: scale(2);
  border: 2px solid #f9f9f9;
	background: #2ecd79;
  box-shadow: 0 0 0 1px #2ecd79;
}
.namad-item {
    padding: 30px 20px;
    background-color: #e1f9ec;
    margin: 10px;
    border-radius: 20px;
    flex-basis: 130px;
    text-align: center;
}
.namad-item img {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.feedback-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;   
    background: #fff;
    align-items: center;
    border-radius: 30px;
    top: -50px;
    box-shadow: 0 0 30px rgba(0,0,0,0.05);
    padding: 30px !important;
}
.feedback-text {
    flex-grow: 1;
}
.feedback-text h3 {
    font-weight: bold;
    font-size: 2em;
}
.feedback-text span {
    font-size: 1.3em;
	color: #999;
}
@media (max-width: 777px) {
    .feedback-text {
        text-align: center;
        margin-bottom: 10px;
    }
}
.feedback-call {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 375px ) {
    .feedback-call {
        justify-content: space-around;
    }
}
.f-feedback-item {
    display: flex;
    align-items: center;
   margin: 10px
}
.f-feedback-item .icon {
    margin-left: 10px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    height: 45px;
    width: 45px;
    min-width: 40px;
    text-align: center;
    font-size: 22px;
    border-radius: 10px;
    line-height: 44px;
	color: #ffff;
	background: #2ecd79
}
.f-feedback-item a {
    font-size: 22px;
    font-weight: bold;
	color: #444
}
.socila {
    display: flex;
    align-items: center
}
.socila-item {
    margin: 10px;
}
.socila-item a {
    display: block;
    height: 50px;
    width: 50px;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    line-height: 48px;
    font-size: 22px;
	background: #2ecd79;
}
.copyright-box {
    background:  #fff;
    border-radius:  30px 30px 0 0;
    padding: 30px;
    padding-top: 10px !important;
    /*! max-width: 1200px; */
   margin-top: 20px
}
.copyright {
    flex-grow: 1;
    display: flex;
     justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px;
}
.copyright .copytext {
    flex-grow: 1;
}
.copyright .copytext a {
	color: #2ecd79
}
@media (max-width: 810px) {
    .copyright .copytext {
        text-align: center;
    }
}
/* contact us */
.contact-box {
	display: block;
	margin: 0 auto;
	/*! max-width: 800px; */
	overflow: hidden
}
.contact-info .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.contact-info .list .item {
	text-align: center;
	padding: 30px;
	background: #f5faff;
	margin: 8px;
	flex-grow: 1;
	border-radius: 15px;
}
.contact-info .list .item:nth-of-type(1) {
	order: 3;
	flex-basis: 100% !important;
}
.contact-info .list .item i {
	display: block;
	font-size: 30px;
	margin-bottom: 10px;
	color: #2ecd79;
}
.contact-info .list .item span {
	font-size: 1.2em
}
.contact-info .image {
	margin-bottom: 30px;
}
.contact-info .image img {
	display: block;
}
.contact-info h2 {
	font-size: 3em;
	font-weight: 900
}
.contact-form {
	flex-grow: 1;
	flex-basis: 350px;
	padding: 0 0 30px;
	border-radius: 20px;
}
.contact-form .form {
	display: flex;
	flex-direction: column;
}

.input-box {
	flex-basis: 230px;
	flex-grow: 1;
	border: 1px solid #eee;
  padding: 5px 10px;
  border-radius: 15px;
  position: relative;
	min-height: 52px;
  display: flex;
  align-items: center;
	flex-grow: 1;
	margin: 8px;
	margin-bottom: 20px;
	max-width: 100%

}
.radio-box {
	flex-basis: 250px;
	height: auto;
	border: none;
	padding-top: 20px;
	margin-top: 20px;
}
#user-modal .radio-box {
	padding-top: 0;
	margin-top: 0;
}
.radio-box  .checkboxs {
	display: flex;
	flex-wrap: wrap;
	text-align: right;
	width: 100%;
}
.radio-box a {
	color: #2ecd79
}
#user-modal .radio-box  .checkboxs {
	display: block;
}
.input-box .label {
	position: absolute;
  top: -10px;
  right: 15px;
  background: #fff;
  padding: 0 10px;
	font-weight: bold;
	font-size: 1.2em;
	z-index: 1;
	line-height: 16px;
}
.radio-box .label {
	right: 0px;
}
.input-info {
    display: flex;
    justify-content: space-between;
    flex-grow: 1; position: relative;
	text-align: right
}
.input-info label.error {
	position: absolute;
	color: #ff6a63;
	right: 5px;
	bottom: -30px;
	padding: 0 10px;
	background: #fff;
}
.nice-select ~.error {
	bottom: -25px !important;
}
.input-info input {
    width: 100%;
    padding: 0 10px;
    font-size: 1.2em;
    overflow: hidden;
}
.input-sum {
    padding-right: 8px;
    display: flex;
    align-items: center;
    border-right: 1px solid #e7ecf4;
}
.input-sum  [class^="icon-"] , .input-sum  [class*=" icon-"] {
    font-size: 22px;
	color: #afe8ca;
}
.input-sum span {
	font-size: 1.2em;
}
.input-sum img {
    width: 25px;
    display: block;
    margin-right: 8px;
}
.input-inline {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	  flex-grow: 1;
	align-items: flex-start
}
.input-inline.resumes {
	align-items: flex-start
}
.input-inline .title {
	padding: 15px;
	font-size: 1.1em;
}

.select-list, .select-list-age {
	position: absolute;
	width: 100%;
	max-width: 250px;
	background: #fff;
	border: 1px solid #eee;
	top: calc(100% + 10px);
	z-index: 10;
	border-radius: 10px;
	margin-right: -10px;
	display: none;
}
.select-list .select-item, .select-list-age .select-item-age {
	padding: 5px 10px;
	cursor: pointer;
}
.select-list .select-item:hover, .select-list-age .select-item-age:hover {
	background: #f3f3f3;
}
.select-list .add-floorbox, .select-list-age .add-agebox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 10px;
}
.select-list .add-floorbox .title, .select-list-age .add-agebox .title {
	padding: 0;
}
.select-list .add-floorbox .add-btn, .select-list-age .add-agebox .add-btn {
	height: 25px;
	width: 25px;
	background: #2ecd79;
	color: #fff;
	font-size: 20px;
	line-height: 25px;
	border: none;
	border-radius: 4px;
}
.select-list .add-floorbox input, .select-list-age .add-agebox input {
	width: 20px;
	text-align: center;
}
.modal .input-inline .title {
	padding: 15px;
	font-size: 1.1em;
	text-align: right;
	width: 100%;
	flex-basis: 100% !important;
}
.modal .input-inline .title span , .modal .input-inline .title h3 {
	display: inline-block;
}
.modal .input-inline .title span {
	color: #ffd195;
	font-weight: bold;
	font-size: 1.2em
}
.ekhtiyari {
	color: #ffd195;
}
.input-inline .title h3:before {
	content: "\e805";
	margin-left: 5px;
	position: relative;
	top: 3px;
	font-size: 22px;
	font-weight: normal;
	color: #2ecd79
}
.textarea-box {
    height: auto;
    display: block;
	flex-basis: 100% !important;
}
.textarea-box textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 180px;
    border: none;
}
.send-btn {
	padding: 12px 20px;
	width: 150px;
	margin: 20px auto 0;
}
.send-btn i {
	transform: rotate(180deg);
	display: inline-block;
	margin-left: -10px;
}
.upimg {
    position: relative; 
    /*! overflow: hidden; */ 
    width: 100%;
    height: 100%;
}
.upimg .image {
  cursor: pointer;
	opacity: 0;
  filter: alpha(opacity=0); 
  position: relative;
	display: inline-block;
	text-align: left;
	direction: ltr;
	z-index: 1;
}
.customUpload {
	/*! overflow: hidden; */
  position: relative;
  display: flex;
}
.upimg .btn {
    position: relative;
    top: 0;
    left: 10px;
    padding: 0 12px;
    border: 1px solid #2ecd79;
    color: #2ecd79;
    height: 100%;
    font-size: 12px;
    border-radius: 20px;
    display: inline-block;
	min-width: 80px;
}
.filenameinput {
	position: absolute;
  left: 85px;
  top: 2px;
  background: transparent;
  padding: 0 10px;
  z-index: 0;
  overflow: hidden;
  text-align: left;
  color: #999;
	white-space: nowrap;
	direction: ltr;
}
.form-map {
	border-radius: 20px;
	overflow: hidden;
	margin: 8px;
	margin-bottom: 20px;
	height: 250px;
	flex-grow: 1;
	width: 100%
}
/*
.form-map img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
*/
/* request */
.request-bg {
	background-color: #eefff6;
/* 	background-image: url(../images/request-bg.png); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.request {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
}
.request-info {
	flex-basis: 400px;
	flex-grow: 1;
	padding: 30px;
}
.request-info h2 {
	font-size: 4em;
	font-weight: 900;
}
.request-info span {
	font-size: 2em;
	font-weight: bold;
}
.request-info p {
	font-size: 1.3em;
}
.request .btnsbox {
	justify-content: center;
}
@media (max-width: 724px) {
	.request-info {
		padding: 0;
		text-align: center
	}
	.request-info h2 {
		font-size: 3em;
		font-weight: 900;
	}
	.request-info span {
		font-size: 1.5em;
		font-weight: bold;
	}
	.request-info p {
	font-size: 1.2em;
}
}
/* assist */
.assist .avatars {
	display: flex;
}
.assist .avatars__item {
	margin-left: -4px;
}
.assist .avatars__item:nth-of-type(1) {
	transform: scale(0.8);
	margin-left: -20px;
	z-index: -1
}
.assist .avatars__item:nth-of-type(5) {
	transform: scale(0.8);
	margin-right: -20px;
	margin-left: unset;
	z-index: -1
}
.assist .avatars__item:nth-of-type(4) {
	z-index: 1;
}
.assist .avatars__item:nth-of-type(3) {
	z-index: 2;
	transform: scale(1.3);
}
.assist .avatars__image {
	box-shadow: 0 0 0 4px #fff;
	align-items: center;
	display: flex;
	justify-content: center;
	border-radius: 9999px;
	overflow: hidden;
	
}
.assist .avatars__image img {
	height: 120px;
	width: 120px;
	object-fit: cover;
}
@media (max-width:550px) {
	.assist .avatars__image img {
		height: 60px;
		width: 60px;
	}
}

/* clients comments */
.clients-comments {
	padding: 40px 0 30px;
}
.client-comitem {
	text-align: center;
	background: #fff;
	padding: 40px 30px;
	border-radius: 20px;
	transition: 0.5s
}
.blog-content .client-comitem {
	opacity: 1 !important;
	border: 1px solid #eee;
}
.client-comitem .img {
	height: 100px;
	width: 100px;
	overflow: hidden;
	border-radius: 900px;
	margin: 0 auto 10px;
}
.client-comitem .img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.client-comitem .name {
	font-weight: bold;
	font-size: 1.5em;
}
.client-comitem p {
	font-size: 1.1em;
	line-height: 25px;
}
.swiper-slide .client-comitem {
	transform: scale(0.95);
	opacity: 0.1;
}
.swiper-slide-active .client-comitem {
	transform: scale(1.1);
	box-shadow: 0 0 30px rgba(0,0,0,0.05);
	z-index: 2;
	position: relative;
	opacity: 1;
}
/* about team  */
.about-team {
	display: flex;
	margin: 0 -20px;
	overflow: hidden;
	justify-content: center
}
.about-team .img {
	display: flex;
	align-items: center;
	position: relative;
	margin: 0 auto;
}

.about-team .img:after {
	content: "";
	position: absolute;
	height: 30%;
	width: 30%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 999px;
	background: #fff;
	z-index: 0;
}
.about-team .img .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1
}
.about-team img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 700px;
	min-width: 500px;
	position: relative;
}
.gardon {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
	border: 2px solid #fff;
	background-image:
        linear-gradient(210deg, transparent 50%, white 50%), linear-gradient(90deg, #eefff6 50%, transparent 50%);
	border-radius: 99999px;
	z-index: -1;
	-webkit-animation: rotate-center 12s linear infinite both;
	        animation: rotate-center 12s linear infinite both;
}
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* blog */
.blog-content {
	display:block;
	display:flex;
	flex-wrap:wrap;
	margin:-10px;
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
	height:auto;
	overflow:hidden;
	position:relative;
	padding-bottom:50px;
	transition:all .5s
}
.blog-content .blog-slide-item {
	display:inline-block;
	margin: 10px 15px;
	flex-basis:100px;
	flex-grow:1;
	position:relative;
	overflow:hidden
}
@media(max-width:724px) {
	.blog-content .blog-slide-item {
		display:flex
	}
}
.blog-top-item {
	position:relative;
	overflow:hidden;
	border-radius:10px;
	height:270px
   }
.blog-top-item:before {
	content:"";
	inset:0;
	height:100%;
	width:100%;
	background-image:linear-gradient(0deg,#2ecd79 0,rgba(46, 205, 121, 0.15) 100%);
	display:block;
	position:absolute;
	z-index:1
}
.blog-top-item img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all .5s;
	border-radius:10px;
}
.blog-top-item:hover img {
	transform:scale(1.2) rotate(5deg)
}
.blog-top-item h2 {
	position:absolute;
	bottom:0;
	padding:20px;
	font-weight:700;
	font-size:1.7em;
	color:#fff;
	z-index:2
}

/* pages number */
.pages {
	display:flex;
	justify-content:space-between;
	margin-top:20px;
	flex-wrap:wrap
}
.pages > span {
	opacity: 0.3;
}
.pagelist a ,  .pagelist span , .pagebtn  {
	border:1px solid #ddd;
	padding:11.5px 15px;
	margin:5px;
	border-radius:10px;
	color:#888;
	display:inline-block;
	font-size:1.5em;
	min-width:55px;
	text-align:center
}
.pages .pagebtn i {
	vertical-align:middle
}
.pages a .pagebtn:hover , .pagelist a:hover , .pagelist span{
	background:#2ecd79;
	color:#fff;
	border-color:#2ecd79
}
.pagelist {
	flex-grow:1;
	text-align:center;
	flex-basis:400px
}
.pagelist {
	direction:ltr
}
.pagination .page-item {
	all:unset !important;
}
.pagination .page-item .page-link {
	border:1px solid #ddd;
	padding:15px;
	margin:5px;
	border-radius:10px;
	color:#888;
	display:inline-block;
	font-size:1.5em;
	min-width:55px;
	text-align:center;
	opacity:.3
}
.pagination .page-item a.page-link {
	opacity:1
}
.pagination .page-item a.page-link:hover {
	background:#2ecd79;
	border:1px solid #2ecd79;
	color:#fff
}
@media(max-width:758px) {
	.pagelist {
		flex-basis:100%
	}
	.nextpage {
		order:1
	}
	.prevpage {
		order:2
	}
	.nextpage span,
	.prevpage span {
		display:none
	}
	.nextpage .icon-right,
	.prevpage .icon-left {
		margin:unset
	}
}

/* single blog */
.static {
	margin-bottom: 150px
}
.blog-full {
	padding-top: 20px;
}
.fullstory .full-text {
	text-align:justify
}
.fullstory .full-img {
	width:100%;
	margin-bottom:20px
}
.fullstory .full-img img {
	max-width:100%;
	display:block;
	margin:0 auto;
	border-radius:10px
}
.fullstory .full-text .text {
	font-size:1.2em;
	line-height:30px;
	word-spacing:2px;
	padding-top:10px
}
.fullstory .full-text .text p {
	margin-bottom:20px
}
.fullstory .full-text .text img {
	display:block;
	max-width:100%;
	margin:20px auto;
	border-radius:10px
}
.full-info {
	display:block;
	margin-bottom:5px
}
.fullstory .full-info .tags {
	display:inline-block
}
.fullstory .full-info ul {
	display:inline-block;
	list-style:none;
	color: #999
}
.fullstory .full-info ul li {
	display:inline-block;
	margin-left:10px
}
.fullstory .full-info ul li a {
	color: #999
}
.fullstory .full-info ul li i {
	float:right;
	vertical-align:middle;
	font-size:22px
}
.fullstory .full-info ul li span {
	font-size:1.2em;
	word-spacing:5px
}
.full-text .full-title {
	font-weight:bold;
	font-size:2em;
	text-align:right
}
.tags h3 {
	font-size: 1.5em;
}
.tags i {
	vertical-align: middle
}
.tags-list {
	margin-top: 10px 
}
.tags-list a {
	display: inline-block;
	margin: 4px;
	border: 1px solid #2ecd79;
	color: #2ecd79;
	padding: 0 10px;
	border-radius: 100px;
	transition: ease-in-out 0.5s
}
.tags-list a:hover {
	background: #2ecd79;
	color: #fff;
}
.votebox {
	border-radius:10px;
	padding:60px 30px;
	box-shadow:0 0 40px rgba(0,0,0,0.05);
	text-align:center;
	margin-top:40px;
}
.votebox .title {
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:30px
}
.votebox .votebtns {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.votebox .votebtns .btn {
	width:100%;
	max-width:100px;
	min-width: 100px;
	padding: 12px;
	margin: 4px;
}
.add-comment {
	display:flex;
	flex-wrap:wrap;
}
.add-comment .btn {
	margin:15px
}
.comment-form {
	padding: 10px;
}
.comments-box {
	padding:0 15px 50px;
	position: relative;
	z-index: 1
}
.alarm {
	padding: 30px;
	background: #fff9f0;
	border-radius: 20px;
	color: #ffc984;
	font-size: 1.2em;
	text-align: center;
}
.comments-header {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:15px 0
}
.comments-header .comments-hd-title {
	line-height:34px;
	white-space:nowrap
}
.comments-header .comments-hd-title i {
	font-size:28px;
	margin-left:5px;
	position:relative;
	color: #2ecd79;
	top: 5px;
}
.comments-header .comments-hd-title span {
	font-size:1.8em;
	font-weight:700
}
.comments-header .blogsort {
	flex-basis:100px;
	max-width:200px;
	margin-top:0;
	margin-right:50px
}
.comments-list {
	padding:15px 0
}
.comment-item {
	padding-bottom:30px
}
.comment-item:last-child {
	margin-bottom:0
}
.comment {
	border:1px solid #eee;
	border-radius:20px;
	padding:30px;
}
.comment-hd {
	display:flex;
	justify-content:space-between;
	align-items:center
}
.comment-hd a {
	color: #999;
}
.comment-hd .comment-option i {
	font-size:22px;
	cursor:pointer
   }
.comment-hd .comment-info {
	display:flex;
	align-items:center
}
.comment-info .user-img {
	height:55px;
	width:55px;
	border-radius:100px;
	margin-left:10px;
	position: relative;
	padding: 5px;
	border: 1px solid #2ecd79;
}
.comment-info .user-img img {
	width:100%;
	display:block;
	border-radius: 100px;
	object-fit: cover;
	object-position: center;
}
.comment-info .li {
	margin-left:20px;
	font-size:1.2em;
	font-weight:700
}
.comment-text {
	padding:20px 0;
	text-align:justify;
	font-size:1.2em;
	font-weight:700;
	color:#777
}
.comment-ft {
	display:flex;
	align-items:flex-end; 
	justify-content:space-between;
	flex-wrap: wrap
}
.comment-ft .btn {
	padding: 3px 12px !important;
}
.comment-btns {
	display: flex;
}
.comment-ft a {
	display: flex;

}
.comment-btns .btn-com {
	margin: 4px;
	color: #2ecd79
}
.comment-btns .btn-com i {
	vertical-align: middle;
}
.comment-btns .btn-com span {
	font-size: 16px;
}
.comment-reply {
	padding: 0 0 30px 0;
	padding-bottom: 30px
}
.comment-reply .replytext {
	background:#eefff6;
	padding:20px;
	border-radius:20px;
	margin:10px 0
}
@media(max-width:1350px) {
	.comments-box {
		padding:0 20px
	}
}
@media(max-width:500px) {
	.comments-box {
		padding:0 20px
	}
	.inputbox {
		margin:15px 0;
		flex-basis:100%
	}
	.add-comment .btn {
		margin:15px 0
	}
	.comment-info .li {
		font-size:1em
	}
}
@media(max-width:420px) {
	.comment-ft .btn {
		margin:5px 0;
		margin-left:5px;
		padding:8px 10px
	}
	.comment-reply {
		/*! padding:20px 10px 0; */
	}
	.comment-reply .comment-ft .btn {
		padding:0;
		margin:5px;
		border:none
	}
}

/* calculate */
.calc-ft {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}
.calc-ft .pric-box {
	margin-bottom: 10px;
	margin: 15px;
}
.calc-ft .pric-box .pric-label {
	font-size: 1.2em;
	font-weight: bold;
}
.calc-ft .pric-box .pric {
	font-size: 1.5em;
	color: #2ecd79
}
.calc-ft  .send-btn {
	margin: 15px;
}
/* user profile  */
.profile-page {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start
}
.profile-page .sidebar {
	flex-basis: 320px;
	flex-grow: 1;
	margin-bottom: 15px;
	/*! padding: 15px 15px 0; */
}
.profile-page .sidebar .addnew {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 15px 15px 0;
}
.profile-page .sidebar .addnew .btn {
	margin: 0 4px;
	flex-grow: 1;
	flex-basis: 120px;
}

.cardbox {
	border: 1px solid #eee;
	border-radius: 20px;
	padding: 30px;
	margin: 30px 15px;
	/*! margin-bottom: 30px; */
}
.profile-page .sidebar .cardbox:last-child {
	margin-bottom: 15px;
}
.profile-page .cardbox:first-child {
	margin-top: 0 
}
@media (max-width: 600px) {
	.cardbox {
		margin: 30px 0
	}
}
.cardbox .title {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center
}
.home-map {
	overflow: hidden;
	border-radius: 15px;
	height: 250px;
}
.home-map img,
.home-map #app {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}
.kar-next ,.kar-prev {
	height: 40px;
	width: 40px;
	line-height: 35px;
	margin-right: 4px;
	background: unset;
	color: #2ecd79;
	border: 1px solid #eee;
}
.kar-next.swiper-button-disabled , .kar-prev.swiper-button-disabled{
  opacity: .3;
}
.kar-next.swiper-button-disabled:hover , .kar-prev.swiper-button-disabled:hover {
	background: unset;
}
.card-ft {
	margin-top: 20px;
	text-align: left
}
.cardbox .user-info {
	display: flex;
	align-items: center
}
.cardbox .userimg {
	height: 70px;
	width: 70px;
	overflow: hidden;
	border-radius: 100px;
	margin-left: 10px; 
}
.cardbox .userimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.user-info .username b {
	font-size: 1.4em;
}
.user-info .username .edite {
	font-size: 1.2em;
	color: #2ecd79;
	cursor: pointer
}
.user-info .username .edite i {
	font-size: 18px;
	vertical-align: middle;
}
.cardbox .userstate {
	margin-top: 30px;
	border-top: 1px solid #eee;
	padding-top: 20px
}
.cardbox .userstate ul {
	text-align: center;
	white-space: nowrap;
	display: flex;
	justify-content: space-around;
}
.cardbox .userstate ul li {
	display: inline-block;
	padding: 0 5px;
	font-size: 1.8em
}
.cardbox .userstate ul li b {
	font-size: 16px;
}
.profile-page .profile-full {
	flex-basis: 500px;
	flex-grow: 4;
	display:block;
	display:flex;
	flex-wrap:wrap;
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
	height:auto;
	overflow:hidden;
	position:relative;
	margin-top: -15px;
	/*! align-items: flex-start */
}
@media (max-width: 858px) {
	.profile-page .profile-full {
		margin-top: 0
	}
}
.order {
	display:inline-block;
	flex-basis: 290px;
	flex-grow: 1;
	margin: 15px;
	border: 1px solid #eee;
	border-radius: 20px;
	padding: 20px 20px 20px;
}
.order .list {
	font-size: 1.2em;
}
.order .list span {
	margin-right: 10px;
	color: #2ecd79;
}
.order-ft {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	border-top: 1px solid #eee;
	margin-top: 15px;
	padding-top: 20px;
}
.order-ft .status {
	font-size: 1.2em;
	color: #2ecd79;
	margin-left: auto;
	padding: 4px 0
}
.order-ft .btn {
	padding: 3px 12px;
	margin-right: 8px;
}
.order-ft .btn-down {
	padding: 3px;
}
.no-order {
	grid-column: 1/-1;
	width: 100%;
	flex-basis: 100%;
	padding: 15px;
	position: relative;
}
.no-order > div {
	display: block;
	background: #eefff6;
	padding: 30px;
	border-radius: 20px;
	text-align: center;
	border: 2px dashed #2ecd79;
}
.no-order > div span {
	display: block;
	font-size: 1.4em;
	margin-bottom: 10px;
	font-weight: bold;
}
/* login menu info */
.login-info {
	display: flex;
	align-items: center;
	text-align: left;
	margin-right: 10px;
	border-right: 1px solid #eee;
	padding-right: 10px;
}
.login-info .username {
	color: #666;
}
.login-info .username:hover {
	color: #2ecd79;
}
.login-info .username b {
	display: block;
	line-height: 20px
}
.login-info .username span {
	display: block;
	line-height: 20px
}
.login-info .userimg {
	height: 50px;
	width: 50px;
	border-radius: 100px;
	margin-right:  10px;
	border: 1px solid #eee;
	padding: 3px;
	position: relative;
}
.login-info .userimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100px;
}
.login-out {
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	height: 25px;
	width: 25px;
	background: #fff;
	border-radius: 100px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	color: #ffa481;
	line-height: 24px;
}
.login-out:hover {
	color: #ffa481;
}
.login-out i {
	font-size: 18px;
}
.menu .loginbtn {
	margin-bottom: 10px;
}
.menu .login-info {
	text-align: right;
	border: none;
	margin-bottom: 20px;
	margin-right: 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	display: flex;
}
.menu .login-info .userimg {
	margin-left: 10px;
}
@media (max-width: 930px) {
	.menu .login-info {
		border-top: 1px solid #eee;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 15px;
		width: 100%
	}
	.menu .login-info .userimg {
		order: -1
	}
}
/* evaluation */
.evaluation-item {
	flex-basis: 300px;
	padding: 30px;
	border: 1px solid #eee;
	margin: 15px;
	border-radius: 20px;
	flex-grow: 1;
	position: relative;
	overflow: hidden;
}
.evaluation-item:first-child {
	flex-basis: 350px;
	flex-grow: 4;
}
.evaluation-item:first-child:before {
	content: "پیشنهادی";
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 15px;
	background: #eefff6;
	border-radius: 0 0 0 20px;
	font-weight: bold;
	color: #2ecd79
}
.evaluation-item h3 {
	font-size: 2em;
	margin-bottom: 10px;
}
.evaluation-item span {
	font-size: 1.2em;
	color: #888;
}
/* modal */
.modal-box {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	background: rgba(46, 205, 121, 0.69);
	z-index: 99;
	padding: 30px;
	padding-bottom: 100px;
	overflow: auto;
	display: none;
}
.modal {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	background: #fff;
	padding: 15px;
	position: relative;
	border-radius: 15px;

}
.modal-hd {
	padding: 0 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #f9f9f9;
}
.modal-hd .close {
	color: #ffc881;
	cursor: pointer
}
.modal-main {
	padding: 20px 0 15px;
}
.modal-main .form {
	text-align: center;
}
.modal-info {
	padding: 10px;
	margin: 0 8px;
	margin-bottom: 15px;
	border-radius: 10px;
	background: #fff9f0;
	color: #f2bc75;
	text-align: right;
}
.modal-info i {
	vertical-align: middle;
}

/* login pages */
.login-page {
	background-image: url(../images/login.jpg);
	background-size: cover;
	height: 100vh;
	
}
.login-page .center {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%
}
.login-box {
	width: 100%;
	max-width: 450px;
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid #eee;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
	position: relative;
	z-index: 1
}
.login-box .login-box-hd {
	padding: 50px 30px;
	border-bottom: 1px solid #f2f2f2;
	/*! background-color: #eefff6; */
}
.login-box .login-box-hd img {
	width: 100%;
	max-width: 100px;
	display: block;
	margin: 0 auto;
}
.login-box-info {
    text-align: center;
    line-height: 30px;
}
.login-box-info > div {
    color: #7c8c9f;
}
.login-box-info > div span {
    font-size: 1.2em;
    margin: 0 4px;
}
.login-link a {
	color: #2ecd79;
	font-weight: bold
}
.login-box-info h4 {
    font-size: 1.5em;
    font-weight: bold;
}
.login-main {
	padding: 30px;
	position: relative
}
.login-main .form {
	margin-top: 20px;
	text-align: center;
	overflow: hidden;
}
.login-main .form .send-btn {
	float: left
}
.loginback {
    position:absolute;
    right:30px;
    top:-26px;
    -webkit-transition:.3s;
    transition:.3s;
    border-radius:100px;
    padding:14px;
    width:50px;
    height:50px;
    background: transparent;
    font-size: 20px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #f2f2f2;
	display: block;
	color: #444;
	line-height: 25px
}
.loginback:hover {
    background:#2ecd79;
	border: 1px solid #2ecd79;
    color:#fff
}
.loginback i {
	top: -3px;
	position: relative;
}
/* karnameh */
.karnameh-info {
	padding: 0 0 10px;
}
.karnameh-info .list {
	font-size: 1.2em;
	line-height: 35px
}
.karnameh-info .list span {
	color: #2ecd79;
}
/* karnameh progress */
.karnameh-progress {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-end;
}
.progress-item span {
	display: block;
	text-align: center;
	font-size: 1em;
}
.loader {
	position: relative;
	float:left;
	user-select: none;
	box-sizing: border-box;
	direction: ltr;
	margin: 5px;
	width: 75px;
	height: 75px;
}
.progress-item:nth-of-type(2) .loader {
	width: 95px;
	height: 95px;
}
.loader-bg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
    border: 5px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #ffc881;
}
.progress-item:nth-of-type(2) .loader-bg {
	color: #2ecd79;
}
.spinner-holder-one {
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
    width: 50%;
    height: 50%;
    background: transparent;
    box-sizing: border-box;
}
.spinner-holder-two {
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: transparent;
    box-sizing: border-box;
}
.loader-spinner {
    width: 200%;
    height: 200%;
    border-radius: 50%;
    border: 5px solid #ffc881;
    box-sizing: border-box;
}  
.progress-item:nth-of-type(2) .loader-spinner {
	border: 5px solid #2ecd79;
}
  .animate-0-25-a {
    transform: rotate(90deg);
    transform-origin: 100% 100%;
}
.animate-0-25-b {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
}
.animate-25-50-a {
    transform: rotate(180deg);
    transform-origin: 100% 100%;
}
.animate-25-50-b {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
}
.animate-50-75-a {
    transform: rotate(270deg);
    transform-origin: 100% 100%;
}
.animate-50-75-b {
    transform: rotate(-90deg);
    transform-origin:100% 100%;
}
.animate-75-100-a {
    transform: rotate(0deg);
    transform-origin: 100% 100%;
}
.animate-75-100-b {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
}
.loader-bg .text {
    text-align: center;
    font-size: 20px; 
    font-weight: normal;  
}
/* karnameh box */
.karnameh-box {
	flex-basis: 500px;
	flex-grow: 4;
	overflow: hidden;
}
.karnameh-box .cardlist {
	display: flex;
	flex-wrap: wrap;
	margin: 10px -4px 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.karnameh-box .cardlist .list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	font-size: 1.2em;
	flex-basis: 240px;
	flex-grow: 1;
	border: 1px solid #eee;
	margin: 4px;
	padding: 7px 12px;
	border-radius: 4px;
}
.karnameh-box .cardlist .list .listname {
	margin-left: 10px;
}
.karnameh-box .cardlist .list span {
	color: #2ecd79;
	width: 100%;
}
.karnameh-box .cardlist .list span a img {
	display: block;
	width: 100% !important;
}
.karnameh-slider {
	overflow: hidden;
	padding-top: 20px;
}
.home-img {
	display: block;
}
.home-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
	display: block
}

/* tabs */
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
.tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	margin-bottom: 40px
}
.tabs .tab {
	padding: 8px 20px 7px;
  cursor: pointer;
  background: transparent;
	border: 1px solid #2ecd79;
	color: #2ecd79;
  border-radius: 100px;
  margin: 5px;
  font-weight: bold;
  flex-basis: 125px;
	text-align: center;
	display: block;
	font-size: 1.2em;
}
.tab i {
	display: inline-block;
	top: -2px;
	vertical-align: middle;
	position: relative;
}
.tabs .tab:hover {
	background: #eefff6;
}
.tabs .tab.active {
	background: #2ecd79;
  color: #fff;
}

/* tariff table */
.tariff {
	max-width: 800px;
	margin: 0 auto
}
.tariff-table {
	border: 1px solid #eee;
	border-radius: 10px;
	overflow: hidden
	
}
.tariff-table .tr {
	display: block;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
	text-align: center;
	font-size: 1.2em;
}
.tariff-table .th {
	font-weight: bold;
	background: #eefff6;
	color: #2ecd79;
}
.tariff-table .tr .td {
	flex-basis: 100px;
	flex-grow: 1;
	display: inline-block;
	padding: 15px 15px;
	border-left: 1px solid #eee;
}
.tariff-table .tr .td:first-child {
	flex-grow: unset;
	flex-basis: 80px;
	background: #eefff6;
	color: #2ecd79;
}
.tariff-table .tr:last-child , .tariff-table .tr .td:last-child {
	border: none;
}

/* payment */
.payment {
    width: 100%;
}
.payment-info {
    border: 1px solid #eee;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 30px;
    margin: 0 15px;
    margin-bottom: 30px;
    background: #fff

}
.payment-info .payment-table {
    flex-grow: 1;
    margin: 5px;
    flex-basis: 250px;
}
.payment-info .payment-table h3 {
    padding: 0 0 10px;
    border-bottom: 1px solid #eee;
	font-size: 1.3em
}
.payment-info .payment-table span {
  margin-top: 10px; 
	font-size: 1.1em;
	display: block;
	color: #2ecd79
}
.pay {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: flex-start;
}

.pay .dle-error  {
    margin: 0 15px 30px;
    flex-grow: 1;
    flex-basis: 700px;
    order: 1;
	background: #eefff6;
	color: #2ecd79
}
.pay-final {
    border: 1px solid #eee;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border-radius: 30px;
    margin: 0 15px;
    margin-bottom: 30px;
    flex-basis: 200px;
    flex-grow: 1;
    background: #fff
}
.pay-final .giftcode {
    background: #fbfbfb;
    border-radius: 5px;
    border: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 4px;
    height: 50px
}
.pay-final .radio-box {
	margin: 0 0 20px;
	padding: 0;
	min-height: unset;
}
.pay-final .giftcode .gift-input {
    flex-grow: 1;
    height: 100%;
    border: none;
    background: transparent;
    text-indent: 10px;
    margin: 0;
}
.pay-final .giftcode .giftcode-btn {
    border: none;
    color: #fff;
    background: #fec00d;
    border-radius: 4px;
    font-size: 16px;
    width: 70px;
}
.pay-final .price {
    margin: 0;
    font-size: 16px;
    margin-bottom: 20px;
}
.pay-final .price li {
    list-style: none;
    padding: 15px 5px;
    justify-content: space-between;
    display: flex;
    border-bottom: 1px solid #eee;
}
.pay-final .price li span:nth-of-type(2) {
	color: #2ecd79;
}
.pay .btn {
    align-self: flex-end;
    padding: 12px 20px;
} 


/*  */
.verify {
	width: 100%;
	max-width: 500px;
	margin: 30px auto 100px;
	border-radius: 20px;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
	overflow: hidden;
	
}
.verify-hd {
	padding: 40px 0;
	text-align: center;
	background: #eefff6;
	color: #2ecd79;
	font-size: 1.2em;
}
.verify-no {
	background: #fff5e8;
	color: #ffad8e;
}
.verify-hd i {
	font-size: 2em;
}
.verify-hd span {
	display: block;
}
.verify-main {
	padding: 10px 20px
}
.verify-main ul {
	list-style: none;
}
.verify-main ul li {
	border-bottom: 1px solid #f5f5f5;
	padding: 10px 0;
	font-size: 1.2em
}
.verify-main ul li:last-child {
	border: none
}
.verify-main ul li span {
	color: #999;
}
.verify-ft {
	border-top: 1px solid #f5f5f5;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}
.verify-tel {
	font-size: 1.2em;
}

/*  */
#karnameh-form .send-btn {
	margin: 0 auto;
	display: block;
}
.input-box > .label {
	color: #2ecd79;
}