/* ==============================================================

Project:	AppSide - App Landing Page Template
Info:		https://www.codegrape.com/item/appside-app-landing-page-template/38985
Version:	1.0
Author:		flashblue
Profile:	https://www.codegrape.com/user/flashblue

-----------------------------------------------------------------
					*** TABLE OF CONTENTS ***
-----------------------------------------------------------------

	1.	Reset
	2.	Global
	3.	Navigation
	4.	Banner
	5.	Features
	6.	Screenshots
	7.	Video
	8.	Interface slider
	9.	Pricing
	10.	Testimonials
	11.	FAQs
	12.	Blog
	13.	Contact
	14.	Footer
	15.	Page header
	16.	Pagination
	17.	Sidebar

=============================================================*/

/*******************
    - 1. Reset -
*******************/
*, *::before, *::after {
	box-sizing:border-box;
}

html {
	font-family:"Roboto", sans-serif;
	line-height:1.15;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-ms-overflow-style:scrollbar;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	scroll-behavior:smooth;
}

@-ms-viewport {
 	width:device-width;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display:block;
}

body {
	margin:0;
	font-family:"Roboto", sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:1.4;
	color:#677294;
}

[tabindex="-1"]:focus {
	outline:0 !important;
}

hr {
	box-sizing:content-box;
	height:0;
	overflow:visible;
}

h1 {
	font-size:3em;
}

h2 {
	font-size:2.375em;
}

h3 {
	font-size:1.875em;
}

h4 {
	font-size:1.5em;
}

h5 {
	font-size:1.25em;
	margin:5px 0;
}

h6 {
	font-size:1.125em;
	margin:5px 0;
}

h1, h2, h3, h4, h5, h6 {
	color:#273167;
	font-weight:700;
	font-family:"Roboto", sans-serif;
	line-height:1.5;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
	color:inherit;
	font-weight:700;
	font-family:"Roboto", sans-serif;
}

p {
	font-size:15px;
	line-height:1.75;
	margin:0 0 1.6em;
	color:#677294;
	font-family:"Roboto", sans-serif;
	font-weight:400;
}

abbr[title], abbr[data-original-title] {
	text-decoration:underline dotted;
	cursor:help;
	border-bottom:0;
}

address {
	margin-bottom:1rem;
	font-style:normal;
	line-height:inherit;
}

ol, ul, dl {
	margin-top:0;
	margin-bottom:1rem;
}

ol ol, ul ul, ol ul, ul ol {
	margin-bottom:0;
}

dt {
	font-weight:700;
}

dd {
	margin-bottom:.5rem;
	margin-left:0;
}

blockquote {
	margin:0 0 1rem;
}

dfn {
	font-style:italic;
}

b, strong {
	font-weight:bolder;
}

small {
	font-size:80%;
}

sub, sup {
	position:relative;
	font-size:75%;
	line-height:0;
	vertical-align:baseline;
}

sub {
	bottom:-.25em;
}

sup {
	top:-.5em;
}

a {
	color:#677294;
	text-decoration:none;
	background-color:transparent;
	-webkit-text-decoration-skip:objects;
}

a:hover {
	text-decoration:none;
	color:inherit;
}

a:not([href]):not([tabindex]) {
	color:inherit;
	text-decoration:none;
}

a:not([href]):not([tabindex]):hover, 
a:not([href]):not([tabindex]):focus {
	color:inherit;
	text-decoration:none;
}

a:not([href]):not([tabindex]):focus {
	outline:0;
}

pre, code, kbd, samp {
	font-family:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size:1em;
}

pre {
	margin-top:0;
	margin-bottom:1rem;
	overflow:auto;
	-ms-overflow-style:scrollbar;
}

figure {
	margin:0 0 1rem;
}

img {
	vertical-align:middle;
	border-style:none;
	max-width:100%;
}

svg {
	overflow:hidden;
	vertical-align:middle;
}

table {
	border-collapse:collapse;
}

caption {
	padding-top:0.75rem;
	padding-bottom:0.75rem;
	color:#6c757d;
	text-align:left;
	caption-side:bottom;
}

th {
	text-align:inherit;
}

label {
	display:inline-block;
	margin-bottom:0.5rem;
}

button {
	border-radius:0;
}

button:focus {
	outline:1px dotted;
	outline:5px auto -webkit-focus-ring-color;
}

input, button, select, optgroup, textarea {
	margin:0;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
}

button, input {
	overflow:visible;
}

button, select {
	text-transform:none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance:button;
}

button::-moz-focus-inner, 
[type="button"]::-moz-focus-inner, 
[type="reset"]::-moz-focus-inner, 
[type="submit"]::-moz-focus-inner {
 	padding:0;
 	border-style:none;
}

input[type="radio"], 
input[type="checkbox"] {
	box-sizing:border-box;
	padding:0;
}

input[type="date"], 
input[type="time"], 
input[type="datetime-local"], 
input[type="month"] {
	-webkit-appearance:listbox;
}

textarea {
	overflow:auto;
	resize:vertical;
}

fieldset {
	min-width:0;
	padding:0;
	margin:0;
	border:0;
}

legend {
	display:block;
	width:100%;
	max-width:100%;
	padding:0;
	margin-bottom:.5rem;
	font-size:1.5rem;
	line-height:inherit;
	color:inherit;
	white-space:normal;
}

progress {
	vertical-align:baseline;
}

[type="number"]::-webkit-inner-spin-button, 
[type="number"]::-webkit-outer-spin-button {
 	height:auto;
}

[type="search"] {
	outline-offset:-2px;
	-webkit-appearance:none;
}

[type="search"]::-webkit-search-cancel-button, 
[type="search"]::-webkit-search-decoration {
 	-webkit-appearance: none;
}

::-webkit-file-upload-button {
 	font:inherit;
 	-webkit-appearance:button;
}

output {
	display:inline-block;
}

summary {
	display:list-item;
	cursor:pointer;
}

template {
	display:none;
}

[hidden] {
	display:none !important;
}

