@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");

body {
	color: #080a3c;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	font-size: 15px;
	font-family: 'Roboto' !important;
}

a {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	color: #080a3c;
	text-decoration: none;
	outline: 0 !important;
}

a:hover {
	text-decoration: none;
	color: #8200a8;
}

.default-btn:hover {
	background-color: #c500ff !important;
}

button,
input {
	outline: 0 !important;
}

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

:root {
	--swiper-theme-color: #8200a8 !important;
}

.d-table {
	width: 100%;
	height: 100%;
}

.d-table-cell {
	vertical-align: middle;
}

.bg-f4f6fc {
	background-color: #f4f6fc;
}

.bg-f8fbfa {
	background-color: #f8fbfa;
	background: #f3f3f3;
	background-size: cover;
	background-attachment: fixed;
}

.bg-f4f5fe {
	background-color: #f4f5fe;
}

.ptb-100plus {
	padding-top: 100px;
	padding-bottom: 100px;
}

.ptb-100 {
	padding-top: 100px;
	padding-bottom: 34px;
}

.pt-100 {
	padding-top: 100px;
}

.pb-100 {
	padding-bottom: 100px;
}

.pt-60 {
	padding-top: 60px;
}

.pb-140 {
	padding-bottom: 140px;
}

.pt-70 {
	padding-top: 70px;
}

.pb-70 {
	padding-bottom: 170px;
}

.overflow-x-hide {
	overflow-x: hidden;
}

.tx-center {
	text-align: center;
}

.mwidth-1000 {
	max-width: 1000px !important;
}

.max-width-1290 {
	max-width: 1290px;
}

.blt-radius-0 {
	border-radius: 0px 30px 30px 30px !important;
}

p {
	color: #4a6f8a;
	margin-bottom: 12px;
	line-height: 1.8;
	font-size: 15px;
}

p:last-child {
	margin-bottom: 0;
}

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

.section-title {
	text-align: center;
	max-width: 575px;
	margin-left: auto;
	margin-bottom: 60px;
	margin-right: auto;
}

.section-title h2 {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 600;
}

.section-title h2 span {
	display: inline-block;
	color: #ff00d3;
}

.default-btn {
	position: relative;
	display: inline-block;
	overflow: hidden;
	z-index: 1;
	background-color: #8200a8;
	transition: 0.5s;
	font-weight: 500;
	font-size: 15px;
	color: #fff;
	padding-left: 50px;
	padding-right: 25px;
	padding-top: 13px;
	padding-bottom: 13px;
	box-sizing: border-box;
	border: 2px solid #fff;
	text-align: center;
	margin-top: 18px;
}

.default-btn i {
	position: absolute;
	left: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 20px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	color: #080a3c;
}

.default-btn span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: #ffffff73;
	-webkit-transition: width 0.6s ease-in-out, height 0.5s ease-in-out;
	transition: width 0.6s ease-in-out, height 0.5s ease-in-out;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
	border-radius: 0px;
}

.default-btn:hover,
.default-btn:focus {
	color: #ffffff;
}

.default-btn:hover span,
.default-btn:focus span {
	width: 225%;
	height: 562.5px;
}

.optional-btn {
	border: none;
	position: relative;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	color: #080a3c;
	background-color: transparent;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 0px;
	font-weight: 500;
	font-size: 15px;
	padding-left: 55px;
	padding-right: 30px;
	padding-top: 13px;
	padding-bottom: 13px;
}

.optional-btn i {
	position: absolute;
	left: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 20px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	color: #080a3c;
}

.optional-btn::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 0px;
	border: 1px solid #080a3c;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.optional-btn span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: #ff00d3;
	-webkit-transition: width 0.6s ease-in-out, height 0.5s ease-in-out;
	transition: width 0.6s ease-in-out, height 0.5s ease-in-out;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
	border-radius: 0px;
}

.optional-btn:hover,
.optional-btn:focus {
	color: #ffffff;
}

.optional-btn:hover::before,
.optional-btn:focus::before {
	border-color: #ff00d3;
}

.optional-btn:hover span,
.optional-btn:focus span {
	width: 225%;
	height: 562.5px;
}

.preloader-area {
	position: fixed;
	top: 0;
	background-color: #ff00d3;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	text-align: center;
}

.preloader-area .spinner {
	width: 4em;
	height: 4em;
	-webkit-transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg);
	transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: absolute;
	left: 0;
	right: 0;
	top: 45%;
	-webkit-transform: translateY(-45%);
	transform: translateY(-45%);
	margin-left: auto;
	margin-right: auto;
}

.preloader-area .spinner .disc {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 0.3em dotted #ffffff;
}

.preloader-area .spinner .disc:nth-child(1) {
	-webkit-animation: rotate 12s linear infinite;
	animation: rotate 12s linear infinite;
}

.preloader-area .spinner .disc:nth-child(2) {
	-webkit-animation: rotateDisc2 12s linear infinite;
	animation: rotateDisc2 12s linear infinite;
}

.preloader-area .spinner .disc:nth-child(3) {
	-webkit-animation: rotateDisc3 12s linear infinite;
	animation: rotateDisc3 12s linear infinite;
}

.preloader-area .spinner .inner {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation: sphereSpin 6s linear infinite;
	animation: sphereSpin 6s linear infinite;
}

.preloader-area .spinner::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	right: 0;
	bottom: 0;
	margin: -15px;
}

@-webkit-keyframes sphereSpin {
	0% {
		-webkit-transform: rotateX(360deg) rotateY(0deg);
		transform: rotateX(360deg) rotateY(0deg);
	}

	100% {
		-webkit-transform: rotateX(0deg) rotateY(360deg);
		transform: rotateX(0deg) rotateY(360deg);
	}
}

@keyframes sphereSpin {
	0% {
		-webkit-transform: rotateX(360deg) rotateY(0deg);
		transform: rotateX(360deg) rotateY(0deg);
	}

	100% {
		-webkit-transform: rotateX(0deg) rotateY(360deg);
		transform: rotateX(0deg) rotateY(360deg);
	}
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotateDisc2 {
	from {
		-webkit-transform: rotateX(90deg) rotateZ(0deg);
		transform: rotateX(90deg) rotateZ(0deg);
	}

	to {
		-webkit-transform: rotateX(90deg) rotateZ(360deg);
		transform: rotateX(90deg) rotateZ(360deg);
	}
}

@keyframes rotateDisc2 {
	from {
		-webkit-transform: rotateX(90deg) rotateZ(0deg);
		transform: rotateX(90deg) rotateZ(0deg);
	}

	to {
		-webkit-transform: rotateX(90deg) rotateZ(360deg);
		transform: rotateX(90deg) rotateZ(360deg);
	}
}

@-webkit-keyframes rotateDisc3 {
	from {
		-webkit-transform: rotateY(90deg) rotateZ(0deg);
		transform: rotateY(90deg) rotateZ(0deg);
	}

	to {
		-webkit-transform: rotateY(90deg) rotateZ(360deg);
		transform: rotateY(90deg) rotateZ(360deg);
	}
}

@keyframes rotateDisc3 {
	from {
		-webkit-transform: rotateY(90deg) rotateZ(0deg);
		transform: rotateY(90deg) rotateZ(0deg);
	}

	to {
		-webkit-transform: rotateY(90deg) rotateZ(360deg);
		transform: rotateY(90deg) rotateZ(360deg);
	}
}

.spacle-responsive-nav {
	display: none;
}

.navbar-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: transparent;
	height: auto;
	z-index: 1040;
	padding-top: 0px;
	padding-bottom: 5px;
}

.navbar-area .container {
	max-width: 1290px;
}

.navbar-area.is-sticky {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #272228 !important;
	-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-area.is-sticky .spacle-nav .navbar .others-options .optional-btn {
	color: #080a3c;
}

.navbar-area.is-sticky .spacle-nav .navbar .others-options .optional-btn i {
	color: #080a3c;
}

.navbar-area.is-sticky .spacle-nav .navbar .others-options .optional-btn::before {
	border-color: #080a3c;
}

.navbar-area.is-sticky .spacle-nav .navbar .others-options .optional-btn:hover,
.navbar-area.is-sticky .spacle-nav .navbar .others-options .optional-btn:focus {
	color: #ffffff;
}

.navbar-area.is-sticky .spacle-nav .navbar .others-options .optional-btn:hover i,
.navbar-area.is-sticky .spacle-nav .navbar .others-options .optional-btn:focus i {
	color: #ffffff;
}

.navbar-area.navbar-style-two {
	position: relative;
	background-color: #ffffff;
}

.navbar-area.navbar-style-two.is-sticky {
	position: fixed;
}

.navbar-area.navbar-style-two .spacle-nav .navbar .navbar-nav {
	margin-left: auto;
}

.navbar-area.navbar-style-two .spacle-nav .navbar .others-options {
	margin-left: 25px;
}

.navbar-area.navbar-style-two .spacle-nav .navbar .others-options .optional-btn {
	color: #080a3c;
}

.navbar-area.navbar-style-two .spacle-nav .navbar .others-options .optional-btn i {
	color: #ff00d3;
}

.navbar-area.navbar-style-two .spacle-nav .navbar .others-options .optional-btn::before {
	border-color: #080a3c;
}

.navbar-area.navbar-style-two .spacle-nav .navbar .others-options .optional-btn:hover,
.navbar-area.navbar-style-two .spacle-nav .navbar .others-options .optional-btn:focus {
	color: #ffffff;
}

.navbar-area.navbar-style-two .spacle-nav .navbar .others-options .optional-btn:hover i,
.navbar-area.navbar-style-two .spacle-nav .navbar .others-options .optional-btn:focus i {
	color: #ffffff;
}

.navbar-area.navbar-style-two .container {
	max-width: 1140px;
}

.spacle-nav {
	background-color: transparent;
	border-bottom: 1px solid #ffffff12;
}

.spacle-nav .navbar {
	background-color: transparent;
	padding-right: 0;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 5px;
}

.spacle-nav .navbar .navbar-brand {
	padding: 0;
	font-weight: bold;
	font-size: 27px;
	margin-left: 17px;
}

.spacle-nav .navbar ul {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
}

.spacle-nav .navbar .navbar-nav {
	margin-left: 110px;
}

.spacle-nav .navbar .navbar-nav .nav-item {
	position: relative;
	padding: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item a {
	font-size: 19px;
	font-weight: 100;
	color: #4a6f8a;
	padding-left: 0;
	padding-right: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: 13px;
	margin-right: 13px;
}

.spacle-nav .navbar .navbar-nav .nav-item a:hover,
.spacle-nav .navbar .navbar-nav .nav-item a:focus,
.spacle-nav .navbar .navbar-nav .nav-item a.active {
	color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item a i {
	font-size: 16px;
	position: relative;
	top: 2px;
	display: inline-block;
	margin-left: -3px;
	margin-right: -3px;
}

.spacle-nav .navbar .navbar-nav .nav-item:last-child a {
	margin-right: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item:first-child a {
	margin-left: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item:hover a,
.spacle-nav .navbar .navbar-nav .nav-item.active a {
	color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	background: #ffffff;
	position: absolute;
	border: none;
	top: 80px;
	left: 0;
	width: 250px;
	z-index: 99;
	display: block;
	opacity: 0;
	visibility: hidden;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-top: 20px;
	border-top: 2px solid #8200a8;
	padding: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
	padding: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
	padding: 13px 20px 11px;
	margin: 0;
	position: relative;
	color: #4a6f8a;
	border-bottom: 1px dashed #e5e5e5;
	font-size: 14px;
	font-weight: 500;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
	color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
	border-bottom: none;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
	left: -250px;
	top: 15px;
	opacity: 0;
	visibility: hidden;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
	color: #4a6f8a;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
	color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
	left: 220px;
	top: 15px;
	opacity: 0;
	visibility: hidden;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #4a6f8a;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	left: -250px;
	top: 15px;
	opacity: 0;
	visibility: hidden;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #4a6f8a;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	left: -250px;
	top: 15px;
	opacity: 0;
	visibility: hidden;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #4a6f8a;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	left: -250px;
	top: 15px;
	opacity: 0;
	visibility: hidden;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #080a3c;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #ffffff;
	background-color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	left: -250px;
	top: 15px;
	opacity: 0;
	visibility: hidden;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #080a3c;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #ffffff;
	background-color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: #ffffff;
	background-color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
	color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
	color: #8200a8;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: 100%;
	margin-top: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item .mega-dropdown-menu {
	width: 500px;
	padding: 0 10px 5px;
}

.spacle-nav .navbar .navbar-nav .nav-item .mega-dropdown-menu h3 {
	font-size: 17px;
	margin-top: 20px;
	border-bottom: 1px dashed #e5e5e5;
	margin-bottom: 0;
	padding-bottom: 10px;
	position: relative;
}

.spacle-nav .navbar .navbar-nav .nav-item .mega-dropdown-menu h3::before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	background: #8200a8;
	width: 30px;
	height: 1px;
}

.spacle-nav .navbar .navbar-nav .nav-item .mega-dropdown-menu .nav-item {
	width: 50%;
	float: left;
	padding: 0 10px;
}

.spacle-nav .navbar .navbar-nav .nav-item .mega-dropdown-menu .nav-item a {
	padding-left: 0;
	padding-right: 0;
	border-bottom: 1px dashed #e5e5e5 !important;
}

.spacle-nav .navbar .navbar-nav .nav-item .mega-dropdown-menu .nav-item a:last-child {
	border-bottom: none !important;
}

.spacle-nav .navbar .others-options {
	margin-left: auto;
}

.spacle-nav .navbar .others-options .default-btn {
	color: #ffffff;
	background-color: #8200a8;
}

.spacle-nav .navbar .others-options .default-btn i {
	color: #ffffff;
}

.spacle-nav .navbar .others-options .default-btn span {
	background-color: #080a3c;
}

.spacle-nav .navbar .others-options .optional-btn {
	margin-left: 10px;
	color: #ffffff;
}

.spacle-nav .navbar .others-options .optional-btn i {
	color: #ffffff;
}

.spacle-nav .navbar .others-options .optional-btn::before {
	border-color: #ffffff;
}

.spacle-nav .navbar .others-options .optional-btn span {
	background-color: #080a3c;
}

.spacle-nav .navbar .others-options .optional-btn:hover::before,
.spacle-nav .navbar .others-options .optional-btn:focus::before {
	border-color: #080a3c;
}

@media only screen and (max-width: 991px) {
	.first {
		background-size: 50% !important;
	}

	.second {
		background-size: 50% !important;
	}

	.spacle-responsive-nav {
		display: block;
	}

	.spacle-responsive-nav .spacle-responsive-menu {
		position: relative;
	}

	.spacle-responsive-nav .spacle-responsive-menu.mean-container .mean-nav {
		margin-top: 55px;
	}

	.spacle-responsive-nav .spacle-responsive-menu.mean-container .mean-nav ul {
		font-size: 14px;
	}

	.spacle-responsive-nav .spacle-responsive-menu.mean-container .mean-nav ul li a.active {
		color: #8200a8;
	}

	.spacle-responsive-nav .spacle-responsive-menu.mean-container .mean-nav ul li li a {
		font-size: 14px;
	}

	.spacle-responsive-nav .spacle-responsive-menu.mean-container .mean-nav .mega-dropdown-menu {
		padding: 0 15px;
	}

	.spacle-responsive-nav .spacle-responsive-menu.mean-container .mean-nav .mega-dropdown-menu h3 {
		font-size: 16px;
		margin-top: 0;
		border-bottom: 1px dashed #e5e5e5;
		margin-bottom: 0;
		padding-bottom: 10px;
		position: relative;
	}

	.spacle-responsive-nav .spacle-responsive-menu.mean-container .mean-nav .mega-dropdown-menu h3::before {
		content: '';
		position: absolute;
		bottom: -1px;
		left: 0;
		background: #8200a8;
		width: 30px;
		height: 1px;
	}

	.spacle-responsive-nav .spacle-responsive-menu.mean-container .mean-nav .others-options {
		display: none;
	}

	.spacle-responsive-nav .spacle-responsive-menu.mean-container .navbar-nav {
		overflow-y: scroll;
		overflow-x: hidden;
		height: 294px;
		-webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
	}

	.spacle-responsive-nav .mean-container a.meanmenu-reveal {
		color: #080a3c;
	}

	.spacle-responsive-nav .mean-container a.meanmenu-reveal span {
		background: #080a3c;
	}

	.spacle-responsive-nav .logo {
		position: relative;
		width: 50%;
		z-index: 999;
		font-weight: bold;
		font-size: 25px;
	}

	.navbar-area {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.saas-banner {
		padding-top: 120px;
	}

	.navbar-area.is-sticky {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.spacle-nav {
		display: none;
	}
}

.main-banner {
	position: relative;
	z-index: 1;
}

.main-banner .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.main-banner .container-fluid .row {
	margin-left: 0;
	margin-right: 0;
}

.main-banner .container-fluid .row .col-lg-5,
.main-banner .container-fluid .row .col-lg-7 {
	padding-left: 0;
	padding-right: 0;
}

.banner-section {
	position: relative;
	z-index: 1;
}

.banner-section .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.banner-section .container-fluid .row {
	margin-left: 0;
	margin-right: 0;
}

.banner-section .container-fluid .row .col-lg-7,
.banner-section .container-fluid .row .col-lg-5 {
	padding-left: 0;
	padding-right: 0;
}

.main-banner-content {
	width: 100%;
	height: 100%;
}

.main-banner-content .content {
	max-width: 755px;
	padding-right: 150px;
	margin-left: auto;
	margin-top: 80px;
}

.main-banner-content .content h1 {
	font-size: 57px;
	font-weight: 600;
}

.main-banner-content .content h1 span {
	display: inline-block;
	color: #ff00d3;
}

.main-banner-content .content p {
	margin-top: 18px;
	max-width: 540px;
}

.main-banner-content .content .default-btn {
	margin-top: 20px;
	background-color: #080a3c;
}

.main-banner-content .content .default-btn i {
	color: #ff00d3;
}

.banner-content {
	padding-top: 215px;
	padding-bottom: 125px;
}

.banner-content .content {
	max-width: 755px;
	padding-right: 150px;
	margin-left: auto;
}

.banner-content .content h1 {
	font-size: 57px;
	font-weight: 600;
}

.banner-content .content h1 span {
	display: inline-block;
	color: #ff00d3;
}

.banner-content .content p {
	margin-top: 18px;
	max-width: 540px;
}

.banner-content .content .default-btn {
	margin-top: 15px;
	background-color: #080a3c;
}

.banner-content .content .default-btn i {
	color: #ff00d3;
}

.banner-image {
	height: 100vh;
	border-radius: 0 0 0 80px;
	background-color: #ff00d3;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-image img {
	display: none;
}

.banner-image.bg-1 {
	background-image: url(../img/banner-img1.jpg);
}

.banner-image.bg-2 {
	background-image: url(../img/banner-img2.jpg);
}

.banner-image.bg-3 {
	background-image: url(../img/banner-img3.jpg);
}

.banner-image.mbanner-bg-one {
	background-image: url(../img/banner-img2.jpg);
}

.banner-image.mbanner-bg-one .animate-banner-image {
	padding: 15px;
	margin-top: 65px;
}

.banner-image.banner-slider-bg1 {
	background-image: url(../img/banner-slider/banner-img1.jpg) !important;
}

.banner-image.banner-slider-bg2 {
	background-image: url(../img/banner-slider/banner-img2.jpg) !important;
}

.banner-image.banner-slider-bg3 {
	background-image: url(../img/banner-slider/banner-img3.jpg) !important;
}

.banner-image.slider-bg1 {
	background-image: url(../img/banner-slider/banner-img1.jpg);
}

.banner-image.slider-bg2 {
	background-image: url(../img/banner-slider/banner-img2.jpg);
}

.banner-image.slider-bg3 {
	background-image: url(../img/banner-slider/banner-img3.jpg);
}

.banner-img {
	height: 100%;
	width: 100%;
	border-radius: 0 0 0 80px;
	background-color: #ff00d3;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-img img {
	display: none;
}

.banner-img.bg-1 {
	background-image: url(../img/banner-img1.jpg);
}

.banner-img.bg-2 {
	background-image: url(../img/banner-img2.jpg);
}

.banner-img.bg-3 {
	background-image: url(../img/banner-img3.jpg);
}

.banner-content-slides {
	padding-right: 40px;
}

.banner-content-slides.owl-theme .owl-nav {
	text-align: left;
	margin-top: 50px;
}

.banner-content-slides.owl-theme .owl-nav [class*=owl-] {
	color: #080a3c;
	font-size: 25px;
	margin: 0 5px;
	background: #f4f6fc;
	border-radius: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	width: 45px;
	height: 45px;
	line-height: 52px;
}

.banner-content-slides.owl-theme .owl-nav [class*=owl-]:hover {
	color: #ffffff;
	background-color: #8200a8;
}

.banner-content-slides.owl-theme .owl-nav [class*=owl-].owl-prev {
	border-radius: 0 0 0 10px;
	margin-left: 0;
}

.banner-content-slides.owl-theme .owl-nav [class*=owl-].owl-next {
	margin-right: 0;
	border-radius: 0 10px 0 0;
}

.shape19 {
	position: absolute;
	right: 35%;
	bottom: -25px;
	z-index: -1;
}

.shape19 img {
	-webkit-animation: moveLeftBounce 3s linear infinite;
	animation: moveLeftBounce 3s linear infinite;
}

.shape20 {
	position: absolute;
	right: 55%;
	bottom: 5%;
	z-index: -1;
}

.shape20 img {
	-webkit-animation: moveLeftBounce 3s linear infinite;
	animation: moveLeftBounce 3s linear infinite;
}

.shape21 {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}

.shape21 img {
	-webkit-animation: moveBounce 5s linear infinite;
	animation: moveBounce 5s linear infinite;
}

.shape22 {
	position: absolute;
	left: 5%;
	top: 15%;
	z-index: -1;
}

.shape22 img {
	-webkit-animation: animationFramesOne 20s infinite linear;
	animation: animationFramesOne 20s infinite linear;
}

.shape23 {
	position: absolute;
	left: 10%;
	bottom: 10%;
	z-index: -1;
}

.shape23 img {
	-webkit-animation-name: rotateMe;
	animation-name: rotateMe;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.shape24 {
	position: absolute;
	left: 25%;
	top: 40%;
	z-index: -1;
}

.shape24 img {
	-webkit-animation: animationFramesOne 20s infinite linear;
	animation: animationFramesOne 20s infinite linear;
}

.shape25 {
	position: absolute;
	left: 40%;
	bottom: 10%;
	z-index: -1;
}

.shape25 img {
	-webkit-animation-name: rotateMe;
	animation-name: rotateMe;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.shape26 {
	position: absolute;
	left: 30%;
	top: 15%;
	z-index: -1;
}

.shape26 img {
	-webkit-animation: moveLeftBounce 3s linear infinite;
	animation: moveLeftBounce 3s linear infinite;
}

.chat-wrapper {
	position: absolute;
	left: -20%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 510px;
	height: auto;
}

.chat-wrapper .chat-container {
	height: 400px;
	overflow: hidden;
}

.chat-wrapper .chat ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.chat-wrapper .chat ul li:last-child {
	margin-bottom: 0 !important;
}

.chat-wrapper .spinme-right {
	display: inline-block;
	padding: 15px 20px;
	font-size: 14px;
	border-radius: 30px;
	line-height: 1.25em;
	font-weight: 100;
	opacity: 0.5;
}

.chat-wrapper .spinme-left {
	display: inline-block;
	padding: 15px 20px;
	font-size: 14px;
	color: #f4f6fc;
	border-radius: 30px;
	line-height: 1.25em;
	font-weight: 100;
	opacity: 0.5;
}

.chat-wrapper .spinner {
	margin: 0;
	width: 30px;
	text-align: center;
}

.chat-wrapper .spinner>div {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	background: #080a3c;
}

.chat-wrapper .spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.chat-wrapper .spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

.message-left {
	text-align: left;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
}

.message-left img {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px !important;
	height: 40px;
	border-radius: 50%;
}

.message-left .message-time {
	color: #8097b1;
	position: absolute;
	right: 13px;
	bottom: 8px;
	font-size: 11px;
	font-weight: 400;
}

.message-left .message-text {
	max-width: 80%;
	display: inline-block;
	background: #f4f6fc;
	padding: 15px 30px 30px 15px;
	position: relative;
	color: #2e384d;
	border-radius: 15px 15px 15px 0;
	line-height: 1.8;
	font-weight: 400;
	font-size: 13px;
}

.message-left .message-text::before {
	content: '';
	position: absolute;
	left: 3.4px;
	bottom: -5px;
	width: 10px;
	height: 10px;
	background: #f4f6fc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.message-right {
	text-align: right;
	margin-bottom: 15px;
	position: relative;
	padding-bottom: 15px;
	padding-right: 50px;
}

.message-right .message-time {
	color: #e4e8f0;
	position: absolute;
	right: 13px;
	bottom: 8px;
	font-size: 11px;
	font-weight: 400;
}

.message-right img {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px !important;
	height: 40px;
	border-radius: 50%;
}

.message-right .message-text {
	line-height: 1.8;
	display: inline-block;
	background: #2e5bff;
	padding: 15px 30px 30px 15px;
	position: relative;
	color: #ffffff;
	border-radius: 15px 15px 0 15px;
	text-align: left;
	max-width: 80%;
	font-weight: 400;
	font-size: 13px;
}

.message-right .message-text::before {
	content: '';
	position: absolute;
	right: 2px;
	bottom: -5px;
	width: 10px;
	height: 10px;
	background: #2e5bff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.message-right .spinner>div {
	background: #ffffff;
}

@-webkit-keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes animationFramesOne {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}

	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg);
		transform: translate(73px, -1px) rotate(36deg);
	}

	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg);
		transform: translate(141px, 72px) rotate(72deg);
	}

	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg);
		transform: translate(83px, 122px) rotate(108deg);
	}

	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg);
		transform: translate(-40px, 72px) rotate(144deg);
	}

	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
}

