@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&display=swap&subset=latin-ext);

html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}

body {
	-webkit-font-smoothing: antialiased
}

@media(max-width: 991.98px) {
	.container {
		max-width: 101%
	}
}

.img-full-width {
	width: 100%
}

.img-hover {
	opacity: .8;
	transition: .2s all
}

.img-hover:hover {
	opacity: 1
}

.table tr:first-child th,
.table tr:first-child td {
	border-top: none
}

.table.th-slim th {
	padding-left: 0
}

.overflow-hidden {
	overflow: hidden
}

.loading {
	display: none;
	vertical-align: middle
}

.loading i {
	vertical-align: middle
}

.loading svg {
	height: 40px;
	width: 40px
}

.text-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.svg svg {
	height: 24px
}

.svg32 svg {
	height: 32px
}

.pointer {
	cursor: pointer
}

nav.navbar {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1040;
	padding: 1rem
}

nav.navbar .navbar-collapse>div {
	width: 100%
}

nav.navbar .navbar-collapse.show>.content {
	max-height: 93vh;
	overflow: auto
}

nav.navbar .nav-item {
	display: inline-flex;
	align-items: center;
	flex-flow: row wrap
}

nav.navbar a.nav-link {
	color: rgba(0, 0, 0, .7);
	font-weight: 600;
	padding-left: 0 !important;
	padding-right: 0 !important
}

nav.navbar a.nav-link .text {
	display: none
}

nav.navbar a.nav-link svg {
	height: 22px
}

nav.navbar .nav-item:hover a.nav-link {
	color: #d79b04;
	opacity: 1
}

nav.navbar .navbar-toggler svg {
	height: 24px
}

nav.navbar .container {
	position: relative;
	white-space: nowrap
}

nav.navbar .dropdown-item {
	border: none;
	background: transparent;
	border-radius: .25rem;
	transform: scale(1);
	padding: 1.2rem 1.6rem;
	transition: all .2s ease-in-out;
	font-weight: 500;
	margin-top: -1rem;
	position: relative
}

nav.navbar .dropdown-item img,
nav.navbar .dropdown-item svg {
	width: 50px;
	max-height: 50px;
	font-size: 2.1rem;
	align-self: center;
	text-align: center
}

nav.navbar .dropdown-item i {
	margin-right: 1rem;
	color: #fbc02d;
	font-size: 1.3rem;
	align-self: center;
	text-align: center;
	width: 2rem
}

nav.navbar .dropdown-item h4 {
	font-size: 1.1rem;
	font-weight: 500;
	margin: 0;
	line-height: 22px
}

nav.navbar .dropdown-item .desc {
	font-weight: 400;
	font-size: .95rem;
	line-height: 1.3rem;
	color: #444;
	margin-top: .25rem;
	display: block;
	opacity: .8
}

nav.navbar .dropdown-item:hover {
	background: #fff;
	transform: scale(1.06);
	border-color: rgba(3, 27, 78, .1);
	box-shadow: 0 0 15px 0 rgba(3, 27, 78, .1);
	z-index: 2
}

nav.navbar .dropdown-block {
	background: rgba(0, 0, 0, .05);
	padding-top: 1.5rem;
	padding-bottom: .5rem
}

nav.navbar .dropdown-block li a {
	padding: 1rem 1.6rem;
	font-size: 1rem
}

nav.navbar .dropdown-block li a:hover {
	background: transparent;
	transform: scale(1);
	border-color: transparent;
	box-shadow: none;
	color: #d79b04
}

nav.navbar hr {
	display: none
}

@keyframes lineEffect {
	0% {
		height: 0;
		opacity: 0
	}

	99% {
		height: 78px;
		opacity: 1
	}

	100% {
		height: auto
	}
}

@keyframes lineEffectSm {
	0% {
		height: 0;
		opacity: 0
	}

	99% {
		height: 62px;
		opacity: 1
	}

	100% {
		height: auto
	}
}

nav.navbar.fixed {
	background: #efede9;
	box-shadow: 0 0 30px 1px rgba(40, 40, 40, .5);
	position: fixed;
	padding: .5rem;
	animation-name: lineEffect;
	animation-duration: .4s
}

.logo {
	padding: 0;
	margin: 0;
	width: 480px;
	height: 86px;
	line-height: 0
}

.logo svg {
	max-height: 150px
}

