/* -------------------------------------------------------------------
 * 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 15px;
	margin-bottom: 15px;
	font-weight: 600;
}
.section-title span {
	margin-right: 10px;
	margin-left: 10px;
	color: #0033CC;
}
.section-title::after,
.section-title::before {
	position: absolute;
	content: "";
	left: 50%;
	height: 2px;
	background: #0033CC;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.section-title::after {
	bottom: -5px;
	width: 30px;
}
.section-title::before {
	bottom: 0;
	width: 60px;
}
.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);
}
.default-outline-btn {
	display: inline-block;
	overflow: hidden;
	padding: 20px 40px;
	border-radius: 5px;
	text-transform: capitalize;
	position: relative;
	color: #fff !important;
	background: #15db95;
	-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: #12bd81;
	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.1);
	box-shadow: 0 10px 20px 0 rgba(0, 51, 204,0.1);
	-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.1);
    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: 48px;
	font-size: 16px;
	text-align: center;
	opacity: 0;
	border-radius: 5px;
	visibility: hidden;
	color: #fff !important;
	background: #15db95;
}
.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: #0033CC;
	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;
}
.header-shrink {
	top: 0;
	left: 0;
	padding: 20px 0;
	background: #0033CC;
	-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;
}
.header .main-menu .nav-link.active,
.main-menu .nav-item .nav-link:hover {
	opacity: 1;
}
.main-menu .nav-link.active::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
}
.main-menu .navbar-nav .nav-link:not(.active)::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
.main-menu .navbar-nav .nav-link:not(.active):hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
}
.navbar-toggler {
	padding: 0;
}
.navbar-brand {
	padding: 0;
	margin: 0;
}
.navbar-brand{
	color: #fff !important;
	font-size: 24px;
}
.navbar-toggler {
	outline: none;
	border: none;
}
.navbar-toggler {
	margin-right: 15px;
}
.togler-icon-inner > span {
	display: block;
	background: #fff;
	height: 3px;
    margin: 5px;
    width: 30px;
    -webkit-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.togler-icon-inner > span:nth-child(2) {
	width: 20px !important;
	margin-left: auto;
}
.togler-icon-inner > span:last-child {
	margin-bottom: 0;
}
.navbar-toggler[aria-expanded="true"] .togler-icon-inner > span:nth-child(1) {
	-webkit-transform: rotate(-45deg) translate(-5px, 6px);
		-ms-transform: rotate(-45deg) translate(-5px, 6px);
		 -o-transform: rotate(-45deg) translate(-5px, 6px);
			transform: rotate(-45deg) translate(-5px, 6px);
}
.navbar-toggler[aria-expanded="true"] .togler-icon-inner > span:nth-child(3) {
	-webkit-transform: rotate(45deg) translate(-5px, -6px);
	-ms-transform: rotate(45deg) translate(-5px, -6px);
	 -o-transform: rotate(45deg) translate(-5px, -6px);
		transform: rotate(45deg) translate(-5px, -6px);
}

.navbar-toggler[aria-expanded="true"] .togler-icon-inner > span:nth-child(2) {
	opacity: 0;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@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: #0033CC;
	}
	.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: 900px;
	background-repeat: no-repeat;
	z-index: 42;
	background: #0033CC;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230033cc'/%3E%3Cstop offset='1' stop-color='%230033cc'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23385dff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23385dff' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.5'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
	background-size: cover;
}
.hero-section::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}
.hero-section-title {
	margin-bottom: 30px;
	line-height: 1.2;
	color: #fff;
}
.hero-section-subtitle {
	margin: 0 0 40px;
	font-size: 1.125rem;
	opacity: 0.85;
	color: #fff;
}

/* 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);
}

/* ---------------------------------------------------------------- */
/* 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: 600px !important;
	}
	.hero-section, .hero-section-2, .parallax-bg {
		background-position: 100% 0;
	}
}


/* ---------------------------------------------------------------- */
/* 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;
	}
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Small devices (landscape phones, less than 768px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 767.98px) {
	.about-inner {
		margin-top: 50px;
	}
}

/* ---------------------------------------------------------------- */
/* 09.Features                                  
/* ---------------------------------------------------------------- */
.features-list{
	display: inline-block;
}
.features-list > li {
	margin-top: 15px;
	padding: 20px;
	border-radius:5px;
	-webkit-box-shadow: 0 10px 30px 0 rgba(0, 51, 204,0.1);
	box-shadow: 0 10px 20px 0 rgba(0, 51, 204,0.1);
}
.features-list > li:first-child {
	margin-top: 0;
}
.features-list > li h6 {
	margin-bottom: 10px;
}
.features-list i {
	display: inline-block;
    margin-right: 20px;
    font-size: 40px;
	width: 80px;
	height: 80px;
	flex: 0 0 80px;
    line-height: 80px;
    border-radius: 5px;
    text-align: center;
	color: #fff;
	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);
}
.features-inner > h3 {
	margin-bottom: 15px;
}
.features-inner > p {
	margin-bottom: 30px;
}
.features-image-pattern {
	position: relative;
}
.features-circle {
	position: absolute;
    top: 50%;
	left: 50%;
	width: 500px;
	height: 500px;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	transform: translate(-50%,-50%);
	background-position: center;
	background: #0033CC;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
	.features-image-mb {
		margin-bottom: 30px;
	}
	.features-image-order {
		order:2;
	}
	.features-circle {
		display: none;
	}
	.features-image-resp {
		text-align: left !important;
	}
}
.features-row-mt {
	margin-top: 100px;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Small devices (landscape phones, less than 768px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 767.98px) {
	.features-image-resp {
		margin-top: 60px;
	}
	.features-row-mt {
		margin-top: 60px;
	}
}


/* ---------------------------------------------------------------- */
/* 11.Screenshots                              
/* ---------------------------------------------------------------- */
.screenshots-slider {
	position: relative;
}
.screenshots-slider .owl-item {
	-webkit-transform: scale(0.9, 0.9);
	transform: scale(0.95, 0.95);
	opacity: 0.6;
}
.screenshots-slider .owl-item img,
.screenshots-slider .owl-item {
	border-radius: 10px !important;
}
.screenshots-slider .active.center {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1);
}
.screenshots-slider.owl-theme .owl-nav button {
	position: absolute;
	top: 50%;
	display: inline-block;
	border-radius: 5px;
	font-size: 14px;
	height: 50px;
	width: 50px;
	color: #fff !important;
	background: #15db95;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	-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;
}
.screenshots-slider.owl-theme .owl-nav button:hover {
	color: #fff !important;
	background: #12bd81;
}
.screenshots-slider.owl-theme .owl-nav button.owl-next {
	right: -30px;
}
.screenshots-slider.owl-theme .owl-nav button.owl-prev {
	left: -30px;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Small devices (landscape phones, less than 768px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 767.98px) {
	.screenshots-slider.owl-theme .owl-nav button.owl-next {
		right: 0;
	}
	.screenshots-slider.owl-theme .owl-nav button.owl-prev {
		left: 0;
	}
}



/* ---------------------------------------------------------------- */
/* 15.Download Section                             
/* ---------------------------------------------------------------- */
.download-wrap {
	position: relative;
	overflow: hidden;
}
.download-section-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0033CC;
}
.download-section-inner > h2 {
	color: #fff;
	margin-bottom: 15px;
}
.download-section-inner > p {
	color: #fff;
	opacity: 0.85;
	margin-bottom: 20px;
}
.download-buttons {
	margin-top: 40px;
}
.download-btn {
	display: inline-block;
	overflow: hidden;
	padding: 20px 30px;
	max-width: 200px;
	border-radius: 5px;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	text-align: left;
	margin-right: 15px;
	border: 2px solid #fff;
	background: #fff;
	color: #000 !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.download-btn:hover {
	background: transparent;
	border: 2px solid #fff;
	color: #fff !important;
}
.download-btn:last-child {
	margin-right: 0;
}
.download-buttons .download-btn i {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 20px;
	font-size: 30px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.download-btn span {
	display: block;
	margin-left: 35px;
}

/* Downlaod Stars */
.download-stars {
	position: relative;
}
.download-stars .download-ratings {
	display: inline-block;
	position: relative;
	padding: 10px 20px 10px 0;
}
.download-stars .download-ratings > i {
	color: #fdd55e;
	margin-right: 4px;
}
.download-stars .download-ratings > i:last-child {
	margin-right: 0;
}
.download-stars .download-rate-count {
	background: #fff;
	padding: 10px;
	border-radius: 5px;
	color: #000;
	position: relative;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.download-stars .download-rate-count::before {
	content: "";
	position: absolute;
	top: 7px;
	left: -28px;
	border: 15px solid;
	border-radius: 5px;
	border-color: transparent #fff transparent transparent;
}
.download-ratings span {
	color: #fff;
	font-weight: 600;
	font-size: 3rem;
	margin-right: 10px;
}
.download-image {
	position: relative;
	z-index: 42;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
	.download-section-inner {
		text-align: center;
	}
	.download-image {
		display: none;
	}
	.download-section-inner .download-buttons,
	.download-stars {
		justify-content: center !important;
	}
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Extra small devices (portrait phones, less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
	.download-section-inner .download-buttons {
		text-align: center;
		display: block !important;
	}
	.download-section-inner .download-buttons .download-btn {
		display: block;
		margin: 0 auto 15px auto;
	}
	.download-section-inner .download-buttons .download-btn:nth-child(2) {
		margin-bottom: 0;
	}
}