.main-banner-two .banner-image-slider .banner-image img {
	display: none;
}

.main-banner-two .banner-image-slider .owl-dots {
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
}

.main-banner-two .banner-image-slider .owl-dots .owl-dot.active span,
.main-banner-two .banner-image-slider .owl-dots .owl-dot:hover span {
	background-color: #8200a8;
}

.banner-img.banner-video {
	background-image: url(../img/banner-video-bg.jpg) !important;
	height: 100vh;
	background-position-x: initial;
	position: relative;
}

.banner-img.banner-video .video-box .video-btn {
	background-color: #8200a8;
}

.banner-img.banner-video .video-box .video-btn::after,
.banner-img.banner-video .video-box .video-btn::before {
	border: 1px solid #8200a8;
}

.banner-img.banner-video .video-box .video-btn:hover,
.banner-img.banner-video .video-box .video-btn:focus {
	background-color: #ff00d3;
}

.banner-img.banner-video .video-box .video-btn:hover::after,
.banner-img.banner-video .video-box .video-btn:hover::before,
.banner-img.banner-video .video-box .video-btn:focus::after,
.banner-img.banner-video .video-box .video-btn:focus::before {
	border-color: #ff00d3;
}

.animate-banner-image {
	position: relative;
}

.animate-banner-image img {
	display: block !important;
	-webkit-animation: border-transform 10s linear infinite alternate forwards;
	animation: border-transform 10s linear infinite alternate forwards;
	margin: auto;
}

@-webkit-keyframes border-transform {

	0%,
	100% {
		border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
	}

	14% {
		border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
	}

	28% {
		border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
	}

	42% {
		border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
	}

	56% {
		border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
	}

	70% {
		border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
	}

	84% {
		border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
	}
}

@keyframes border-transform {

	0%,
	100% {
		border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
	}

	14% {
		border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
	}

	28% {
		border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
	}

	42% {
		border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
	}

	56% {
		border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
	}

	70% {
		border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
	}

	84% {
		border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
	}
}

.about-content .sub-title {
	display: block;
	color: #ff00d3;
	margin-bottom: 7px;
}

.about-content h2 {
	margin-bottom: 10px;
	font-size: 40px;
	font-weight: 500;
}

.about-image {
	text-align: center;
}

.partner-area .container {
	max-width: 1290px;
}

.partner-area .row {
	margin-left: 0;
	margin-right: 0;
}

.partner-area .row .col-lg-3,
.partner-area .row .col-lg-9 {
	padding-left: 0;
	padding-right: 0;
}

.partner-title h3 {
	color: #8791b0;
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 500;
}

.single-partner-item {
	text-align: left;
}

.single-partner-item a {
	display: inline-block;
}

.single-partner-item a img {
	width: auto !important;
	display: inline-block !important;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.single-partner-item a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}