@media(min-width: 768px) {
	.nav-item {
		padding: .5rem .7rem
	}

	.nav-item:hover .dropdown-menu {
		display: block;
		visibility: visible;
		transform: translate(0, 0);
		animation: none;
		pointer-events: auto;
		opacity: 1
	}

	.dropdown-menu {
		border: none;
		padding: 1rem 0 0;
		box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
		display: block;
		transition: visibility .25s, opacity .25s, transform .25s;
		transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
		pointer-events: none;
		opacity: 0
	}

	.dropdown-menu h4 {
		line-height: 1.7
	}
}

@media(max-width: 767.98px) {
	nav.navbar {
		align-items: flex-start
	}

	nav.navbar .nav-item {
		justify-content: center;
		flex-direction: column
	}

	nav.navbar .nav-item hr {
		width: 100%
	}

	nav.navbar .navbar-collapse {
		box-shadow: 0 0 30px 0 rgba(40, 40, 40, .3);
		width: 100%;
		background: #fff;
		border-radius: .3rem;
		position: absolute;
		top: 0;
		text-align: center
	}

	nav.navbar .navbar-collapse>div {
		width: 100%;
		padding: 1rem 1rem 0
	}

	nav.navbar .navbar-toggler {
		z-index: 2;
		padding: .75rem 1rem
	}

	nav.navbar .navbar-toggler:focus {
		outline: none
	}

	nav.navbar .navbar-toggler.collapsed {
		color: #fff
	}

	nav.navbar a.nav-link {
		font-size: 1.3rem;
		color: rgba(0, 0, 0, .85);
		display: flex;
		align-items: center
	}

	nav.navbar a.nav-link:hover {
		color: #000
	}

	nav.navbar a.nav-link i,
	nav.navbar a.nav-link svg {
		margin-right: 1rem
	}

	nav.navbar a.nav-link .text {
		display: inline-block
	}

	nav.navbar .nav-item {
		padding: .1rem
	}

	nav.navbar .dropdown-menu-center {
		transform: none
	}

	nav.navbar .dropdown-menu {
		border: none;
		display: none;
		padding: 1rem 0 0;
		border-radius: 0;
		width: 100%
	}

	nav.navbar .dropdown-menu .dropdown-item {
		overflow: hidden
	}

	nav.navbar .dropdown-menu h4 {
		line-height: 1.7
	}

	nav.navbar .btnregister {
		display: block
	}

	nav.navbar hr {
		display: block;
		margin: .5rem 0 1.5rem 0
	}

	nav.navbar.fixed {
		animation-name: lineEffectSm
	}

	nav.navbar .hrbottom {
		padding-bottom: 1.3rem
	}

	.logo {
		margin-left: .75rem
	}
}

footer {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden
}

footer .footersub {
	color: #fff;
	padding: 12rem 0 5rem
}

footer a {
	color: #ced4da
}

footer h4 {
	text-transform: uppercase;
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 20px;
	color: #fff
}

footer li {
	margin-bottom: .7rem
}

footer li a {
	font-size: .95rem
}

footer .social a {
	display: inline-block;
	line-height: 0;
	position: relative;
	margin-right: .2rem;
	font-size: 1.6rem;
	padding: .5rem .6rem;
	color: #212529;
	transition: all .2s ease-in-out
}

footer .social a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fbc02d;
	z-index: -1;
	border-radius: .25rem;
	transform: rotate(-5deg)
}

footer .social a:hover {
	color: #fff
}

footer .social a svg {
	height: 25px
}

footer .logo {
	margin-left: 0
}

.back-footer {
	background: #252525;
	position: absolute;
	width: 200%;
	height: 200%;
	z-index: -1;
	transform-origin: 100%;
	overflow: hidden;
	right: 0;
	top: 0;
	transform: rotate(-5deg);
	border-radius: 0 3rem 0 0
}

.copyright {
	position: relative;
	font-size: 1rem
}

.copyright:before {
	content: "";
	display: block;
	width: 80%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -40%;
	height: 1px;
	background: radial-gradient(ellipse at center, rgba(238, 239, 222, 0.2) 0, rgba(255, 255, 255, 0) 75%)
}

@media(max-width: 991.98px) {
	footer .back-footer {
		right: -2rem
	}
}

@media(max-width: 767.98px) {
	footer .footersub {
		padding: 7rem 0 2rem
	}

	.collogo {
		display: none
	}
}

