@font-face {
	font-family: IranYekan;
	font-style: normal;
	font-weight: 400;
	src: url(../font/IranYekan/iranyekanwebregular.eot);
	src: url(../font/IranYekan/iranyekanwebregular.eot?#iefix) format("embedded-opentype"), url(../font/IranYekan/iranyekanwebregular.woff2) format("woff2"), url(../font/IranYekan/iranyekanwebregular.woff) format("woff"), url(../font/IranYekan/iranyekanwebregular.ttf) format("truetype")
}

@font-face {
	font-family: YekanBakhHeavy;
	font-style: normal;
	font-weight: 300;
	src: url(../font/YekanBakhHeavy/YekanBakhHeavy.eot?7ac2e35410bdea7a046b38a888527e7a);
	src: url(../font/YekanBakhHeavy/YekanBakhHeavy.eot?7ac2e35410bdea7a046b38a888527e7a) format("embedded-opentype"), url(../font/YekanBakhHeavy/YekanBakhHeavy.woff?42e3e11833ebe263fa34844ce2da1fe5) format("woff"), url(../font/YekanBakhHeavy/YekanBakhHeavy.ttf?9a3fab302bcfc21efdebe329fd2a7f25) format("truetype")
}

@font-face {
	font-family: YekanBakhMedium;
	font-style: normal;
	font-weight: 300;
	src: url(../font/YekanBakhMedium/YekanBakhMedium.eot?7ac2e35410bdea7a046b38a888527e7a);
	src: url(../font/YekanBakhMedium/YekanBakhMedium.eot?7ac2e35410bdea7a046b38a888527e7a) format("embedded-opentype"), url(../font/YekanBakhMedium/YekanBakhMedium.woff?42e3e11833ebe263fa34844ce2da1fe5) format("woff"), url(../font/YekanBakhMedium/YekanBakhMedium.ttf?9a3fab302bcfc21efdebe329fd2a7f25) format("truetype")
}

body {
    font-family: IranYekan;
    font-size: 14px;
    overflow-x: hidden;
    background: #fff;
    color: #585858;
    padding: 0; /* موبایل فاصله صفر */
}

@media (min-width: 768px) {
    body {
        padding: 0 70px; /* از تبلت و دسکتاپ به بعد فاصله داشته باشه */
    }
}

a,
a:focus,
a:visited {
	outline: none;
	text-decoration: none
}

a {
	transition: all .5s ease;
	color: #13c4a1
}

a:hover {
	text-decoration: none;
	color: #fd5052
}

button,
input,
textarea {
	outline: none !important
}

input,
textarea {
	border: none;
	padding: 5px;
	color: #333
}

.text-ltr {
	display: inline-block;
	direction: ltr
}

.en {
	font-family: tahoma
}

.ltr {
	direction: ltr;
	text-align: left
}

.tahoma {
	font-family: Tahoma !important
}

.text-primary {
	color: #44d7b6 !important
}

h2 {
	font-family: YekanBakhHeavy;
	padding: 0;
	margin: 0
}

ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.container-fluid {
	max-width: 1400px
}

@media screen and (min-width:1700px) {
	.container-fluid {
		max-width: 1600px
	}
}

.section {
	padding: 20px 0;
	overflow: hidden
}

@media screen and (min-width:992px) {
	.section {
		padding: 50px 0;
		overflow: visible
	}
}

.section-title {
	position: relative;
	text-align: center;
	margin: 10px 0 50px;
	padding: 0 0 30px;
	font-family: YekanBakhHeavy;
	font-size: 25px;
	line-height: 130%;
	color: #1f1f1f
}

@media screen and (min-width:992px) {
	.section-title {
		margin: 50px 0 100px;
		font-size: 35px;
		padding: 0 0 50px
	}
}

.section-title:after,
.section-title:before {
	content: "";
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto
}

.section-title:before {
	height: 2px;
	max-width: 200px;
	background: #44d7b6
}

.section-title:after {
	bottom: -3px;
	width: 15px;
	height: 15px;
	bottom: -6px;
	background: #fff;
	border: 2px solid #44d7b6;
	transform: rotate(45deg)
}

.section-content {
	position: relative;
	z-index: 1
}

.section-text {
	color: #5c5c5c;
	font-size: 16px;
	line-height: 200%
}

.section-sub-title {
	font-size: 18px;
	font-weight: 700;
	color: #5c5c5c;
	margin: 35px 0 15px
}

.box {
	transition: all .5s ease;
	box-shadow: 0 5px 25px rgba(88, 88, 88, .07);
	background: #fff;
	border-radius: 20px;
	margin-bottom: 25px
}

.box-page {
	margin-bottom: 30px
}

.box-page .box-image img {
	max-width: 100%;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.box-page .box-content {
	padding: 15px
}

.box-page .box-title,
.box-page a.box-title {
	display: inline-block;
	font-size: 15px;
	color: #5c5c5c;
	font-weight: 700;
	margin-bottom: 15px
}

.box-page a.box-title:visited {
	color: #5c5c5c
}

.box-page a.box-title:hover {
	color: #44d7b6
}

.box-page .box-text {
	line-height: 200%
}

.box-page-hr {
	display: flex;
	flex-direction: column
}

@media screen and (min-width:768px) {
	.box-page-hr {
		flex-direction: row
	}
}

@media screen and (min-width:768px) {
	.box-page-hr .box-image img {
		border-radius: 15px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		width: 250px;
		height: 250px;
		-o-object-fit: cover;
		object-fit: cover
	}
}

.ibtn {
	transition: all .5s ease;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	border: none;
	font-size: 14px;
	border-radius: 50px;
	padding: 8px 25px;
	text-align: center
}

.ibtn .icon,
.ibtn .text {
	margin: 0 5px
}

.ibtn .icon {
	font-size: 20px
}

.ibtn.ibtn-md {
	height: 45px;
	padding: 6px 15px
}

.ibtn-primary,
a.ibtn-primary {
	background: #13c4a1;
	background: -webkit-gradient(left top, right bottom, color-stop(0, #13c4a1), color-stop(100%, #44d7b7));
	background: linear-gradient(135deg, #13c4a1, #44d7b7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#13c4a1", endColorstr="#44d7b7", GradientType=1);
	box-shadow: 0 5px 25px rgba(19, 196, 161, .25);
	color: #fff !important
}

.ibtn-primary:active,
.ibtn-primary:visited,
a.ibtn-primary:active,
a.ibtn-primary:visited {
	color: #fff !important
}

.ibtn-primary:hover,
a.ibtn-primary:hover {
	box-shadow: 0 5px 25px rgba(19, 196, 161, .25);
	box-shadow: 0 5px 35px rgba(19, 196, 161, .45)
}

.ibtn-white,
a.ibtn-white {
	box-shadow: 0 5px 25px rgba(19, 196, 161, .15)
}

.ibtn-white,
.ibtn-white:active,
.ibtn-white:visited,
a.ibtn-white,
a.ibtn-white:active,
a.ibtn-white:visited {
	background: #fff !important;
	color: #00000 !important
}

.ibtn-white:hover,
a.ibtn-white:hover {
	box-shadow: 0 5px 25px rgba(19, 196, 161, .22)
}

.ibtn-border-white,
a.ibtn-border-white {
	background: transparent;
	border: 2px solid #fff;
	color: #fff
}

.ibtn-border-white:active,
.ibtn-border-white:visited,
a.ibtn-border-white:active,
a.ibtn-border-white:visited {
	color: #fff;
	background: transparent
}

.ibtn-border-white:hover,
a.ibtn-border-white:hover {
	color: #fff;
	background: hsla(0, 0%, 100%, .1)
}

.link-more {
	display: inline-flex;
	align-items: center
}

.link-more .icon {
	position: relative;
	top: 2px;
	margin-right: 10px
}

label {
	font-weight: 700;
	cursor: pointer
}

.custom-select,
.form-control {
	box-shadow: none;
	border-width: 1px;
	border-radius: 15px
}

.custom-select:focus,
.form-control:focus {
	border-color: #44d7b6;
	box-shadow: none
}

.input-group-text a,
.input-group-text a:visited {
	font-size: 13px;
	color: #666
}

.input-group-text a:hover {
	color: #44d7b6
}

.pagination {
	margin: 30px 0;
	width: 100%;
	justify-items: center;
	justify-content: center
}

.pagination li {
	display: inline-block
}

.pagination li .page-link {
	display: inline-block;
	margin: 5px;
	border-radius: 15px !important;
	padding: 15px 25px;
	background: #fff;
	box-shadow: 0 5px 25px rgba(88, 88, 88, .07);
	border: 1px solid #fafafa;
	color: #44d7b6
}

.pagination li .page-link.active {
	color: #fd5052
}

.pagination li .page-link:hover {
	color: #fd5052;
	box-shadow: 0 5px 25px rgba(88, 88, 88, .15)
}

.table.table-data {
	border-collapse: separate
}

.table.table-data td,
.table.table-data th {
	border: none
}

.table.table-data td:first-child,
.table.table-data th:first-child {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px
}

.table.table-data td:last-child,
.table.table-data th:last-child {
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px
}

.table.table-data th {
	background: #d1f7ee;
	color: #13c4a1
}

.table.table-data td {
	background: #f8f8f8;
	color: #5c5c5c
}

.table.table-hover tr:hover td {
	background: #f4f4f4
}

@media screen and (max-width:992px) {

	.tbl-responsive table,
	.tbl-responsive tbody,
	.tbl-responsive td,
	.tbl-responsive th,
	.tbl-responsive thead,
	.tbl-responsive tr {
		display: block
	}

	.tbl-responsive tr th {
		display: none
	}

	.tbl-responsive tr td {
		border: none;
		text-align: center
	}

	.tbl-responsive tr td:last-child {
		padding-bottom: 20px;
		border-bottom: 2px solid #eee
	}
}

body:before {
	content: "";
	position: absolute;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: #fff;
	background: -webkit-gradient(left bottom, right top, color-stop(0, #fff), color-stop(68%, hsla(0, 0%, 100%, .42)), color-stop(100%, rgba(68, 215, 183, .15)));
	background: linear-gradient(45deg, #fff, hsla(0, 0%, 100%, .42) 68%, rgba(68, 215, 183, .15));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#44d7b7", GradientType=1);
	top: 0
}

#section-header {
	position: relative;
	z-index: 999;
	color: #1f1f1f;
	padding: 0
}

#section-header.index:after {
	content: "";
	width: 750px;
	height: 750px;
	border-radius: 50%;
	background: #fff;
	background: -webkit-gradient(left bottom, right top, color-stop(0, #fff), color-stop(50%, hsla(0, 0%, 100%, .95)), color-stop(84%, hsla(0, 0%, 97.3%, .92)), color-stop(100%, hsla(0, 0%, 97.3%, .9)));
	background: linear-gradient(45deg, #fff, hsla(0, 0%, 100%, .95) 50%, hsla(0, 0%, 97.3%, .92) 84%, hsla(0, 0%, 97.3%, .9));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f8f8f8", GradientType=1);
	position: absolute;
	left: -150px;
	bottom: 0
}

#header-navbar {
	position: relative;
	background: transparent !important;
	margin: 0;
	padding: 20px 0;
	transition: all .5s ease
}

#header-navbar:after {
	content: "";
	width: 400px;
	height: 200px;
	position: absolute;
	top: -170px;
	left: -150px;
	z-index: -1;
	border-radius: 50%;
	background: #44b0d7;
	background: -webkit-gradient(left top, right bottom, color-stop(0, #44b0d7), color-stop(100%, #44d7b7));
	background: linear-gradient(135deg, #44b0d7, #44d7b7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#44b0d7", endColorstr="#44d7b7", GradientType=1)
}

@media screen and (min-width:992px) {
	#header-navbar:after {
		width: 550px;
		height: 250px;
		top: -165px;
		left: 15px
	}
}

#header-navbar.fixed {
	position: fixed;
	width: 100%;
	top: -100px;
	opacity: 0;
	right: 0;
	padding: 10px 20px;
	z-index: 9999;
	background: hsla(0, 0%, 100%, .85) !important;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	box-shadow: 0 5px 20px hsla(0, 0%, 39.2%, .07)
}

#header-navbar.fixed.show {
	top: 0;
	opacity: 1
}

#header-navbar.fixed .navbar>*,
#header-navbar.fixed>* {
	visibility: visible !important
}

#header-navbar.fixed+.header-main {
	padding-top: 100px
}

#header-navbar.fixed+#header-main {
	padding-top: 165px
}

#header-navbar.fixed .navbar-brand .header-logo {
	max-width: 200px !important
}

#header-navbar.fixed .dropdown-menu {
	top: 50px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background: hsla(0, 0%, 100%, .85) !important;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px)
}

#header-navbar.fixed .navbar-meta .ibtn-border-white {
	border-color: #44d7b6;
	color: #44d7b6
}