.services-area {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.services-area.bg-right-color::before {
	position: absolute;
	right: 0;
	content: '';
	top: 0;
	width: 35%;
	height: 215%;
	z-index: -1;
	background-color: #8200a8;
	-webkit-transform: skewY(-66deg);
	transform: skewY(-66deg);
}

.services-area.bg-left-color::before {
	position: absolute;
	left: 0;
	content: '';
	top: 0;
	width: 35%;
	height: 215%;
	z-index: -1;
	background-color: #8200a8;
	-webkit-transform: skewY(66deg);
	transform: skewY(66deg);
}

.services-area.bg-right-shape::before {
	position: absolute;
	right: 0;
	content: '';
	top: 0;
	width: 45%;
	height: 215%;
	z-index: -1;
	background-color: #fbfbfb;
	-webkit-transform: skewY(-66deg);
	transform: skewY(-66deg);
}

.services-area.bg-left-shape::before {
	width: 45%;
}

.services-content {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 15px;
	padding-right: 15px;
}

.services-content .content {
	max-width: 615px;
	padding-left: 30px;
}

.services-content .content .icon {
	margin-bottom: 20px;
}

.services-content .content h2 {
	font-size: 40px;
	font-weight: 900;
}

.services-content .content h2 span {
	display: inline-block;
	color: #8200a8;
}

.services-content .content p {
	max-width: 435px;
	margin-top: 18px;
}

.services-content .content .default-btn {
	margin-top: 15px;
	background-color: #080a3c;
}

.services-content .content .default-btn i {
	color: #ff00d3;
}

.services-content .content.left-content {
	padding-right: 30px;
	padding-left: 0;
	margin-left: auto;
}

.services-image {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 15px;
	padding-right: 15px;
}

.services-image .image {
	text-align: center;
}

.it-service-content .content p {
	margin-bottom: 30px;
	max-width: 540px;
}

.feature-box {
	color: #4a6f8a;
	background-color: #ffffff;
	border: 1px solid #f2effc;
	font-size: 15px;
	padding: 12px 22px;
	margin-bottom: 25px;
	cursor: pointer;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.feature-box:hover {
	background-color: #8200a8;
	color: #ffffff;
	padding-left: 25px;
}

.feature-box:hover i {
	color: #ffffff;
}

.feature-box i {
	margin-right: 3px;
	color: #8200a8;
}

.video-presentation-area {
	position: relative;
	z-index: 1;
}

.video-box {
	position: relative;
	text-align: center;
	max-width: 750px;
	border-radius: 0px;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
}

.video-box .main-image {
	border-radius: 0px;
}

.video-box .video-btn {
	position: absolute;
	left: 0;
	right: 0;
	display: inline-block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 80px;
	height: 80px;
	background-color: #ff00d3;
	border-radius: 0px;
	color: #ffffff;
	font-size: 60px;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
}

.video-box .video-btn::after,
.video-box .video-btn::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	bottom: 0;
	left: 0;
	border-radius: 0px;
	border: 1px solid #ff00d3;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.video-box .video-btn i {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}

.video-box .video-btn::before {
	-webkit-animation: ripple 2s linear infinite;
	animation: ripple 2s linear infinite;
}

.video-box .video-btn::after {
	-webkit-animation: ripple 2s linear 1s infinite;
	animation: ripple 2s linear 1s infinite;
}

.video-box .video-btn:hover,
.video-box .video-btn:focus {
	background-color: #8200a8;
	color: #ffffff;
}

.video-box .video-btn:hover::after,
.video-box .video-btn:hover::before,
.video-box .video-btn:focus::after,
.video-box .video-btn:focus::before {
	border-color: #8200a8;
}

.shape-map1 {
	position: absolute;
	left: 0;
	right: 0;
	top: 90%;
	-webkit-transform: translateY(-90%);
	transform: translateY(-90%);
	z-index: -1;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.shape1 {
	position: absolute;
	left: -30px;
	top: -23px;
	z-index: -1;
}

.shape1 img {
	-webkit-animation-name: rotateMe;
	animation-name: rotateMe;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.shape2 {
	position: absolute;
	right: -30px;
	top: -30px;
	z-index: -1;
}

.shape2 img {
	-webkit-animation: moveScale 3s linear infinite;
	animation: moveScale 3s linear infinite;
}

.shape3 {
	position: absolute;
	left: -50px;
	bottom: -50px;
	z-index: -1;
}

.shape3 img {
	-webkit-animation: moveScale 3s linear infinite;
	animation: moveScale 3s linear infinite;
}

.shape4 {
	position: absolute;
	right: -30px;
	bottom: -30px;
	z-index: -1;
}

.shape5 {
	position: absolute;
	right: -60px;
	bottom: -60px;
	z-index: -2;
}

.shape6 {
	position: absolute;
	left: -26px;
	top: -22px;
	z-index: -1;
}

.shape6 img {
	-webkit-animation: moveLeftBounce 5s linear infinite;
	animation: moveLeftBounce 5s linear infinite;
}

.shape7 {
	position: absolute;
	top: 40%;
	-webkit-transform: translateY(-40%);
	transform: translateY(-40%);
	left: 10%;
	z-index: -1;
}

.shape7 img {
	-webkit-animation: moveBounce 5s linear infinite;
	animation: moveBounce 5s linear infinite;
}

.shape8 {
	position: absolute;
	left: 12%;
	top: 60%;
	z-index: -1;
	-webkit-transform: translateY(-60%);
	transform: translateY(-60%);
}

.shape8 img {
	-webkit-animation-name: rotateMe;
	animation-name: rotateMe;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.shape9 {
	position: absolute;
	right: 10%;
	top: 40%;
	z-index: -1;
	-webkit-transform: translateY(-40%);
	transform: translateY(-40%);
}

.shape9 img {
	-webkit-animation-name: rotateMe;
	animation-name: rotateMe;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes moveBounce {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes moveBounce {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@-webkit-keyframes moveLeftBounce {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	50% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes moveLeftBounce {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	50% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	75% {
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}

@keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	75% {
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}

@-webkit-keyframes rotateMe {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotateMe {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes moveScale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes moveScale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.funfacts-inner {
	max-width: 1000px;
	margin-top: 140px;
	margin-left: auto;
	margin-right: auto;
}

.single-funfacts {
	margin-bottom: 30px;
	text-align: center;
}

.single-funfacts h3 {
	color: #ff00d3;
	margin-bottom: 0;
	font-size: 30px;
	font-weight: 600;
}

.single-funfacts h3 .sign-icon {
	font-size: 28px;
}

.single-funfacts p {
	line-height: initial;
	margin-bottom: 0;
}

.funfact-style-two {
	background-color: #ffffff;
	border: 1px solid #f1f1f1;
	padding: 25px 0;
	border-radius: 0px;
}

.funfact-style-two i {
	font-size: 30px;
	color: #8200a8;
	width: 70px;
	height: 70px;
	line-height: 70px;
	margin: auto;
	position: relative;
	margin-bottom: 15px;
	background: #F6F4FD;
	border-radius: 100%;
	text-align: center;
}

.contact-cta-box {
	max-width: 750px;
	border-radius: 0px;
	border: 1px solid #ebebeb;
	padding: 30px 230px 30px 50px;
	position: relative;
	margin-left: auto;
	margin-top: 40px;
	margin-right: auto;
}

.contact-cta-box h3 {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 500;
}

.contact-cta-box p {
	line-height: initial;
	margin-top: 6px;
	margin-bottom: 0;
}

.contact-cta-box .default-btn {
	background-color: #8200a8;
	position: absolute;
	right: 50px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.contact-cta-box .default-btn i {
	color: #ffffff;
}

.contact-cta-box .default-btn span {
	background-color: #ff00d3;
}

.contact-cta-box .default-btn:hover i,
.contact-cta-box .default-btn:focus i {
	color: #ffffff;
}

.features-area {
	overflow: hidden;
}

.single-features-box {
	text-align: center;
	margin-bottom: 30px;
	margin-top: 45px;
}

.single-features-box .icon {
	background-color: #8200a8;
	color: #ffffff;
	position: relative;
	z-index: 1;
	width: 85px;
	height: 85px;
	font-size: 45px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	bottom: 45px;
	margin-left: auto;
	margin-right: auto;
}

.single-features-box .icon::before {
	width: 100%;
	height: 100%;
	right: -15px;
	bottom: -15px;
	border: 5px solid #8200a8;
	content: '';
	position: absolute;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.single-features-box .icon i {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.single-features-box h3 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 500;
}

.single-features-box:hover .icon {
	-webkit-animation: bounce 2s;
	animation: bounce 2s;
	bottom: 25px;
}

.single-features-box:hover .icon::before {
	right: 0;
	bottom: 0;
}

.features-box {
	overflow: hidden;
	border: 1px solid #f4f5fe;
	padding: 30px;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 0px;
}

.features-box .icon {
	width: 85px;
	height: 85px;
	background-color: #bce9e5;
	color: #8200a8;
	text-align: center;
	font-size: 45px;
	position: relative;
	border-radius: 10px;
	margin-bottom: 22px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.features-box .icon i {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}

.features-box h3 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 500;
}

.features-box p {
	margin-bottom: 0;
}

.features-box .back-icon {
	position: absolute;
	right: 10px;
	top: -52px;
	z-index: -1;
	color: #8200a8;
	opacity: .06;
	font-size: 190px;
	line-height: 190px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.features-box:hover {
	background-color: #ffffff;
	border-radius: 0;
	border-color: #ffffff;
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.features-box:hover .icon {
	background-color: #8200a8;
	color: #ffffff;
}

.features-box:hover .back-icon {
	opacity: 0;
	visibility: hidden;
}

.features-box .read-more {
	margin-top: 5px;
	color: #8200a8;
	display: inline-block;
}

.features-box .read-more i {
	color: #8200a8;
	width: 0;
	height: 0;
	line-height: 1;
	font-size: 21px;
	margin: 0;
	top: 4px;
	position: relative;
}

.features-box .read-more:hover {
	letter-spacing: 1.1px;
}

.col-lg-4:nth-child(1) .single-features-box .icon {
	background-color: #ff00d3;
}

.col-lg-4:nth-child(1) .single-features-box .icon::before {
	border-color: #ff00d3;
}

.col-lg-4:nth-child(1) .features-box .icon {
	background-color: #ffd7cb;
	color: #ff00d3;
}

.col-lg-4:nth-child(1) .features-box .back-icon {
	color: #ff00d3;
}

.col-lg-4:nth-child(1) .features-box:hover .icon {
	background-color: #ff00d3;
	color: #ffffff;
}

.col-lg-4:nth-child(3) .single-features-box .icon {
	background-color: #080a3c;
}

.col-lg-4:nth-child(3) .single-features-box .icon::before {
	border-color: #080a3c;
}

.col-lg-4:nth-child(3) .features-box .icon {
	background-color: #b2b3c3;
	color: #080a3c;
}

.col-lg-4:nth-child(3) .features-box .back-icon {
	color: #080a3c;
}

.col-lg-4:nth-child(3) .features-box:hover .icon {
	background-color: #080a3c;
	color: #ffffff;
}

.col-lg-4:nth-child(4) .single-features-box .icon {
	background-color: #fc4c86;
}

.col-lg-4:nth-child(4) .single-features-box .icon::before {
	border-color: #fc4c86;
}

.col-lg-4:nth-child(4) .features-box .icon {
	background-color: #fed2e1;
	color: #fc4c86;
}

.col-lg-4:nth-child(4) .features-box .back-icon {
	color: #fc4c86;
}

.col-lg-4:nth-child(4) .features-box:hover .icon {
	background-color: #fc4c86;
	color: #ffffff;
}

.col-lg-4:nth-child(5) .single-features-box .icon {
	background-color: #ffb300;
}

.col-lg-4:nth-child(5) .single-features-box .icon::before {
	border-color: #ffb300;
}

.col-lg-4:nth-child(5) .features-box .icon {
	background-color: #ffecbf;
	color: #ffb300;
}

.col-lg-4:nth-child(5) .features-box .back-icon {
	color: #ffb300;
}

.col-lg-4:nth-child(5) .features-box:hover .icon {
	background-color: #ffb300;
	color: #ffffff;
}

.col-lg-4:nth-child(6) .single-features-box .icon {
	background-color: #286efa;
}

.col-lg-4:nth-child(6) .single-features-box .icon::before {
	border-color: #286efa;
}

.col-lg-4:nth-child(6) .features-box .icon {
	background-color: #bcd2fd;
	color: #286efa;
}

.col-lg-4:nth-child(6) .features-box .back-icon {
	color: #286efa;
}

.col-lg-4:nth-child(6) .features-box:hover .icon {
	background-color: #286efa;
	color: #ffffff;
}

.col-lg-4:nth-child(7) .single-features-box .icon {
	background-color: #9c27b0;
}

.col-lg-4:nth-child(7) .single-features-box .icon::before {
	border-color: #9c27b0;
}

.col-lg-4:nth-child(7) .features-box .icon {
	background-color: #e6c0ed;
	color: #9c27b0;
}

.col-lg-4:nth-child(7) .features-box .back-icon {
	color: #9c27b0;
}

.col-lg-4:nth-child(7) .features-box:hover .icon {
	background-color: #9c27b0;
	color: #ffffff;
}

.col-lg-4:nth-child(8) .single-features-box .icon {
	background-color: #3f51b5;
}

.col-lg-4:nth-child(8) .single-features-box .icon::before {
	border-color: #3f51b5;
}

.col-lg-4:nth-child(8) .features-box .icon {
	background-color: #c3c8e9;
	color: #3f51b5;
}

.col-lg-4:nth-child(8) .features-box .back-icon {
	color: #3f51b5;
}

.col-lg-4:nth-child(8) .features-box:hover .icon {
	background-color: #3f51b5;
	color: #ffffff;
}

.col-lg-4:nth-child(9) .single-features-box .icon {
	background-color: #e91e63;
}

.col-lg-4:nth-child(9) .single-features-box .icon::before {
	border-color: #e91e63;
}

.col-lg-4:nth-child(9) .features-box .icon {
	background-color: #ffc0d6;
	color: #e91e63;
}

.col-lg-4:nth-child(9) .features-box .back-icon {
	color: #e91e63;
}

.col-lg-4:nth-child(9) .features-box:hover .icon {
	background-color: #e91e63;
	color: #ffffff;
}

.features-card-section .container {
	width: 100%;
}

.single-features-card {
	background-color: #ffffff;
	border-radius: 35px;
	padding: 30px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: relative;
	margin-bottom: 30px;
}

.single-features-card:hover {
	background-color: #f6f4fd;
}

.single-features-card i {
	font-size: 30px;
	color: #8200a8;
	width: 70px;
	height: 70px;
	line-height: 70px;
	margin: auto;
	position: relative;
	margin-bottom: 20px;
	background: #F6F4FD;
	border-radius: 100%;
	text-align: center;
}

.single-features-card h3 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 500;
}

.single-features-card h3 a {
	color: #080a3c;
}

.single-features-card h3 a:hover {
	color: #8200a8;
}

.single-features-card p {
	margin: 0;
	line-height: 23px;
}

.features-box-one {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px;
	text-align: center;
	border-radius: 10px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.features-box-one:hover {
	-webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.08);
	box-shadow: 0 5px 50px rgba(0, 0, 0, 0.08);
	margin-top: -5px;
}

.features-box-one i {
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 30px;
	text-align: center;
	border-radius: 100%;
	color: #ffffff;
	margin-bottom: 25px;
}

.features-box-one h3 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 500;
}

.features-box-one p {
	margin: 0;
}

.features-box-one .read-more {
	margin-top: 5px;
	color: #8200a8;
	display: inline-block;
}

.features-box-one .read-more i {
	color: #8200a8;
	width: 0;
	height: 0;
	line-height: 1;
	font-size: 21px;
	margin: 0;
	top: 4px;
	position: relative;
}

.features-box-one .read-more:hover {
	letter-spacing: 1.1px;
}

.bg-13c4a1 {
	background-color: #8200a8;
}

.bg-6610f2 {
	background-color: #6610f2;
}

.bg-ffb700 {
	background-color: #ffb700;
}

.bg-fc3549 {
	background-color: #fc3549;
}

.bg-00d280 {
	background-color: #00d280;
}

.bg-ff612f {
	background-color: #ff00d3;
}

.bg-9c27b0 {
	background-color: #9c27b0;
}

.bg-3f51b5 {
	background-color: #3f51b5;
}

.bg-e91e63 {
	background-color: #e91e63;
}

.single-team-box {
	margin-bottom: 30px;
	text-align: center;
}

.single-team-box .image {
	border: 4px solid #bce9e5;
	padding: 10px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.single-team-box .image img {
	border-radius: 10px;
}

.single-team-box .image .social {
	padding-left: 0;
	list-style-type: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

.single-team-box .image .social li {
	display: inline-block;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	opacity: 0;
	visibility: hidden;
	margin-left: 1px;
	margin-right: 1px;
}

.single-team-box .image .social li a {
	display: block;
	width: 33px;
	height: 33px;
	background-color: #f4f5fe;
	text-align: center;
	position: relative;
	font-size: 20px;
	color: #080a3c;
	border-radius: 2px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.single-team-box .image .social li a i {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}

.single-team-box .image .social li a:hover {
	color: #ffffff;
	background-color: #8200a8;
}

.single-team-box .image .social li:nth-child(1) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.single-team-box .image .social li:nth-child(2) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.single-team-box .image .social li:nth-child(3) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.single-team-box .image .social li:nth-child(4) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.single-team-box .content {
	margin-top: 20px;
}

.single-team-box .content h3 {
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 500;
}

.single-team-box .content span {
	display: block;
	color: #8200a8;
	font-size: 14px;
	margin-top: 6px;
}

.single-team-box:hover .image {
	border-color: #8200a8;
	background-color: #f4f5fe;
}

.single-team-box:hover .image .social li {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.col-lg-3:nth-child(1) .single-team-box .image,
.col-lg-3:nth-child(7) .single-team-box .image {
	border-color: #ffdacf;
}

.col-lg-3:nth-child(1) .single-team-box .image .social li a:hover,
.col-lg-3:nth-child(7) .single-team-box .image .social li a:hover {
	color: #ffffff;
	background-color: #ff00d3;
}

.col-lg-3:nth-child(1) .single-team-box .content span,
.col-lg-3:nth-child(7) .single-team-box .content span {
	color: #ff00d3;
}

.col-lg-3:nth-child(1) .single-team-box:hover .image,
.col-lg-3:nth-child(7) .single-team-box:hover .image {
	border-color: #ff00d3;
}

.col-lg-3:nth-child(3) .single-team-box .image,
.col-lg-3:nth-child(5) .single-team-box .image {
	border-color: #b2b3c3;
}

.col-lg-3:nth-child(3) .single-team-box .image .social li a:hover,
.col-lg-3:nth-child(5) .single-team-box .image .social li a:hover {
	color: #ffffff;
	background-color: #080a3c;
}

.col-lg-3:nth-child(3) .single-team-box .content span,
.col-lg-3:nth-child(5) .single-team-box .content span {
	color: #080a3c;
}

.col-lg-3:nth-child(3) .single-team-box:hover .image,
.col-lg-3:nth-child(5) .single-team-box:hover .image {
	border-color: #080a3c;
}

.col-lg-3:nth-child(4) .single-team-box .image,
.col-lg-3:nth-child(6) .single-team-box .image {
	border-color: #fed2e1;
}

.col-lg-3:nth-child(4) .single-team-box .image .social li a:hover,
.col-lg-3:nth-child(6) .single-team-box .image .social li a:hover {
	color: #ffffff;
	background-color: #fc4c86;
}

.col-lg-3:nth-child(4) .single-team-box .content span,
.col-lg-3:nth-child(6) .single-team-box .content span {
	color: #fc4c86;
}

.col-lg-3:nth-child(4) .single-team-box:hover .image,
.col-lg-3:nth-child(6) .single-team-box:hover .image {
	border-color: #fc4c86;
}

.feedback-area {
	overflow: hidden;
	background-color: #fbfbfb;
}

.single-feedback-item {
	position: relative;
	margin-top: 95px;
	margin-bottom: 30px;
}

.single-feedback-logo {
	padding: 8px;
	position: absolute;
	left: 0px;
	z-index: 3;
	top: 55px;
	transition: 0.2s;
	background: #f5f5f5;
}

.d-desctop-none {
	display: none;
}

.d-desctop-noneBlog {
	display: none !important;
}

.d-mobile-none {
	display: block;
}

.circular {
	animation: rotate 2s linear infinite;
	height: 100%;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

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

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

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

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}

@keyframes color {

	100%,
	0% {
		stroke: #8200a8;
	}

	40% {
		stroke: #0057e7;
	}

	66% {
		stroke: #008744;
	}

	80%,
	90% {
		stroke: #d62d20;
	}
}

@media (max-width: 991px) {
	.navbar-area {
		background: #fff;
	}

	.d-desctop-none-991 {
		display: block;
	}
}

@media (max-width: 768px) {
	.d-mobile-none {
		display: none !important;
	}
}

@media (max-width: 768px) {
	.single-feedback-logo {
		position: unset !important;
		width: 50%;
		margin-bottom: 9px;
		margin-left: 9px;
	}

	.is-sticky {
		border-bottom: 1px solid #272228eb !important;
	}

	.navbar-area {
		transition: 0.2s;
	}

	.b-mobile-bottom {
		border-bottom: 1px solid #00000014;
	}

	.wb-stat {
		line-height: 38px;
		left: 90px;
	}

	.gifFrame {
		position: absolute;
		top: 165px;
		width: 90%;
		left: 20px;
		z-index: -1;
	}

	.price i {
		font-size: 20px !important;
	}

	body {
		overflow: hidden !important;
	}

	html {
		overflow-x: hidden !important;
	}

	.d-desctop-noneBlog {
		display: block !important;
	}

	.submitMobile {
		padding: 11px 60px 11px 59px !important;
		width: 100%;
	}

	.single-feedback-item img {
		display: block !important;
	}

	.d-desctop-none {
		display: block;
	}

	.d-mobile-none {
		display: none !important;
	}

	.content.left-content h2 {
		font-size: 43px !important;
		line-height: 49px !important;
	}

	.section-title h2 {
		font-size: 32px !important;
		line-height: 34px !important;
	}

	.registationTitle {
		font-size: 32px !important;
		line-height: 34px !important;
	}

	.questionTitleMobile {
		font-size: 32px !important;
		line-height: 34px !important;
		text-align: center;
	}

	.videoFrame video {
		display: none;
	}

	.playButton {
		bottom: 29% !important;
		right: 30% !important;
		left: 30% !important;
		top: auto !important;
	}

	.mtm-120 {
		margin-top: -120px;
	}

	.pt-5 {
		padding: 0 !important;
	}

	.whitebackforbutton {
		margin-left: 55px !important;
	}

	.hero-content h1 {
		line-height: 34px !important;
		font-size: 32px !important;
		margin-bottom: 20px !important;
	}

	.d-mobile-flex {
		display: flex !important;
	}

	.puzomerki {
		font-size: 30px !important;
	}

	.f-mobile-size-11 {
		font-size: 14px !important;
		margin-left: -20px !important;
		margin-top: 5px !important;
	}

	.single-features-card {
		height: 94%;
	}

	.pm-40 {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.feedback-slides.owl-theme .owl-item.active .single-feedback-item .feedback-desc {
		height: 545px !important;
	}

	.single-feedback-item .feedback-desc {
		height: 545px !important;
	}

	.h2-mobile-mt {
		margin-top: 20px !important;
	}

	.pm-40-tn {
		padding-top: 20px !important;
		padding-bottom: 45px !important;
	}

	.m-b-10 {
		margin-bottom: 10px;
	}

	.pm-40-477 {
		padding-top: 60px !important;
		padding-bottom: 5px !important;
	}

	.navbar-area.is-sticky {
		background: #fff !important;
		animation: none !important;
		padding-top: 15px;
	}
}

@media (max-width: 991px) {
	.inputs-5 {
		max-width: 100% !important;
	}

	.d-desctop-noneBlog {
		display: block;
	}
}

@media (max-width: 768px) {
	.personInfoMobile {
		display: inline-block;
		margin-left: 10px;
		position: absolute;
		margin-top: 10px;
	}

	.personAvatarMobile {
		width: 45px;
		height: 45px;
		overflow: hidden;
		display: inline-block !important;
	}
}

.companyLogo {
	text-align: center;
	width: 100%;
	background: #fff;
}

.companyLogo img {
	width: 70% !important;
	margin-left: auto;
	margin-right: auto;
}

.single-feedback-logo:hover {
	transform: scale(1.05);
	transition: 0.2s;
}

.single-feedback-logo:hover>img {
	transform: scale(1.1);
	transition: 0.2s;
}

.single-feedback-logo img {
	transition: 0.2s;
}

.single-feedback-item .feedback-desc {
	position: relative;
	z-index: 1;
	height: 570px;
	overflow: hidden;
	margin-left: 45px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 10px 35px 5px rgba(137, 173, 255, 0.15);
	box-shadow: 0 10px 35px 5px rgba(137, 173, 255, 0.15);
	padding: 30px 30px 30px 160px;
}

.single-feedback-item .feedback-desc p {
	margin-bottom: 0;
	font-weight: 300;
}

.single-feedback-item .feedback-desc .rating {
	margin-top: 13px;
	margin-bottom: 15px;
}

.single-feedback-item .feedback-desc .rating i {
	font-size: 17px;
	display: inline-block;
	margin-right: -1px;
	color: #ff00d3;
}

.single-feedback-item .feedback-desc .client-info h3 {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 500;
}

.single-feedback-item .feedback-desc .client-info span {
	color: #8200a8;
	font-size: 14px;
	margin-top: 6px;
}

.single-feedback-item .feedback-desc::before {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: -1;
	color: #f5f5f5;
	line-height: 95px;
	content: "\ed67";
	font-family: "boxicons" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 135px;
}

.feedback-slides.owl-theme .owl-stage-outer {
	padding-left: 30px;
	padding-right: 30px;
	margin-left: -30px;
	margin-right: -30px;
}

.feedback-slides.owl-theme .owl-item .single-feedback-item {
	margin-bottom: 40px;
}

.feedback-slides.owl-theme .owl-item .single-feedback-item .feedback-desc {
	-webkit-box-shadow: unset;
	box-shadow: unset;
}

.feedback-slides.owl-theme .owl-item.active .single-feedback-item .feedback-desc {
	height: 570px;
}

.feedback-slides.owl-theme .owl-nav.disabled+.owl-dots {
	line-height: initial;
	margin-bottom: 30px;
	margin-top: 10px;
}

.feedback-slides.owl-theme .owl-dots .owl-dot span {
	width: 13px;
	height: 13px;
	margin: 0 3px;
	background: transparent;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 50%;
	border: 1px solid #8200a8;
	position: relative;
}

.feedback-slides.owl-theme .owl-dots .owl-dot span::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	margin: 2px;
	background-color: #8200a8;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.feedback-slides.owl-theme .owl-dots .owl-dot.active span::before,
.feedback-slides.owl-theme .owl-dots .owl-dot:hover span::before {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.testimonials-area {
	background-color: #8200a8;
	animation: animatedBackground 15s linear infinite;
	background-size: cover;
	display: none;
}

.testimonials-area .section-title h2 {
	color: #ffffff;
}

.single-testimonials-item {
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	-ms-flex-align: center !important;
	-webkit-box-align: center !important;
	align-items: center !important;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	border-radius: 0px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 40px 30px;
	background-color: #ffffff;
}

.client-info a {
	border-bottom: 1px solid #917e9621;
}

.single-testimonials-item .client-info {
	-ms-flex: 0 0 30%;
	-webkit-box-flex: 0;
	flex: 0 0 30%;
	max-width: 30%;
	text-align: center;
}

.single-testimonials-item .client-info img {
	border: 2px solid #f4f5fe;
	padding: 5px;
	border-radius: 0px;
	width: auto !important;
	display: inline-block !important;
}

.single-testimonials-item .client-info h3 {
	margin-bottom: 0;
	margin-top: 12px;
	font-size: 18px;
	font-weight: 500;
}

.single-testimonials-item .client-info span {
	display: block;
	color: #8200a8;
	font-size: 14px;
	margin-top: 5px;
}

.single-testimonials-item .testimonials-desc {
	-ms-flex: 0 0 70%;
	-webkit-box-flex: 0;
	flex: 0 0 70%;
	padding-left: 15px;
	max-width: 70%;
}

.single-testimonials-item .testimonials-desc p {
	margin-bottom: 0;
}

.single-testimonials-item .testimonials-desc .rating {
	margin-top: 13px;
}

.single-testimonials-item .testimonials-desc .rating i {
	font-size: 17px;
	display: inline-block;
	margin-right: -1px;
	color: #ff00d3;
}

.single-testimonials-item::before {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: -1;
	color: #f5f5f5;
	line-height: 95px;
	content: "\ed67";
	font-family: "boxicons" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 135px;
}

.testimonials-slides.owl-theme .owl-nav.disabled+.owl-dots {
	line-height: initial;
	margin-bottom: 30px;
	margin-top: 10px;
}

.testimonials-slides.owl-theme .owl-dots .owl-dot span {
	width: 14px;
	height: 14px;
	margin: 0 3px;
	background: transparent;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 50%;
	border: 1px solid #ffffff;
	position: relative;
}

.testimonials-slides.owl-theme .owl-dots .owl-dot span::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	margin: 2px;
	background-color: #ffffff;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.testimonials-slides.owl-theme .owl-dots .owl-dot.active span::before,
.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span::before {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.single-pricing-table {
	margin-bottom: 30px;
	text-align: center;
	background-color: #ffffff;
	padding-bottom: 30px;
	border-radius: 0px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.single-pricing-table .pricing-header {
	padding-top: 25px;
	padding-bottom: 20px;
}

.single-pricing-table .pricing-header h3 {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 500;
}

.single-pricing-table .price {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding-top: 8px;
	padding-bottom: 5px;
	border-top: 1px dashed #f4f5fe;
	border-bottom: 1px dashed #f4f5fe;
	font-weight: 600;
	font-size: 40px;
}

.single-pricing-table.forever {
	background: #272228;
	background: -moz-linear-gradient(45deg, #272228 60%, #2b2b2b 100%);
	background: -webkit-linear-gradient(45deg, #272228 60%, #2b2b2b 100%);
	background: linear-gradient(45deg, #272228 60%, #2b2b2b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272228', endColorstr='#2b2b2b', GradientType=1);
	color: #fff !important;
}

.price.forever {
	border-top: 1px dashed #676457 !important;
	border-bottom: 1px dashed #676457 !important;
}

.single-pricing-table .price sup {
	top: -18px;
	font-size: 18px;
	font-weight: 500;
}

.single-pricing-table .price sub {
	bottom: 2px;
	color: #4a6f8a;
	padding-right: 5px;
	font-size: 14px;
	font-weight: 500;
}

.single-pricing-table .pricing-features {
	padding-left: 0;
	text-align: left;
	list-style-type: none;
	margin-top: 30px;
	margin-bottom: 0;
	margin-left: 50px;
	margin-right: 50px;
}

.single-pricing-table .pricing-features li {
	margin-bottom: 10px;
	position: relative;
	color: #444683;
	padding-left: 21px;
}

.single-pricing-table .pricing-features li:last-child {
	margin-bottom: 0;
}

.single-pricing-table .pricing-features li i {
	color: #8200a8;
	position: absolute;
	left: 0;
	top: 3px;
}

.single-pricing-table .pricing-features li span {
	display: inline-block;
	color: #b7bad2;
	font-size: 20px;
	position: absolute;
	top: 1px;
	margin-left: 3px;
}

.single-pricing-table .btn-box {
	margin-top: 30px;
}

.single-pricing-table:hover {
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.single-pricing-table.left-align {
	text-align: left;
}

.single-pricing-table.left-align .pricing-header,
.single-pricing-table.left-align .price {
	padding-left: 40px;
	padding-right: 40px;
}

.single-pricing-table.left-align .pricing-features {
	margin-left: 40px;
	margin-right: 40px;
}

.single-pricing-table.left-align .btn-box {
	padding-left: 40px;
}

.single-pricing-table.center-align {
	text-align: center;
}

.single-pricing-table.center-align .pricing-features li {
	padding-left: 0;
	padding-right: 21px;
}

.single-pricing-table.center-align .pricing-features li i {
	left: auto;
	right: 0;
}

.pricing-list-tab .tabs {
	text-align: center;
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 40px;
}

.pricing-list-tab .tabs li {
	display: inline-block;
}

.pricing-list-tab .tabs li a {
	display: block;
	background-color: #ffffff;
	color: #8d8fb4;
	padding: 10px 30px 10px 53px;
	position: relative;
	border-radius: 0px;
	margin-left: -1px;
	margin-right: -1px;
	font-size: 16px;
	font-weight: 500;
}

.pricing-list-tab .tabs li a i {
	color: #ff00d3;
	margin-right: 2px;
	position: absolute;
	font-size: 18px;
	top: 48%;
	-webkit-transform: translateY(-48%);
	transform: translateY(-48%);
	left: 30px;
}

.pricing-list-tab .tabs li.current a {
	color: #ffffff;
	background-color: #080a3c;
}

.pricing-list-tab .tabs li:nth-child(1) a {
	border-radius: 30px 0 0 30px;
}

.pricing-list-tab .tabs li:nth-child(2) a {
	border-radius: 0 30px 30px 0;
}

.tab .tabs_item {
	display: none;
}

.tab .tabs_item:first-child {
	display: block;
}

.col-lg-4:nth-child(1) .single-pricing-table .btn-box .default-btn {
	background-color: #080a3c;
}

.col-lg-4:nth-child(1) .single-pricing-table .btn-box .default-btn i {
	color: #ff00d3;
}

.col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn {
	background-color: #8200a8;
}

.col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn i {
	color: #ff00d3;
}

.col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn span {
	background-color: #ff00d3;
}

.col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn:hover i,
.col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn:focus i {
	color: #080a3c;
}

.faq-accordion {
	margin-left: auto;
	max-width: 700px;
}

.faq-accordion h2 {
	margin-bottom: 40px;
	font-size: 40px;
	font-weight: 600;
}

.faq-accordion h2 span {
	display: inline-block;
	color: #ff00d3;
}

.faq-accordion .accordion {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

.faq-accordion .accordion .accordion-item {
	display: block;
	background: #f5f5ff;
	margin-bottom: 10px;
}

.faq-accordion .accordion .accordion-item:last-child {
	margin-bottom: 0;
}

.faq-accordion .accordion .accordion-title {
	padding: 12px 40px 10px 20px;
	color: #080a3c;
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 500;
}

.faq-accordion .accordion .accordion-title i {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #080a3c;
	font-size: 20px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.faq-accordion .accordion .accordion-title.active i::before {
	content: "\eaf8";
	color: #ff00d3;
}

.faq-accordion .accordion .accordion-content {
	display: none;
	position: relative;
	padding: 15px 20px;
	font-size: 14px;
	border-top: 1px solid #ff00d3;
	color: #4a6f8a;
}

.faq-accordion .accordion .accordion-content.show {
	display: block;
}

.faq-image {
	text-align: center;
}

.bg-color-f4f5fe {
	background-color: #f4f5fe;
}

.bg-color-f4f5fe .faq-accordion .accordion .accordion-item {
	background: #ffffff;
}

.app-download-area {
	background-color: #fff;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.app-download-image {
	text-align: center;
}

.app-download-content p {
	font-weight: 300;
}

.backgroundSvg {
	background-position: right;
	background-repeat: no-repeat;
	background-color: #8200a8;
}

.default-btn.app:hover i {
	color: #fff !important;
}

.default-btn.app:hover {
	color: #fff !important;
}

.default-btn.buy:hover i {
	color: #ffc107 !important;
}

.default-btn.buy:hover {
	color: #fff !important;
}

.app-download-content .sub-title {
	display: inline-block;
	background-color: #8200a8;
	color: #ffffff;
	padding: 5px 25px;
	border-radius: 35px;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 400;
}

.app-download-content h2 {
	font-size: 40px;
	font-weight: 300;
}

.app-download-content .btn-box {
	margin-top: 30px;
}

.app-download-content .btn-box .play-store-btn {
	display: inline-block;
	background-color: #ffffff;
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
	padding: 12px 25px 12px 74px;
	border-radius: 0px;
	position: relative;
	z-index: 1;
	color: #666786;
	font-size: 13px;
	font-weight: 400;
}

.app-download-content .btn-box .play-store-btn span {
	display: block;
	color: #080a3c;
	font-size: 20px;
	font-weight: 600;
}

.app-download-content .btn-box .play-store-btn img {
	position: absolute;
	left: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.app-download-content .btn-box .play-store-btn:hover,
.app-download-content .btn-box .play-store-btn:focus {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.app-download-content .btn-box .apple-store-btn {
	margin-right: 8px;
	display: inline-block;
	background-color: #ffffff;
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
	padding: 12px 25px 12px 74px;
	border-radius: 0px;
	position: relative;
	z-index: 1;
	color: #666786;
	font-size: 13px;
	font-weight: 400;
}

.app-download-content .btn-box .apple-store-btn span {
	display: block;
	color: #080a3c;
	font-size: 20px;
	font-weight: 600;
}

.app-download-content .btn-box .apple-store-btn img {
	position: absolute;
	left: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.app-download-content .btn-box .apple-store-btn:hover,
.app-download-content .btn-box .apple-store-btn:focus {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.clients-logo-list {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
	margin-top: -10px;
}

.single-clients-logo {
	-ms-flex: 0 0 20%;
	-webkit-box-flex: 0;
	flex: 0 0 20%;
	max-width: 20%;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
}

.single-clients-logo a {
	text-align: center;
	display: block;
	background-color: #ffffff;
	padding: 30px 20px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.single-clients-logo a img {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.single-clients-logo a:hover {
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.single-clients-logo a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.single-clients-logo:nth-child(6) {
	margin-left: 0%;
}

.bg-color-f8fbfa .single-clients-logo a {
	background-color: #f8fbfa;
}

.bg-color-f8fbfa .single-clients-logo a:hover {
	background-color: #ffffff;
}

.single-blog-post {
	border-radius: 2px;
	margin-bottom: 30px;
	background-color: #f7f7f7;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.single-blog-post .post-image {
	overflow: hidden;
	position: relative;
}

.single-blog-post .post-image a {
	display: block;
}

.single-blog-post .post-image a img {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.single-blog-post .post-image .date {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #f7f7f7;
	border-radius: 0 5px 0 0;
	padding: 10px 25px 0;
	z-index: 1;
	color: #080a3c;
	font-size: 15px;
	font-weight: 300;
}

.single-blog-post .post-image .date i {
	color: #ff00d3;
	margin-right: 1px;
	font-size: 16px;
	position: relative;
	top: 1px;
}

.single-blog-post .post-content {
	padding: 25px;
}

.single-blog-post .post-content h3 {
	line-height: 1.4;
	font-size: 22px;
	font-weight: 300;
}

.single-blog-post .post-content h3 a {
	border-bottom: 1px solid #917e9621;
}

.subscribe-area.bg-f4f5fe {
	margin-top: -145px;
	background-color: #0000 !important;
}

.single-blog-post .post-content .post-info {
	-ms-flex-align: center !important;
	-webkit-box-align: center !important;
	align-items: center !important;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 15px;
}

.single-blog-post .post-content .post-info .post-by {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	position: relative;
	max-width: 50%;
	padding-left: 52px;
}

.single-blog-post .post-content .post-info .post-by img {
	width: 43px;
	height: 43px;
	border-radius: 50%;
	border: 1px solid #dde4ff;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.single-blog-post .post-content .post-info .post-by h6 {
	margin-bottom: 0;
	color: #8891b5;
	font-size: 15px;
	font-weight: 500;
}

.single-blog-post .post-content .post-info .details-btn {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	text-align: right;
	max-width: 50%;
}

.single-blog-post .post-content .post-info .details-btn a {
	display: inline-block;
	width: 43px;
	height: 43px;
	position: relative;
	border-radius: 50%;
	background-color: #ebefff;
	color: #080a3c;
	text-align: center;
	font-size: 25px;
}

.single-blog-post .post-content .post-info .details-btn a i {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}

.single-blog-post .post-content .post-info .details-btn a:hover {
	color: #ffffff;
	background-color: #080a3c;
}

.single-blog-post:hover .post-image a img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.blog-notes {
	margin-top: 10px;
	text-align: center;
}

.blog-notes p {
	line-height: initial;
	font-weight: 300;
}

.blog-notes p a {
	display: inline-block;
	color: #ff00d3;
}

.blog-notes p a:hover {
	color: #8200a8;
}

.blog-details-desc .article-content {
	margin-top: 30px;
}

.blog-details-desc .article-content .entry-meta {
	margin-bottom: -8px;
}

.blog-details-desc .article-content .entry-meta ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.blog-details-desc .article-content .entry-meta ul li {
	position: relative;
	display: inline-block;
	color: #080a3c;
	margin-right: 20px;
}

.blog-details-desc .article-content .entry-meta ul li a {
	display: inline-block;
	color: #4a6f8a;
}

.blog-details-desc .article-content .entry-meta ul li a:hover {
	color: #8200a8;
}

.blog-details-desc .article-content .entry-meta ul li i {
	color: #ff00d3;
	margin-right: 2px;
	position: relative;
	top: 1px;
}

.blog-details-desc .article-content .entry-meta ul li::before {
	content: '';
	position: absolute;
	top: 12px;
	right: -15px;
	width: 6px;
	height: 1px;
	background: #8200a8;
}

.blog-details-desc .article-content .entry-meta ul li:last-child {
	margin-right: 0;
}

.blog-details-desc .article-content .entry-meta ul li:last-child::before {
	display: none;
}

.blog-details-desc .article-content h3 {
	margin-bottom: 15px;
	margin-top: 25px;
	font-size: 22px;
	font-weight: 500;
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 {
	padding-left: 0;
	list-style-type: none;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 30px;
	margin-top: 30px;
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li {
	-ms-flex: 0 0 33.3333%;
	-webkit-box-flex: 0;
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
	padding-right: 10px;
	padding-left: 10px;
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
	margin-bottom: 0;
}

.blog-details-desc .article-content .features-list {
	padding-left: 0;
	list-style-type: none;
	margin-top: 25px;
	margin-bottom: 30px;
}

.blog-details-desc .article-content .features-list li {
	margin-bottom: 15px;
	position: relative;
	padding-left: 28px;
	color: #4a6f8a;
}

.blog-details-desc .article-content .features-list li i {
	color: #8200a8;
	display: inline-block;
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 0;
}

.blog-details-desc .article-content .features-list li:last-child {
	margin-bottom: 0;
}

.blog-details-desc .article-footer {
	margin-top: 30px;
}

.blog-details-desc .article-footer .article-tags a {
	display: inline-block;
	color: #ffffff;
	background-color: #ff00d3;
	padding: 4px 12px;
	border-radius: 0px;
	margin-right: 3px;
	font-size: 14px;
}

.blog-details-desc .article-footer .article-tags a:hover {
	color: #ffffff;
	background-color: #8200a8;
}

.comments-area {
	margin-top: 25px;
}

.comments-area .comments-title {
	margin-bottom: 30px;
	line-height: initial;
	font-size: 22px;
	font-weight: 500;
}

.comments-area ol,
.comments-area ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.comments-area .comment-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.comments-area .children {
	margin-left: 20px;
}

.comments-area .comment-body {
	border-bottom: 1px solid #eeeeee;
	padding-left: 65px;
	color: #080a3c;
	font-size: 14px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.comments-area .comment-body .reply {
	margin-top: 15px;
}

.comments-area .comment-body .reply a {
	border: 1px solid #ded9d9;
	color: #080a3c;
	display: inline-block;
	padding: 6px 20px;
	border-radius: 30px;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	font-size: 13px;
	font-weight: 600;
}

.comments-area .comment-body .reply a:hover {
	color: #ffffff;
	background-color: #8200a8;
	border-color: #8200a8;
}

.comments-area .comment-author {
	font-size: 16px;
	margin-bottom: 0.2em;
	position: relative;
	z-index: 2;
}

.comments-area .comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}

.comments-area .comment-author .fn {
	font-weight: 500;
}

.comments-area .comment-author .says {
	display: none;
}

.comments-area .comment-metadata {
	margin-bottom: .8em;
	color: #4a6f8a;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
}

.comments-area .comment-metadata a {
	color: #4a6f8a;
}

.comments-area .comment-metadata a:hover {
	color: #8200a8;
}

.comments-area .comment-respond {
	margin-top: 30px;
}

.comments-area .comment-respond .comment-reply-title {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 500;
}

.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
	display: inline-block;
}

.comments-area .comment-respond .comment-form {
	overflow: hidden;
}

.comments-area .comment-respond .comment-notes {
	margin-bottom: 0;
	margin-top: 10px;
}

.comments-area .comment-respond .comment-notes .required {
	color: red;
}

.comments-area .comment-respond .comment-form-comment {
	margin-top: 15px;
	float: left;
	width: 100%;
}

.comments-area .comment-respond label {
	display: block;
	font-weight: 500;
	color: #080a3c;
	margin-bottom: 5px;
}

.comments-area .comment-respond input[type="date"],
.comments-area .comment-respond input[type="time"],
.comments-area .comment-respond input[type="datetime-local"],
.comments-area .comment-respond input[type="week"],
.comments-area .comment-respond input[type="month"],
.comments-area .comment-respond input[type="text"],
.comments-area .comment-respond input[type="email"],
.comments-area .comment-respond input[type="url"],
.comments-area .comment-respond input[type="password"],
.comments-area .comment-respond input[type="search"],
.comments-area .comment-respond input[type="tel"],
.comments-area .comment-respond input[type="number"],
.comments-area .comment-respond textarea {
	display: block;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	padding: 0.625em 0.7375em;
	outline: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.comments-area .comment-respond input[type="date"]:focus,
.comments-area .comment-respond input[type="time"]:focus,
.comments-area .comment-respond input[type="datetime-local"]:focus,
.comments-area .comment-respond input[type="week"]:focus,
.comments-area .comment-respond input[type="month"]:focus,
.comments-area .comment-respond input[type="text"]:focus,
.comments-area .comment-respond input[type="email"]:focus,
.comments-area .comment-respond input[type="url"]:focus,
.comments-area .comment-respond input[type="password"]:focus,
.comments-area .comment-respond input[type="search"]:focus,
.comments-area .comment-respond input[type="tel"]:focus,
.comments-area .comment-respond input[type="number"]:focus,
.comments-area .comment-respond textarea:focus {
	border-color: #8200a8;
}

.comments-area .comment-respond .comment-form-author {
	float: left;
	width: 50%;
	padding-right: 10px;
	margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-email {
	float: left;
	width: 50%;
	padding-left: 12px;
	margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-url {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-cookies-consent {
	width: 100%;
	float: left;
	position: relative;
	padding-left: 20px;
	margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-cookies-consent input {
	position: absolute;
	left: 0;
	top: 5px;
}

.comments-area .comment-respond .comment-form-cookies-consent label {
	display: inline-block;
	margin: 0;
	color: #4a6f8a;
	font-weight: normal;
	position: relative;
	top: -2px;
}

.comments-area .comment-respond .form-submit {
	float: left;
	width: 100%;
}

.comments-area .comment-respond .form-submit input {
	background: #8200a8;
	border: none;
	color: #ffffff;
	padding: 11px 25px;
	display: inline-block;
	cursor: pointer;
	outline: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 0px;
	font-weight: 500;
	font-size: 15px;
}

.comments-area .comment-respond .form-submit input:hover,
.comments-area .comment-respond .form-submit input:focus {
	color: #ffffff;
	background-color: #ff00d3;
}

.spacle-post-navigation {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

.prev-link-wrapper {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
	padding-right: 15px;
}

.prev-link-wrapper a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.prev-link-wrapper a:hover .image-prev::after {
	opacity: 1;
	visibility: visible;
}

.prev-link-wrapper a:hover .image-prev .post-nav-title {
	opacity: 1;
	visibility: visible;
}

.prev-link-wrapper a:hover .prev-link-info-wrapper {
	color: #8200a8;
}

.prev-link-wrapper .image-prev {
	display: inline-block;
	min-width: 100px;
	width: 100px;
	border-radius: 0px;
	overflow: hidden;
	vertical-align: top;
	margin-right: 20px;
	position: relative;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.prev-link-wrapper .image-prev img {
	border-radius: 0px;
}

.prev-link-wrapper .image-prev::after {
	display: block;
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0px;
	opacity: 0;
	background-color: #8200a8;
	visibility: hidden;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.prev-link-wrapper .image-prev .post-nav-title {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	z-index: 2;
	color: #ffffff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	font-size: 16px;
	font-weight: 500;
}

.prev-link-wrapper .prev-link-info-wrapper {
	color: #080a3c;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.prev-link-wrapper .prev-title {
	display: inline-block;
	font-weight: 500;
	font-size: 17px;
}

.prev-link-wrapper .meta-wrapper {
	display: block;
	color: #4a6f8a;
	text-transform: capitalize;
	margin-top: 5px;
	font-weight: 400;
	font-size: 14px;
}

.next-link-wrapper {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
	text-align: right;
	padding-left: 15px;
}

.next-link-wrapper a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.next-link-wrapper a:hover .image-next::after {
	opacity: 1;
	visibility: visible;
}

.next-link-wrapper a:hover .image-next .post-nav-title {
	opacity: 1;
	visibility: visible;
}

.next-link-wrapper a:hover .next-link-info-wrapper {
	color: #8200a8;
}

.next-link-wrapper .image-next {
	display: inline-block;
	min-width: 100px;
	width: 100px;
	border-radius: 0px;
	overflow: hidden;
	vertical-align: top;
	margin-left: 20px;
	position: relative;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.next-link-wrapper .image-next img {
	border-radius: 0px;
}

.next-link-wrapper .image-next::after {
	display: block;
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0px;
	opacity: 0;
	background-color: #8200a8;
	visibility: hidden;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.next-link-wrapper .image-next .post-nav-title {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	z-index: 2;
	color: #ffffff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	font-size: 16px;
	font-weight: 500;
}

.next-link-wrapper .next-link-info-wrapper {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	color: #080a3c;
}

.next-link-wrapper .next-title {
	display: inline-block;
	font-weight: 500;
	font-size: 17px;
}

.next-link-wrapper .meta-wrapper {
	display: block;
	color: #4a6f8a;
	text-transform: capitalize;
	margin-top: 5px;
	font-weight: 400;
	font-size: 14px;
}

blockquote,
.blockquote {
	overflow: hidden;
	background-color: #fafafa;
	padding: 50px !important;
	position: relative;
	text-align: center;
	z-index: 1;
	margin-bottom: 20px;
	margin-top: 20px;
}

blockquote p,
.blockquote p {
	color: #080a3c;
	line-height: 1.6;
	margin-bottom: 0;
	font-style: italic;
	font-weight: 500;
	font-size: 22px !important;
}

blockquote cite,
.blockquote cite {
	display: none;
}

blockquote::before,
.blockquote::before {
	color: #efefef;
	position: absolute;
	left: 50px;
	top: -50px;
	z-index: -1;
	content: "\ed67";
	font-family: "boxicons" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 135px;
}

blockquote::after,
.blockquote::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background-color: #8200a8;
	margin-top: 20px;
	margin-bottom: 20px;
}

.page-title-area {
	background-color: #8200a8;
	position: relative;
	z-index: 1;
	padding-top: 81px;
	padding-bottom: 81px;
}

.page-title-area::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: .6;
	height: 100%;
	z-index: -1;
	background-repeat: repeat;
	background-position: center center;
	background-size: cover;
}

.page-title-content {
	text-align: center;
}

.page-title-content h2 {
	color: #ffffff;
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 600;
}

.page-title-content p {
	color: #ffffff;
	margin-top: 15px;
	margin-bottom: 0;
}

@-webkit-keyframes animatedBackground {
	0% {
		background-position: center center;
	}

	100% {
		background-position: 300px center;
	}
}

@keyframes animatedBackground {
	0% {
		background-position: center center;
	}

	100% {
		background-position: 300px center;
	}
}

.error-area {
	height: 100vh;
}

.error-content {
	text-align: center;
	margin: 0 auto;
	max-width: 700px;
}

.error-content h3 {
	font-size: 40px;
	font-weight: 500;
	margin-top: 45px;
	margin-bottom: 15px;
}

.error-content p {
	max-width: 520px;
	margin: 0 auto 25px;
}

.pagination-area {
	margin-top: 35px;
	text-align: center;
}

.pagination-area .page-numbers {
	width: 45px;
	height: 45px;
	margin: 0 3px;
	display: inline-block;
	background-color: #ffffff;
	line-height: 48px;
	color: #080a3c;
	-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
	box-shadow: 0 2px 10px 0 #d8dde6;
	font-size: 18px;
	font-weight: 500;
}

.pagination-area .page-numbers.current,
.pagination-area .page-numbers:hover,
.pagination-area .page-numbers:focus {
	background: #8200a8;
	color: #ffffff;
	-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
	box-shadow: 0 2px 10px 0 #d8dde6;
}

.widget-area .widget {
	margin-top: 35px;
}

.widget-area .widget:first-child {
	margin-top: 0;
}

.widget-area .widget .widget-title {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 10px;
	margin-bottom: 25px;
	position: relative;
	font-weight: 500;
	font-size: 21px;
}

.widget-area .widget .widget-title::before {
	content: '';
	position: absolute;
	background: #8200a8;
	bottom: -1px;
	left: 0;
	width: 50px;
	height: 1px;
}

.widget-area .widget_search {
	-webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
	box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
	background-color: #ffffff;
	padding: 15px;
}

.widget-area .widget_search form {
	position: relative;
}

.widget-area .widget_search form label {
	display: block;
	margin-bottom: 0;
}

.widget-area .widget_search form .screen-reader-text {
	display: none;
}

.widget-area .widget_search form .search-field {
	background-color: transparent;
	height: 50px;
	padding: 6px 15px;
	border: 1px solid #eeeeee;
	width: 100%;
	display: block;
	outline: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.widget-area .widget_search form .search-field:focus {
	border-color: #8200a8;
}

.widget-area .widget_search form button {
	position: absolute;
	right: 0;
	outline: 0;
	bottom: 0;
	height: 50px;
	width: 50px;
	z-index: 1;
	border: none;
	color: #ffffff;
	background-color: #8200a8;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	font-size: 20px;
}

.widget-area .widget_search form button i {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
}

.widget-area .widget_search form button:hover {
	background-color: #ff00d3;
	color: #ffffff;
}

.widget-area .widget_spacle_posts_thumb {
	position: relative;
	overflow: hidden;
}

.widget-area .widget_spacle_posts_thumb .item {
	overflow: hidden;
	margin-bottom: 15px;
}

.widget-area .widget_spacle_posts_thumb .item:last-child {
	margin-bottom: 0;
}

.widget-area .widget_spacle_posts_thumb .item .thumb {
	float: left;
	height: 80px;
	overflow: hidden;
	position: relative;
	width: 80px;
	margin-right: 15px;
}

.widget-area .widget_spacle_posts_thumb .item .thumb .fullimage {
	width: 80px;
	height: 80px;
	display: inline-block;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center !important;
}

.widget-area .widget_spacle_posts_thumb .item .thumb .fullimage.bg1 {
	background-image: url(../img/blog-image/7.jpg);
}

.widget-area .widget_spacle_posts_thumb .item .thumb .fullimage.bg2 {
	background-image: url(../img/blog-image/8.jpg);
}

.widget-area .widget_spacle_posts_thumb .item .thumb .fullimage.bg3 {
	background-image: url(../img/blog-image/9.jpg);
}

.widget-area .widget_spacle_posts_thumb .item .info {
	overflow: hidden;
	margin-top: 5px;
}

.widget-area .widget_spacle_posts_thumb .item .info time {
	display: block;
	color: #4a6f8a;
	text-transform: uppercase;
	margin-top: 3px;
	margin-bottom: 5px;
	font-size: 12px;
}

.widget-area .widget_spacle_posts_thumb .item .info .title {
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 15px;
	font-weight: 500;
}

.widget-area .widget_spacle_posts_thumb .item .info .title a {
	display: inline-block;
}

.widget-area .widget_recent_entries ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.widget-area .widget_recent_entries ul li {
	position: relative;
	margin-bottom: 12px;
	color: #080a3c;
	padding-left: 14px;
	line-height: 1.5;
	font-weight: 500;
	font-size: 15px;
}

.widget-area .widget_recent_entries ul li:last-child {
	margin-bottom: 0;
}

.widget-area .widget_recent_entries ul li::before {
	background: #8200a8;
	position: absolute;
	height: 7px;
	width: 7px;
	content: '';
	left: 0;
	top: 8px;
}

.widget-area .widget_recent_entries ul li a {
	display: inline-block;
	color: #080a3c;
}

.widget-area .widget_recent_entries ul li a:hover {
	color: #8200a8;
}

.widget-area .widget_recent_entries ul li .post-date {
	display: block;
	font-size: 13px;
	color: #4a6f8a;
	margin-top: 4px;
}

.widget-area .widget_recent_comments ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.widget-area .widget_recent_comments ul li {
	position: relative;
	margin-bottom: 12px;
	color: #4a6f8a;
	padding-left: 14px;
	line-height: 1.5;
	font-weight: 500;
	font-size: 15px;
}

.widget-area .widget_recent_comments ul li:last-child {
	margin-bottom: 0;
}

.widget-area .widget_recent_comments ul li::before {
	background: #8200a8;
	position: absolute;
	height: 7px;
	width: 7px;
	content: '';
	left: 0;
	top: 8px;
}

.widget-area .widget_recent_comments ul li a {
	display: inline-block;
	color: #080a3c;
}

.widget-area .widget_recent_comments ul li a:hover {
	color: #8200a8;
}

.widget-area .widget_archive ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.widget-area .widget_archive ul li {
	position: relative;
	margin-bottom: 12px;
	padding-left: 14px;
	color: #080a3c;
	font-weight: 500;
	font-size: 15px;
}

.widget-area .widget_archive ul li:last-child {
	margin-bottom: 0;
}

.widget-area .widget_archive ul li::before {
	background: #8200a8;
	height: 7px;
	width: 7px;
	content: '';
	left: 0;
	top: 8px;
	position: absolute;
}

.widget-area .widget_archive ul li a {
	display: inline-block;
	color: #080a3c;
}

.widget-area .widget_archive ul li a:hover {
	color: #8200a8;
}

.widget-area .widget_categories ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.widget-area .widget_categories ul li {
	position: relative;
	margin-bottom: 12px;
	color: #4a6f8a;
	padding-left: 14px;
	font-weight: 500;
	font-size: 15px;
}

.widget-area .widget_categories ul li:last-child {
	margin-bottom: 0;
}

.widget-area .widget_categories ul li::before {
	background: #8200a8;
	height: 7px;
	width: 7px;
	content: '';
	left: 0;
	top: 8px;
	position: absolute;
}

.widget-area .widget_categories ul li a {
	color: #080a3c;
	display: block;
}

.widget-area .widget_categories ul li a:hover {
	color: #8200a8;
}

.widget-area .widget_categories ul li .post-count {
	float: right;
}

.widget-area .widget_meta ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.widget-area .widget_meta ul li {
	position: relative;
	margin-bottom: 12px;
	color: #080a3c;
	padding-left: 14px;
	font-weight: 500;
	font-size: 15px;
}

.widget-area .widget_meta ul li:last-child {
	margin-bottom: 0;
}

.widget-area .widget_meta ul li::before {
	background: #8200a8;
	height: 7px;
	width: 7px;
	content: '';
	left: 0;
	top: 8px;
	position: absolute;
}

.widget-area .widget_meta ul li a {
	display: inline-block;
	color: #080a3c;
}

.widget-area .widget_meta ul li a:hover {
	color: #8200a8;
}

.widget-area .widget_tag_cloud .widget-title {
	margin-bottom: 12px;
}

.widget-area .tagcloud a {
	display: inline-block;
	color: #080a3c;
	font-weight: 500;
	font-size: 14px !important;
	padding: 6px 13px;
	border: 1px dashed #eeeeee;
	margin-top: 8px;
	margin-right: 4px;
}

.widget-area .tagcloud a:hover,
.widget-area .tagcloud a:focus {
	color: #ffffff;
	background-color: #8200a8;
	border-color: #8200a8;
}

.login-image {
	height: 100%;
	width: 100%;
	background-image: url(../img/login-bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.login-image img {
	display: none;
}

.login-content {
	height: 100vh;
}

.login-content .login-form {
	text-align: center;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.login-content .login-form .logo {
	margin-bottom: 35px;
}

.login-content .login-form .logo a {
	display: inline-block;
}

.login-content .login-form h3 {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 500;
}

.login-content .login-form p {
	margin-top: 7px;
	margin-bottom: 0;
}

.login-content .login-form p a {
	display: inline-block;
}

.login-content .login-form form {
	margin-top: 35px;
}

.login-content .login-form form .form-control {
	background-color: #ffffff;
	color: #080a3c;
	border: none;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	-webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
	box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
	height: 55px;
	font-size: 14px;
}

.login-content .login-form form .form-control::-webkit-input-placeholder {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.login-content .login-form form .form-control:-ms-input-placeholder {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.login-content .login-form form .form-control::-ms-input-placeholder {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.login-content .login-form form .form-control::placeholder {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.login-content .login-form form .form-control:focus::-webkit-input-placeholder {
	color: transparent;
}

.login-content .login-form form .form-control:focus:-ms-input-placeholder {
	color: transparent;
}

.login-content .login-form form .form-control:focus::-ms-input-placeholder {
	color: transparent;
}

.login-content .login-form form .form-control:focus::placeholder {
	color: transparent;
}

.login-content .login-form form .default-btn {
	display: block;
	width: 100%;
	-webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(255, 97, 47, 0.2);
	box-shadow: 0px 5px 28.5px 1.5px rgba(255, 97, 47, 0.2);
	padding-left: 25px;
}

.login-content .login-form form .forgot-password {
	text-align: right;
	margin-top: 15px;
}

.login-content .login-form form .forgot-password a {
	display: inline-block;
	color: #8200a8;
	text-decoration: underline;
}

.login-content .login-form form .forgot-password a:hover {
	color: #ff00d3;
}

.login-content .login-form form .connect-with-social {
	margin-top: 15px;
}

.login-content .login-form form .connect-with-social button {
	display: block;
	width: 100%;
	position: relative;
	border: 1px solid #8200a8;
	background-color: transparent;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding: 11px 30px;
	border-radius: 2px;
	color: #8200a8;
	font-weight: 500;
}

.login-content .login-form form .connect-with-social button i {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 15px;
	font-size: 20px;
}

.login-content .login-form form .connect-with-social button.facebook {
	border-color: #3b5998;
	color: #3b5998;
}

.login-content .login-form form .connect-with-social button.facebook:hover {
	background-color: #3b5998;
	color: #ffffff;
	border-color: #3b5998;
}

.login-content .login-form form .connect-with-social button.google {
	margin-top: 10px;
	border-color: #EA4335;
	color: #EA4335;
}

.login-content .login-form form .connect-with-social button.google:hover {
	background-color: #EA4335;
	color: #ffffff;
	border-color: #EA4335;
}

.login-content .login-form form .connect-with-social button:hover {
	background-color: #8200a8;
	color: #ffffff;
	border-color: #8200a8;
}

.signup-image {
	height: 100%;
	width: 100%;
	background-image: url(../img/signup-bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.signup-image img {
	display: none;
}

.signup-content {
	height: 100vh;
}

.signup-content .signup-form {
	text-align: center;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.signup-content .signup-form .logo {
	margin-bottom: 40px;
}

.signup-content .signup-form .logo a {
	display: inline-block;
}

.signup-content .signup-form h3 {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 500;
}

.signup-content .signup-form p {
	margin-top: 7px;
	margin-bottom: 0;
}

.signup-content .signup-form p a {
	display: inline-block;
}

.signup-content .signup-form form {
	margin-top: 35px;
}

.signup-content .signup-form form .form-control {
	background-color: #ffffff;
	color: #080a3c;
	border: none;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	-webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
	box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
	height: 55px;
	font-size: 14px;
}

.signup-content .signup-form form .form-control::-webkit-input-placeholder {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.signup-content .signup-form form .form-control:-ms-input-placeholder {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.signup-content .signup-form form .form-control::-ms-input-placeholder {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.signup-content .signup-form form .form-control::placeholder {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.signup-content .signup-form form .form-control:focus::-webkit-input-placeholder {
	color: transparent;
}

.signup-content .signup-form form .form-control:focus:-ms-input-placeholder {
	color: transparent;
}

.signup-content .signup-form form .form-control:focus::-ms-input-placeholder {
	color: transparent;
}

.signup-content .signup-form form .form-control:focus::placeholder {
	color: transparent;
}

.signup-content .signup-form form .default-btn {
	display: block;
	width: 100%;
	-webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(255, 97, 47, 0.2);
	box-shadow: 0px 5px 28.5px 1.5px rgba(255, 97, 47, 0.2);
	padding-left: 25px;
}

.signup-content .signup-form form .connect-with-social {
	margin-top: 20px;
}

.signup-content .signup-form form .connect-with-social span {
	display: block;
	text-transform: uppercase;
	color: #4a6f8a;
	margin-bottom: 20px;
}

.signup-content .signup-form form .connect-with-social button {
	display: block;
	width: 100%;
	position: relative;
	border: 1px solid #8200a8;
	background-color: transparent;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding: 11px 30px;
	border-radius: 2px;
	color: #8200a8;
	font-weight: 500;
}

.signup-content .signup-form form .connect-with-social button i {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 15px;
	font-size: 20px;
}

.signup-content .signup-form form .connect-with-social button.facebook {
	border-color: #3b5998;
	color: #3b5998;
}

.signup-content .signup-form form .connect-with-social button.facebook:hover {
	background-color: #3b5998;
	color: #ffffff;
	border-color: #3b5998;
}

.signup-content .signup-form form .connect-with-social button.google {
	margin-top: 10px;
	border-color: #EA4335;
	color: #EA4335;
}

.signup-content .signup-form form .connect-with-social button.google:hover {
	background-color: #EA4335;
	color: #ffffff;
	border-color: #EA4335;
}

.signup-content .signup-form form .connect-with-social button:hover {
	background-color: #8200a8;
	color: #ffffff;
	border-color: #8200a8;
}

.subscribe-area.bg-f4f5fe {
	background-color: #ffffff;
	position: relative;
	z-index: 1;
}

.subscribe-area.bg-f4f5fe::before {
	width: 100%;
	height: 50%;
	background-color: #0000;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	position: absolute;
}

.subscribe-content {
	position: relative;
	background-position: right;
	background-repeat: no-repeat;
	z-index: 1;
	border-radius: 30px;
	text-align: center;
	background: rgb(61, 47, 66);
	background: -moz-radial-gradient(center, ellipse cover, rgba(61, 47, 66, 1) 1%, rgba(29, 29, 29, 1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(61, 47, 66, 1) 1%, rgba(29, 29, 29, 1) 100%);
	background: radial-gradient(ellipse at center, rgba(61, 47, 66, 1) 1%, rgba(29, 29, 29, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d2f42', endColorstr='#1d1d1d', GradientType=1);
	padding: 70px;
}

.subscribe-content h2 {
	color: #ffffff;
	max-width: 610px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	font-size: 40px;
	font-weight: 200;
}

.subscribe-content form {
	max-width: 600px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}

.subscribe-content form .row {
	margin-left: -7px;
	margin-right: -7px;
}

.subscribe-content form .row .col-lg-8,
.subscribe-content form .row .col-lg-4,
.subscribe-content form .row .col-lg-12 {
	padding-left: 7px;
	padding-right: 7px;
}

.subscribe-content form #validator-newsletter {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	color: #ffffff;
}

.subscribe-content form .input-newsletter {
	display: block;
	width: 100%;
	border: none;
	height: 50px;
	border-radius: 0px;
	color: #ffffff;
	background-color: #c32f00;
	padding: 0 0 0 15px;
	font-size: 14px;
	font-weight: 500;
}

.subscribe-content form .input-newsletter::-webkit-input-placeholder {
	color: #ffffff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.subscribe-content form .input-newsletter:-ms-input-placeholder {
	color: #ffffff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.subscribe-content form .input-newsletter::-ms-input-placeholder {
	color: #ffffff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.subscribe-content form .input-newsletter::placeholder {
	color: #ffffff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.subscribe-content form .input-newsletter:focus::-webkit-input-placeholder {
	color: transparent;
}

.subscribe-content form .input-newsletter:focus:-ms-input-placeholder {
	color: transparent;
}

.subscribe-content form .input-newsletter:focus::-ms-input-placeholder {
	color: transparent;
}

.subscribe-content form .input-newsletter:focus::placeholder {
	color: transparent;
}

.subscribe-content form button {
	margin-top: -25px;
	background-color: #8200a8 !important;
	color: #ffffff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border: none;
	border-radius: 0px;
	height: 50px;
	padding: 0 0;
	line-height: 50px;
	display: block;
	padding-right: 4px;
	width: 100%;
	font-size: 15px;
	font-weight: 500;
	position: relative;
	z-index: 1;
	background-color: #8200a8;
	color: #fff;
	padding-bottom: 13px;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: 4px;
	text-align: center;
}

.subscribe-content form button i {
	color: #ff00d3;
	font-size: 20px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: relative;
	top: 13px;
	left: -5px;
}

.subscribe-content form button:hover,
.subscribe-content form button:focus {
	background-color: #8200a8;
}

.subscribe-content form button:hover i,
.subscribe-content form button:focus i {
	color: #080a3c;
}

.shape14 {
	position: absolute;
	left: 5%;
	top: 0;
	z-index: -1;
}

.shape14 img {
	-webkit-animation: moveLeftBounce 5s linear infinite;
	animation: moveLeftBounce 5s linear infinite;
}

.shape15 {
	position: absolute;
	right: 2%;
	top: 4%;
	z-index: -1;
}

.shape16 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.shape17 {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.shape18 {
	position: absolute;
	z-index: -1;
	right: 20%;
	top: 32%;
}

.free-trial-area {
	position: relative;
	z-index: 1;
}

.free-trial-content {
	text-align: center;
	max-width: 695px;
	margin-left: auto;
	margin-right: auto;
}

.free-trial-content h2 {
	font-size: 40px;
	font-weight: 500;
}

.free-trial-content p {
	margin-top: 20px;
}

.free-trial-content .default-btn {
	margin-top: 20px;
}

.shape10 {
	position: absolute;
	right: 30%;
	bottom: 25%;
	z-index: -1;
}

.shape10 img {
	-webkit-animation-name: rotateMe;
	animation-name: rotateMe;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.shape11 {
	position: absolute;
	left: 25%;
	bottom: 27%;
	z-index: -1;
}

.shape11 img {
	-webkit-animation: moveBounce 5s linear infinite;
	animation: moveBounce 5s linear infinite;
}

.shape12 {
	position: absolute;
	left: 10%;
	bottom: 50%;
	z-index: -1;
}

.shape12 img {
	-webkit-animation-name: rotateMe;
	animation-name: rotateMe;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.shape13 {
	position: absolute;
	right: 18%;
	bottom: 60%;
	z-index: -1;
}

.shape13 img {
	-webkit-animation-name: rotateMe;
	animation-name: rotateMe;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.contact-inner {
	background-color: #ffffff;
	-webkit-box-shadow: 0 10px 35px 5px rgba(137, 173, 255, 0.15);
	box-shadow: 0 10px 35px 5px rgba(137, 173, 255, 0.15);
	padding: 50px 30px;
}

.contact-features-list {
	padding-right: 15px;
	border-right: 1px solid #eeeeee;
}

.contact-features-list h3 {
	margin-bottom: 12px;
	font-size: 22px;
	font-weight: 500;
}

.contact-features-list p {
	margin-bottom: 10px;
}

.contact-features-list p:last-child {
	margin-bottom: 0;
}

.contact-features-list ul {
	padding-left: 0;
	list-style-type: none;
	margin-top: 25px;
	margin-bottom: 0;
}

.contact-features-list ul li {
	color: #4a6f8a;
	margin-bottom: 12px;
	position: relative;
	padding-left: 20px;
}

.contact-features-list ul li i {
	color: #8200a8;
	position: absolute;
	left: 0;
	top: 4px;
}

.contact-features-list ul li:last-child {
	margin-bottom: 0;
}

.contact-form h3 {
	margin-bottom: 25px;
	font-size: 32px;
	font-weight: 500;
}

.contact-form form .row {
	margin-left: -7px;
	margin-right: -7px;
}

.contact-form form .row .col-lg-6,
.contact-form form .row .col-lg-12 {
	padding-left: 7px;
	padding-right: 7px;
}

.contact-form form .form-group {
	margin-bottom: 15px;
}

.contact-form form .form-control {
	height: 48px;
	padding: 0 15px;
	line-height: initial;
	color: #080a3c;
	background-color: transparent;
	border: 1px solid #cecfdf;
	border-radius: 0px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	-webkit-box-shadow: unset !important;
	box-shadow: unset !important;
	font-size: 14px;
	font-weight: 400;
}

.contact-form form .form-control:focus {
	border-color: #8200a8;
}

.contact-form form .form-control::-webkit-input-placeholder {
	color: #999999;
}

.contact-form form .form-control:-ms-input-placeholder {
	color: #999999;
}

.contact-form form .form-control::-ms-input-placeholder {
	color: #999999;
}

.contact-form form .form-control::placeholder {
	color: #999999;
}

.contact-form form textarea.form-control {
	height: auto !important;
	padding-top: 15px;
}

.contact-form form .default-btn {
	-webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(255, 97, 47, 0.3) !important;
	box-shadow: 0px 5px 28.5px 1.5px rgba(255, 97, 47, 0.3) !important;
}

.contact-form form .default-btn:hover,
.contact-form form .default-btn:focus {
	-webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(19, 196, 161, 0.3) !important;
	box-shadow: 0px 5px 28.5px 1.5px rgba(19, 196, 161, 0.3) !important;
}

.contact-form .with-errors ul {
	padding-left: 0;
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 0;
}

.contact-form .with-errors ul li {
	color: red;
}

.contact-form #msgSubmit {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 500;
}

.contact-form #msgSubmit.text-danger {
	margin-top: 5px;
}

.contact-info {
	text-align: center;
	margin-top: 50px;
}

.contact-info .contact-info-content h3 {
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 500;
}

.contact-info .contact-info-content h2 {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 500;
}

.contact-info .contact-info-content h2 a {
	display: inline-block;
	color: #8200a8;
}

.contact-info .contact-info-content h2 a:hover {
	color: #ff00d3;
}

.contact-info .contact-info-content h2 a:not(:first-child) {
	color: #ff00d3;
}

.contact-info .contact-info-content h2 a:not(:first-child):hover {
	color: #8200a8;
}

.contact-info .contact-info-content h2 span {
	display: block;
	color: #4a6f8a;
	margin-top: 5px;
	margin-bottom: 2px;
	font-size: 15px;
	font-weight: 500;
}

.contact-info .contact-info-content .social {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 25px;
}

.contact-info .contact-info-content .social li {
	display: inline-block;
	margin: 0 2px;
}

.contact-info .contact-info-content .social li a {
	width: 40px;
	display: block;
	height: 40px;
	border: 1px solid #dadada;
	border-radius: 50%;
	color: #aba5a5;
	font-size: 20px;
	position: relative;
}

.contact-info .contact-info-content .social li a i {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}

.contact-info .contact-info-content .social li a:hover {
	color: #ffffff;
	border-color: #8200a8;
	background-color: #8200a8;
}

.footer-area {
	background: rgb(61, 47, 66);
	background: -moz-radial-gradient(center, ellipse cover, rgba(61, 47, 66, 1) 1%, rgba(29, 29, 29, 1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(61, 47, 66, 1) 1%, rgba(29, 29, 29, 1) 100%);
	background: radial-gradient(ellipse at center, rgba(61, 47, 66, 1) 1%, rgba(29, 29, 29, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d2f42', endColorstr='#1d1d1d', GradientType=1);
	position: relative;
	z-index: 1;
	padding-top: 80px;
	background-size: cover;
	background-attachment: fixed;
	background-position-x: center;
	background-position-x: center;
}

.checkboxMask {
	width: 20px;
	height: 100%;
	position: absolute;
	z-index: 20;
	left: 0;
}

.footer-area::before {
	content: '';
	display: none;
	background: #fff;
	border-radius: 0 0 24px 24px;
	width: 100%;
	height: 24px;
	position: absolute;
	top: -1px;
	left: 0;
}

.footer-area::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.divider {
	display: none;
	width: 100%;
	position: absolute;
	height: 100px;
	pointer-events: none;
	-webkit-mask-image: url(data:image/svg+xml;utf8,%3csvg viewBox= '0 0 100 100' width= '100%' height= '1…98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill= '%23fff' /%3e%3c/svg%3e);
	mask-image: url(data:image/svg+xml;utf8,%3csvg viewBox= '0 0 100 100' width= '100%' height= '1…98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill= '%23fff' /%3e%3c/svg%3e);
	-webkit-mask-size: 100% 101%;
	mask-size: 100% 101%;
	background: #8200a8;
	background-size: cover;
	background-position-x: center;
	background-attachment: fixed;
	top: -100px;
	left: 0;
	z-index: -1;
}

.single-footer-widget {
	margin-bottom: 30px;
}

.single-footer-widget h3 {
	color: #ffffff;
	margin-bottom: 29px;
	font-weight: 500;
	font-size: 22px;
}

.single-footer-widget .logo {
	margin-bottom: 15px;
}

.single-footer-widget .logo a {
	display: inline-block;
}

.single-footer-widget p {
	color: #acc5db;
}

.single-footer-widget .services-list {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.single-footer-widget .services-list li {
	color: #acc5db;
	margin-bottom: 10px;
}

.single-footer-widget .services-list li:last-child {
	margin-bottom: 0;
}

.single-footer-widget .services-list li a {
	display: inline-block;
	color: #acc5db;
}

.single-footer-widget .services-list li a:hover {
	color: #8200a8;
	padding-left: 5px;
}

.single-footer-widget .support-list {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.single-footer-widget .support-list li {
	color: #acc5db;
	margin-bottom: 10px;
}

.single-footer-widget .support-list li:last-child {
	margin-bottom: 0;
}

.single-footer-widget .support-list li a {
	display: inline-block;
	color: #acc5db;
}

.single-footer-widget .support-list li a:hover {
	color: #8200a8;
	padding-left: 5px;
}

.single-footer-widget .footer-contact-info {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.single-footer-widget .footer-contact-info li {
	color: #ffffff;
	margin-bottom: 10px;
}

.single-footer-widget .footer-contact-info li:last-child {
	margin-bottom: 0;
}

.single-footer-widget .footer-contact-info li a {
	display: inline-block;
	color: #acc5db;
}

.single-footer-widget .footer-contact-info li a:hover {
	color: #8200a8;
}

.single-footer-widget .social {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 20px;
}

.single-footer-widget .social li {
	display: inline-block;
	margin-right: 5px;
}

.single-footer-widget .social li a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 33px;
	background-color: #4e6e8a;
	text-align: center;
	font-size: 17px;
	border-radius: 2px;
}

.single-footer-widget .social li a:hover {
	color: #080a3c;
	background-color: #ffffff;
}

.copyright-area {
	border-top: 1px solid #ffffff2b;
	text-align: center;
	margin-top: 50px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.copyright-area p {
	line-height: initial;
	color: #acc5db;
}

.copyright-area p a {
	display: inline-block;
	color: #ffffff2b;
	border-bottom: 1px solid #ffffff2b;
}

.copyright-area p a:hover {
	color: #fff;
}

@-webkit-keyframes imageChange {
	0% {
		opacity: 0;
	}

	75% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes imageChange {
	0% {
		opacity: 0;
	}

	75% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes imageChangeTwo {
	0% {
		opacity: 1;
	}

	75% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes imageChangeTwo {
	0% {
		opacity: 1;
	}

	75% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.go-top {
	position: fixed;
	cursor: pointer;
	bottom: -100px;
	right: 15px;
	color: #080a3c;
	background-color: #ffffff;
	z-index: 4;
	width: 45px;
	text-align: center;
	height: 45px;
	opacity: 0;
	visibility: hidden;
	border-radius: 50%;
	font-size: 40px;
	-webkit-transition: .9s;
	transition: .9s;
	overflow: hidden;
	-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.go-top.active {
	opacity: 1;
	visibility: visible;
	bottom: 15px;
}

.preloader-area {
	background-color: #211c23 !important;
}

.go-top i {
	position: absolute;
	right: 0;
	left: 0;
	top: 70%;
	-webkit-transform: translateY(-70%);
	transform: translateY(-70%);
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.go-top:hover {
	background-color: ;
	color: #c500ff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.black-btn {
	background-color: #080a3c !important;
}

.black-btn span {
	background-color: #8200a8 !important;
}

.black-btn i {
	color: #ffffff;
}

.saas-banner {
	height: 840px;
	background: rgb(61, 47, 66);
	background: -moz-radial-gradient(center, ellipse cover, rgba(61, 47, 66, 1) 1%, rgba(29, 29, 29, 1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(61, 47, 66, 1) 1%, rgba(29, 29, 29, 1) 100%);
	background: radial-gradient(ellipse at center, rgba(61, 47, 66, 1) 1%, rgba(29, 29, 29, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d2f42', endColorstr='#1d1d1d', GradientType=1);
	position: relative;
	z-index: 1;
}

.puzomerki {
	padding: 7px;
	font-size: 35px;
}

.saas-banner .saas-image {
	z-index: 1;
}

.saas-banner .saas-image.mt-70 {
	margin-top: 70px;
}

.saas-banner .hero-content {
	z-index: 1;
	position: relative;
}

.saas-banner .hero-content h1 {
	color: #ffffff;
	font-size: 52px;
	line-height: 55px;
	font-weight: 900 !important;
	margin: 0;
	font-family: 'Russo One', sans-serif;
}

.saas-banner .hero-content p {
	color: #fff;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 35px;
}

.saas-banner .hero-content .default-btn {
	background-color: #080a3c;
}

.saas-banner .hero-content .default-btn i {
	color: #ff00d3;
}

.saas-banner .hero-content .default-btn:hover i {
	color: #fff;
}

.saas-banner .hero-content .default-btn span {
	background-color: #ff00d3;
}

.saas-banner .hero-content .video-btn {
	margin-left: 15px;
	color: #2d2d2d;
	position: relative;
	display: inline-block;
	margin-top: 6px;
	-webkit-transform: .6s;
	transform: .6s;
	font-size: 15px;
	font-weight: 600;
}

.saas-banner .hero-content .video-btn i {
	font-size: 19px;
	position: relative;
	margin-left: inherit;
	background: #8200a8;
	color: #fbfbfb;
	height: 35px;
	width: 35px;
	display: inline-block;
	text-align: center;
	line-height: 35px;
	border-radius: 50%;
	padding-left: 3px;
	margin-right: 6px;
}

.saas-banner .hero-content .video-btn:hover i {
	background-color: #080a3c;
	color: #fff;
}

.saas-banner .saas-image {
	position: relative;
}

.saas-banner .saas-image img {
	position: absolute;
}

.saas-banner .saas-image img:nth-child(1) {
	top: -200px;
	left: 0;
}

.saas-banner .saas-image img:nth-child(2) {
	left: 55px;
	top: -100px;
}

.saas-banner .saas-image img:nth-child(3) {
	left: 36%;
	z-index: 1;
	top: -170px;
}

.saas-banner .saas-image img:nth-child(4) {
	right: 27%;
	top: 110px;
	z-index: 2;
}

.saas-banner .saas-image img:nth-child(5) {
	right: 15%;
	top: 80px;
	z-index: 2;
}

.saas-banner .saas-image img:nth-child(6) {
	right: 25%;
	top: -170px;
}

.saas-banner .saas-image img:nth-child(7) {
	right: 47%;
	top: 96px;
	z-index: 2;
}

.saas-banner .saas-image img:nth-child(8) {
	right: 22%;
	top: 45px;
	z-index: 1;
}

.saas-banner .saas-image img:nth-child(9) {
	right: 75px;
	top: 20px;
}

.saas-banner .saas-image img:nth-child(10) {
	left: 32%;
	top: -76px;
	z-index: 1;
}

.saas-banner .saas-image img:nth-child(11) {
	right: 40%;
	top: -20px;
}

.saas-banner .saas-image img:nth-child(12) {
	top: -292px;
	left: 45px;
}

.saas-banner .saas-image img:last-child {
	display: none;
}

.saas-banner #particles-js {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#particles-js {
	width: 100%;
	height: 100%;
}

.shape-rotate {
	position: absolute;
	left: 13%;
	top: 23%;
	z-index: -1;
	opacity: .3;
}

.rotateme {
	-webkit-animation-name: rotateme;
	animation-name: rotateme;
	-webkit-animation-duration: 40s;
	animation-duration: 40s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@keyframes rotateme {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotateme {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate3d {
	0% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}

	100% {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
}

@keyframes rotate3d {
	0% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}

	100% {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
}

@keyframes animationFramesOne {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}

	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg);
		transform: translate(73px, -1px) rotate(36deg);
	}

	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg);
		transform: translate(141px, 72px) rotate(72deg);
	}

	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg);
		transform: translate(83px, 122px) rotate(108deg);
	}

	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg);
		transform: translate(-40px, 72px) rotate(144deg);
	}

	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
}

@-webkit-keyframes animationFramesOne {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
	}

	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg);
	}

	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg);
	}

	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg);
	}

	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg);
	}

	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
	}
}

@-webkit-keyframes ripple-white {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
	}

	100% {
		-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
	}
}

@keyframes ripple-white {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
	}

	100% {
		-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
	}
}

.features-inner-content .features-item {
	position: relative;
	padding-left: 100px;
	margin-bottom: 30px;
	text-align: left;
}

.features-inner-content .features-item:last-child {
	margin-bottom: 0;
}

.features-inner-content .features-item i {
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 30px;
	text-align: center;
	border-radius: 100%;
	color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: .6s;
	transition: .6s;
}

.features-inner-content .features-item:hover i {
	border-radius: 50% !important;
}

.features-inner-content .features-item h3 {
	font-size: 22px;
}

.features-inner-content .features-item p {
	margin: 0;
}

.fun-facts-inner-content h2 {
	font-weight: 600;
}

.fun-facts-inner-content p {
	margin-bottom: 15px !important;
}

.fun-facts-inner-content ul {
	margin: 0;
	padding: 0;
}

.fun-facts-inner-content ul li {
	list-style-type: none;
	margin-bottom: 6px;
	color: #4a6f8a;
}

.fun-facts-inner-content ul li i {
	color: #8200a8;
	padding-right: 3px;
}

.fun-facts-inner-content .default-btn {
	margin-top: 20px !important;
}

.overview-item {
	margin-bottom: 50px;
	border-bottom: 1px solid #edf0f7;
	padding-bottom: 50px;
}

.overview-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.overview-content .number {
	background-color: #8200a8;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	text-align: center;
	border-radius: 100%;
	color: #ffffff;
	margin-bottom: 20px;
	display: inline-block;
	font-weight: 600;
}

.overview-content h3 {
	font-size: 25px;
}

.overview-content p {
	margin: 0;
}

.overview-content ul {
	margin: 15px 0 0;
	padding: 0;
}

.overview-content ul li {
	list-style-type: none;
	margin-bottom: 6px;
	color: #4a6f8a;
}

.overview-content ul li:last-child {
	margin-bottom: 0;
}

.overview-content ul li i {
	color: #8200a8;
	padding-right: 3px;
}

.overview-content .default-btn {
	margin-top: 25px;
}

.service-details-image {
	margin-bottom: 30px;
}

.service-details-content {
	margin-top: 5px;
}

.service-details-content h1 {
	font-size: 32px;
	margin-bottom: 10px;
	font-weight: 600;
}

.service-details-content h2 {
	font-size: 28px;
	margin-bottom: 10px;
	font-weight: 600;
}

.service-details-content h3 {
	font-size: 25px;
	margin-bottom: 10px;
	font-weight: 600;
}

.service-details-content h4 {
	font-size: 21px;
	margin-bottom: 10px;
	font-weight: 600;
}

.service-details-content h5 {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 600;
}

.service-details-content h6 {
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: 600;
}

.service-details-content ul,
.service-details-content ol {
	padding-left: 17px;
}

.service-details-content ul li,
.service-details-content ol li {
	line-height: 1.7;
	margin-bottom: 5px;
}

.service-details-content ul li:last-child,
.service-details-content ol li:last-child {
	margin-bottom: 0;
}

.service-details-content .service-details-info {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px;
	background: #f4f5fe;
	padding: 30px 20px;
	border-radius: 10px;
}

.service-details-content .service-details-info .single-info-box {
	-ms-flex: 0 0 20%;
	-webkit-box-flex: 0;
	flex: 0 0 20%;
	max-width: 20%;
	padding-left: 15px;
	padding-right: 15px;
}

.service-details-content .service-details-info .single-info-box h4 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 600;
}

.service-details-content .service-details-info .single-info-box span {
	display: block;
	color: #4a6f8a;
	font-size: 15px;
}

.service-details-content .service-details-info .single-info-box .social {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.service-details-content .service-details-info .single-info-box .social li {
	display: inline-block;
	margin-right: 5px;
}

.service-details-content .service-details-info .single-info-box .social li a {
	background-color: #ffffff;
	color: #4a6f8a;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 30px;
	line-height: 32px;
}

.service-details-content .service-details-info .single-info-box .social li a:hover {
	color: #8200a8;
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
}

.service-details-content .service-details-info .single-info-box .default-btn {
	display: inline-block;
	padding: 12px 30px;
	color: #ffffff;
	text-transform: capitalize;
	background-color: #8200a8;
	border: 1px solid #8200a8;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	font-size: 14px;
	font-weight: 500;
}

.service-details-content .service-details-info .single-info-box .default-btn:hover {
	background-color: #ffffff;
	color: #8200a8;
}

.service-details-content .service-details-info .single-info-box:last-child {
	text-align: center;
}

.hamburger-menu {
	display: none;
}

@media (max-width: 768px) {
	.hamburger-menu {
		display: block;
	}
}

.form-control {
	border: 0 !important;
	border-bottom: 1px solid #ffffff2b !important;
	background-color: #fff0 !important;
	color: #fff !important;
	background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(255, 255, 255, 0.05) 100%);
}

.slogan {
	margin-left: 7px;
	text-transform: uppercase;
	font-size: 11px;
}

.spacle-nav .navbar .navbar-nav .nav-item a {
	color: #fff !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin-right: 25px !important;
	margin-left: 25px !important;
	transition: 0.2s;
}

.services-area.bg-right-shape::before {
	background-color: #fbfbfb !important;
}

.services-area.bg-left-color::before {
	background-color: #fbfbfb !important;
}

.spacle-nav .navbar .navbar-nav .nav-item:hover {
	background: #3e3b3b;
	transition: 0.2s;
}

.spacle-nav .navbar {
	padding-bottom: 0px !important;
}

.optional-btn {
	border: 1px solid #8200a8;
	color: #8200a8 !important;
}

.optional-btn i {
	color: #8200a8 !important;
}

.optional-btn::before {
	position: relative !important;
}

#menu__toggle {
	opacity: 0;
	display: none;
}

.mean-bar {
	display: none;
}

@media (max-width: 768px) {
	#menu__toggle {
		opacity: 0;
		display: none;
	}

	.menu__btn {
		display: flex;
		align-items: center;
		position: fixed;
		top: 16px;
		right: 40px;
		width: 26px;
		height: 26px;
		cursor: pointer;
		z-index: 1;
	}

	.menu__btn>span,
	.menu__btn>span::before,
	.menu__btn>span::after {
		display: block;
		position: absolute;
		width: 100%;
		height: 2px;
		background-color: #616161;
	}

	.menu__btn>span::before {
		content: '';
		top: -8px;
	}

	.menu__btn>span::after {
		content: '';
		top: 8px;
	}
}

.menu__box {
	display: block;
	position: fixed;
	visibility: hidden;
	top: 59.91px;
	right: -100%;
	width: 300px;
	height: 100%;
	margin: 0;
	padding: 10px 0;
	list-style: none;
	text-align: left;
	background: radial-gradient(ellipse at center, rgba(61, 47, 66, 1) 1%, rgba(29, 29, 29, 1) 100%);
}

.menu__box::after {
	content: "";
	display: none;
	width: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	height: 78px;
	left: 0;
}

.menu__item {
	display: block;
	padding: 8px 24px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	text-align: left;
	margin-left: 10px;
}

@media screen and (max-width: 327px) {
	.menu__item {
		font-size: 14px;
	}
}

.menu__item:hover {
	background-color: #CFD8DC;
}

#menu__toggle:checked~.menu__btn>span {
	transform: rotate(45deg);
}

#menu__toggle:checked~.menu__btn>span::before {
	top: 0;
	transform: rotate(0);
}

#menu__toggle:checked~.menu__btn>span::after {
	top: 0;
	transform: rotate(90deg);
}

#menu__toggle:checked~.menu__box {
	visibility: visible;
	right: 0;
}

.menu__btn>span,
.menu__btn>span::before,
.menu__btn>span::after {
	transition-duration: .25s;
}

.menu__box {
	transition-duration: .25s;
}

.menu__item {
	transition-duration: .25s;
}

.nav-item {
	padding: 3px 10px 3px 10px !important
}

.nav-item:hover {
	background-color: #ffffff00 !important;
	color: #c500ff;
}

.navbar-light .navbar-nav .nav-link {
	margin-left: 17px;
	margin-right: 17px;
}

.mean-menu {
	margin-left: 10px;
}

.single-features-card:hover {
	background-color: #8200a8 !important;
}

.hoverBox {
	border: 0 !important;
}

.single-pricing-table .pricing-features li i {
	position: relative !important;
}

.single-pricing-table .pricing-features {
	text-align: center !important;
}

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

	100% {
		opacity: 1;
	}
}

@media (max-width: 768px) {
	.videoFrame {
		position: absolute;
		top: 12px !important;
		left: 20px !important;
		background-color: #000;
		width: 90%;
	}

	.saas-banner {
		padding-top: 80px !important;
	}

	.navbar-area {
		position: fixed !important;
		background: #fff;
	}

	.forMobilePuzo {
		font-size: 28px !important;
		margin-top: 1px;
	}

	.bg-videoMask2 {
		border: 0 !important;
	}

	.t-align-left {
		text-align: left;
		margin-left: 15px;
		margin-right: 15px;
	}

	.single-features-card p {
		font-size: 17px;
	}

	.single-features-card {
		padding: 25px !important;
	}

	.prm-col-7 {
		padding-right: 7px !important;
	}

	.plm-col-7 {
		padding-left: 7px !important;
	}

	.i-mobile {
		margin-left: 8px !important;
	}

	.b-mobile-first {
		width: 211px;
		margin-right: 0 !important;
		margin-top: 0 !important;
	}

	.b-mobile-second {
		width: 211px;
	}

	.services-area.bg-right-shape::before {
		display: none !important;
	}

	.saas-banner .hero-content .video-btn {
		margin-left: 5px !important;
	}

	.services-image.cards {
		margin-top: 110px;
		margin-left: 20px;
		width: 100%;
	}

	.pm-left-0 {
		padding-left: 0 !important;
	}

	.video-box {
		left: 0 !important;
		position: unset !important;
		margin-bottom: 15px;
	}

	#clickButton1 {
		text-align: left !important;
		margin-left: 15px;
		margin-right: 15px;
	}

	#clickButton2 {
		text-align: left !important;
		margin-left: 15px;
		margin-right: 15px;
	}

	.videoFrame2 {
		height: 200px !important;
	}

	.default-btn:after {
		display: none !important;
	}

	.playButton2 {
		font-size: 52px !important;
		margin-left: 140px !important;
		top: 309px !important;
	}

	.services-content .content h2 {
		font-size: 32px !important;
		line-height: 34px !important;
	}

	.services-content .content.left-content {
		padding-right: 0px !important;
	}

	.go2 {
		animation: none !important;
	}

	.go {
		animation: none !important;
	}

	.owl-carousel.owl-drag .owl-item {
		margin-top: 111px;
	}

	.videoFrame video {
		width: 335px !important;
		height: auto !important;
		margin-top: -5px !important;
		margin-left: -5px !important;
	}
}

@media screen and (max-width: 371px) {
	.single-features-card {
		padding: 12px !important;
	}
}

.services-image {
	animation: opacity 2s linear 0s;
}

.videoFrame {
	text-align: center;
	position: absolute;
	top: 12px;
	left: 24px;
	background-color: #000;
}

.videoFrame video {
	width: 588px;
	height: 348px;
	margin-top: -8px;
}

.feature-box {
	border: 0;
}

.bgvCont {
	position: relative;
	z-index: 2;
}

.bg-videoMask {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	border-top: 1px solid #ffffff14;
	background: rgb(61, 47, 66);
	background: -moz-radial-gradient(center, ellipse cover, rgba(61, 47, 66, 1) 1%, rgba(29, 29, 29, 1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(61, 47, 66, 1) 1%, rgba(29, 29, 29, 1) 100%);
	background: radial-gradient(ellipse at center, rgba(61, 47, 66, 0.94) 1%, rgba(29, 29, 29, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d2f42', endColorstr='#1d1d1d', GradientType=1);
}

.bg-videoMask2 {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	border-top: 1px solid #ffffff14;
	background: rgb(61, 47, 66);
	background: -moz-radial-gradient(center, ellipse cover, rgba(61, 47, 66, 1) 1%, rgba(29, 29, 29, 1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(61, 47, 66, 1) 1%, rgba(29, 29, 29, 1) 100%);
	background: radial-gradient(ellipse at center, rgba(61, 47, 66, 0.94) 1%, rgba(29, 29, 29, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d2f42', endColorstr='#1d1d1d', GradientType=1);
}

.bg-video {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
}

.astrakovMp {
	width: 1200px !important;
}

.services-area {
	background: #fff;
}

@supports (object-fit: cover) {
	#video-bg>video {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.puzomerki {
	padding: 7px;
	font-size: 35px;
	font-family: 'Russo One', sans-serif;
}

.single-features-card {
	background-color: #ffffff0a;
	border-radius: 35px;
	padding: 30px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: relative;
	margin-bottom: 30px;
	color: #fff;
}

@keyframes move {
	0% {
		opacity: 1;
		z-index: 10;
		bottom: 0;
	}

	50% {
		opacity: 1;
		z-index: 10;
		bottom: -467px;
	}

	100% {
		opacity: 1;
		z-index: 14;
		bottom: 0;
	}
}

@keyframes move2 {

	0%,
	70% {
		opacity: 1;
		z-index: -1;
		top: -75px;
	}

	71% {
		opacity: 1;
		z-index: -1;
		top: -75px;
	}

	86% {
		opacity: 1;
		z-index: -1;
		top: -567px;
	}

	100% {
		opacity: 1;
		z-index: 13;
		top: -75px;
	}
}

@keyframes move3 {
	0% {
		opacity: 1;
		z-index: 0;
		margin-top: 70px;
	}

	50% {
		opacity: 1;
		z-index: 15;
		margin-top: 459px;
	}

	100% {
		opacity: 1;
		z-index: 15;
		margin-top: 70px;
	}
}

.services-imageFront {
	perspective: 1000px;
}

.services-imageFront img {
	position: relative;
	transform: rotateY(-20deg);
	margin-left: -50px;
	z-index: 9;
}

img.imgMiddle {
	position: absolute;
	margin-top: 70px;
	left: 60px;
	z-index: 0;
}

img.imgBack {
	position: absolute;
	left: -35px;
	top: -75px;
	z-index: 10;
}

.go {
	animation: move 0.5s forwards;
}

.go2 {
	animation: move2 1.7s forwards;
}

.go3 {
	animation: move3 0.5s forwards;
}

.hoverBox:hover {
	border-radius: 5px !important;
}

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

.hoverBox {
	color: #4a6f8a;
	background-color: #ffffff;
	border: 1px solid #f2effc;
	font-size: 15px;
	margin-bottom: 25px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.hoverBox:hover {
	background-color: #ffffff;
	color: #6e098f;
}

.video-box {
	position: absolute;
	text-align: center;
	max-width: 71%;
	height: 100%;
	border-radius: 0px;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	left: 0;
}

.video-box .main-image {
	border-radius: 0px;
	width: 100%;
	height: 100%;
}

.bgvGrad {
	position: absolute;
	width: 100%;
	height: 100%;
	transform: rotate(90deg);
	background: radial-gradient(rgb(38, 35, 35) 27%, rgba(29, 29, 29, 0) 70%);
	top: 0;
	left: 40px;
}

.bgvGradback {
	width: 67%;
	height: 100%;
	position: absolute;
	background: linear-gradient(90deg, rgba(38, 35, 35, 0) 8%, rgba(38, 35, 35, 1) 25%, rgba(38, 35, 35, 1) 100%);
	top: 0;
	right: 0;
}

.default-btn.buy:hover {
	color: #080a3c !important;
}

.close:hover {
	color: #c500ff !important;
	transition: 0.2s;
}

.fixedBg {
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	background-position: center left !important;
	background-position-x: 50px !important;
	width: 100%;
	height: 400px;
}

.fixedBgServer {
	background-attachment: fixed !important;
	background-size: 38% !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	width: 100%;
	height: 656px;
	background-position-x: 420px !important;
}

.server {
	max-width: 100%;
}

.ios-first {
	background: url('../img/compik01.png');
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

.ios-second {
	background: url('../img/compik02.png');
	position: fixed;
	left: 0;
	height: 100%;
	width: 100%;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

.monitor1 {
	position: relative;
	width: 110%;
	z-index: 9;
	background: #fff;
}

.monitor2 {
	position: relative;
	width: 110%;
	height: 300px;
	z-index: 10;
	background: #fff;
}

.firstMobile {
	background: url(../img/compik02.png);
	height: 100%;
	width: 90%;
	background-size: 100%;
	position: fixed;
	top: 24%;
	z-index: -30;
	background-repeat: no-repeat;
}

.secondMobile {
	background: url(../img/compik01.png);
	height: 100%;
	width: 90%;
	background-size: 100%;
	position: fixed;
	top: 24%;
	z-index: -30;
	background-repeat: no-repeat;
}

.first {
	background: url('../img/compik01.png');
	height: 1085px;
	background-size: 38%;
}

.second {
	background: url('../img/compik02.png');
	height: 550px;
	background-size: 38%;
}

.firstm {
	background: url('../img/compik01m.png');
	height: 1085px;
}

.secondm {
	background: url('../img/compik02m.png');
	height: 550px;
}

.third {
	background: url('../img/server.png');
	background-size: 25% !important;
	height: 400px;
}

.four {
	background: url('../img/server2.png');
	background-size: 25% !important;
}

@media (max-width: 768px) {
	#scrollDiv {
		padding-top: 100px;
	}

	.gifFrame.d-desctop-none {
		display: block;
		top: 168px;
	}

	.wb-stat {
		left: 78px !important;
	}

	.fixedBg {
		background-attachment: fixed !important;
		background-size: 90% !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		width: 110%;
		height: 235px;
	}

	.single-clients-logo {
		max-width: 33% !important;
	}
}

@media screen and (max-width: 327px) {
	.gifFrame.d-desctop-none {
		display: block;
		top: 200px;
		left: 15px;
	}

	#kak .playButton,
	#about .playButton {
		top: 56% !important;
	}
}

@media screen and (max-width: 280px) {
	.gifFrame.d-desctop-none {
		top: 197px;
		left: 14px;
	}

	.whitebackforbutton {
		margin-left: 40px !important;
	}

	.single-features-card {
		padding: 0 !important;
	}
}

.subscribe-content {
	border-radius: 4px;
}

input:focus+label {
	display: none;
}

input:after+label {
	display: none;
}

.foo {
	display: none;
}

.blog-container {
	max-width: 1249px !important;
}

@media (max-width: 768px) {
	.blog-container {
		max-width: 100% !important;
	}
}

.inputLabel {
	color: #ffffff8c !important;
	position: absolute;
	left: 10px;
	top: 7px;
	font-size: 18px;
	font-weight: 100;
}

.form-group {
	position: relative;
}

.form-control {
	font-size: 18px;
}

#scrollMac {
	margin: 0 !important;
}

#scrollMac3 {
	margin: 0 !important;
}

.whiteBackgroundTextColor {
	color: #080a3c !important;
	transition: 0.1s;
}

.navbar-area.is-sticky {
	position: fixed;
	background-color: #272228eb !important;
}

.spacle-nav.is-sticky {
	position: fixed;
	background-color: #272228;
	width: 100%;
}

.default-btn:hover {
	color: #fff !important;
	border-color: #c500ff !important;
}

.default-btn:after {
	background-color: #fff;
	display: block;
	content: "";
	height: 2px;
	width: 0%;
	-webkit-transition: width .3s ease-in-out;
	-moz--transition: width .3s ease-in-out;
	transition: width .3s ease-in-out;
}

.default-btn:hover:after,
.default-btn:focus:after {
	width: 100%;
	outline: 0 !important;
}

.nav-item:hover {
	color: #fff !important;
}

.nav-item:after {
	background-color: #fff;
	display: block;
	content: "";
	height: 2px;
	width: 0%;
	-webkit-transition: width .3s ease-in-out;
	-moz--transition: width .3s ease-in-out;
	transition: width .3s ease-in-out;
}

.nav-item:hover:after,
.nav-item:focus:after {
	width: 100%;
}

.default-btn {
	text-transform: uppercase;
	padding-bottom: 8px !important;
}

.playButton2 i {
	color: #8200a8;
}

.playButton2 i:hover {
	color: #ff00ff;
	transition: 0.2s;
}

.playButton i {
	color: #8200a8;
}

.playButton i:hover {
	color: #ff00ff;
	transition: 0.2s;
}

.playButton {
	position: absolute;
	top: 30%;
	bottom: 30%;
	left: 45%;
	right: 45%;
	color: #dc3545;
	font-size: 60px;
	z-index: 10;
}

.videoFrame2 {
	height: 438px;
	border: 0;
}

.logoWildberries {
	width: 60%;
}

.videoFrame {
	background-color: #0000;
	z-index: -1;
	top: 21px !important;
}

.whiteFon:hover>i {
	color: #fff !important;
	transition: 0.2s;
}

.playButton2 {
	position: absolute;
	z-index: 100;
	font-size: 74px;
	margin-left: 133px;
	top: 322px;
}

.textDownButt {
	font-size: 16px;
	margin-left: -39px;
	margin-top: -10px;
	text-align: center;
}

.afterline {
	width: 100%;
	height: 60px;
	position: absolute;
	background: #fff;
}

.feature-box {
	margin-bottom: 5px;
	width: 48%;
}

.single-pricing-table .btn-box {
	margin-top: 0 !important;
}

.services-area.bg-left-shape::before {
	width: 82% !important;
}

.whiteBackground {
	background: #fff !important;
	transition: 0.2s;
}

.blackBackground {
	background: #201f20;
	transition: 0.2s;
}

.descriptP {
	font-size: 16px !important;
	font-weight: 300 !important;
	margin-top: 23px;
	text-align: left;
}

.descriptPtext {
	margin-left: 25px;
}

.ramka-5 {
	position: relative;
	z-index: 10;
	overflow: hidden;
	align-items: center;
	justify-content: center;
}

.single-pricing-table .pricing-features li i {
	top: 0;
}

.ramka-5::before {
	content: '';
	position: absolute;
	z-index: -2;
	left: -50%;
	top: -50%;
	width: 200%;
	height: 200%;
	background-color: #a882b3;
	background-repeat: no-repeat;
	background-size: 50% 50%, 50% 50%;
	background-position: 0 0, 100% 0, 100% 100%, 0 100%;
	background-image: linear-gradient(#a882b3, #a882b3), linear-gradient(#9d29bf, #9d29bf), linear-gradient(#a882b3, #a882b3), linear-gradient(#9d29bf, #9d29bf);
	animation: anim-ramka-5 10s linear infinite;
}

.ramka-5::after {
	content: '';
	position: absolute;
	z-index: -1;
	left: 6px;
	top: 6px;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	background: white;
}

.price {
	width: 96%;
	align-items: center;
	margin-left: 6px;
}

@keyframes anim-ramka-5 {
	100% {
		transform: rotate(1turn);
	}
}

.backgroundStickyFirst {
	position: relative;
	width: 100%;
}

.backgroundStickyFirst img {
	top: -220px;
	position: absolute;
	width: 50%;
	right: 0;
	z-index: 1;
}

.backgroundStickySecond {
	position: relative;
	width: 100%;
}

.backgroundStickySecond img {
	top: -220px;
	position: absolute;
	width: 50%;
	right: 0;
	z-index: 0;
}

.feature-box {
	display: inline-block;
}

.inputLabel {
	color: #fff;
}

.form-control {
	border: 1px solid #ffffffdb !important;
	background: none;
	border-radius: 0px;
}

.custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: #392d3d;
	background-color: #242225;
}

.custom-checkbox .custom-control-label::before {
	top: 0;
}

.custom-control-label {
	color: #fff;
	text-align: left;
	width: 100%;
	font-size: 9.5px;
	padding-left: 5px;
}

.custom-control-label a {
	color: #fff;
	border-bottom: 1px solid #ffffff2e;
}

.custom-control-label a:hover {
	color: #ff00ff;
	transition: 0.2s;
}

.whiteline {
	display: block;
	background: #fff;
	border-radius: 24px 24px 0 0;
	width: 100%;
	height: 24px;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.custom-control-input:checked~.custom-control-label::before {
	top: 0;
}

.custom-control-label::after {
	top: 0;
}

.single-pricing-table .pricing-features {
	text-align: left !important;
	margin-left: 70px;
}

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

.videoModalStyle {
	background: #2a242cfa;
	margin-top: -25px;
}

.videoModalClose {
	font-size: 2.5rem;
	color: #fff;
	text-shadow: none;
}

.modal-header .close {
	margin: -1rem 0rem -1rem auto;
	padding: 12px 1rem;
}

.navbar-light .navbar-nav .nav-link {
	font-size: 19px;
}

@media screen and (max-width: 1366px) {
	.navbar-light .navbar-nav .nav-link {
		font-size: 16px;
	}
}

#politika .modal-header,
#politika .politika-content,
#politika .politika-content p,
#oferta .modal-header,
#oferta .oferta-content,
#oferta .oferta-content p,
#astrakov .modal-header,
#pay .modal-header,
#pay .pay-content,
#pay .pay-content p {
	color: #fff;
}

#videoModal .try-now_btn {
	border-color: #8200a8;
	font-weight: 300;
	text-transform: inherit;
	letter-spacing: 0.2px;
	color: #fff;
	background-color: #8200a8;
	padding: 10px 15px 10px 20px;
	margin-bottom: 20px;
}

#politika .modal-header,
#politika .politika-content,
#astrakov .modal-header {
	color: #fff;
}

#politika .modal-header,
#astrakov .modal-header,
#oferta .modal-header,
#pay .modal-header {
	border-color: #ffffff05;
}

#astrakov .modal-body {
	color: #fff;
	text-align: center;
}

#oferta ol {
	list-style: none;
	counter-reset: li;
	padding-left: 0px;
}

#oferta ol ol {
	padding-left: 15px;
}

#oferta ol li {
	padding-top: 12px;
}

#oferta li:before {
	counter-increment: li;
	content: counters(li, ".") ". ";
}

#oferta p {
	color: #fff;
}

#pay ol {
	list-style: none;
	counter-reset: li;
	padding-left: 0px;
}

#pay ol ol {
	padding-left: 15px;
}

#pay ol li {
	padding-top: 12px;
}

#pay li:before {
	counter-increment: li;
	content: counters(li, ".") ". ";
}

#pay p {
	color: #fff;
}

.grecaptcha-badge {
	visibility: hidden;
}

.tooltip-inner {
	line-height: 16px;
	padding: 10px 10px;
}

#header .phoneHover {
	font-weight: 400 !important;
	margin: 0;
	font-size: 18px;
}

#hamburger .menu__box .slogan a {
	font-weight: 400 !important;
	font-size: 20px;
	left: 50px;
	margin-top: 20px;
	margin-left: 5px;
}