@media(max-width: 575.98px) {
	footer .back-footer {
		transform: none
	}

	footer .footersub {
		padding: 6rem 0 2rem
	}
}

.section {
	display: inline-block;
	width: 100%;
	padding: 6rem 0;
	position: relative
}

.section .description {
	font-size: 1.3rem;
	margin-bottom: 3rem
}

.section-color {
	background: #f3f3f3
}

.section-color-dark {
	background: #efede9
}

.section-color-dark h1,
.section-color-dark h2,
.section-color-dark h3,
.section-color-dark h4,
.section-color-dark h5,
.section-color-dark h6 {
	color: #fff
}

.section-color-dark .description {
	opacity: .8
}

.section-color-green {
	background: linear-gradient(-190deg, #d79b04 0%, #fbc02d 100%)
}

.section-color-green h1,
.section-color-green h2,
.section-color-green h3,
.section-color-green h4,
.section-color-green h5,
.section-color-green h6 {
	color: #fff
}

.section-color-green .description {
	opacity: .9
}

.section-main {
	min-height: 600px;
	position: relative;
	flex-direction: column;
	justify-content: center;
	overflow: hidden
}

.section-main .description {
	font-size: 1.35rem;
	opacity: .8;
	margin-top: 2.5rem;
	margin-bottom: 0;
	max-width: 70%
}

.section-main .search-block {
	margin-top: 2.5rem
}

.section-main h1 {
	color: #333
}

.section-main .title {
	position: relative
}

.section-main .back-gradient {
	background: #efede9;
	position: absolute;
	width: 200%;
	height: 200%;
	left: 0;
	z-index: -1;
	-webkit-transform-origin: 0;
	transform-origin: 0;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	border-radius: 0 0 0 2rem;
	transform: rotate(-5deg);
	bottom: 0
}

.section-main .back-gradient:after {
	content: "";
	background: radial-gradient(closest-side at 30% 45%, #9c9b8778 0%, transparent 100%);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.section-main .back-gradient svg {
	width: 100%;
	position: relative
}

.section-main .main-image {
	position: absolute;
	height: 100%
}

.section-main .main-image span {
	position: absolute;
	max-width: 400px;
	width: 100%;
	right: 0;
	bottom: 0;
	top: 8rem;
	text-align: right
}

.section-main .main-image span img,
.section-main .main-image span svg {
	height: 100%;
	width: 100%
}

.section-main .title {
	color: #333
}

.section-main .title h1 {
	margin-bottom: 0;
	font-size: 3.5rem;
	font-weight: 300
}

.section-main .nav-pages {
	margin-top: 2.5rem;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	padding: 0
}

.section-main .nav-pages>li>a {
	display: block;
	margin: 0 2rem 0 0;
	padding-bottom: .5rem;
	color: #333;
	opacity: .7;
	font-weight: 600;
	position: relative
}

.section-main .nav-pages>li>a:hover {
	opacity: 1
}

.section-main .nav-pages>li>a.active,
.section-main .nav-pages>li>a[aria-expanded=true] {
	opacity: 1
}

.section-main .nav-pages>li>a.active:after,
.section-main .nav-pages>li>a[aria-expanded=true]:after {
	border-bottom: 3px solid #fbc02d;
	content: "";
	left: 0;
	right: 0;
	height: 100%;
	position: absolute
}

.section-image .description,
.section-image h1 {
	max-width: 60%
}

.section-home {
	min-height: 100%;
	max-height: none
}

.section-home .title {
	padding-top: 11rem
}

.section-home .title .description,
.section-home .title h1 {
	max-width: 60%
}

.section-home .main-image span {
	transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg);
	transition: all .2s ease-in-out;
	z-index: 2;
	bottom: 5rem
}

.section-home .main-image span:hover {
	transform: none
}

.section-home .main-image span img,
.section-home .main-image span svg {
	box-shadow: 0 0 30px -10px rgba(0, 0, 0, .5);
	border-radius: .3rem;
	width: auto
}

.section-home .back-gradient {
	width: 100%;
	border-radius: 0;
	transform: none;
	left: 0 !important
}

.section-home .back-gradient:after {
	background: radial-gradient(closest-side at 55% 38%, #9c9b8778 0%, transparent 100%)
}

@media(max-width: 575.98px) {

	.section-home .title,
	.section-image .title {
		padding-top: 0
	}

	.section-home .title .description,
	.section-home .title h1,
	.section-home .title .title-bade,
	.section-image .title .description,
	.section-image .title h1,
	.section-image .title .title-bade {
		max-width: 100%
	}
}

@media(min-width: 576px) {
	.section-home .title {
		padding-bottom: 20vw
	}

	.section-home .main-image span,
	.section-image .main-image span {
		max-width: 250px
	}
}

@media(min-width: 768px) {

	.section-home .main-image span,
	.section-image .main-image span {
		max-width: 300px
	}
}

@media(min-width: 992px) {

	.section-home .main-image span,
	.section-image .main-image span {
		max-width: 400px
	}
}

@media(min-width: 992px) {
	.section-home .title {
		padding-bottom: 16.6666666667vw
	}
}

@media(max-width: 767.98px) {
	.section-home {
		min-height: auto
	}

	.section-home form {
		display: none
	}

	.section-main h1 {
		font-size: 2.75rem
	}
}

.section-product .section-title {
	margin-bottom: 3rem
}

.section-product .icon {
	margin-bottom: 2rem;
	height: 110px
}

.section-product .icon img,
.section-product .icon svg {
	height: 100%
}

.section-product .title {
	margin-bottom: 1rem;
	font-weight: 400
}

.section-product .wrap {
	background: #f8f8f8;
	border: 1px solid #eff2f7;
	border-radius: .3rem;
	padding: 2rem 1.5rem 1.5rem 1.5rem;
	transition: all .2s ease-in-out;
	height: 100%
}

.section-product .wrap:hover {
	box-shadow: 0 0 0 .25rem #fbc02d !important
}

.section-product .wrap .desc {
	margin-bottom: 0
}

.section-features .item {
	background: #1280e1;
	border-radius: .25rem;
	min-height: 300px;
	color: rgba(255, 255, 255, .9)
}

.section-features .item .header {
	background: rgba(0, 0, 0, .1);
	display: flex !important;
	align-items: center;
	padding: .6rem 1rem;
	font-weight: 500;
	font-size: 1.05rem;
	white-space: nowrap;
	overflow: hidden;
	word-break: break-all
}

.section-features .item .header i {
	font-size: 1.3rem;
	margin-right: .6rem
}

.section-features .item .content {
	padding: 1rem
}

.section-features .item .content h5 {
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 1rem
}

.section-features .item .content p {
	margin-bottom: 0
}

.section-features .item h1,
.section-features .item h2,
.section-features .item h3,
.section-features .item h4,
.section-features .item h5,
.section-features .item h6 {
	color: #fff
}

.section-features .item-big {
	border-radius: .3rem;
	min-height: calc(600px + 1.5rem)
}

.section-features .item-big .header {
	background: transparent
}

.section-features .item-big .content {
	text-align: center;
	padding: 8rem 2.5rem 0 2.5rem
}

@media(max-width: 991.98px) {
	.section-main .back-gradient {
		left: -2rem
	}

	.section-main .description {
		max-width: 100%
	}

	.section-main .title,
	.section-main .nav-menus {
		padding-left: 2rem
	}

	.section-image .description,
	.section-image h1 {
		max-width: 60%
	}
}

@media(max-width: 767.98px) {
	.section-main .nav-pages li>a {
		margin-left: .6rem;
		margin-right: .6rem;
		margin-bottom: 1rem
	}
}

@media(max-width: 575.98px) {
	.section-main {
		height: auto;
		min-height: 100vh
	}

	.section-main .container.title {
		padding-top: 6rem;
		padding-bottom: 4rem
	}

	.section-main .container.title h1 {
		font-size: 2.5rem
	}

	.section-main .back-gradient {
		transform: none
	}

	.section-main .title {
		text-align: center;
		padding-left: 15px
	}

	.section-main .nav-menus {
		padding-left: 0
	}

	.section-main .nav-pages {
		justify-content: center
	}

	.section-main .main-image {
		display: none
	}

	.section-features .item {
		min-height: 160px
	}

	.section-features .item-big {
		min-height: calc(300px + 1.5rem)
	}

	.section-features .item-big .content {
		padding: 3.5rem 1.5rem
	}
}

.section-process .image {
	margin-bottom: 2rem
}

.section-process .image img,
.section-process .image svg {
	height: 90px
}

.section-process h1 {
	margin-bottom: .5rem;
	font-weight: 600
}

.section-process h6 {
	font-weight: 600
}

.header-form .form-group {
	margin-right: 1rem;
	margin-bottom: 1rem
}

.header-form .form-control {
	border: none;
	background: rgba(0, 0, 0, .2);
	color: rgba(255, 255, 255, .9);
	padding: 1.6rem 1.3rem
}

.header-form .form-control::placeholder {
	color: rgba(255, 255, 255, .7)
}

.header-form .btn {
	padding: 1rem 1.3rem
}

.text-terminal {
	padding-left: 4rem;
	position: relative;
	display: inline-block
}

.text-terminal:before {
	border-bottom: .3rem solid #fbc02d;
	border-radius: .2rem;
	content: " ";
	margin-left: 1.75rem;
	left: 0;
	top: .8rem;
	width: 1.6rem;
	height: 1.6rem;
	position: absolute
}

.text-terminal:after {
	border: .3rem solid #fbc02d;
	border-left: none;
	border-bottom: none;
	border-radius: .2rem;
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1.5rem;
	height: 1.5rem;
	transform: rotate(45deg);
	transform-origin: 0
}

.person {
	text-align: center;
	margin: 1.5rem 0;
	position: relative;
	border-radius: .3rem;
	overflow: hidden
}

.person img,
.person>svg {
	height: 220px;
	border-radius: 50%
}

.person a,
.person span {
	display: block;
	margin-top: 1rem;
	margin-bottom: .3rem;
	font-weight: 600;
	font-size: 1.2rem
}

.person p {
	margin-bottom: 0;
	font-size: 1rem;
	color: #6c757d
}

.person .social {
	text-align: center
}

.person .social a {
	color: #6c757d;
	display: inline-block;
	margin: 0;
	padding: 0 .5rem
}

.person .social a svg {
	height: 25px;
	opacity: .6
}

.person .social a:hover svg {
	opacity: .9
}

@media(max-width: 767.98px) {
	.responsive-nav nav.collapsed:not(.show) {
		display: none
	}
}

.section-faq .block {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 2rem;
	margin-bottom: 2rem
}

.section-faq .block:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0
}

.section-faq .question-list {
	margin-bottom: 0
}

.section-faq .question-list li {
	margin-bottom: 1.5rem
}

.section-faq .question-list li:last-child {
	margin-bottom: 0
}

.section-faq .question {
	margin-bottom: 1rem
}

.section-faq .faq-desc {
	color: #495057;
	margin: 0
}

.nav-responsive {
	position: relative
}

.nav-responsive .toggle {
	display: none;
	font-size: 1.3rem
}

@media(max-width: 767.98px) {
	.nav-responsive {
		margin-bottom: 2rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		border: 1px solid rgba(0, 0, 0, .1);
		border-radius: .25rem
	}

	.nav-responsive .toggle {
		display: block;
		font-size: 1.3rem;
		padding: 1rem;
		line-height: 0;
		z-index: 2;
		position: relative
	}

	.nav-responsive .toggle:hover {
		cursor: pointer
	}

	.nav-responsive nav {
		flex: 1;
		flex-basis: 100%;
		display: none;
		padding: 1rem;
		margin-top: -2.8rem;
		z-index: 1
	}
}

.fs--1 {
	font-size: 1.08rem
}

.fs--2 {
	font-size: 1.06rem
}

.fs--3 {
	font-size: 1.04rem
}

.fs--4 {
	font-size: 1.02rem
}

.fs--5 {
	font-size: 1rem
}

.fs-1 {
	font-size: 1.2rem
}

.fs-2 {
	font-size: 1.3rem
}

.fs-3 {
	font-size: 1.4rem
}

.fs-4 {
	font-size: 1.5rem
}

.fs-5 {
	font-size: 1.6rem
}

.badge-app {
	padding: .5rem;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 1rem
}

.section-cloud .card-os .body {
	margin-top: 1rem
}

.section-cloud .card-img {
	position: relative;
	display: inline-block;
	transition: .2s all;
	height: 220px;
	overflow: hidden
}

.section-cloud .card-img img {
	width: 100%;
	border-radius: .3rem
}

.section-cloud .card-img:after {
	background: rgba(0, 0, 0, .1);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: .3rem;
	transition: .2s all
}

.section-cloud .card-img:hover:after {
	background: rgba(255, 255, 255, .1)
}

.section-infrastructure .features {
	text-align: left
}

.section-infrastructure .features img,
.section-infrastructure .features svg {
	height: 60px;
	width: 60px
}

.section-infrastructure .features h5 {
	margin-top: .7rem
}

.section-manage .timeline {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0
}

.section-manage .timeline li {
	border-right: 3px solid #fbc02d;
	width: 50%;
	position: relative;
	list-style-type: none;
	text-align: right;
	padding: 1rem 4rem 2rem 1rem;
	min-height: 200px;
	transition: .2s all
}

.section-manage .timeline li .img {
	position: absolute;
	right: -56px;
	top: 0;
	background: #fff;
	padding: 1rem;
	border: 3px solid #fbc02d;
	border-radius: 50%;
	z-index: 9;
	transition: .3s all
}

.section-manage .timeline li .img img,
.section-manage .timeline li .img svg {
	padding: .5rem;
	height: 75px;
	width: 75px
}

.section-manage .timeline li .title {
	transition: .3s all
}

.section-manage .timeline li .text {
	opacity: .8
}

.section-manage .timeline li:last-child {
	border: none;
	padding-bottom: 0;
	min-height: 150px
}

.section-manage .timeline li:hover .img {
	box-shadow: 0 0 15px -4px #fbc02d;
	background: #fbc02d;
	border-color: #fbc02d;
	cursor: pointer
}

.section-manage .timeline li:hover .title {
	color: #fbc02d
}

@media(max-width: 575.98px) {
	.section-manage .container {
		overflow: hidden
	}

	.section-manage .timeline li {
		width: 100%;
		margin-left: -0.5rem;
		padding-left: 1rem;
		padding-right: 1rem
	}

	.section-manage .timeline li .body {
		z-index: 200;
		position: relative
	}

	.section-manage .timeline li .body .title {
		padding-right: 3.5rem
	}
}

@media(min-width: 576px) {
	.section-manage .timeline li .body {
		margin-right: 1rem
	}

	.section-manage .timeline li:nth-child(2n) {
		border-right: none;
		border-left: 3px solid #fbc02d;
		padding-left: 4rem;
		padding-right: 1rem;
		align-self: flex-end;
		text-align: left;
		left: -2px
	}

	.section-manage .timeline li:nth-child(2n) .img {
		position: absolute;
		right: auto;
		left: -58px
	}

	.section-manage .timeline li:nth-child(2n) .body {
		margin-right: 0;
		margin-left: 1rem
	}
}

.section-price {
	padding: 8rem 0
}

.section-price .card {
	border-color: rgba(0, 0, 0, .08);
	box-shadow: 0 0 1rem rgba(0, 0, 0, .09)
}

.section-price .card-header {
	padding: 3rem 0;
	background: transparent
}

.section-price .card-body {
	padding-top: 0
}

.section-price .card-body li {
	padding: .5rem 0
}

.section-price .popular {
	border: 2px solid #fbc02d;
	z-index: 2
}

.section-price .free {
	transform: scale(0.9);
	margin-right: -1.15rem
}

.section-price .enterprise {
	transform: scale(0.9);
	margin-left: -1.15rem
}

.section-price .price-container {
	margin: 0 auto;
	padding: 0 1rem;
	max-width: 1440px
}

@media(max-width: 991.98px) {
	.section-price {
		padding: 6rem 1rem
	}

	.section-price .card-header {
		padding: 2rem 0
	}

	.section-price .popular,
	.section-price .free,
	.section-price .enterprise {
		transform: none
	}

	.section-price .free {
		margin-right: 0
	}

	.section-price .enterprise {
		margin-left: 0
	}
}

.section-blog .post {
	box-shadow: 0 0 1rem rgba(0, 0, 0, .1);
	border-radius: .3rem;
	transition: all .2s ease-in-out;
	height: 100%
}

.section-blog .post a.main-image img {
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
	max-width: 100%
}

.section-blog .post:hover {
	transform: translateY(-10px) !important
}

.section-blog .post-title {
	display: block;
	color: #000;
	font-size: 1.2rem;
	margin-bottom: .5rem;
	max-height: 64px;
	overflow: hidden;
	font-weight: 400
}

.section-blog .tags {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: .5rem
}

.section-blog .tags li {
	margin-right: .5rem
}

.section-blog .post-body {
	padding: 1rem
}

.section-blog .post-body span {
	font-size: .9rem
}

.section-blog-single .post-img {
	margin-bottom: 2rem
}

.section-blog-single .post-img img {
	width: 100%;
	border-radius: .3rem
}

.section-blog-single .post-sharer {
	border-top: 1px solid rgba(0, 0, 0, .1);
	margin-top: 1.5rem;
	padding-top: 1.5rem
}

.section-blog-single .post-sharer a {
	margin-left: .4rem;
	display: inline-block;
	line-height: 0;
	position: relative;
	margin-right: .2rem;
	font-size: 1.6rem;
	padding: .5rem .6rem;
	color: rgba(255, 255, 255, .85);
	transition: all .2s ease-in-out
}

.section-blog-single .post-sharer a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fbc02d;
	z-index: -1;
	border-radius: .25rem;
	transform: rotate(-5deg)
}

