/* -------------------------------------------------------------------
 * Template Name         : Appinocks - App Landing Page Template
 * Theme Author Name     : Yucel Yilmaz
 * Author URI            : https://themeforest.net/user/aip_theme3434
 * Created Date          : 03 November 2019
 * Version               : 1.0
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
[Table of contents]

01.Base
02.Typography
03.Helper Class
04.Animaton
05.Header
06.Hero Section
07.Services
08.About
09.Features
10.How it Works
11.Screenshots
12.Pricing
13.Testimonial Section
14.Our Team
15.Download Section
16.Latest Blog Section
17.Newsletter
18.FAQ
19.Contact Us
20.Footer
21.Breadcrumb
22.Blog Page
23.Home Page Sign Up
24.Home Page Parallax
25.Home Page Slider




24.Intro
------------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* 01.Base
/* ---------------------------------------------------------------- */
body {
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	overflow-x: hidden;
	overflow-y: scroll;
	position: relative;
	box-sizing: border-box;
	color: #636b72;
}
ul,
ol {
	padding: 0;
	margin: 0;
	list-style: none;
}
a,
a:hover,
a:focus,
a:active,
a:visited,
a:link {
	color: inherit;
	text-decoration: none;
}
input,
input:focus,
textarea,
textarea:focus,
button,
button:focus {
	outline: none;
	resize: inherit;
}
button:focus,
button {
	border: none;
}
section {
	overflow: hidden;
	width: 100%;
}
::-moz-selection {
	background-color: #000;
	color: #fff;
}
::selection {
	background-color: #000;
	color: #fff;
}
.site-wrapper {
	position: relative;
	overflow: hidden;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
	body,
	html {
		font-size: 14px;
	}
}

/* ---------------------------------------------------------------- */
/* 02.Typography
/* ---------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
	text-transform: capitalize;
	font-weight: 600;
	line-height: 1.5;
	color: #000;
	margin: 0;
}
h1 {
	font-size: 3rem;
}
h2 {
	font-size: 2.25rem;
}
h3 {
	font-size: 2rem;
}
h4 {
	font-size: 1.625rem;
}
h5 {
	font-size: 1.375rem;
}
h6 {
	font-size: 1.125rem;
}
p {
	margin: 0;
	line-height: 28px;
}

/* ---------------------------------------------------------------- */
/* 03.Helper Class
/* ---------------------------------------------------------------- */
.section-padding {
	padding: 100px 0;
	position: relative;
}
.section-heading {
	text-align: center;
	margin-bottom: 60px;
}
.section-title {
	text-align: center;
	position: relative;
	padding: 0 0 5px;
	margin-bottom: 10px;
	font-weight: 600;
}
.section-sub-title {
	text-align: center;
	font-size: 1.125rem;
}
.section-badge {
	display: inline-block;
	margin-bottom: 10px;
	border-radius: 5px;
	font-size: 14px;
	padding: 10px 20px;
	color: #fff !important;
	background: #15db95;
	-webkit-box-shadow: 0 10px 16px 0 rgba(21, 219, 150, 0.15);
	box-shadow: 0 10px 16px 0 rgba(21, 219, 150, 0.15);
}
.new-btn {
	display: inline-block;
	overflow: hidden;
	padding: 10px 80px;
	border-radius: 5px;
	text-transform: capitalize;
	position: relative;
	color: #fff !important;
	background: #eb5923;
	-webkit-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	font-size: 1.2rem;
}
.new-btn:hover {
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	background: #df5421;
	color: #fff !important;
}