#header-navbar.fixed .navbar-meta .ibtn-border-white:visited {
	color: #44d7b6
}

#header-navbar.fixed .navbar-meta .ibtn-border-white:hover {
	background: rgba(68, 215, 182, .1)
}

#header-navbar.fixed:after {
	display: none
}

@media screen and (min-width:1200px) {
	#header-navbar .navbar-brand {
		margin-left: 40px
	}
}

#header-navbar .navbar-brand .header-logo {
	max-width: 200px;
	margin-left: 5px
}

@media screen and (min-width:1500px) {
	#header-navbar .navbar-brand .header-logo {
		max-width: 250px
	}
}

#header-navbar .navbar-nav {
	margin-right: 0 !important;
	margin-left: auto
}

#header-navbar .navbar-nav .nav-item {
	margin: 0 0 10px
}

@media screen and (min-width:1200px) {
	#header-navbar .navbar-nav .nav-item {
		margin: 0 0 0 40px
	}
}

@media screen and (min-width:1500px) {
	#header-navbar .navbar-nav .nav-item {
		margin: 0 0 0 50px
	}
}

#header-navbar .navbar-nav .nav-item .nav-link {
	color: #1f1f1f;
	padding: 0;
	margin-bottom: 10px
}

@media screen and (minw-width:992px) {
	#header-navbar .navbar-nav .nav-item .nav-link {
		margin-bottom: 0
	}
}