/* Padding */
.pt-30 {padding-top:30px;}
.pt-50 {padding-top:50px;}
.pt-60 {padding-top:60px;}
.pt-70 {padding-top:70px;}
.pt-100 {padding-top:100px;}
.pb-50 {padding-bottom:50px;}
.pl-30 {padding-left:30px;}
.pl-100 {padding-left:100px;}
.pr-30 {padding-right:30px;}
.pr-100 {padding-right:100px;}

/* Margin */
.mb-30 {margin-bottom:30px;}
.mb-50 {margin-bottom:50px;}
.mb-60 {margin-bottom:60px;}
.mb-70 {margin-bottom:70px;}

/* Width */
.w-100 {width:100%;}
.w-75 {width:75%;}
.w-50 {width:50%;}
.w-33 {width:33.33%;}
.w-25 {width:25%;}
.w-20 {width:20%;}
.w-10 {width:10%;}

/* Height */
.h-100 {height:100%;}
.h-75 {height:75%;}
.h-50 {height:50%;}
.h-25 {height:25%;}
.h-33 {height:33.33%;}
.h-10 {height:10%;}

/********************
    - 2. Global -
********************/
.bg-ash-color {
	background-color:#f8fbff;
}

/* Scroll top */
.to-top {
	position:fixed;
	z-index:99;
	bottom:-50px;
	right:30px;
	width:35px;
	height:35px;
	background-color:#273167;
	color:#fff;
	text-align:center;
	line-height:39px;
	font-size:15px;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
}

.to-top:hover {
	color:#fff;
}

.to-top.fixed-totop {
	bottom:50px;
}

/* Section header */
.section-title h3 {
	font-size:24px;
}

/* Preloader */
#loading {
	position:fixed;
	z-index:999999;
	background-color:#6f64e7;
	height:100%;
	width:100%;
	margin-top:0px;
	top:0px;
}

#loading-center {
	position:relative;
	width:100%;
	height:100%;	
}

#loading-center-absolute {
	position:absolute;
	left:50%;
	top:50%;
	height:50px;
	width:200px;
	margin-top:-25px;
	margin-left:-100px;
}

/* Object */
.object {
	float:left;
	width:20px;
	height:20px;
	background-color:#fff;
	margin-top:15px;
	-webkit-border-radius:50% 50% 50% 50%;
	   -moz-border-radius:50% 50% 50% 50%;
			border-radius:50% 50% 50% 50%;
}

#first_object {
	-webkit-animation:first_object 2s infinite;
			animation:first_object 2s infinite;
}

#second_object {
	float:right;
	-webkit-animation:second_object 2s infinite;
			animation:second_object 2s infinite;
}

@-webkit-keyframes first_object {
	 25% {
	 	-webkit-transform:translate(90px, 0) scale(2);
	       -moz-transform:translate(90px, 0) scale(2);
	 			transform:translate(90px, 0) scale(2);
	}
	 
	50% {
	 	-webkit-transform:translate(180px, 0) scale(1);
	 	   -moz-transform:translate(180px, 0) scale(1);
	 			transform:translate(180px, 0) scale(1);
	}

	75% {
	 	-webkit-transform:translate(90px, 0) scale(2);
	 	   -moz-transform:translate(90px, 0) scale(2);
	 			transform:translate(90px, 0) scale(2);
	}
}

@keyframes first_object {
	25% {
	 	-webkit-transform:translate(90px, 0) scale(2);
	 	   -moz-transform:translate(90px, 0) scale(2);
	 			transform:translate(90px, 0) scale(2);
	}
	
	50% {
	 	-webkit-transform:translate(180px, 0) scale(1);
	 	   -moz-transform:translate(180px, 0) scale(1);
	 			transform:translate(180px, 0) scale(1);
	}
	
	75% {
	 	-webkit-transform:translate(90px, 0) scale(2);
	 	   -moz-transform:translate(90px, 0) scale(2);
	 			transform:translate(90px, 0) scale(2);
	}
}

@-webkit-keyframes second_object {
	25% {
	 	-webkit-transform:translate(-90px, 0) scale(2);
	 	   -moz-transform:translate(-90px, 0) scale(2);
	 			transform:translate(-90px, 0) scale(2);
	}

	50% {
	 	-webkit-transform:translate(-180px, 0) scale(1);
	 	   -moz-transform:translate(-180px, 0) scale(1);
	 			transform:translate(-180px, 0) scale(1);
	}

	75% {
	 	-webkit-transform:translate(-90px, 0) scale(2);
	 	   -moz-transform:translate(-90px, 0) scale(2);
	 			transform:translate(-90px, 0) scale(2);
	}
}

@keyframes second_object {
	25% {
	 	-webkit-transform:translate(-90px, 0) scale(2);
	 	   -moz-transform:translate(-90px, 0) scale(2);
	 			transform:translate(-90px, 0) scale(2);
	}
	
	50% {
	 	-webkit-transform:translate(-180px, 0) scale(1);
	 	   -moz-transform:translate(-180px, 0) scale(1);
	 			transform:translate(-180px, 0) scale(1);
	}
	
	75% {
	 	-webkit-transform:translate(-90px, 0) scale(2);
	 	   -moz-transform:translate(-90px, 0) scale(2);
	 			transform:translate(-90px, 0) scale(2);
	}
}

/* Custom button */
.custom-btn {
	display:inline-block;
	text-align:center;
	padding:16px 35px;
	border:2px solid #6f64e7;
	color:#6f64e7;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.custom-btn:hover {
	background-color:#6f64e7;
	color:#fff;
}

.blog-custom-btn {
	display:inline-block;
	text-align:center;
	font-size:14px;
	font-weight:700;
	padding:12px 37px;
	color:#fff;
	background-color:#6f64e7;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.blog-custom-btn:hover {
	background-color:#273167;
	color:#fff;
}

/************************
    - 3. Navigation -
************************/
.header {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:999;
	padding:40px 20px;
}

.nav-menu li a {
	color:#fff;
	font-size:16px;
	font-weight:500;
	padding:16px 36px 10px 12px;
	text-align:right;
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
}