.section-blog-single .post-sharer a:hover {
	color: #fff
}

.section-blog-single .post-sharer i {
	font-size: 2.6rem
}

.table-cards tr {
	border-radius: .375rem;
	box-shadow: 0 .75rem 1.5rem rgba(18, 38, 63, .03);
	transition: all .2s ease-in-out
}

.table-cards tr td,
.table-cards tr th {
	border: none;
	background: #fff;
	padding: 1rem;
	vertical-align: middle
}

.table-cards tr td a,
.table-cards tr td span,
.table-cards tr th a,
.table-cards tr th span {
	font-weight: 500
}

.table-cards tr td a,
.table-cards tr th a {
	flex: 1;
	padding: .5rem 0
}

.table-cards tr td:first-child,
.table-cards tr th:first-child {
	border-radius: .375rem 0 0 .375rem
}

.table-cards tr td:last-child,
.table-cards tr th:last-child {
	border-radius: 0 .375rem .375rem 0
}

.table-cards tr.divider {
	height: 1rem
}

.table-cards tr:hover {
	transform: scale(1.02)
}

.table-cards .avatar {
	position: relative;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	font-weight: 600;
	height: 50px;
	width: 50px;
	border-radius: .25rem
}

@media(max-width: 767.98px) {

	.table-cards tr td,
	.table-cards tr th {
		padding: .5rem
	}

	.table-cards tr td a,
	.table-cards tr th a {
		padding: 0
	}
}