@media screen and (min-width:1500px) {
	#header-navbar .navbar-nav .nav-item .nav-link {
		font-size: 15px
	}
}

#header-navbar .navbar-nav .nav-item .nav-link:visited {
	color: #1f1f1f
}

#header-navbar .navbar-nav .nav-item .nav-link:hover {
	color: #13c4a1
}

#header-navbar .navbar-nav .nav-item.active .nav-link {
	display: inline-block;
	color: #1f1f1f;
	position: relative;
	color: #44d7b6
}

@media screen and (min-width:992px) {
	#header-navbar .navbar-nav .nav-item.active .nav-link {
		color: #1f1f1f
	}

	#header-navbar .navbar-nav .nav-item.active .nav-link:after {
		content: "";
		width: 25px;
		height: 3px;
		background: #44d7b6;
		border-radius: 10px;
		position: absolute;
		bottom: -10px;
		right: 0
	}
}

#header-navbar .navbar-meta li {
	display: inline-block
}

@media screen and (min-width:1500px) {
	#header-navbar .navbar-meta .ibtn {
		min-width: 150px
	}
}

@media screen and (min-width:1500px) {
	#header-navbar .navbar-meta .ibtn .text {
		font-size: 16px
	}
}

@media screen and (min-width:1200px) {
	#header-navbar .navbar-meta .ibtn-white {
		margin-right: 10px
	}
}