.default-outline-btn {
	display: inline-block;
	overflow: hidden;
	padding: 10px 60px;
	border-radius: 5px;
	text-transform: capitalize;
	position: relative;
	color: #fff !important;
	background: #2d2d2b;
	-webkit-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.default-outline-btn:hover {
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	background: #df5421;
	color: #fff !important;
}
.default-btn {
	display: inline-block;
	overflow: hidden;
	padding: 20px 40px;
	border-radius: 5px;
	text-transform: capitalize;
	position: relative;
	color: #fff !important;
	background: #0033CC;
	-webkit-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	-webkit-box-shadow: 0 10px 16px 0 rgba(0, 51, 204, 0.15);
	box-shadow: 0 10px 16px 0 rgba(0, 51, 204, 0.15);
}
.default-btn:hover {
	background: #1148ee;
	-webkit-box-shadow: 0 10px 26px 0 rgba(0, 51, 204, 0.2);
	box-shadow: 0 10px 26px 0 rgba(0, 51, 204, 0.2);
}
.default-video-btn {
	display: inline-block;
	overflow: hidden;
	padding: 20px 25px;
	border-radius: 5px;
	text-transform: capitalize;
	position: relative;
	color: #15db95 !important;
	background: #fff;
	margin-left: 10px;
	text-align: center;
	transition: all 0.25s linear;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.default-video-btn:hover {
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	background: #fff;
}
.default-video-btn i {
	display: inline-block;
	position: relative;
	top: 1px;
}
.bg-blue-overlay::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0.8;
	background-position: center;
	background: #0033CC;
}
.item-shadow {
	-webkit-box-shadow: 0 10px 30px 0 rgba(0, 51, 204,0.18);
	box-shadow: 0 10px 20px 0 rgba(0, 51, 204,0.18);
	-webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.item-shadow:hover {
	-webkit-box-shadow: 0 10px 30px 0 rgba(0, 51, 204,0.18);
    box-shadow: 0 15px 30px 0 rgba(0, 51, 204,0.15);
}
.img-jump {
	-webkit-animation: imgJump 5s linear 0s infinite normal forwards;
	animation: imgJump 5s linear 0s infinite normal forwards;
}
.pt-minus-70 {
	padding-top: 70px;
}
.pt-50 {
	padding-top: 50px;
}
.scroll-top-btn {
	position: fixed;
	bottom: 0;
	right: 10px;
	width: 48px;
	height: 48px;
	line-height: 41px;
	font-size: 16px;
	text-align: center;
	opacity: 0;
	border-radius: 5px;
	visibility: hidden;
	color: #fff !important;
	background: #eb5a34;
}
.scroll-top-btn img{
	width: 50%;
}
.scroll-top-btn.active {
	opacity: 1;
	visibility: visible;
	bottom: 10px;
}

/* Preloader */
.preloader-wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 4444;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #eb5923;
	flex-direction: column;
}
.preloader-wrap .preloader-inner {
	height: 100px;
	width: 100px;
	position: relative;
	margin: 0 auto;
}
 .preloader-inner .spinner {
	margin: auto;
	margin-top: -100px;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
}
.preloader-inner .spinner > div {
	background-color: #fff;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: spinnerDelay 1.2s infinite ease-in-out;
	animation: spinnerDelay 1.2s infinite ease-in-out;
}
.preloader-inner .spinner .rect1 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.preloader-inner .spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.preloader-inner .spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
.preloader-inner .spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.preloader-inner .spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.preloader-inner .sk-circle {
	margin: 10px auto 100px auto;
	width: 10px;
	height: 10px;
	position: relative;
	background: #fff;
	border-radius: 100%;
	left: -18px;
	-webkit-animation: spinnerLoad 1.2s infinite ease-in-out;
	animation: spinnerLoad 1.2s infinite ease-in-out;
}

/* Transition All Classes */
.header,
.scroll-top-btn,
.default-btn,
.item-shadow,
.services-item,
.services-icon i::before,
.features-item .features-icon i,
.hero-video-btn,
.testimonial-slider .owl-nav span,
.team-card-img img,
.team-card-img .team-social,
.team-card-img .team-social > a,
.screenshots-slider .owl-item,
.price-toggle-wrap > a,
.price-table .price-icon i,
.blog-tags li a,
.pagination-link,
.blog-img > a > img,
.blog-item,
.footer-social-links > a,
.download-btn,
.screenshots-slider.owl-theme .owl-nav.disabled+.owl-dots .owl-dot span,
.testimonial-slider.owl-theme .owl-nav.disabled+.owl-dots .owl-dot span,
.team-social > a,
.blog-single-meta-box > a:hover {
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

/* ---------------------------------------------------------------- */
/* 04.Animaton
/* ---------------------------------------------------------------- */
@-webkit-keyframes buttonEffectRight {
	0% {
		right: -100%;
	}
	100% {
		right: 100%;
	}
}
@keyframes buttonEffectRight {
	0% {
		right: -100%;
	}
	100% {
		right: 100%;
	}
}
@keyframes imgJump {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	20% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	41% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	50% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	50% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	80% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes imgJump {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	20% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	41% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	50% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	50% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	80% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes shadowPulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(21, 219, 150, 0.4);
		box-shadow: 0 0 0 0 rgba(21, 219, 150, 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 40px rgba(21, 219, 150, 0);
		box-shadow: 0 0 0 40px rgba(21, 219, 150, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(21, 219, 150, 0);
		box-shadow: 0 0 0 0 rgba(21, 219, 150, 0);
	}
}
@-webkit-keyframes shadowPulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(21, 219, 150, 0.4);
		box-shadow: 0 0 0 0 rgba(21, 219, 150, 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 40px rgba(21, 219, 150, 0);
		box-shadow: 0 0 0 40px rgba(21, 219, 150, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(21, 219, 150, 0);
		box-shadow: 0 0 0 0 rgba(21, 219, 150, 0);
	}
}
@keyframes stickyMenu {
	0% {
		margin-top: -120px;
		opacity: 0;
	}
	50% {
		margin-top: -64px;
		opacity: 0;
	}
	100% {
		margin-top: 0;
		opacity: 1;
	}
}
@keyframes preloader {
	0% {
		top: 8px;
		height: 64px;
	}
	50%,
	100% {
		top: 24px;
		height: 32px;
	}
}
@-webkit-keyframes preloader {
	0% {
		top: 8px;
		height: 64px;
	}
	50%,
	100% {
		top: 24px;
		height: 32px;
	}
}
@keyframes dashedRotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes iconPulse {
	0%{
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes iconPulse {
	0%{
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes spinnerLoad {
	1% {
		top: -15px;
	}
	2% {
		top: 10px;
	}
	5% {
		top: -20px;
	}
	10% {
		left: -10px;
	}
	20% {
	    top: -25px;
	}
	30% {
	    left: 15px;
		background:#15db95;
	}
	35% {
	    top: 5px;
	}
	45% {
	    top: -5px;
	}
	50% {
		top: -5px;
	}
	60% {
		top: -6px;
	}
	70% {
	    top: 6px;
	}
	80% {
	    top:6px;
	}
	60% {
	    top: -6px;
	}
}
@keyframes spinnerLoad {
	1% {
		top: -15px;
	}
	2% {
		top: 10px;
	}
	5% {
		top: -20px;
	}
	10% {
		left: -10px;
	}
	20% {
	    top: -25px;
	}
	30% {
	    left: 15px;
		background:#15db95;
	}
	35% {
	    top: 5px;
	}
	45% {
	    top: -5px;
	}
	50% {
		top: -5px;
	}
	60% {
		top: -6px;
	}
	70% {
	    top: 6px;
	}
	80% {
	    top:6px;
	}
	60% {
	    top: -6px;
	}
}
@-webkit-keyframes spinnerDelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}
@keyframes spinnerDelay {
	0%, 40%, 100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}
	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}

/* ---------------------------------------------------------------- */
/* 05.Header
/* ---------------------------------------------------------------- */
.header {
	position: fixed;
	width: 100%;
	z-index: 555;
	padding: 30px 0;
	background: #df5421;
}
.header-shrink {
	top: 0;
	left: 0;
	padding: 20px 0;
	background: #df5421;
	-webkit-box-shadow: 0px 13px 35px -12px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 13px 35px -12px rgba(0, 0, 0, 0.15);
	-webkit-animation: stickyMenu 0.7s ease-in-out;
	animation: stickyMenu 0.7s ease-in-out;
}
.header .navbar {
	padding: 0;
}
.header .main-menu .navbar-nav .nav-link {
	margin: 0 0 0 20px;
	font-weight: 500;
	font-size: 13px;
	display: inline-block;
	padding: 10px 0;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	opacity: 0.7;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	color: #fff;
}
.header .main-menu .navbar-nav li:first-child .nav-link {
	margin-left: 0;
}
.navbar{
	justify-content: space-between;
}
.nav-login{
	color: #df5421!important;
	border: 1px solid #fff;
	padding: 3px 35px;
	border-radius: 20px;
	background: #fff;
	font-size: 18px;
}
@media only screen and (max-width: 991.98px) {
	.header .container,
	.header,
	.header ul li {
		padding: 0;
	}
	.header .container {
		max-width: 100%;
	}
	.header .main-menu {
		background: #df5421;
	}
	.header .main-menu .navbar-nav .nav-link {
		margin: 0;
		display: block;
		padding: 12px 20px;
		color: #fff;
	}
	.header .main-menu .navbar-nav .nav-link:not(.active):hover,
	.header .main-menu .navbar-nav .nav-link.active {
		background: rgba(255, 255, 255, 0.15);
		color: #fff;
	}
	.header .main-menu .navbar-nav .nav-link::after {
		display: none;
	}
	.navbar-brand {
		padding: 20px 0 20px 20px;
	}

}

/* ---------------------------------------------------------------- */
/* 06.Hero Section
/* ---------------------------------------------------------------- */
.hero-section {
	position: relative;
	height: 718px;
	padding-top: 100px;
	background-repeat: no-repeat;
	z-index: 42;
	background: #eb5923;
	background-image: url('/img/top-bg.png');
	background-size: cover;
}
.hero-section::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}
.hero-section-title {
	margin-bottom: 40px;
	line-height: 1.2;
	color: #fff;
}
.hero-section-subtitle {
	margin: 0 0 40px;
	font-size: 1rem;
	opacity: 0.85;
	color: #fff;
}
.hero-section-title{
	font-size: 3.5rem;
}
/* Hero Button Group */
.down-scroll {
	cursor: pointer;
	color: #15db95 !important;
	background: #fff;
	text-align: center;
	font-size: 16px;
	position: absolute;
	left: 50%;
	z-index: 15;
	border-radius: 5px;
	bottom: 25px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.hero-image-box{
	margin:20px;
	background-image: url("/img/phone-border2.png");
	background-size: cover;
	background-repeat: no-repeat;
	height: 510px;
	width: 100%;
}
.hero-image-box video{
	width: 100%;
	height: 100%;
	padding: 12px;
	border-radius: 38px;
}
.hero-image-1{
	padding-top: 200px;
}
.hero-image-2{
	padding-top: 60px;
}
/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
	.hero-section .hero-image {
		display: none;
	}
	.hero-section, .hero-section-2, .parallax-bg {
		text-align: center;
		background-position: 100% 0;
	}
	.hero-section .container .row, .hero-section-2 .container .row, .parallax-bg  .container .row {
		justify-content: center !important;
	}
	.hero-section-subtitle {
		font-size: 1rem;
	}
}

/* ------------------------------------------------------------- */
/* Responsive Media Query
 * Extra small devices (portrait phones, less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
	.hero-section-title {
		font-size: 2rem;
	}
	section .button-group-hero {
		display: none !important;
	}
	.hero-section, .hero-section-2, .parallax-bg {
		height: 450px !important;
	}
	.hero-section, .hero-section-2, .parallax-bg {
		background-position: 100% 0;
	}
}

.services{
	background-color: #f2f2f2;
}
.services-btn-box{
	text-align: center;
	margin-top: 30px;
}
/* ---------------------------------------------------------------- */
/* 07.Services
/* ---------------------------------------------------------------- */
.services-item {
	padding: 30px;
	position: relative;
	border-radius: 10px;
	text-align: center;
}
.services-item .services-icon {
	display: inline-block;
	height: 90px;
	width: 90px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 40px;
	line-height: 90px;
	border-radius: 10px;
	color: #fff;
}
.services-icon img {
	width: 100%;
}
.services-body h5 {
	margin-top: 20px;
	margin-bottom: 10px;
}
.services-body p {
	margin-bottom: 20px;
}
.services-body + .services-link {
		display: inline-block;
		border-radius: 5px;
		font-size: 14px;
		padding: 10px 20px;
		color: #fff !important;
		background: #15db95;
		-webkit-box-shadow: 0 10px 16px 0 rgba(21, 219, 150, 0.15);
		box-shadow: 0 10px 16px 0 rgba(21, 219, 150, 0.15);
		-webkit-transition: all 0.25s linear;
		transition: all 0.25s linear;
}
.services-body + .services-link:hover {
	background: #12bd81;
}


/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
	.services-resp-margin:nth-child(3) {
		margin-top: 30px;
	}
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Extra small devices (portrait phones, less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
	.services-resp-margin {
		margin-top: 30px;
	}
	.services-resp-margin:first-child {
		margin-top: 0;
	}
}


.how-it-works-section {
	position: relative;
}
.how-it-works-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f2f2f2;
}
/* How it works inner */
.how-it-works-inner {
	margin-bottom: 100px;
}
.how-it-works-inner > h3 {
	margin-bottom: 15px;
}
.how-it-works-inner  p {
	margin-bottom: 40px;
	color: #fff;
	opacity: 0.85;
}

/* How it works video */
.how-it-work-video {
	position: relative;
}
.how-it-works-video-btn {
	position: absolute;
	text-align: center;
	height: 80px;
	width: 80px;
	line-height: 80px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	cursor: pointer;
	font-size: 40px;
	background: #15db95;
	color: #fff !important;
	-webkit-animation: shadowPulse 2s linear infinite;
	animation: shadowPulse 2s linear infinite;
	-webkit-box-shadow: 0 0 0 10px rgba(21, 219, 150, 0.4);
	box-shadow: 0 0 0 10px rgba(21, 219, 150, 0.4);
}

/* How it work process */
.how-it-work-item {
	padding: 0;
	margin: 0 10px;
}
.how-it-work-number {
	position: relative;
	z-index: 52;
	margin-bottom: 40px;
}
.how-it-work-item .how-it-work-number::before {
	content: "";
	position: absolute;
	top: 50%;
	right: -50%;
	width: 100%;
	transform: translateY(-50%);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
	z-index: -7;
	border:2px dashed #eb5a34;
}
.how-it-work-item:last-child .how-it-work-number::before {
	display: none;
}
.how-it-work-number > a > span {
	text-align: center;
	height: 80px;
	width: 80px;
	display: inline-block;
	line-height: 80px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 26px;
	color: #000;
	background: #fff;
	font-weight: 500;
	transition: all 0.2s linear;
	box-shadow: 0 0 0 10px #f38259,0 0 0 20px #eb5a34;
}
.how-it-work-item.active a > span {
	/*color: #fff !important;*/
	font-family: "Poppins",sans-serif;
	background-position: center;
    background: #fff;
}
.how-it-work-item:hover .how-it-work-number > a > span {
	background: #fff;
	/*color: #000 !important;*/
}
.how-it-work-item h6 {
	font-size: 20px;
	margin-bottom: 10px;
	color:#eb5a34;
}
.how-it-work-text p {
	color: #fff;
	opacity: 0.85;
}
.how-it-work-text {
	padding-left: 15px;
	padding-right: 15px;
}
@media only screen and (max-width: 991.98px) {
	.how-it-work-item:nth-child(1),
	.how-it-work-item:nth-child(2) {
		margin-bottom: 50px;
	}
	.how-it-work-item:nth-child(2) .how-it-work-number::before {
		display: none;
	}
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Extra small devices (portrait phones, less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
	.how-it-work-item {
		margin-bottom: 30px;
	}
	.how-it-work-item .how-it-work-number::before {
		display: none !important;
	}
	.how-it-work-item:last-child {
		margin-bottom: 0;
	}
}

.price-toggle-wrap {
	text-align: center;
	margin-bottom: 60px;
	/*display: inline-block;*/
	margin: 0 auto 60px auto;
	padding: 10px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-left:20px;
}
.pricing-tab-content {
	display: none;
	padding-left:20px;
	padding-top:20px;
}
.pricing-tab-content.active {
	display: block;
}
.price-toggle-wrap > a {
	padding: 14px 12px;
	float: left;
	margin-right: 10px;
	background-position: center;
	position: relative;
	overflow: hidden;
    color: #000;
	font-size: 1.2rem;
	font-weight: bold;
}
.price-toggle-wrap > a.active {
	background-position: center;
	border-bottom: 3px solid #000;
}

/* Price Table */
.price-table {
	border-radius: 5px;
	padding: 40px 0;
	background: #fff;
}
.price-table-active .price-table {
	background: #0033CC;
	-webkit-box-shadow: 0 10px 16px 0 rgba(0, 51, 204, 0.15);
	box-shadow: 0 10px 16px 0 rgba(0, 51, 204, 0.15);
}
.price-table-active .price-icon span  {
    background: #fff;
	color: #0033CC;
}
.price-table-active h4, .price-table-active li,
.price-table-active .price-body > ul > li::before,
.price-table-active .price-table h5 {
	color: #fff !important;
}
.price-table .price-header, .price-body, .price-btn-wrap {
	padding: 0 30px;
}
.price-btn-wrap {
	text-align: center;
}
.price-table .price-header h4 {
	font-size: 1.4rem;
	text-transform: capitalize;
	margin-bottom: 8px;
}
.price-icon span {
	height: 80px;
	width: 80px;
	text-align: center;
	display: block;
	font-size: 40px;
	border-radius: 5px;
	line-height: 80px;
	background: #0033CC;
	color: #fff;
	-webkit-transition: all 0.25s linear;
	transition: all 0.25s linear;
	-webkit-box-shadow: 0 10px 16px 0 rgba(0, 51, 204, 0.15);
	box-shadow: 0 10px 16px 0 rgba(0, 51, 204, 0.15);
}
.price-table .price-value h5 {
	font-size: 2rem;
}
.price-table h5 > sub {
	vertical-align: initial;
	bottom: 0;
}
.price-body {
	border-top: 1px solid rgba(0, 0, 0, 0.062);
	margin: 40px 0;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.062);
}
.price-table-active .price-body {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.price-table-active .price-table .price-body > ul > li::after {
	color: #fff;
}
.price-table .price-body > ul {
	text-align: left;
}
.price-table .price-body > ul > li {
	margin-bottom: 15px;
}
.price-table .price-body > ul > li::before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: 15px;
	color: #15db95;
}
.price-table .price-body > ul > li::after {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	color: #15db95;
	float: right;
}
.price-table .price-body > ul > li:last-child {
	margin-bottom: 0;
}
.price-table .default-btn {
	display: block;
}

.price-table-active .default-btn {
	background: #fff;
	color: #0033CC !important;
}
.price-table-margin h6{
	color:#2d2d2b;
}
/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
	.price-table-margin {
		margin-bottom: 50px;
	}
}

/* ---------------------------------------------------------------- */
/* 13.Testimonial Section
/* ---------------------------------------------------------------- */
.testimonial-section {
	background-color: #fefefe;
	position: relative;
}
.testimonial-section .section-title::after,
.testimonial-section .section-title::before {
	background: #fff;
}
.testimonial-section .section-sub-title {
	opacity: 0.9;
}
.testimonial-section .section-heading{
	margin-bottom: 20px;
}
.testimonial-item {
	padding: 60px 30px;
	background: #fff;
	position: relative;
	border-radius: 20px;
	/*box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);*/
	margin: 60px 20px;
	display: flex;
}
/*.testimonial-item::before {*/
/*	content: '';*/
/*	position: absolute;*/
/*	bottom: -15px;*/
/*	left: 50%;*/
/*	width: 90%;*/
/*	height: 15px;*/
/*	background: #fff;*/
/*	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);*/
/*	transform: translateX(-50%);*/
/*	border-radius: 0 0 5px 5px;*/
/*	z-index: -7;*/
/*}*/

.testimonial-text{
	margin-bottom: 50px;
}
.testimonial-text p {
	font-style: italic;
	line-height: 30px;
}
.testimonial-text span{
	color:#eb5923;
	font-size: 18px;
}

.testimonial-img {
	flex: 0 0 100px;
}
.testimonial-body {
	margin-bottom: 10px;
}
.testimonial-body img {
	width: inherit !important;
	border-radius: 5px;
	display:inline-block !important;
	text-align: center;
}
.testimonial-body h2{
	color: #eb5923;
}
.testimonial-inner .line{
	height: 8px;
	background-color: #a3a3a3;
	border-radius: 10px;
	width: 60px;
}
/* Owl Carousel */
.testimonial-section .testimonial-slider .owl-dots {
	margin-top: 20px !important;
}
.testimonial-section .owl-theme .owl-dot span {
    width: 100px;
    height: 8px;
    border-radius: 10px;
    border-color: #fff;
    background-size: cover;
    background: #d1d1d1;
    opacity: 0.5;
    -webkit-transition: all 0.25s linear;
	transition: all 0.25s linear;
	margin:5px 0;
}
.testimonial-section .owl-theme .owl-dot.active span {
	width: 100px;
    opacity: 1 !important;
	background: #000;
}
.testimonial-left-img{
	position: absolute;
	z-index: 9999;
	top: -115px;
	width: 90%!important;
}
/* Testimonial Counters */
.counters {
	padding-top: 100px;
}
.counter-body .counter{
	color: #eb5923;
	font-size: 4rem;
	margin-right: 10px;
}
.counter-icon {
	position: relative;
	display: inline-block;
	font-size: 50px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	display: inline-block;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	margin-bottom: 30px;
}
.counter-box{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	white-space: nowrap;
}
.counter-box h1{
	color: #eb5923;
}
.counter-icon,
.counter-body p, .counter-body h2 {
	color: #3b3b39;
}
.counter-body p {
	opacity: 0.85;
}
.counter-icon::after,
.counter-icon::before {
	content: "";
	display: block;
	position: absolute;
	border-radius: 50%;
	border:1px solid #fff;
	left: -20px;
	right: -20px;
	top: -20px;
	bottom: -20px;
	opacity: 0;
	animation: iconPulse 1s linear infinite;
}
.counter-icon::after {
	animation-delay: 0.5s;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
	.counters-item:nth-child(1),
	.counters-item:nth-child(2) {
		margin-bottom: 50px;
	}
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Extra small devices (portrait phones, less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
	.counters-item {
		margin-bottom: 30px;
	}
	.counters-item:last-child {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 767.98px) {
	.team-card-margin {
		margin-top: 30px !important;
	}
	.team-card-margin:nth-child(1) {
		margin-top: 0 !important;
	}
}
.empty-form span {
	background: #f8d7da;
	color: #721c24;
	display: block;
	padding: 20px;
	margin-bottom: 10px;
}
.success-form span {
	background: #e8eafd;
	color: #0033CC;
	display: block;
	padding: 20px;
	margin-bottom: 10px;
}
.email-invalid span {
	background: #f8e2e4;
	color: #721c24;
	display: block;
	padding: 20px;
	margin-bottom: 10px;
}

.footer {
	background: #303030;
}
.footer-top {
    background-image: url("/img/map.png");
    background-position: top center;
    background-repeat: no-repeat;
	background-size: contain;
    padding: 30px;
}
.footer-box{
	color: #d1d1d1;
}
.footer-box .row{
	margin: 40px 0;
}

.footer-box .row div span{
	font-size: 20px;
	font-weight: bold;
}
.footer-box .wechat-bg{
	background: rgba(0,0,0,0.3);
	padding: 20px;
}
.footer-box .col-10{
	white-space: nowrap;
}
	/* Copyright */
.copyright {
	padding: 25px 0;
	background: #0b0b0b;
	color: #fff;
    opacity: 0.75;
}

@media only screen and (min-width: 1300px) {
	.hero-section-title{
		margin-top: 80px;
	}
}


@media only screen and (max-width: 991.98px) {
	.footer-widget {
		margin-bottom: 30px;
	}
	.footer-widget:nth-child(3),
	.footer-widget:nth-child(4) {
		margin-bottom: 0;
	}
}

.pic-box{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -150px;
}
.pic-box .btn-prev a,.btn-next a{
	padding: 11px 20px;
	vertical-align: middle;
	border-radius: 50%;
	background-color: #e9e9e9;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.5rem;
}
.carousel-btn-box{
	background-color: #000;
	color: #fff;
	padding: 8px 22px;
	font-size: 1.2rem;
	border-radius: 2rem;
	margin: 100px 0 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.carousel-btn-box a{
	padding: 8px 25px;
	white-space: nowrap;
	/*display:inline-block;*/
}
.carousel-btn-box .active{
	background-color: #fff;
	color: #000;
	border-radius: 2rem;
}
.services-advantage .services-item{
	text-align: left;
	border-radius: 22px;
}
.services-advantage .services-item .services-body{
	height: 160px;
}
.services-advantage .services-btn-box{
	margin-top:100px;
}
.case-counter{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.case-body{
	padding-left:80px;
}
.types-img-box{
	background-image: url("/img/phone-border2.png");
	background-size: cover;
	background-repeat: no-repeat;
	height: 510px;
	width: 100%;
}
.types-img-box div{
	display: none;
}
.types-img-box .active{
	display: inline-block;
}
.types-img-box img{
	height: 100%;
	padding: 20px;
	border-radius: 30px;
}
.types-img-class{
	display:none;
}
.contact{
	background-image: url("/img/contact-bg.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.contact-box{
	background-color: #fff;
	padding:30px 60px;
	border-radius: 5px;
}
.contact-box .row{
	padding: 20px 0;
	border-bottom: 1px solid #ebebed;
}
.contact-box .text-left{
	padding: 0;
}
.contact-box input{
	border: none;
	width: 100%;
}
@media only screen and (max-width: 575.98px) {
	.footer-widget {
		margin-bottom: 30px !important;
	}
	.footer-widget:nth-child(4) {
		margin-bottom: 0 !important;
	}
	.pic-box{
		position: relative;
		top: 0;
	}
	.services-btn-box{
		text-align: center!important;
	}
	.carousel-btn-box{
		margin: 10px 0 20px 0;
	}
	.case-counter{
		display: block;
	}
	.testimonial-item{
		display: block;
	}
	.testimonial-left-img{
		position: relative;
		top:0;
	}
	.footer-box .col-10{
		white-space: normal;
	}
	.footer-top{
		background-size: cover;
	}
	.carousel-btn-box{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.navbar{
		justify-content: center;
	}
	.navbar-brand{
		max-width: 60%;
		padding-left:5px;
	}
	.navbar-brand img{
		width: 100%;
	}
}