@media(max-width: 575.98px) {

	.table-cards .date,
	.table-cards th .avatar {
		display: none
	}
}

.section-right-image {
	overflow: hidden
}

.section-right-image img {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	border-radius: .3rem;
	max-width: 640px
}

.section-right-image svg {
	max-width: 640px
}

.icon-list {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0
}

.icon-list li {
	display: flex;
	align-items: baseline;
	margin-bottom: .75rem
}

.icon-list li:last-child {
	margin-bottom: 0
}

.icon-list .icon {
	background: #fde6aa;
	padding: .25rem;
	border-radius: 2rem;
	margin-right: 1rem;
	line-height: 0;
	display: inline-block
}

.icon-list .icon svg {
	width: 18px;
	height: 18px;
	fill: #a57703
}

@media(min-width: 768px) {
	.section-right-image svg {
		width: 640px
	}
}

@media(max-width: 767.98px) {
	.section-right-image .card-img {
		text-align: center
	}

	.section-right-image img {
		max-width: 100%
	}
}

.section-gallery .gallery-list {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin-top: -1rem
}

.section-gallery .gallery-list a {
	flex: 1 1 calc(250px - 1rem);
	padding: 0 .5rem;
	margin-top: 1rem
}

.section-gallery .gallery-list a:hover img {
	opacity: 1
}