#header-navbar .navbar-meta .ibtn-border-white {
	border-color: #44d7b6;
	color: #44d7b6
}

#header-navbar .navbar-meta .ibtn-border-white:visited {
	color: #44d7b6
}

#header-navbar .navbar-meta .ibtn-border-white:hover {
	background: rgba(68, 215, 182, .1)
}

@media screen and (min-width:992px) {
	#header-navbar .navbar-meta .ibtn-border-white {
		color: #fff;
		border-color: #fff
	}

	#header-navbar .navbar-meta .ibtn-border-white:visited {
		color: #fff;
		background: hsla(0, 0%, 100%, .1)
	}
}

#header-navbar li.dropdown.show .nav-link {
	color: #44d7b6 !important
}

#header-navbar .dropdown-toggle:after {
	border: none;
	content: "\e908";
	font-family: mizbanpay;
	font-size: 10px;
	position: absolute;
	left: -15px;
	top: 6px
}

#header-navbar .dropdown-menu {
	min-width: 180px;
	border-radius: 15px;
	border: none;
	padding: 0 0 10px;
	z-index: 999
}

@media screen and (min-width:992px) {
	#header-navbar .dropdown-menu {
		padding: 10px;
		top: 30px;
		right: -5px;
		box-shadow: 0 10px 20px rgba(88, 88, 88, .05)
	}
}

#header-navbar .dropdown-menu .dropdown-item {
	font-size: 14px;
	color: #585858;
	padding: 8px 12px;
	background: transparent
}

#header-navbar .dropdown-menu .dropdown-item:visited {
	color: #585858
}

#header-navbar .dropdown-menu .dropdown-item:hover {
	color: #fd5052
}