.nav-menu li a span {
	position:relative;
}

.nav-menu li a span:after {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:0%;
	height:1px;
	background-color:#fff;
	opacity:0.4;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.nav-menu li a.active {
	background-color:#fff;
	color:#273167;
}

.nav-menu li.dropdown {
	position:relative;
}

.nav-menu li.dropdown .submenu {
	display:none;
	list-style:none;
	padding-left:0;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:30px;
	margin-bottom:0;
	box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.nav-menu li.dropdown .submenu li a {
	display:block;
	padding:13px 20px;
	color:#fff;
	font-size:80%;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.nav-menu li.dropdown .submenu li a:hover {
	background-color:#6f64e7;
	color:#fff;
}

.nav-menu li.dropdown .submenu li a.active-submenu {
	color:#6f64e7;
}

.main-menu-area .navbar-brand1 {
	display:block;
}

.main-menu-area .navbar-brand2 {
	display:none;
}

.main-menu-area.style2 .menu-bar span {
	background-color:#273167;
}

.main-menu-area.fixed-menu {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:999;
	background-color:#fff;
	padding:10px 20px;
	box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.06);
}

.main-menu-area.fixed-menu .navbar-brand1 {
	display:none;
}

.main-menu-area.fixed-menu .navbar-brand2 {
	display:block;
}

.main-menu-area.fixed-menu .menu-bar span {
	background-color:#273167;
}

/* Search */
.search-body {
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100vh;
	overflow:hidden;
	background-color:rgba(39, 49, 103, 0.98);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:9999;
	-webkit-transform:scaleY(0);
	   -moz-transform:scaleY(0);
			transform:scaleY(0);
	transform-origin:top;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.search-body .menu-search-form {
	position:relative;
	opacity:0;
	max-width:500px;
	width:100%;
	-webkit-transform:translateY(50px);
	   -moz-transform:translateY(50px);
			transform:translateY(50px);
	-webkit-transition:all 0.5s ease-in-out;
	   -moz-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;
}

.search-body .menu-search-form input {
	width:100%;
	padding:20px 40px;
	font-size:24px;
	text-align:center;
	background-color:transparent;
	border:none;
	border-bottom:2px solid #fff;
	color:#fff;
	outline:none;
}

.search-body .menu-search-form input::placeholder {
 	color:#fff;
}

.search-body .menu-search-form i {
	position:absolute;
	display:none;
	right:0;
	top:50%;
	color:#fff;
}

.search-body .close-search {
	position:fixed;
	width:50px;
	height:50px;
	top:10%;
	right:5%;
	cursor:pointer;
}

.search-body .close-search:after {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	margin-top:-3px;
	width:100%;
	height:3px;
	background-color:#fff;
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
			transform:rotate(45deg);
}

.search-body .close-search:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	margin-top:-3px;
	width:100%;
	height:3px;
	background-color:#fff;
	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
			transform:rotate(-45deg);
}

.search-open .search-body {
	-webkit-transform:scaleY(1);
	   -moz-transform:scaleY(1);
			transform:scaleY(1);
}

.search-open .menu-search-form {
	transition-delay:0.5s;
	opacity:1;
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
			transform:translateY(0px);
}

/* Menu bar */
.menu-bar {
	position:relative;
	width:45px;
	height:40px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
}

.menu-bar span {
	position:absolute;
	left:50%;
	top:50%;
	width:30px;
	height:3px;
	margin-top:-1px;
	margin-left:-15px;
	background-color:#fff;
}

.menu-bar span:nth-child(1) {
	margin-top:-9px;
}

.menu-bar span:nth-child(3) {
	margin-top:7px;
}

/********************
    - 4. Banner -
********************/
.banner-section {
	position: relative;
	height:auto;
	background-image:linear-gradient(to top right, #5049ad, #7b4cdb);
	padding-top:130px;
	overflow:hidden;
}

.banner-section:before {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100vh;
	background-image:url(../images/banner/banner-bottom-shape.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:0% 100%;
}

.banner-section .banner-content {
	text-align:center;
	padding-bottom:150px;
}

.banner-text h1 {
	font-size:36px;
	line-height:1.2;
	color:#fff;
	margin-bottom:15px;
}

.banner-text p {
	color:#fff;
}

.button-store .custom-btn {
	min-width:170px;
}

.banner-text .button-store .custom-btn {
	padding:10px 20px;
	border:1px solid #fff;
	font-weight:500;
	background-color:rgba(255, 255, 255, 0.05);
	border-radius:3px;
}

.banner-text .button-store .custom-btn i {
	font-size:27px;
	margin-right:10px;
	color:#fff;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.banner-text .button-store .custom-btn p {
	font-size:12px;
	margin:0;
	line-height:1.4;
	color:#fff;
	font-weight:500;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.banner-text .button-store .custom-btn p span {
	display:block;
	font-size:17px;
	color:#fff;
	font-weight:500;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.banner-text .button-store .custom-btn.active {
	background-color:#fff;
}

.banner-text .button-store .custom-btn.active i,
.banner-text .button-store .custom-btn.active p,
.banner-text .button-store .custom-btn.active p span {
	color:#273167;
}

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

.banner-joint-image .img1 {
	max-width:100%;
	box-shadow:0 10px 30px 0 rgba(13, 0, 46, 0.1);
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}

.banner-joint-image .img2 {
	position:absolute;
	left:0px;
	top:-170px;
	box-shadow:0 5px 15px 0 rgba(13, 0, 46, 0.1);
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;
	-webkit-transform:scale(0.5);
	   -moz-transform:scale(0.5);
			transform:scale(0.5);
}

/* Icon box */
.icon-box {
	position:relative;
	width:125px;
	height:125px;
}

.icon-box img {
	position:absolute;
	top:0;
	right:0;
}

.icon-box .icon {
	position:absolute;
	z-index:1;
	left:0;
	bottom:16%;
	width:60px;
	height:60px;
	font-size:23px;
	background-color:#6f64e7;
	color:#fff;
	text-align:center;
	line-height:62px;
	box-shadow:0 3px 20px 0 rgba(111, 100, 231, 0.15);
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}

.icon-box .icon.yellow {
	background-color:#fbb019;
	box-shadow:0 3px 20px 0 rgba(251, 176, 25, 0.15);
}

.icon-box .icon.pink {
	background-color:#fc60b2;
	box-shadow:0 3px 20px 0 rgba(252, 96, 178, 0.15);
}

/**********************
    - 5. Features -
**********************/
.feature-item {
	background-color:#fff;
	box-shadow:0 0 40px 0 rgba(0, 0, 0, 0.06);
	padding:20px 30px 30px 30px;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}

.feature-item h5 {
	margin-bottom:10px;
}

.feature-item p {
	line-height:2.1;
}

.feature-item:hover .icon {
	animation:bounce 1s;
}

/*************************
    - 6. Screenshots -
*************************/
.screenshot-section {
	position:relative;
	overflow:hidden;
}

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

/* Background */
.screenshot-section:after {
	content:"";
	position:absolute;
	z-index:0;
	left:48%;
	top:50%;
	width:1273px;
	height:1000px;
	background-color:#eef3fa;
	transform: skew(-15deg) rotate(38deg) translateY(-50%);
	-webkit-border-radius:120px;
	   -moz-border-radius:120px;
			border-radius:120px;
}

/* Section title */
.screenshot-content h3 {
	font-size:26px;
	line-height:1.2;
	margin-bottom:10px;
}

.screenshot-content .sub-title {
	font-size:16px;
	color:#273167;
	line-height:1.8;
}

/* Image */
.screenshot-image img {
	-webkit-transform:scale(1.1);
	   -moz-transform:scale(1.1);
			transform:scale(1.1);
}

/* Info item */
.screenshot-info-item {
	padding:20px 30px;
	background-color:#fff;
	margin-bottom:20px;
	box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.1);
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}

.screenshot-info-item .icon {
	width:55px;
	height:55px;
	font-size:20px;
	line-height:57px;
	text-align:center;
	background-color:#6f64e7;
	color:#fff;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}

.screenshot-info-item .content {
	width:calc(100% - 55px);
	padding-left:20px;
}

.screenshot-info-item .content p {
	margin-bottom:0;
}

.screenshot-info-item.active {
	background-color:#6f64e7;
}

.screenshot-info-item.active .icon {
	background-color:#fff;
	color:#6f64e7;
}

.screenshot-info-item.active .content h6,
.screenshot-info-item.active .content p {
	color:#fff;
}

/* Info item style 2 */
.screenshot-info-item-style2 {
	margin-bottom:15px;
}

.screenshot-info-item-style2 .svg-icon svg {
	width:20px;
	height:20px;
	font-size:16px;
	line-height:25px;
	fill:#6f64e7;
}

.screenshot-info-item-style2 .content {
	width:calc(100% - 35px);
	padding-left:15px;
}

.screenshot-info-item-style2 .content p {
	margin-bottom:0;
}

/* Info item style 3 */
.screenshot-content.style3 .sub-title {
	margin-bottom:15px;
}

.screenshot-content.style3 .desc {
	line-height:30px;
}

.screenshot-content .custom-btn {
	min-width:170px;
}

.screenshot-content .custom-btn.active {
	background-color:#6f64e7;
	color:#fff;
	box-shadow:0 5px 10px 0 rgba(111, 100, 231, 0.1);
}

/*******************
    - 7. Video -
*******************/
.video-section {
	background-image:url(../images/video-section/bg.jpg);
}

.video-section .overlay {
	background-color:rgba(0, 0, 0, 0.75);
}

.video-btn {
	position:relative;
	margin:auto;
	width:300px;
}

.video-btn .before-btn,
.video-btn .after-btn {
	display:none;
	font-size:18px;
	font-weight:400;
	color:#fff;
}

/* Play button */
.play-btn {
	display:block;
	width:65px;
	height:65px;
	background-color:#6f64e7;
	color:#fff;
	margin:auto;
	font-size:20px;
	line-height:67px;
	text-align:center;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.play-btn svg {
	width:24px;
	margin-left:6px;
	fill:white;
}

.play-btn:hover {
	background-color:#fff;
	color:#6f64e7;
}

.play-btn:hover svg {
	fill:#6f64e7;
}

/******************************
    - 8. Interface slider -
******************************/
.interface-slider-section {
	padding-left:10%;
	padding-right:10%;
	overflow:hidden;
}

.interface-slider-container {
	position:relative;
	padding:60px 0 100px 0;
}

.interface-slider-container .phone-mockup {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:35px;
	z-index:2;
}

.interface-slider-container .swiper-slide {
	-webkit-transform:scale(0.7);
	   -moz-transform:scale(0.7);
			transform:scale(0.7);
	-webkit-border-radius:40px;
	   -moz-border-radius:40px;
			border-radius:40px;
	-webkit-transition:all 0.5s ease-in-out;
	   -moz-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;
	box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.interface-slider-container .swiper-slide img {
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}

.interface-slider-container .swiper-slide.swiper-slide-next, 
.interface-slider-container .swiper-slide.swiper-slide-prev {
	-webkit-transform:scale(0.9);
	   -moz-transform:scale(0.9);
			transform:scale(0.9);
}

.interface-slider-container .swiper-slide.swiper-slide-next {
	-webkit-transform:scale(0.9) translateX(30px);
	   -moz-transform:scale(0.9) translateX(30px);
			transform:scale(0.9) translateX(30px);
}

.interface-slider-container .swiper-slide.swiper-slide-prev {
	-webkit-transform:scale(0.9) translateX(-30px);
	   -moz-transform:scale(0.9) translateX(-30px);
			transform:scale(0.9) translateX(-30px);
}

.interface-slider-container .swiper-slide.swiper-slide-active {
	position:relative;
	-webkit-transform:scale(1.04);
	   -moz-transform:scale(1.04);
			transform:scale(1.04);
	box-shadow:0 0 30px 0 rgba(12, 0, 46, 0.1);
}

.interface-slider-container .swiper-slide.swiper-slide-active img {
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
			border-radius:30px;
}

.interface-slider-container .swiper-slide.swiper-slide-active:after {
	content:'';
	position:absolute;
	left:-3px;
	top:-7px;
	width:102%;
	height:102%;
	background-image:url(../images/interface-slider/phone-mockup.png);
	background-size:cover;
}

.interface-slider-container .swiper-slide img {
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}

.interface-slider-container .swiper-slide.swiper-slide-active {
	position:relative;
	box-shadow:0 0 40px 0 rgba(12, 0, 46, 0.15);
}

.interface-slider-container .swiper-slide.swiper-slide-active img {
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
			border-radius:30px;
}

.interface-slider-container .swiper-slide.swiper-slide-active:after {
	content:'';
	position:absolute;
	left:-3px;
	top:-7px;
	width:102%;
	height:102%;
	background-image:url(../images/interface-slider/phone-mockup.png);
	background-size:cover;
}

.interface-slider-container .swiper-pagination .swiper-pagination-bullet {
	width:12px;
	height:12px;
	background-color:#ebebeb;
	opacity:1;
}

.interface-slider-container .swiper-pagination .swiper-pagination-bullet-active {
	background-color:#6f64e7;
}

/*********************
    - 9. Pricing -
*********************/
.price-control li a {
	display:inline-block;
	padding:13px 30px;
	border:1px solid #eaeaea;
	font-size:16px;
	font-weight:500;
}

.price-control li a.active {
	background-color:#6f64e7;
	color:#fff;
	border-color:#6f64e7;
}

.price-control li:first-child a {
	-webkit-border-radius:3px 0px 0px 3px;
	   -moz-border-radius:3px 0px 0px 3px;
			border-radius:3px 0px 0px 3px;
}

.price-control li:last-child a {
	-webkit-border-radius:0px 3px 3px 0px;
	   -moz-border-radius:0px 3px 3px 0px;
			border-radius:0px 3px 3px 0px;
}

.pricing-item {
	padding:35px 20px 25px 20px;
	-webkit-box-shadow:0 0 10px rgba(12, 0, 46, 0.06);
	   -moz-box-shadow:0 0 10px rgba(12, 0, 46, 0.06);
			box-shadow:0 0 10px rgba(12, 0, 46, 0.06);
	background-color:#fff;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
	overflow:hidden;
}

.pricing-item .pricing-head {
	padding:6px 20px;
}

.pricing-item .pricing-head .category-type span {
	display:inline-block;
	font-size:22px;
	color:#273167;
	font-weight:700;
}

.pricing-item .pricing-head .price {
	position:relative;
	display:inline-block;
	font-size:65px;
	color:#6f64e7;
	font-weight:300;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.pricing-item .pricing-head .price .dollar-sign {
	position:absolute;
	left:-20px;
	top:16px;
	font-size:36px;
	color:#6f64e7;
	font-weight:400;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.pricing-item .pricing-head .price .per-time {
	font-size:18px;
	color:#363636;
	font-weight:400;
	margin-left:-15px;
}

.pricing-item .pricing-head .free-trial-content {
	color:#d7d7d7;
	font-size:13px;
	margin-bottom:0;
}

.pricing-item .pricing-body {
	padding:6px 0;
}

.pricing-item .pricing-body .pricing-feature-list {
	margin-bottom:20px;
}

.pricing-item .pricing-body .pricing-feature-list li {
	line-height:2.4;
	font-size:15px;
}

.pricing-item .pricing-body .custom-btn {
	color:#fff;
	background-color:#6f64e7;
	padding:12px 30px;
	margin-bottom:20px;
	font-size:14px;
	font-weight:700;
}

.pricing-item .pricing-body .hidden-charge {
	font-size:14px;
	color:#777b92;
	letter-spacing:3px;
	text-transform:uppercase;
	margin-bottom:0;
}

.pricing-item:hover .pricing-head .price, 
.pricing-item:hover .pricing-head .price .dollar-sign, 
.pricing-item:hover .pricing-head .price, 
.pricing-item.active .pricing-head .price, 
.pricing-item.active .pricing-head .price .dollar-sign, 
.pricing-item.active .pricing-head .price {
	color:#8dc63f;
}

.pricing-item:hover .pricing-body .custom-btn, 
.pricing-item.active .pricing-body .custom-btn {
	background-color:#8dc63f;
	border-color:#8dc63f;
	color:#fff;
}

.active > .pricing-item .pricing-head .dollar-sign, 
.active > .pricing-item .pricing-head .price {
	color:#8dc63f;
}

.active > .pricing-item .pricing-body .custom-btn {
	background-color:#8dc63f;
	border-color:#8dc63f;
	color:#fff;
}

/***************************
    - 10. Testimonials -
***************************/
.testimonial-section {
	overflow:hidden;
}

.testimonial-container {
	position:relative;
	padding:20px 0px 80px 0px;
}

.testimonial-container .testimonial-body {
	padding:45px 35px 30px 35px;
	background-color:#fff;
	box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.06);
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}

.testimonial-container .author-image {
	width:90px;
	height:90px;
	margin:auto;
	overflow:hidden;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}

.testimonial-container .author-image img {
	width:100%;
}

.testimonial-container .testimonial-content {
	position:relative;
	width:calc(100% - 0px);
	text-align:center;
	padding-left:0;
}

.testimonial-container .testimonial-content .rating {
	margin-bottom:10px;
	margin-top:15px;
}

.testimonial-container .testimonial-content .rating i {
	color:#f6c416;
}

.testimonial-container .testimonial-content .text {
	margin-bottom:25px;
}

.testimonial-container .testimonial-content .name {
	font-weight:600;
	margin:0;
}

.testimonial-container .testimonial-content .designation {
	font-size:14px;
	color:#d1d1d1;
}

.testimonial-container .swiper-pagination .swiper-pagination-bullet {
	width:12px;
	height:12px;
	background-color:#ebebeb;
	opacity:1;
}

.testimonial-container .swiper-pagination .swiper-pagination-bullet-active {
	background-color:#6f64e7;
}

.container-sm {
	max-width:960px;
	margin:auto;
}

/*******************
    - 11. FAQs -
*******************/
.faq {
	margin-bottom:10px;
	background-color:#fff;
	box-shadow:0 0px 10px 0 rgba(34, 34, 34, 0.06);
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}

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

.faq .faq-header {
	box-shadow:0 0px 10px 0 rgba(34, 34, 34, 0.06);
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}

.faq .faq-header .btn-link {
	position:relative;
	width:100%;
	padding:20px 50px 22px 80px;
	text-align:left;
	background-color:#fff;
	text-decoration:none;
	font-size:16px;
	font-weight:600;
	color:#273167;
	border:none;
	cursor:pointer;
}

.faq .faq-header .btn-link .icon {
	position:absolute;
	left:30px;
	top:50%;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-color:#6f64e7;
	margin-top:-15px;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}

.faq .faq-header .btn-link .icon i {
	line-height:30px;
	color:#fff;
}

.faq .faq-header .btn-link .fa-minus,
.faq .faq-header .btn-link.collapsed .icon .fa-plus {
	display:block;
}

.faq .faq-header .btn-link .fa-plus,
.faq .faq-header .btn-link.collapsed .icon .fa-minus {
	display:none;
}

.faq .faq-header .btn-link.collapsed {
	color:#273167;
}

.faq .faq-header .btn-link.collapsed .icon {
	background-color:#ebebeb;
}

.faq .faq-body {
	padding:20px 30px 20px 40px;
}

.faq .faq-body p {
	font-size:14px;
	line-height:2.2;
}

.faq .faq-body p:last-child {
	margin-bottom:0;
}

/*******************
    - 12. Blog -
*******************/
.post-item {
	box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.06);
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
}

.post-item .post-thumb {
	overflow:hidden;
}

.post-item .post-thumb img {
	width:100%;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.post-item .post-content {
	padding:30px 25px;
}

.post-item .post-content .meta-post {
	margin-bottom:10px;
}

.post-item .post-content .title a {
	font-size:18px;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.post-item .post-content .title a:hover {
	color:#6f64e7;
}

.post-item:hover .post-thumb img {
	-webkit-transform:scale(1.1);
	   -moz-transform:scale(1.1);
			transform:scale(1.1);
}

/* Meta post */
.meta-post li {
	font-size:14px;
	font-weight:400;
	margin-right:10px;
}

.meta-post li:last-child {
	margin-right:0;
}

.meta-post li .icon {
	color:#6f64e7;
	margin-right:4px;
	font-weight:700;
}

.meta-post li .meta-content, 
.meta-post li .meta-link {
	color:#777b92;
}

/* Read more button */
.blog-btn {
	font-size:14px;
	color:#273167;
	font-weight:500;
}

.blog-btn span {
	margin-left:-2px;
	font-size:12px;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.blog-btn:hover span {
	margin-left:2px;
}

/* Active post item */
.active > .post-item .post-thumb img {
	-webkit-transform:scale(1.1);
	   -moz-transform:scale(1.1);
			transform:scale(1.1);
}

.active > .post-item .post-content .title a, 
.active > .post-item .border-effect .title a {
	color:#6f64e7;
}

.active > .post-item .post-content:after, 
.active > .post-item .border-effect:after {
	width:calc(100% - 50px);
}

.active > .post-item .post-content .blog-btn, 
.active > .post-item .border-effect .blog-btn {
	color:#6f64e7;
}

.border-effect {
	position:relative;
}

.border-effect:after {
	content:'';
	position:absolute;
	left:25px;
	bottom:0;
	width:70px;
	height:2px;
	background-color:#6f64e7;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.entry-wrapper {
	box-shadow:0 0 50px 0 rgba(0, 0, 0, 0.1);
	padding:30px;
}

.entry-single .tag-list li:first-child, 
.entry-single .share-list li:first-child {
	font-size:20px;
	font-weight:700;
	color:#273167;
}

/* Single entry */
.entry-single .entry-header {
	margin-bottom:20px;
}

.entry-single .entry-header img {
	width:100%;
}

.entry-single .title {
	font-size:24px;
}

.entry-single p span {
	color:#6f64e7;
}

/* Blockquote */
blockquote {
	position:relative;
	padding:25px 30px 25px 25px;
	overflow:hidden;
	box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.06);
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}

blockquote:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:5px;
	height:100%;
	background-color:#6f64e7;
}

blockquote:before {
	content:'';
	position:absolute;
	right:0px;
	top:0%;
	width:72px;
	height:60px;
	background-image:url(../images/qoute.png);
	z-index:2;
	background-repeat:no-repeat;
}

blockquote p {
	font-size:20px;
	color:#363636;
	margin-bottom:15px;
	line-height:30px;
}

blockquote span {
	font-size:14px;
	color:#6f64e7;
}

blockquote span span {
	color:#677294;
}

/* Share */
.share-list li {
	display:inline-block;
}

.share-list li a {
	display:block;
	width:18px;
	height:18px;
	border-radius:3px;
	font-size:10px;
	color:rgba(255, 255, 255, 0.8);
	background-color:#e1e1e1;
	margin:2px;
	text-align:center;
	line-height:19px;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.share-list li a:hover {
	background-color:#6f64e7;
	color:#fff;
}

/* Comment */
.comment-title {
	color:#273167;
	font-weight:400;
}

.comment-title i {
	color:#6f64e7;
	margin-right:7px;
}

.comment-item .comment-author {
	background-color:#f8f8fb;
	padding:20px 25px;
}

.comment-item .comment-author .author-image {
	width:60px;
	height:60px;
	overflow:hidden;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}

.comment-item .comment-author .author-image img {
	width:100%;
}

.comment-item .comment-author .author-name-info {
	position:relative;
	width:calc(100% - 60px);
	padding-right:10px;
	padding-left:15px;
}

.comment-item .comment-author .author-name-info .name {
	font-size:16px;
	font-weight:700;
}

.comment-item .comment-author .author-name-info .publish-date {
	font-size:14px;
	margin-bottom:0;
}

.comment-item .comment-author .author-name-info .reply-btn {
	display:inline-block;
	font-size:12px;
	margin-top:10px;
	padding:7px 20px;
	background-color:#777b92;
	color:#fff;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.comment-item .comment-author .author-name-info .reply-btn:hover {
	background-color:#6f64e7;
	color:#fff;
}

.comment-item .comment-content {
	padding:20px 25px;
	margin-bottom:25px;
}

.comment-item .comment-content p {
	margin-bottom:0;
}

.comment-item .comment-item {
	position:relative;
	margin-left:30px;
}

.comment-item .comment-item:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:3px;
	height:100%;
	background-color:#6f64e7;
	z-index:1;
}

/* Comment form */
.comment-form .form-item {
	position:relative;
}

.comment-form .form-item i {
	position:absolute;
	right:20px;
	top:15px;
	color:#dddfec;
}

.comment-form .form-item input, 
.comment-form .form-item textarea {
	width:100%;
	padding:15px 30px;
	border:1px solid #e2e7f3;
	outline:none;
	margin-bottom:10px;
	color:#dddfec;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
}

.comment-form .form-item input:hover, 
.comment-form .form-item input:active, 
.comment-form .form-item input:focus, 
.comment-form .form-item textarea:hover, 
.comment-form .form-item textarea:active, 
.comment-form .form-item textarea:focus {
	border-color:#6f64e7;
}

.comment-form .form-item textarea {
	min-height:120px;
	margin-bottom:30px;
}

.comment-form .submit {
	padding:17px 30px;
	border:none;
	background-color:#6f64e7;
	color:#fff;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.comment-form .submit:hover {
	background-color:#273167;
	color:#fff;
}

/**********************
    - 13. Contact -
**********************/
.contact-wrapper {
	background-image:url(../images/contact-bg.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#fff;
	padding:60px 20px 40px 20px;
	box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.06);
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	-webkit-transform:translateY(60px);
	   -moz-transform:translateY(60px);
			transform:translateY(60px);
}

.contact-form {
	max-width:930px;
	width:100%;
	margin:auto;
}

.contact-form .field {
	margin-bottom:50px;
}

.contact-form .field:last-child {
	margin-bottom:0;
}

.contact-form input, 
.contact-form textarea {
	width:100%;
	padding:12px 25px;
	border:1px solid #e2e7f3;
	box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.06);
	outline:none;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.contact-form input:active, 
.contact-form input:hover, 
.contact-form input:focus, 
.contact-form textarea:active, 
.contact-form textarea:hover, 
.contact-form textarea:focus {
	border-color:#6f64e7;
}

.contact-form input {
	font-size:14px;
}

.contact-form textarea {
	height:200px;
	font-size:14px;
}

/* Contact button */
.contact-form button {
	padding:15px 60px;
	font-size:14px;
	background-color:#6f64e7;
	border:none;
	color:#fff;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
}

.contact-form button:hover {
	color:#fff;
	background-color:#273167;
}

/* Contact error */
.contact-form .error {
	display:inline-block;
	position:absolute;
	top:14px;
	right:33px;
	line-height:1;
	cursor:default;
}

.contact-form .error i {
	font-size:14px;
	cursor:inherit;
	color:#f00;
}

/* Contact result */
.contact-form-result {
	display:none;
}

/*********************
    - 14. Footer -
*********************/
.footer-top {
	background-color:#eef3fa;
}

.footer-bottom {
	background-color:#eaeef6;
	padding:29px 0;
}

.footer-bottom p {
	margin-bottom:0;
	font-size:13px;
	color:#677294;
}

.footer-bottom p span, 
.footer-bottom p i {
	margin-right:4px;
}

.footer-logo {
	display:block;
	margin-bottom:35px;
}

/* Contact info */
.footer-contact-info {
	margin-bottom:30px;
}

.footer-contact-info li {
	color:#051441;
	font-size:15px;
	line-height:2;
}

.footer-contact-info li a {
	color:#051441;
}

/* Newsletter form */
.footer-email-form {
	position:relative;
	max-width:270px;
	width:100%;
	margin:auto;
}

.footer-email-form input {
	width:100%;
	padding:16px 25px;
	border:1px solid #e2e7f3;
	background-color:#e9ecf3;
	outline:none;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}

.footer-email-form input:focus, 
.footer-email-form input:active, 
.footer-email-form input:hover {
	border-color:#273167;
}

.footer-email-form button {
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-9px;
	border:none;
	background:none;
}

.subscribe-submit {
	clear:both;
	margin-top:28px;
}

/* Widget */
.footer-widget .footer-title {
	margin-bottom:40px;
}

.footer-widget ul li {
	padding:14px 0;
	font-weight:500;
	font-size:14px;
}

.footer-widget ul li a:hover {
	color:#273167;
}

.footer-widget .button-store .custom-btn {
	padding:10px 20px;
	border:1px solid #273167;
	font-weight:500;
	background-color:rgba(255, 255, 255, 0.05);
	border-radius:3px;
}

.footer-widget .button-store .custom-btn i {
	font-size:27px;
	margin-right:10px;
	color:#273167;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.footer-widget .button-store .custom-btn p {
	font-size:12px;
	margin:0;
	line-height:1.4;
	color:#273167;
	font-weight:500;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.footer-widget .button-store .custom-btn p span {
	display:block;
	font-size:17px;
	color:#273167;
	font-weight:500;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.footer-widget .button-store .custom-btn.active {
	background-color:#273167;
}

.footer-widget .button-store .custom-btn.active i,
.footer-widget .button-store .custom-btn.active p,
.footer-widget .button-store .custom-btn.active p span {
	color:#fff;
}

/**************************
    - 15. Page header -
**************************/
.page-header {
	height:320px;
	background-image:url(../images/page-header.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.page-header .page-header-content {
	padding-top:85px;
}

.page-header .page-header-content h1 {
	font-size:40px;
}

/* Breadcrumb */
.page-header .page-header-content .breadcrumb {
	background-color:transparent;
	align-items:center;
	justify-content:center;
	padding-top:0;
	margin-bottom:0;
}

.page-header .page-header-content .breadcrumb li {
	font-size:16px;
	color:#677294;
	padding:5px;
}

.page-header .page-header-content .breadcrumb li a {
	color:#273167;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.page-header .page-header-content .breadcrumb li a:hover {
	color:#6f64e7;
}

/*************************
    - 16. Pagination -
*************************/
.pagination li {
	margin-right:10px;
}

.pagination li a {
	display:block;
	width:35px;
	height:35px;
	border-radius:3px;
	background-color:#f3f3f3;
	color:#273167;
	text-align:center;
	line-height:35px;
	font-size:13px;
	overflow:hidden;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.pagination li a.active, 
.pagination li a:hover {
	background-color:#6f64e7;
	color:#fff;
}

.pagination li:last-child {
	margin-right:0;
}

.pagination li:last-child a {
	width:auto;
	height:auto;
}

.pagination li:last-child a .icon {
	width:35px;
	height:35px;
	background-color:#675cdc;
	line-height:35px;
	text-align:center;
	color:#fff;
}

.pagination li:last-child a .text {
	padding:0px 20px;
	background-color:#6f64e7;
	color:#fff;
}

.pagination li:first-child a {
	width:auto;
	height:auto;
}

.pagination li:first-child a .icon {
	width:35px;
	height:35px;
	background-color:#675cdc;
	line-height:35px;
	text-align:center;
	color:#fff;
}

.pagination li:first-child a .text {
	padding:0px 20px;
	background-color:#6f64e7;
	color:#fff;
}

/***********************
    - 17. Sidebar -
***********************/
.widget {
	box-shadow:0 0 50px 0 rgba(0, 0, 0, 0.1);
	margin-bottom:60px;
}

.widget .widget-wrapper {
	padding:0 25px;
}

.widget-title {
	background-color:#f8f8f8;
	padding:15px 20px;
	color:#273167;
}

/* Search form */
.searh-widget {
	border-radius:40px;
}

.search-form {
	position:relative;
	width:100%;
	overflow:hidden;
	-webkit-border-radius:40px;
	   -moz-border-radius:40px;
			border-radius:40px;
}

.search-form input {
	width:100%;
	padding:15px 30px;
	border:1px solid #ccc;
	background-color:#fff;
	-webkit-border-radius:40px;
	   -moz-border-radius:40px;
			border-radius:40px;
}

.search-form input:active, 
.search-form input:focus, 
.search-form input:hover {
	border-color:#6f64e7;
}

.search-form i {
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-9px;
}

/* Categories */
.category-list {
	padding-left:0;
	margin-bottom:0;
	padding-top:20px;
	padding-bottom:20px;
}

.category-list li a {
	background-color:#fff;
	padding:10px 0px;
	border-bottom:1px solid #f2f2f2;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.category-list li a .count {
	background-color:#f5f5f5;
	padding:3px 5px;
	color:#273167;
	border-radius:1px;
	font-size:11px;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.category-list li a:hover {
	color:#6f64e7;
}

.category-list li a:hover .count {
	background-color:#6f64e7;
	color:#fff;
}

.category-list li:last-child a {
	border-bottom:none;
}

/* Tabs */
.widget-tab {
	margin-top:15px;
	margin-bottom:7px;
}

.widget-tab .nav-item {
	width:50%;
}

.widget-tab .nav-item a {
	position:relative;
	width:100%;
	font-size:14px;
}

.widget-tab .nav-item a:after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:2px;
	background-color:#bfc4d2;
}

.widget-tab .nav-item a.active {
	font-weight:900;
}

.widget-tab .nav-item a.active:after {
	background-color:#6f64e7;
}

/* Recent posts */
.small-post-list .post-item {
	box-shadow:none;
	padding:20px 0;
	border-bottom:1px solid #f2f2f2;
}

.small-post-list .post-item .post-thumb {
	position:relative;
	width:65px;
	height:65px;
	overflow:hidden;
}

.small-post-list .post-item .post-thumb img {
	width:100%;
}

.small-post-list .post-item .post-thumb .search-icon {
	position:absolute;
	z-index:1;
	width:35px;
	height:35px;
	background:#6f64e7;
	line-height:35px;
	text-align:center;
	border-radius:50%;
	left:50%;
	top:50%;
	margin-top:-18px;
	margin-left:-18px;
	color:#fff;
	-webkit-transform:scale(0);
	   -moz-transform:scale(0);
			transform:scale(0);
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.small-post-list .post-item .post-thumb:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.7);
	opacity:0;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.small-post-list .post-item .post-content {
	width:calc(100% - 65px);
	padding:0 0 0 10px;
}

.small-post-list .post-item .post-content .title {
	font-size:14px;
	color:#273167;
	line-height:18px;
	margin-bottom:6px;
	display:block;
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.small-post-list .post-item .post-content .meta-post {
	margin-bottom:0;
}

.small-post-list .post-item .post-content .meta-post li {
	font-size:12px;
}

.small-post-list .post-item:hover .search-icon {
	-webkit-transform:scale(1);
	   -moz-transform:scale(1);
			transform:scale(1);
}

.small-post-list .post-item:hover .post-thumb:after {
	opacity:1;
}

.small-post-list .post-item:hover .title {
	color:#6f64e7;
}

/* Tag cloud */
.tag-list {
	padding:25px 0;
}

.tag-list li {
	display:inline-block;
}

.tag-list li a {
	display:inline-block;
	padding:10px 25px;
	font-size:12px;
	border:1px solid #ebebeb;
	color:#273167;
	border-radius:30px;
	margin-right:8px;
	margin-bottom:8px;
}

.tag-list li a:hover {
	background-color:#6f64e7;
	color:#fff;
	border-color:#6f64e7;
}