.section-gallery .gallery-list img {
	width: 100%;
	border-radius: 3px;
	opacity: .8;
	transition: .2s all
}

.live-contact {
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	width: 46px;
	z-index: 999;
	opacity: .6;
	transition: all .2s ease-in-out
}

.live-contact a {
	display: block
}

.live-contact:hover {
	opacity: 1
}

.references {
	display: flex;
	flex-flow: row wrap;
	margin-left: -2rem;
	margin-bottom: -2rem
}

.references .item {
	border-radius: .25rem;
	padding: .5rem 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 2rem;
	text-align: center;
	width: calc(20% - 2rem);
	margin-bottom: 2rem;
	transition: all .2s ease-in-out
}

.references .item:hover img,
.references .item:hover svg {
	transform: scale(1.15)
}

.references .item svg {
	transition: all .2s ease-in-out
}

.references .item img {
	max-width: 100%;
	border-radius: .25rem;
	max-height: 120px;
	transition: all .2s ease-in-out
}

@media(max-width: 1199.98px) {
	.references .item {
		width: calc(25% - 2rem)
	}
}

@media(max-width: 991.98px) {
	.references .item {
		width: calc(33.3% - 2rem)
	}
}

@media(max-width: 767.98px) {
	.references .item {
		width: calc(50% - 2rem)
	}
}