@media screen and (max-width:992px) {
	#header-navbar .navbar-collapse {
		background: hsla(0, 0%, 100%, .9);
		border-radius: 20px;
		padding: 15px;
		margin-top: 10px
	}
}

#header-main {
	display: flex;
	flex-direction: column;
	padding: 20px 0 0
}

@media screen and (min-width:992px) {
	#header-main {
		align-items: center;
		flex-direction: row;
		padding: 80px 0
	}
}

@media screen and (min-width:1500px) {
	#header-main {
		min-height: 400px
	}
}

#header-main .header-main-text {
	flex: 50;
	text-align: center
}

@media screen and (min-width:992px) {
	#header-main .header-main-text {
		text-align: right;
		padding-right: 30px
	}
}

#header-main .header-main-text>.sub-title {
	display: inline-block;
	background: #e2f8f3;
	padding: 7px 15px;
	border-radius: 15px;
	border-top-right-radius: 0;
	color: #7dc2ba;
	margin-bottom: 10px
}

#header-main .header-main-text>.title {
	color: #13c4a1;
	line-height: 130%;
	font-size: 25px
}

@media screen and (min-width:992px) {
	#header-main .header-main-text>.title {
		font-size: 40px
	}
}

@media screen and (min-width:1500px) {
	#header-main .header-main-text>.title {
		font-size: 45px
	}
}

#header-main .header-main-text>.description {
	font-size: 14px;
	color: #1f1f1f;
	line-height: 200%;
	margin: 15px 0
}

@media screen and (min-width:1200px) {
	#header-main .header-main-text>.description {
		margin: 20px 0 30px;
		padding-left: 70px;
		font-size: 15px
	}
}

#header-main .header-main-text>.buttons {
	display: flex;
	align-items: center;
	justify-content: center
}

@media screen and (min-width:992px) {
	#header-main .header-main-text>.buttons {
		justify-content: right
	}
}

@media screen and (min-width:992px) {
	#header-main .header-main-text>.buttons .ibtn-primary {
		font-size: 15px
	}
}

#header-main .header-main-text>.list-logo {
	display: flex;
	margin: 50px 0
}

#header-main .header-main-text>.list-logo li {
	margin: 10px
}

@media screen and (min-width:992px) {
	#header-main .header-main-text>.list-logo li {
		margin: 10px 10px 10px 50px
	}
}

#header-main .header-main-text>.list-logo li img {
	max-width: 60px
}

@media screen and (min-width:992px) {
	#header-main .header-main-text>.list-logo li img {
		max-width: 100px
	}
}

#header-main .header-main-image {
	flex: 50;
	margin-bottom: 20px
}

@media screen and (min-width:992px) {
	#header-main .header-main-image {
		margin-bottom: 0
	}
}

#header-main .header-main-image img {
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
	display: block
}

@media screen and (min-width:992px) {
	#header-main .header-main-image img {
		max-width: 95%
	}
}

#header-features {
	padding: 0 0 40px
}

@media screen and (min-width:992px) {
	#header-features {
		padding: 0 0 80px
	}
}

.box-feature {
	background: #fff;
	padding: 15px;
	border: 1px solid #ebebeb;
	border-radius: 15px;
	margin-bottom: 25px;
	box-shadow: 0 15px 30px rgba(88, 88, 88, .07);
	transition: all .5s ease
}

@media screen and (min-width:992px) {
	.box-feature {
		margin-bottom: 0
	}
}

.box-feature .box-icon {
	color: #13c4a1;
	font-size: 45px;
	position: relative
}

@media screen and (min-width:992px) {
	.box-feature .box-icon {
		font-size: 60px
	}
}

.box-feature .box-icon:after {
	content: "";
	width: 45px;
	height: 45px;
	position: absolute;
	top: 6px;
	right: -5px;
	border-radius: 50%;
	background: #f5f5f5;
	z-index: 0
}

@media screen and (min-width:992px) {
	.box-feature .box-icon:after {
		width: 65px;
		height: 65px
	}
}

.box-feature .box-icon .icon {
	position: relative;
	z-index: 1;
	margin-right: 5px
}

.box-feature .box-title {
	font-size: 16px;
	font-weight: 700;
	margin: 5px 0 10px;
	transition: all .5s ease
}

@media screen and (min-width:992px) {
	.box-feature .box-title {
		font-size: 18px;
		margin: 10px 0 20px
	}
}

.box-feature .box-text {
	overflow: hidden;
	color: #585858;
	font-size: 14px;
	line-height: 200%
}

@media screen and (min-width:768px) {
	.box-feature .box-text {
		height: 100px
	}
}

@media screen and (min-width:992px) {
	.box-feature .box-text {
		height: 140px
	}
}

@media screen and (min-width:1200px) {
	.box-feature .box-text {
		height: 120px
	}
}

@media screen and (min-width:1500px) {
	.box-feature .box-text {
		height: 100px
	}
}

.box-feature:hover {
	box-shadow: 0 20px 40px rgba(88, 88, 88, .1)
}

.box-feature:hover .box-title {
	color: #44d7b6
}

#section-descriptions {
	min-height: 800px;
	background: #f8f8f8;
	background: -webkit-gradient(left top, left bottom, color-stop(0, #f8f8f8), color-stop(100%, #fff));
	background: linear-gradient(180deg, #f8f8f8 0, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8", endColorstr="#ffffff", GradientType=0)
}

#section-descriptions .box-description:last-child {
	margin-bottom: 0 !important
}

.box-description {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 50px
}

@media screen and (min-width:992px) {
	.box-description {
		flex-direction: row
	}
}

.box-description .box-image {
	max-width: 400px
}

@media screen and (min-width:992px) {
	.box-description .box-image {
		flex: 45;
		max-width: 100%
	}
}

.box-description .box-image img {
	width: 100%;
	margin: 0 auto
}

.box-description .box-content {
	text-align: center;
	margin-top: 20px
}

@media screen and (min-width:992px) {
	.box-description .box-content {
		flex: 55;
		text-align: right;
		margin-top: 0
	}
}

@media screen and (min-width:1200px) {
	.box-description .box-content {
		padding-right: 150px
	}
}

.box-description .box-content .box-title {
	font-size: 28px;
	color: #1f1f1f
}

@media screen and (min-width:992px) {
	.box-description .box-content .box-title {
		font-size: 35px
	}
}

.box-description .box-content .box-text {
	font-size: 15px;
	color: #585858;
	line-height: 200%;
	margin: 15px 0 20px
}

@media screen and (min-width:992px) {
	.box-description .box-content .box-text {
		margin: 30px 0 40px
	}
}

.box-description .box-content .box-links {
	text-align: center
}

@media screen and (min-width:992px) {
	.box-description .box-content .box-links {
		text-align: right
	}
}

@media screen and (min-width:992px) {
	.box-description.box-reverse {
		flex-direction: row-reverse
	}
}

@media screen and (min-width:1200px) {
	.box-description.box-reverse .box-content {
		padding-right: 0;
		padding-left: 150px
	}
}

.box-gate-step {
	margin-bottom: 50px;
	position: relative
}

.box-gate-step.border-bottom {
	border: none !important
}

@media screen and (min-width:992px) {
	.box-gate-step {
		text-align: center
	}

	.box-gate-step:before {
		content: "";
		width: 100%;
		border-radius: 100%;
		height: 170px;
		position: absolute;
		border-top: 2px dashed #e6e6e6;
		right: 55%;
		bottom: 0;
		z-index: -1
	}

	.box-gate-step.border-bottom {
		border: none !important
	}

	.box-gate-step.border-bottom:before {
		border-top: none;
		border-bottom: 2px dashed #e6e6e6
	}

	.box-gate-step.border-0:before {
		border: none;
		display: none
	}
}

.box-gate-step .box-sub-title {
	position: relative;
	font-size: 12px;
	color: #888;
	font-weight: 700;
	padding: 20px 25px 30px 0
}

@media screen and (min-width:992px) {
	.box-gate-step .box-sub-title {
		font-size: 14px;
		padding-right: 55px;
		font-size: 15px
	}
}

.box-gate-step .box-sub-title:after {
	content: "";
	width: 60px;
	height: 60px;
	position: absolute;
	margin: auto;
	right: 0;
	top: 0;
	z-index: -1;
	background: #f6f6f6;
	border-radius: 50%
}

@media screen and (min-width:992px) {
	.box-gate-step .box-sub-title:after {
		left: 0
	}
}

.box-gate-step .box-title {
	color: #44d7b6;
	font-size: 14px;
	font-weight: 700
}

@media screen and (min-width:992px) {
	.box-gate-step .box-title {
		font-size: 16px
	}
}

@media screen and (min-width:1200px) {
	.box-gate-step .box-title {
		font-size: 15px;
		padding-right: 100px
	}
}

@media screen and (min-width:1500px) {
	.box-gate-step .box-title {
		font-size: 18px;
		padding-right: 130px
	}
}

#section-why .section-why-col-text {
	text-align: center;
	margin-bottom: 50px
}