.roadmap {
	margin-left: -40px
}

.roadmap .item {
	position: relative;
	padding-left: 40px;
	padding-bottom: 50px
}

.roadmap .item:after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 12.5px;
	width: 1px;
	height: 100%;
	border-left: 2px dashed #17a2b8
}

.roadmap .item:last-child:after {
	display: none
}

.roadmap .title {
	color: #333;
	margin-bottom: 10px;
	text-align: center;
	font-weight: 600
}

.roadmap .text {
	font-size: 1rem;
	color: #495057;
	text-align: center;
	font-weight: 400
}

.roadmap .marker {
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	border: 2px solid #17a2b8;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
	background-color: #fff
}

.roadmap .active .marker {
	width: 30px;
	height: 30px;
	left: -2.5px;
	margin-top: -2px
}

.roadmap .active .marker:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #17a2b8;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.roadmap .past .marker {
	border: 2px solid #fbc02d
}

.roadmap .past .marker:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fbc02d;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.roadmap .past:after {
	width: 2px;
	border: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fe5ab0), to(#17a2b8));
	background-image: -webkit-linear-gradient(top, #fe5ab0 0, #17a2b8 100%);
	background-image: -o-linear-gradient(top, #fe5ab0 0, #17a2b8 100%);
	background-image: linear-gradient(to bottom, #fe5ab0 0, #17a2b8 100%)
}

.roadmap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.roadmap .item {
	width: calc(100% - 15px)
}

.roadmap .item:nth-child(1n):after {
	display: none
}

.roadmap .item:after {
	width: 100%;
	border: none;
	border-top: 1px dashed #557ef8;
	top: 65px;
	right: -50%;
	height: 2px;
	margin-top: -1px;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%)
}

.roadmap .title {
	margin-bottom: 22px
}

.roadmap .marker {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto 80px
}

.roadmap .marker:before {
	content: "";
	position: absolute;
	top: 35px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1px;
	height: 60px;
	background-color: rgba(182, 183, 183, .5);
	margin-left: -1px
}

.roadmap .past:after {
	top: 65px;
	background: #fbc02d;
	border: none
}

@media(min-width: 576px) {
	.roadmap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.roadmap .item {
		width: calc(50% - 15px)
	}

	.roadmap .item:nth-child(1n):after {
		display: block
	}

	.roadmap .item:nth-child(2n):after {
		display: none
	}

	.roadmap .item:after {
		width: 100%;
		border: none;
		border-top: 1px dashed #557ef8;
		top: 65px;
		right: -50%;
		height: 2px;
		margin-top: -1px;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%)
	}

	.roadmap .title {
		margin-bottom: 22px
	}

	.roadmap .marker {
		position: relative;
		top: 0;
		left: 0;
		margin: 0 auto 80px
	}

	.roadmap .marker:before {
		content: "";
		position: absolute;
		top: 35px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 1px;
		height: 60px;
		background-color: rgba(182, 183, 183, .5);
		margin-left: -1px
	}

	.roadmap .past:after {
		top: 65px;
		background: #fbc02d;
		border: none
	}
}

@media(min-width: 768px) {
	.roadmap .item {
		width: calc(33% - 15px)
	}

	.roadmap .item:nth-child(2n):after {
		display: block
	}

	.roadmap .item:nth-child(3n):after {
		display: none
	}

	.roadmap .item:last-child:after {
		display: none
	}
}

@media(min-width: 992px) {
	.roadmap .item {
		width: calc(25% - 15px)
	}

	.roadmap .item:nth-child(3n):after {
		display: block
	}

	.roadmap .item:nth-child(4n):after {
		display: none
	}

	.roadmap .item:last-child:after {
		display: none
	}
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0
}

.spinner {
	animation: rotate 2s linear infinite;
	z-index: 2;
	width: 40px;
	height: 40px
}

.spinner.path {
	stroke: #fbc02d;
	stroke-linecap: round;
	animation: dash 1.5s ease-in-out infinite
}

@keyframes rotate {
	100% {
		transform: rotate(360deg)
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35
	}

	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124
	}
}
.navbar-nav{padding-inline-start: 60%;}