@media screen and (min-width:992px) {
	#section-why .section-why-col-text {
		text-align: right;
		margin-bottom: 0
	}
}

@media screen and (min-width:1500px) {
	#section-why .section-why-col-text {
		padding-left: 100px
	}
}

#section-why .section-why-col-text>.title {
	font-size: 28px;
	color: #1f1f1f
}

@media screen and (min-width:992px) {
	#section-why .section-why-col-text>.title {
		font-size: 40px
	}
}

#section-why .section-why-col-text>.text {
	font-size: 16px;
	color: #585858;
	line-height: 200%;
	margin: 20px 0
}

@media screen and (min-width:992px) {
	#section-why .section-why-col-text>.text {
		margin: 40px 0 50px
	}
}

#section-why .section-why-col-text .buttons .ibtn {
	min-width: 160px
}

.box-why {
	margin-bottom: 50px
}

.box-why,
.box-why .box-icon {
	display: flex;
	align-items: center
}

.box-why .box-icon {

	width: 100px;
	height: 100px;
	background: hsla(0, 0%, 100%, 0);
	background: -webkit-gradient(left bottom, right top, color-stop(0, hsla(0, 0%, 100%, 0)), color-stop(79%, #e8fef9), color-stop(100%, #e2fef7));
	background: linear-gradient(45deg, hsla(0, 0%, 100%, 0), #e8fef9 79%, #e2fef7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e2fef7", GradientType=1);
	margin-left: 20px;
	border-radius: 50%;
	justify-content: center
}

@media screen and (min-width:992px) {
	.box-why .box-icon {
		width: 120px;
		height: 120px
	}
}

.box-why .box-icon .icon {
	font-size: 50px;
	color: #44d7b6
}

.box-why .box-content {
	flex: 1
}

.box-why .box-content .box-title {
	font-size: 14px;
	font-weight: 700;
	color: #1f1f1f;
	margin-bottom: 10px
}

@media screen and (min-width:992px) {
	.box-why .box-content .box-title {
		font-size: 16px
	}
}

.box-why .box-content .box-text {
	line-height: 200%
}

#section-need-gate {
	padding-top: 0
}

#section-need-gate .section-content {
	position: relative;
	border-radius: 30px;
	background: #44d7b6 url(../img/bg-need-gate.jpg) no-repeat 50%;
	background-size: cover;
	padding: 15px;
	margin: 0
}

#section-need-gate .section-content:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: #44b0d7;
	background: -webkit-gradient(left top, right bottom, color-stop(0, #44b0d7), color-stop(100%, #44d7b7));
	background: linear-gradient(135deg, #44b0d7, #44d7b7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#44b0d7", endColorstr="#44d7b7", GradientType=1);
	border-radius: 30px;
	z-index: -2;
	opacity: .9
}

#box-need-gate {
	position: relative;
	z-index: 1;
	border-radius: 30px;
	border: 1px solid hsla(0, 0%, 100%, .2);
	padding: 40px 30px;
	line-height: 200%;
	color: #fff;
	text-align: center
}

@media screen and (min-width:992px) {
	#box-need-gate {
		padding: 60px 30px
	}
}

#box-need-gate>.title {
	font-family: YekanBakhHeavy;
	font-size: 25px
}

@media screen and (min-width:992px) {
	#box-need-gate>.title {
		font-size: 45px
	}
}

#box-need-gate>.description {
	font-size: 16px;
	margin: 20px 0
}

@media screen and (min-width:992px) {
	#box-need-gate>.description {
		font-size: 18px;
		margin: 40px 0
	}
}

#section-footer {
	padding-bottom: 0
}

.box-footer {
	margin-bottom: 25px
}

@media screen and (min-width:992px) {
	.box-footer {
		margin-bottom: 0
	}
}

.box-footer .box-title {
	font-family: YekanBakhHeavy;
	font-size: 16px;
	color: #1f1f1f;
	margin-bottom: 20px
}

.box-footer .list-links li {
	margin-bottom: 15px
}

.box-footer .list-links li:last-child {
	margin-bottom: 0
}

.box-footer .list-links a,
.box-footer .list-links a:visited {
	color: #888
}

.box-footer .list-links a .icon,
.box-footer .list-links a:visited .icon {
	color: #44d7b6;
	transition: all .5s ease;
	position: relative;
	top: 4px;
	font-size: 16px;
	margin-left: 5px
}

.box-footer .list-links a:hover {
	color: #999
}

.box-footer .list-links a:hover .icon {
	color: #fd5052
}

#box-footer-about .logo {
	max-width: 160px
}

#box-footer-about .text {
	font-size: 13px;
	line-height: 200%;
	margin: 30px 0
}

#box-footer-about .social-links li {
	display: inline-block;
	margin-left: 10px
}

#box-footer-about .social-links a,
#box-footer-about .social-links a:visited {
	width: 50px;
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
	color: #b9b9b9;
	border-radius: 50%
}

#box-footer-about .social-links a .icon,
#box-footer-about .social-links a:visited .icon {
	font-size: 20px
}

#box-footer-about .social-links a:hover {
	background: #44d7b6;
	color: #fff
}

#box-footer-contact .list-contact li {
	margin-bottom: 15px
}

@media screen and (min-width:992px) {
	#box-footer-contact .list-contact li.item-phone {
		display: inline-block;
		margin-left: 30px
	}
}

@media screen and (min-width:992px) {
	#box-footer-contact .list-contact li.item-email {
		display: inline-block
	}
}

#box-footer-contact .list-contact .title {
	margin-bottom: 10px
}

#box-footer-contact .list-contact .title .icon {
	color: #44d7b6;
	font-size: 20px;
	position: relative;
	top: 4px;
	margin-left: 3px
}

#box-footer-contact .list-contact .title .text {
	font-size: 13px;
	color: #a4a4a4
}

#box-footer-contact .list-contact .value {
	font-size: 15px;
	color: #828282;
	padding-right: 28px
}

#box-footer-contact .list-contact .value a,
#box-footer-contact .list-contact .value a:visited {
	color: #828282
}

#box-footer-contact .list-contact .value a:hover {
	color: #44d7b6
}

#footer-bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	border-top: 1px solid #eaeaea;
	margin-top: 45px;
	padding: 10px 0
}

@media screen and (min-width:992px) {
	#footer-bottom {
		flex-direction: row
	}
}

#footer-bottom .footer-bottom-text {
	text-align: center
}

@media screen and (min-width:992px) {
	#footer-bottom .footer-bottom-text {
		flex: 1;
		text-align: right
	}
}

#footer-bottom .footer-bottom-text .list-main-links {
	margin-bottom: 20px
}

#footer-bottom .footer-bottom-text .list-main-links li {
	margin-bottom: 10px
}

@media screen and (min-width:992px) {
	#footer-bottom .footer-bottom-text .list-main-links li {
		display: inline-block;
		margin-left: 20px
	}
}

@media screen and (min-width:1200px) {
	#footer-bottom .footer-bottom-text .list-main-links li {
		margin-left: 40px
	}
}

#footer-bottom .footer-bottom-text .list-main-links a,
#footer-bottom .footer-bottom-text .list-main-links a:visited {
	font-size: 15px;
	color: #5c5c5c
}

#footer-bottom .footer-bottom-text .list-main-links a:hover {
	color: #13c4a1
}

#footer-bottom .footer-bottom-text .copyright {
	font-size: 13px;
	color: #bbb
}

#footer-bottom .footer-bottom-meta {
	text-align: center
}

@media screen and (min-width:992px) {
	#footer-bottom .footer-bottom-meta {
		flex: 1;
		text-align: left
	}
}

#footer-bottom .footer-bottom-meta .list-trust-symbols li {
	display: inline-block
}

@media screen and (min-width:992px) {
	#footer-bottom .footer-bottom-meta .list-trust-symbols li {
		margin-left: 10px
	}

	#footer-bottom .footer-bottom-meta .list-trust-symbols li:last-child {
		margin-left: 0
	}
}

#footer-bottom .footer-bottom-meta .list-trust-symbols li img {
	width: 75px
}

.section-page {
	min-height: 500px
}

.section-page .section-title {
	padding-bottom: 40px;
	margin-bottom: 50px
}

.section-page .section-title .title {
	font-size: 30px
}

/*# sourceMappingURL=all.css.map */