/*
 * Appica 2 HTML5 Theme v1.2
 * Copyright 2015 8Guild.com
 * All styles for iOS Version
 */
/** TABLE OF CONTENTS **/
/**
		01. CSS Reset
		02. Scaffolding
		03. Typography
		04. Social Buttons
		05. Forms
		06. Buttons
		07. Intro
		08. Main Content Wrap
		09. Navbar
		10. Off-Canvas Navigation
		11. Fullwidth Backgrounds
		12. Tabs/Filters
		13. Feature Tabs
		14. Modal
		15. Icon Blocks
		16. App Gallery
		17. Gallery
		18. News
		19. Scroller
		20. Split Block
		21. Video Block
		22. Twitter Feed
		23. Press Reviews
		24. Team/Team Grid
		25. Pricing Plans
		26. Blog (Posts)
		27. Pagination
		28. Masonry Grid
		29. Portfolio
		30. Comments
		31. Timeline
		32. Bar Charts
		33. Clients Logos
		34. Contacts
		35. Footer
		36. Preloader
		37. Components Demo Styles
**/
/** Google Font (Open Sans)
***************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300,800);
/** Bootstrap Styles
**************************************/
@import'vendor/bootstrap.min.css';
/** Brand Icons (Social Networks)
*************************************/
@import'vendor/brand-icons.css';
/** Flaticon iOS Style Stroke Icons
************************************/
@import'vendor/flaticon.css';
/** Pixeden Stroke Icons 7
************************************/
@import'vendor/pe-icon-7-stroke.css';
/** Magnific Popup Plugin
************************************/
@import'vendor/magnific-popup.css';
/** Custom Scrollbar
************************************/
@import'vendor/jquery.mCustomScrollbar.css';

/** 01.CSS RESET
**********************************/
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

/** 02.SCAFFOLDING
**********************************/
body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #3a3a3a;
	background-color: #fff;
	overflow-x: hidden;
}

.gray-bg {
	background-color: #f5f5f5;
}

/* Vertical Space classes */
.space-top {
	margin-top: 24px;
}

.space-top-2x {
	margin-top: 48px;
}

.space-top-3x {
	margin-top: 72px;
}

.space-bottom {
	margin-bottom: 24px;
}

.space-bottom-2x {
	margin-bottom: 48px;
}

.space-bottom-3x {
	margin-bottom: 72px;
}

.padding-top {
	padding-top: 24px;
}

.padding-top-2x {
	padding-top: 48px;
}

.padding-top-3x {
	padding-top: 72px;
}

.padding-bottom {
	padding-bottom: 24px;
}

.padding-bottom-2x {
	padding-bottom: 48px;
}

.padding-bottom-3x {
	padding-bottom: 72px;
}

@media screen and (max-width: 768px) {
	.space-top {
		margin-top: 16px;
	}
	
	.space-top-2x {
		margin-top: 32px;
	}
	
	.space-top-3x {
		margin-top: 48px;
	}
	
	.space-bottom {
		margin-bottom: 16px;
	}
	
	.space-bottom-2x {
		margin-bottom: 32px;
	}
	
	.space-bottom-3x {
		margin-bottom: 48px;
	}
	
	.padding-top {
		padding-top: 16px;
	}
	
	.padding-top-2x {
		padding-top: 32px;
	}
	
	.padding-top-3x {
		padding-top: 48px;
	}
	
	.padding-bottom {
		padding-bottom: 16px;
	}
	
	.padding-bottom-2x {
		padding-bottom: 32px;
	}
	
	.padding-bottom-3x {
		padding-bottom: 48px;
	}
}

/* Clear floats */
.clearfix:before,
.clearfix:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.clearfix:after {
	clear: both;
}

/* Links */
a {
	color: #007aff;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

a.link-invert {
	opacity: .5;
}

a:hover,
a:focus {
	color: #4da3ff;
	text-decoration: none;
	outline: none;
}

a.link-invert:hover,
a.link-invert:focus {
	color: #007aff;
	opacity: 1;
}

hr {
	width: 100%;
	margin: 0;
	border-top: 1px solid #f2f2f2;
}

.gray-bg hr {
	border-top: 1px solid #cccccc;
}

strong {
	font-weight: 600;
}

/* Responsive media by default */
img,
iframe,
embed {
	max-width: 100%;
}

/* Text Selection Color */
::selection {
	color: #fff;
	background: #3a3a3a;
}

::-moz-selection {
	color: #fff;
	background: #3a3a3a;
}

/** 03.TYPOGRAPHY
**********************************/
h1,
h2,
h3,
.h1,
.h2,
.h3 {
	font-weight: 300;
	line-height: 1.3;
}

h1,
.h1 {
	font-size: 48px;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {

	h1,
	.h1 {
		font-size: 38px;
	}
}

h2,
.h2 {
	font-size: 36px;
	margin-bottom: 24px;
}

@media screen and (max-width: 768px) {

	h2,
	.h2 {
		font-size: 30px;
	}
}

h3,
.h3 {
	font-size: 24px;
	margin-bottom: 20px;
}

h4,
.h4 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 16px;
}

h5,
.h5 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 12px;
}

h6,
.h6 {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 8px;
}

p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
}

dl dd {
	margin-bottom: 45px;
}

dl dt {
	font-size: 24px;
	font-weight: solid;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 24px;
}

dl dt span {
	margin-right: 11px;
	color: #8e8e93;
}

dl dd {
	font-size: 16px;
	line-height: 1.5;
	padding-left: 26px;
}

em {
	font-style: italic;
}

.text-smaller {
	font-size: 14px;
	line-height: 1.58;
}

.lead {
	font-size: 22px;
	font-weight: 300;
}

.text-extra-big {
	font-size: 72px;
	font-weight: 300;
	margin: 0 0 12px -3px;
}

@media screen and (max-width: 1200px) {
	.text-extra-big {
		font-size: 64px;
	}
}

@media screen and (max-width: 991px) {
	.text-extra-big {
		font-size: 48px;
	}
}

.color-gradient {
	color: #8e8e93;
	background: -webkit-linear-gradient(#aeaeb0, #68686e);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.link:after {
	font-family: "Flaticon";
	content: "\e022";
	font-size: 23px;
	vertical-align: middle;
	margin-left: 12px;
}

.text-right .link:after,
.link.text-right:after {
	display: none;
}

.text-right .link:before,
.link.text-right:before {
	font-family: "Flaticon";
	content: "\e030";
	font-size: 23px;
	vertical-align: middle;
	margin-right: 12px;
}

.text-light {
	font-weight: 300 !important;
}

.text-normal {
	font-weight: normal !important;
}

.text-semibold {
	font-weight: 600 !important;
}

.text-bold {
	font-weight: 700 !important;
}

figure figcaption {
	text-align: right;
	font-size: 12px;
	color: #8e8e93;
	margin-top: 13px;
}

/* Lists */
.unordered-list,
ol,
.unstyled-list {
	line-height: 1.8;
}

.unordered-list li {
	position: relative;
	padding-left: 20px;
}

.unordered-list li:before {
	display: block;
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #c4c4c4;
	top: 12px;
	left: 0;
}

.text-smaller.unordered-list li:before,
.text-smaller .unordered-list li:before {
	top: 10px;
}

ol {
	padding-left: 23px;
}

.unstyled-list {
	list-style: none;
}

/* Page Heading */
.page-heading {
	padding-top: 56px;
	margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
	.page-heading {
		padding-top: 40px;
	}
}

.page-heading .container {
	position: relative;
}

.page-heading h1,
.page-heading h2,
.page-heading h3 {
	width: 100%;
	font-size: 24px;
	font-weight: 300;
	color: #8e8e93;
}

.page-heading .search-box {
	position: absolute;
	top: 0;
	left: 15px;
}

/* Block Heading */
.block-heading {
	margin-bottom: 34px;
}

.block-heading h1,
.block-heading h2,
.block-heading h3 {
	margin-bottom: 11px;
	line-height: 1.4;
}

.block-heading span,
.block-heading p {
	display: block;
	font-size: 14px;
	color: #8e8e93;
	line-height: 1.5;
}

.light-color .block-heading span,
.light-color.block-heading span,
.light-color .block-heading p,
.light-color.block-heading p {
	color: #fff;
	font-weight: 300;
	opacity: .5;
}

/* Badge */
.badge {
	font-size: 12px;
	color: #bebebe;
	margin-bottom: 30px;
}

.badge .icon {
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 70px;
	color: #fff;
	text-align: center;
	padding-top: 21px;
	margin-right: 10px;
	background: rgba(0, 255, 128, 1);
	background: -moz-linear-gradient(top, rgba(0, 255, 128, 1) 0%, rgba(0, 119, 255, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 255, 128, 1)), color-stop(100%, rgba(0, 119, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(0, 255, 128, 1) 0%, rgba(0, 119, 255, 1) 100%);
	background: -o-linear-gradient(top, rgba(0, 255, 128, 1) 0%, rgba(0, 119, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(0, 255, 128, 1) 0%, rgba(0, 119, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 255, 128, 1) 0%, rgba(0, 119, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff80', endColorstr='#0077ff', GradientType=0);
}

.badge .icon i:before,
.badge .icon i:before {
	font-size: 28px;
}

.badge.alt-color .icon {
	background: rgba(242, 255, 0, 1);
	background: -moz-linear-gradient(top, rgba(242, 255, 0, 1) 0%, rgba(0, 255, 204, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242, 255, 0, 1)), color-stop(100%, rgba(0, 255, 204, 1)));
	background: -webkit-linear-gradient(top, rgba(242, 255, 0, 1) 0%, rgba(0, 255, 204, 1) 100%);
	background: -o-linear-gradient(top, rgba(242, 255, 0, 1) 0%, rgba(0, 255, 204, 1) 100%);
	background: -ms-linear-gradient(top, rgba(242, 255, 0, 1) 0%, rgba(0, 255, 204, 1) 100%);
	background: linear-gradient(to bottom, rgba(242, 255, 0, 1) 0%, rgba(0, 255, 204, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ff00', endColorstr='#00ffcc', GradientType=0);
}

.badge.alt-color-2 .icon {
	background: rgba(80, 251, 220, 1);
	background: -moz-linear-gradient(top, rgba(80, 251, 220, 1) 0%, rgba(86, 194, 244, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(80, 251, 220, 1)), color-stop(100%, rgba(86, 194, 244, 1)));
	background: -webkit-linear-gradient(top, rgba(80, 251, 220, 1) 0%, rgba(86, 194, 244, 1) 100%);
	background: -o-linear-gradient(top, rgba(80, 251, 220, 1) 0%, rgba(86, 194, 244, 1) 100%);
	background: -ms-linear-gradient(top, rgba(80, 251, 220, 1) 0%, rgba(86, 194, 244, 1) 100%);
	background: linear-gradient(to bottom, rgba(80, 251, 220, 1) 0%, rgba(86, 194, 244, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50fbdc', endColorstr='#56c2f4', GradientType=0);
}

.badge.alt-color-3 .icon {
	background: rgba(0, 187, 255, 1);
	background: -moz-linear-gradient(top, rgba(0, 187, 255, 1) 0%, rgba(0, 123, 255, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 187, 255, 1)), color-stop(100%, rgba(0, 123, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(0, 187, 255, 1) 0%, rgba(0, 123, 255, 1) 100%);
	background: -o-linear-gradient(top, rgba(0, 187, 255, 1) 0%, rgba(0, 123, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(0, 187, 255, 1) 0%, rgba(0, 123, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 187, 255, 1) 0%, rgba(0, 123, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bbff', endColorstr='#007bff', GradientType=0);
}

.badge.alt-color-4 .icon {
	background: rgba(76, 217, 99, 1);
	background: -moz-linear-gradient(top, rgba(76, 217, 99, 1) 0%, rgba(24, 181, 53, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76, 217, 99, 1)), color-stop(100%, rgba(24, 181, 53, 1)));
	background: -webkit-linear-gradient(top, rgba(76, 217, 99, 1) 0%, rgba(24, 181, 53, 1) 100%);
	background: -o-linear-gradient(top, rgba(76, 217, 99, 1) 0%, rgba(24, 181, 53, 1) 100%);
	background: -ms-linear-gradient(top, rgba(76, 217, 99, 1) 0%, rgba(24, 181, 53, 1) 100%);
	background: linear-gradient(to bottom, rgba(76, 217, 99, 1) 0%, rgba(24, 181, 53, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cd963', endColorstr='#18b535', GradientType=0);
}

.badge.badge-reverse {
	text-align: right;
}

.badge.badge-reverse .icon {
	margin-right: 0;
	margin-left: 15px;
}

/* Text Alignment */
.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.text-justify {
	text-align: justify !important;
}

/* Text Style */
.text-uppercase {
	text-transform: uppercase !important;
}

.text-italic {
	font-style: italic !important;
}

/* Light Text */
.light-color {
	color: #fff !important;
}

.light-color a,
.light-color .link,
.light-color.link {
	color: #fff !important;
	opacity: .5;
	font-weight: 300;
}

.light-color a:hover,
.light-color .link:hover,
.light-color.link:hover {
	opacity: 1;
}

/* Text Color Variation */
.text-muted {
	color: #c4c4c4 !important;
}

.text-gray {
	color: #8e8e93 !important;
}

.text-primary {
	color: #007aff !important;
}

.text-success {
	color: #4cd964 !important;
}

.text-info {
	color: #5ac8fa !important;
}

.text-warning {
	color: #ffcc00 !important;
}

.text-danger {
	color: #ff2d55 !important;
}

.light-color .text-muted,
.light-color .text-gray,
.light-color .text-primary,
.light-color .text-success,
.light-color .text-info,
.light-color .text-warning,
.light-color .text-danger {
	font-weight: normal !important;
}

/** 04.SOCIAL BUTTONS
**********************************/
.social-buttons {
	position: relative;
	z-index: 10;
}

.social-buttons a {
	display: inline-block;
	font-size: 17px;
	text-decoration: none;
	margin: 5px 25px 10px 0;
	opacity: .5;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.social-buttons a:hover {
	opacity: 1;
}

/* Behance */
.sb-behance {
	color: #1769ff;
}

.sb-behance:hover {
	color: #1769ff;
}

/* Bitbucket */
.sb-bitbucket {
	color: #205081;
}

.sb-bitbucket:hover {
	color: #205081;
}

/* CodePen */
.sb-codepen {
	color: #76daff;
}

.sb-codepen:hover {
	color: #76daff;
}

/* DeviantArt */
.sb-deviantart {
	color: #4e6252;
}

.sb-deviantart:hover {
	color: #4e6252;
}

/* Digg */
.sb-digg {
	color: #000000;
}

.sb-digg:hover {
	color: #000000;
}

/* Dribbble */
.sb-dribbble {
	color: #ea4c89;
}

.sb-dribbble:hover {
	color: #ea4c89;
}

/* Dropbox */
.sb-dropbox {
	color: #007ee5;
}

.sb-dropbox:hover {
	color: #007ee5;
}

/* Facebook */
.sb-facebook {
	color: #1283ff;
}

.sb-facebook:hover {
	color: #1283ff;
}

/* Flickr */
.sb-flickr {
	color: #0063dc;
}

.sb-flickr:hover {
	color: #0063dc;
}

/* Foursquare */
.sb-foursquare {
	color: #ef4b78;
}

.sb-foursquare:hover {
	color: #ef4b78;
}

/* GitHub */
.sb-github {
	color: #4183c4;
}

.sb-github:hover {
	color: #4183c4;
}

/* Google+ */
.sb-google-plus {
	color: #dd4b39;
}

.sb-google-plus:hover {
	color: #dd4b39;
}

/* Instagram */
.sb-instagram {
	color: #3f729b;
}

.sb-instagram:hover {
	color: #3f729b;
}

/* Jsfiddle */
.sb-jsfiddle {
	color: #4679bd;
}

.sb-jsfiddle:hover {
	color: #4679bd;
}

/* LastFM */
.sb-lastfm {
	color: #e31b23;
}

.sb-lastfm:hover {
	color: #e31b23;
}

/* LinkedIn */
.sb-linkedin {
	color: #0976b4;
}

.sb-linkedin:hover {
	color: #0976b4;
}

/* PayPal */
.sb-paypal {
	color: #253b80;
}

.sb-paypal:hover {
	color: #253b80;
}

/* Pinterest */
.sb-pinterest {
	color: #cc2127;
}

.sb-pinterest:hover {
	color: #cc2127;
}

/* Reddit */
.sb-reddit {
	color: #ff4500;
}

.sb-reddit:hover {
	color: #ff4500;
}

/* Skype */
.sb-skype {
	color: #00aff0;
}

.sb-skype:hover {
	color: #00aff0;
}

/* SoundCloud */
.sb-soundcloud {
	color: #f80;
}

.sb-soundcloud:hover {
	color: #f80;
}

/* Stack Overflow */
.sb-stackoverflow {
	color: #fe7a15;
}

.sb-stackoverflow:hover {
	color: #fe7a15;
}

/* Steam */
.sb-steam {
	color: #7da10e;
}

.sb-steam:hover {
	color: #7da10e;
}

/* StumbleUpon */
.sb-stumbleupon {
	color: #eb4924;
}

.sb-stumbleupon:hover {
	color: #eb4924;
}

/* Trello */
.sb-trello {
	color: #256a92;
}

.sb-trello:hover {
	color: #256a92;
}

/* Tumblr */
.sb-tumblr {
	color: #35465c;
}

.sb-tumblr:hover {
	color: #35465c;
}

/* Twitch */
.sb-twitch {
	color: #6441a5;
}

.sb-twitch:hover {
	color: #6441a5;
}

/* Twitter */
.sb-twitter {
	color: #55acee;
}

.sb-twitter:hover {
	color: #55acee;
}

/* Vimeo */
.sb-vimeo {
	color: #1ab7ea;
}

.sb-vimeo:hover {
	color: #1ab7ea;
}

/* Vine */
.sb-vine {
	color: #00b488;
}

.sb-vine:hover {
	color: #00b488;
}

/* VKontakte */
.sb-vk {
	color: #45668e;
}

.sb-vk:hover {
	color: #45668e;
}

/* WeChat */
.sb-wechat {
	color: #98d11c;
}

.sb-wechat:hover {
	color: #98d11c;
}

/* WordPress */
.sb-wordpress {
	color: #21759b;
}

.sb-wordpress:hover {
	color: #21759b;
}

/* XING */
.sb-xing {
	color: #026466;
}

.sb-xing:hover {
	color: #026466;
}

/* Yahoo! */
.sb-yahoo {
	color: #400191;
}

.sb-yahoo:hover {
	color: #400191;
}

/* Yelp */
.sb-yelp {
	color: #af0606;
}

.sb-yelp:hover {
	color: #af0606;
}

/* YouTube */
.sb-youtube {
	color: #e52d27;
}

.sb-youtube:hover {
	color: #e52d27;
}

/** 05.FORMS
**********************************/
.form-control {
	width: 100%;
	height: 48px;
	font-size: 14px;
	background: none;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #007aff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.form-control:focus {
	outline: none;
}

textarea.form-control {
	padding-top: 12px;
}

.form-control::-moz-placeholder {
	color: #007aff;
	opacity: .5;
}

.form-control:-ms-input-placeholder {
	color: #007aff;
	opacity: .5;
	line-height: 1.3;
	-webkit-transition: opacity 0.25s;
	transition: opacity 0.25s;
}

.form-control::-webkit-input-placeholder {
	color: #007aff;
	opacity: .5;
	line-height: 1.3;
	-webkit-transition: opacity 0.25s;
	transition: opacity 0.25s;
}

.form-control:focus::-moz-placeholder {
	opacity: 1;
}

.form-control:focus:-ms-input-placeholder {
	opacity: 1;
}

.form-control:focus::-webkit-input-placeholder {
	opacity: 1;
}

.form-group {
	position: relative;
	margin-bottom: 24px;
}

.form-group+.checkbox,
.form-group+.checkbox-inline,
.form-group+.radio,
.form-group+.radio-inline {
	margin-top: 36px;
}

.helper-text {
	font-size: 13px;
}

.helper-link {
	position: absolute;
	top: 50%;
	right: 0;
	font-size: 12px;
	margin-top: -7px;
	opacity: .5;
}

.helper-link:hover {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

/* Validation */
label.error {
	display: none !important;
}

.form-control.error {
	color: #ff2d55;
	border-color: #ff2d55;
}

.form-control.error::-moz-placeholder {
	color: #ff2d55;
}

.form-control.error:-ms-input-placeholder {
	color: #ff2d55;
}

.form-control.error::-webkit-input-placeholder {
	color: #ff2d55;
}

.form-control.valid {
	border-color: #4cd964;
}

.form-control:focus~.helper-link,
.form-control.error~.helper-link,
.form-control.valid~.helper-link {
	opacity: 0;
	visibility: hidden;
}

.error-label,
.valid-label {
	position: absolute;
	top: 50%;
	font-weight: 300;
	right: 0;
	font-size: 26px;
	margin-top: -13px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.error-label:before,
.valid-label:before {
	font-family: "Flaticon";
}

.error-label:before {
	color: #ff2d55;
	content: "!";
	padding-right: 10px;
}

.valid-label:before {
	color: #4cd964;
	content: "\e07c";
}

.form-control.error~.error-label,
.form-control.valid~.valid-label {
	opacity: 1;
	visibility: visible;
}

.response-holder {
	visibility: hidden;
	opacity: 0;
	padding: 12px 0;
	font-size: 13px;
	line-height: 1.8;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.response-holder.error,
.response-holder.success {
	visibility: visible;
	opacity: 1;
}

.response-holder.error {
	color: #ff2d55;
}

.response-holder.success {
	color: #4cd964;
}

/* Custom Checkboxes and Radios */
.checkbox,
.radio,
.checkbox-inline,
.radio-inline {
	display: block;
	font-size: 14px;
	color: #8e8e93;
	cursor: default;
	margin-bottom: 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

label.hover {
	cursor: pointer;
}

.checkbox-inline,
.radio-inline {
	display: inline-block;
	margin-right: 15px;
}

.text-right .checkbox-inline,
.text-right .radio-inline {
	margin-left: 15px;
	margin-right: 0;
}

.icheckbox,
.iradio {
	position: relative;
	display: inline-block;
	margin-right: 6px;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-top: -2px;
	border: 1px solid #007aff;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.icheckbox,
.radio-alt .iradio {
	padding: 2px 0 0 3px;
}

.icheckbox:before,
.radio-alt .iradio:before {
	display: block;
	font-family: "Flaticon";
	content: '\e07c';
	font-size: 11px;
	color: #fff;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.icheckbox.checked,
.iradio.checked {
	background-color: #007aff;
}

.iradio {
	padding: 5px 0 0 5px;
}

.radio-alt .iradio {
	padding: 2px 0 0 3px !important;
}

.iradio:before {
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	background-color: #fff;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.radio-alt .iradio:before {
	background-color: transparent;
	width: auto;
	height: auto;
}

.icheckbox.checked:before,
.iradio.checked:before {
	opacity: 1;
}

.icheckbox.disabled,
.iradio.disabled {
	border-color: #cccccc;
	background-color: #cccccc;
	cursor: default;
}

.checkbox.size-lg,
.radio.size-lg,
.checkbox-inline.size-lg,
.radio-inline.size-lg {
	font-size: 16px;
	font-weight: 300;
}

.checkbox-inline.size-lg,
.radio-inline.size-lg {
	margin-right: 25px;
}

.text-right .checkbox-inline.size-lg,
.text-right .radio-inline.size-lg {
	margin-left: 25px;
	margin-right: 0;
}

.size-lg .icheckbox,
.size-lg .iradio {
	width: 26px;
	height: 26px;
	border-width: 2px;
}

.size-lg .icheckbox,
.size-lg.radio-alt .iradio {
	padding: 6px 0 0 5px !important;
}

.size-lg .icheckbox {
	padding: 6px 0 0 6px !important;
}

.size-lg .iradio {
	padding: 6px 0 0 6px;
}

.size-lg .icheckbox:before,
.size-lg.radio-alt .iradio:before {
	font-family: "Flaticon";
	content: '\e07c';
	font-size: 13px;
	-webkit-text-stroke-width: 1px;
	-webkit-font-smoothing: antialiased;
}

.size-lg .iradio:before {
	width: 10px;
	height: 10px;
}

.light-color .checkbox,
.light-color .radio,
.light-color .checkbox-inline,
.light-color .radio-inline {
	color: #fff;
}

.light-color .icheckbox,
.light-color .iradio {
	border-color: #fff;
}

.light-color .icheckbox.checked,
.light-color .iradio.checked {
	background-color: #fff;
}

.light-color .icheckbox:before,
.light-color .radio-alt .iradio:before {
	color: #3a3a3a;
}

.light-color .iradio:before {
	background-color: #3a3a3a;
}

.light-color .size-lg .iradio:before,
.light-color.size-lg .iradio:before {
	background-color: #5e5e5e;
}

.light-color .size-lg .icheckbox:before,
.light-color.size-lg .icheckbox:before,
.light-color .size-lg.radio-alt .iradio:before,
.light-color.size-lg.radio-alt .iradio:before {
	color: #5e5e5e;
}

.light-color .radio-alt .iradio:before {
	background-color: transparent;
}

.icheckbox.disabled,
.iradio.disabled {
	border-color: #fff;
	background-color: #fff;
	opacity: .6;
}

/** 06.BUTTONS
**********************************/
.btn {
	display: inline-block;
	height: 48px;
	white-space: nowrap;
	color: #3a3a3a;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	line-height: 46px;
	text-align: center;
	padding: 0 28px;
	border: 1px solid #3a3a3a;
	border-radius: 8px;
	background-color: transparent;
	vertical-align: middle;
	margin: 10px 10px 10px 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:hover,
.btn-round:hover {
	color: #3a3a3a;
	text-decoration: none;
	outline: none;
	box-shadow: none;
}

.btn:focus,
.btn-round:focus {
	outline: none;
}

/* Button Variants */
.btn-default {
	background: rgb(73, 73, 73);
	background: -moz-linear-gradient(top, rgb(73, 73, 73) 0%, rgb(49, 49, 49) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(73, 73, 73)), color-stop(100%, rgb(49, 49, 49)));
	background: -webkit-linear-gradient(top, rgb(73, 73, 73) 0%, rgb(49, 49, 49) 100%);
	background: -o-linear-gradient(top, rgb(73, 73, 73) 0%, rgb(49, 49, 49) 100%);
	background: -ms-linear-gradient(top, rgb(73, 73, 73) 0%, rgb(49, 49, 49) 100%);
	background: linear-gradient(to bottom, rgb(73, 73, 73) 0%, rgb(49, 49, 49) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#313131', GradientType=0);
	border-color: rgb(73, 73, 73);
}

.btn-default:hover {
	background: rgb(49, 49, 49);
	background: -moz-linear-gradient(top, rgb(49, 49, 49) 0%, rgb(49, 49, 49) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(49, 49, 49)), color-stop(100%, rgb(49, 49, 49)));
	background: -webkit-linear-gradient(top, rgb(49, 49, 49) 0%, rgb(49, 49, 49) 100%);
	background: -o-linear-gradient(top, rgb(49, 49, 49) 0%, rgb(49, 49, 49) 100%);
	background: -ms-linear-gradient(top, rgb(49, 49, 49) 0%, rgb(49, 49, 49) 100%);
	background: linear-gradient(to bottom, rgb(49, 49, 49) 0%, rgb(49, 49, 49) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#313131', GradientType=0);
	border-color: rgb(49, 49, 49);
}

.btn-primary {
	background-color: #007aff;
	border-color: #007aff;
}

.btn-primary:hover {
	background-color: #3396ff;
	border-color: #3396ff;
}

.btn-success {
	background-color: #4cd964;
	border-color: #4cd964;
}

.btn-success:hover {
	background-color: #74e286;
	border-color: #74e286;
}

.btn-info {
	background-color: #5ac8fa;
	border-color: #5ac8fa;
}

.btn-info:hover {
	background-color: #8dd9fb;
	border-color: #8dd9fb;
}

.btn-warning {
	background-color: #ffcc00;
	border-color: #ffcc00;
}

.btn-warning:hover {
	background-color: #ffd633;
	border-color: #ffd633;
}

.btn-danger {
	background-color: #ff2d55;
	border-color: #ff2d55;
}

.btn-danger:hover {
	background-color: #ff617e;
	border-color: #ff617e;
}

/* Round Button */
.btn-round {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 72px;
	height: 72px;
	border: 1px solid transparent;
	border-radius: 50%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-round i {
	font-size: 25px;
	line-height: 70px;
}

.btn-round i.flaticon-correct7 {
	font-size: 32px;
}

/* Ghost Buttons */
.btn-ghost {
	background: transparent;
}

.btn-ghost.btn-default {
	border-color: rgb(49, 49, 49);
	color: rgb(49, 49, 49) !important;
}

.btn-ghost.btn-default:hover {
	background-color: rgb(49, 49, 49);
}

.btn-ghost.btn-primary {
	border-color: #007aff;
	color: #007aff !important;
}

.btn-ghost.btn-primary:hover {
	background-color: #007aff;
}

.btn-ghost.btn-success {
	border-color: #4cd964;
	color: #4cd964 !important;
}

.btn-ghost.btn-success:hover {
	background-color: #4cd964;
}

.btn-ghost.btn-info {
	border-color: #5ac8fa;
	color: #5ac8fa !important;
}

.btn-ghost.btn-info:hover {
	background-color: #5ac8fa;
}

.btn-ghost.btn-warning {
	border-color: #ffcc00;
	color: #ffcc00 !important;
}

.btn-ghost.btn-warning:hover {
	background-color: #ffcc00;
}

.btn-ghost.btn-danger {
	border-color: #ff2d55;
	color: #ff2d55 !important;
}

.btn-ghost.btn-danger:hover {
	background-color: #ff2d55;
}

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-default:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-danger:hover,
.btn-ghost.btn-default:hover,
.btn-ghost.btn-primary:hover,
.btn-ghost.btn-success:hover,
.btn-ghost.btn-info:hover,
.btn-ghost.btn-warning:hover,
.btn-ghost.btn-danger:hover {
	color: #fff !important;
}

/* Button Sizes */
.btn-lg {
	height: 72px;
	line-height: 70px;
	border-radius: 12px;
	padding: 0 34px;
}

.btn-sm {
	height: 36px;
	line-height: 34px;
	border-radius: 4px;
}

.btn-xs {
	height: 24px;
	line-height: 22px;
	font-size: 12px;
	font-weight: normal;
	border-radius: 2px;
}

/* Icons Alignment */
.btn i {
	font-size: 16px;
}

.btn-xs i {
	font-size: 14px;
}

.btn [class^="flaticon-"],
.btn [class*=" flaticon-"],
.btn [class^="flaticon-"],
.btn [class*=" flaticon-"] {
	font-size: 19px;
	vertical-align: middle;
	margin-left: 0;
}

.btn i.icon-left {
	margin-right: 1px;
}

.btn.icon-left [class^="flaticon-"],
.btn.icon-left [class*=" flaticon-"],
.btn.icon-left [class^="flaticon-"],
.btn.icon-left [class*=" flaticon-"] {
	margin-right: 5px;
}

.btn i.icon-right {
	margin-left: 1px;
}

.btn.icon-right [class^="flaticon-"],
.btn.icon-right [class*=" flaticon-"],
.btn.icon-right [class^="flaticon-"],
.btn.icon-right [class*=" flaticon-"] {
	margin-left: 5px;
}

.btn.icon-left {
	padding-left: 23px;
}

.btn.icon-right {
	padding-right: 23px;
}

.btn-lg.icon-left {
	padding-left: 28px;
}

.btn-lg.icon-right {
	padding-right: 28px;
}

/* Special Buttons */
.btn-app-store {
	padding: 10px 25px 12px 25px;
	border-radius: 12px;
	height: auto;
	white-space: nowrap;
}

.btn-app-store i {
	font-size: 36px;
	vertical-align: middle;
	margin-right: 8px;
}

.btn-app-store i:before {
	margin: 0;
}

.btn-app-store div {
	display: inline-block;
	vertical-align: middle;
	font-size: 23px;
	font-weight: normal;
	line-height: 1;
}

.btn-app-store div span {
	display: block;
	font-size: 14px;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 4px;
}

.btn-plus {
	position: relative;
	height: 48px;
	line-height: 46px;
	padding: 0 30px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

.btn-plus:before {
	position: absolute;
	display: block;
	content: "+";
	top: -14px;
	left: 5px;
	font-size: 18px;
}

.btn.btn-light,
.btn-ghost.btn-light,
.light-color .btn-plus {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	border-color: #fff !important;
	opacity: 1 !important;
}

.btn-plus.btn-sm {
	height: 30px;
	line-height: 28px;
	padding: 0 20px;
	border-radius: 4px;
}

.btn-plus.btn-sm:before {
	top: -7px;
	left: 3px;
	font-size: 12px;
}

.btn.btn-light {
	background-color: #fff;
	color: #3a3a3a !important;
	font-weight: normal;
}

.btn-light.btn-primary {
	color: #007aff !important;
}

.btn-light.btn-success {
	color: #4cd964 !important;
}

.btn-light.btn-info {
	color: #5ac8fa !important;
}

.btn-light.btn-warning {
	color: #ffcc00 !important;
}

.btn-light.btn-danger {
	color: #ff2d55 !important;
}

.btn-ghost.btn-light {
	color: #fff !important;
	background-color: transparent;
}

.btn.btn-light:hover,
.light-color .btn-plus:hover {
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff !important;
}

.light-color .btn {
	opacity: 1 !important;
}

.btn-block {
	display: block;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

.downloadable {
	display: inline-block;
	max-width: 140px;
	text-align: center;
	color: #3a3a3a;
	margin: 0 16px 40px 16px;
}

.downloadable img {
	display: block;
	max-width: 120px;
	margin: 0 auto 25px auto;
}

.downloadable h5 {
	font-weight: 300;
	margin-bottom: 8px;
	-webkit-text-stroke-width: .1px;
	-webkit-font-smoothing: antialiased;
}

.downloadable p {
	font-size: 12px;
	color: #8e8e93;
	margin-bottom: 0;
}

.load-more {
	display: table;
	margin: auto;
}

.load-more span {
	display: block;
	font-size: 14px;
	color: #c4c4c4;
}

.load-more .shape {
	margin: 10px auto;
	opacity: 1;
	-webkit-transition: opacity .25s;
	transition: opacity .25s;
}

.load-more:hover .shape {
	opacity: .5;
}

.load-more .shape,
.load-more .shape:before,
.load-more .shape:after {
	position: relative;
	display: block;
	width: 8px;
	height: 8px;
	border: 1px solid #007aff;
	border-radius: 50%;
}

.load-more .shape:before,
.load-more .shape:after {
	position: absolute;
	content: "";
	top: -1px;
}

.load-more .shape:before {
	left: -11px;
}

.load-more .shape:after {
	right: -11px;
}

/** 07.INTRO
**********************************/
.intro {
	position: fixed;
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.touch .intro {
	position: relative;
}

.fixed-footer .intro.transparent {
	opacity: 0;
}

.intro .gradient {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	min-height: 100%;
	opacity: .9;
	background: rgb(58, 28, 255);
	background: -moz-linear-gradient(top, rgb(58, 28, 255) 0%, rgb(255, 58, 48) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(58, 28, 255)), color-stop(100%, rgb(255, 58, 48)));
	background: -webkit-linear-gradient(top, rgb(58, 28, 255) 0%, rgb(255, 58, 48) 100%);
	background: -o-linear-gradient(top, rgb(58, 28, 255) 0%, rgb(255, 58, 48) 100%);
	background: -ms-linear-gradient(top, rgb(58, 28, 255) 0%, rgb(255, 58, 48) 100%);
	background: linear-gradient(to bottom, rgb(58, 28, 255) 0%, rgb(255, 58, 48) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a1cff', endColorstr='#ff3a30', GradientType=0);
}

.intro .container {
	position: relative;
	z-index: 10;
}

/* Social Buttons */
.intro .social-buttons,
.offcanvas-nav .social-buttons {
	position: absolute;
	top: 0;
	padding-top: 36px;
}

.intro .social-buttons a,
.offcanvas-nav .social-buttons a {
	color: #fff;
}

/* Navi */
.intro .navi {
	position: absolute;
	top: 36px;
	right: 0;
	text-align: right;
	font-size: 14px;
}

.intro .navi a {
	color: #fff;
	opacity: .55;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.intro .navi a:hover {
	opacity: 1;
}

.nav-toggle {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	cursor: pointer;
	margin-left: 27px;
	opacity: .55;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.nav-toggle i {
	font-size: 22px;
	margin: 0;
}

.nav-toggle:hover {
	opacity: 1;
}

.nav-toggle.nav-open {
	opacity: 0;
}

/* Into Columns */
.column-wrap {
	display: table;
	width: 100%;
}

.intro .column {
	position: relative;
	display: table-cell;
	vertical-align: bottom;
	z-index: 10;
	text-align: center;
}

.intro .column.c-left,
.intro .column.c-right {
	width: 30%;
}

.intro .column.c-middle {
	width: 40%;
}

/* Logo */
.intro .logo {
	text-align: center;
	padding-top: 20px;
	margin-bottom: -20px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 25px;
}

.intro .logo img {
	display: block;
	width: 100%;
	max-width: 250px;
	margin: 0 auto 30px auto;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.intro .logo span {
	display: block;
	font-size: 16px;
	margin-top: 15px;
	opacity: 1;
}

/* Phone */
.intro .phone {
	position: relative;
	width: 490px;
	height: 892px;
	background-image: url('../../img/intro/iphone.png?v=2');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 151px 83px 0 84px;
	margin: 0 auto -500px auto;
	overflow: hidden;
	-webkit-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.intro .phone:after {
	display: block;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	z-index: 10;
	width: 490px;
	height: 892px;
	background-image: url('../../img/intro/phone-reflection.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.intro .phone img {
	display: block;
	width: 100%;
	max-width: 100%;
}

.intro .intro-features {
	-webkit-transform: translateY(-120px);
	transform: translateY(-120px);
}

/* Scroll for More Btn */
.scroll-more {
	display: inline-block;
	height: 36px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	margin-bottom: 65px;
}

.scroll-more:hover,
.scroll-more:focus {
	color: #fff;
	text-decoration: none;
}

.scroll-more span {
	display: inline-block;
	vertical-align: middle;
	opacity: .5;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.scroll-more:hover span {
	opacity: 1;
}

.scroll-more .icon {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 36px;
	vertical-align: middle;
	border: 1px solid #fff;
	border-radius: 50%;
	margin-right: 8px;
	padding: 8px 0 0 12px;
}

.scroll-more .icon:before {
	display: block;
	width: 10px;
	height: 18px;
	content: "";
	border: 1px solid #fff;
	border-radius: 12px;
}

.scroll-more .icon:after {
	position: absolute;
	display: block;
	top: 11px;
	left: 16px;
	width: 2px;
	height: 4px;
	content: "";
	background-color: #fff;
	-webkit-animation: scroll 1.2s infinite;
	animation: scroll 1.2s infinite;
}

@-webkit-keyframes scroll {
	0% {
		opacity: .8;
		-webkit-transform: translateY(0);
	}
	
	60% {
		opacity: .6;
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(8px);
	}
}

@-moz-keyframes scroll {
	0% {
		opacity: .8;
		-moz-transform: translateY(0);
	}
	
	60% {
		opacity: .6;
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(8px);
	}
}

@-ms-keyframes scroll {
	0% {
		opacity: .8;
		-ms-transform: translateY(0);
	}
	
	60% {
		opacity: .6;
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(8px);
	}
}

@keyframes scroll {
	0% {
		opacity: .8;
		transform: translateY(0);
	}
	
	60% {
		opacity: .6;
	}
	
	100% {
		opacity: 0;
		transform: translateY(8px);
	}
}

.intro .intro-features .icon-block {
	opacity: 0;
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s;
}

/* Transform Animation */
.intro.transformed .logo {
	-webkit-transform: translate(-75%, -40%);
	transform: translate(-75%, -40%);
}

.intro.transformed .logo img {
	max-width: 200px;
}

.intro.transformed .phone {
	-webkit-transform: translateY(-55%) scale(0.75);
	transform: translateY(-55%) scale(0.75);
}

.intro.transformed .intro-features .icon-block {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/* Download Button */
.download {
	margin-bottom: 35px;
}

.download p {
	margin-bottom: 4px;
	margin-left: -10px;
	font-size: 14px;
	opacity: .6;
}

@media screen and (max-height: 900px) {
	.intro .phone {
		margin-bottom: -550px;
	}
	
	.intro.transformed .logo {
		-webkit-transform: translate(-75%, -15%);
		transform: translate(-75%, -15%);
	}
	
	.intro.transformed .phone {
		-webkit-transform: translateY(-50%) scale(0.75);
		transform: translateY(-50%) scale(0.75);
	}
	
	.intro .intro-features {
		-webkit-transform: translateY(-60px);
		transform: translateY(-60px);
	}
}

@media screen and (max-height: 750px) {
	.intro .phone {
		margin-bottom: -580px;
	}
	
	.intro .intro-features {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}
}

@media screen and (max-height: 660px) {
	.intro .phone {
		margin-bottom: -630px;
	}
	
	.intro .intro-features {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@media screen and (max-width: 1200px) {
	.intro .logo {
		margin-bottom: -20px;
		font-size: 40px;
	}
	
	.intro .logo img {
		max-width: 200px;
		margin: 0 auto 20px auto;
	}
	
	.intro .logo span {
		font-size: 16px;
		margin-top: 15px;
	}
	
	.intro .phone {
		width: 390px;
		height: 709px;
		padding: 121px 67px 0 68px;
		margin-bottom: -420px;
	}
	
	.intro .phone:after {
		width: 390px;
		height: 709px;
	}
	
	.intro .column.c-left,
	.intro .column.c-right {
		width: 33.33%;
	}
	
	.intro .column.c-middle {
		width: 33.33%;
	}
	
	.intro .intro-features {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@media screen and (max-width: 991px) {
	.intro .container {
		width: 100%;
	}
	
	.intro.transformed .logo {
		-webkit-transform: translate(-70%, -15%);
		transform: translate(-70%, -15%);
	}
}

@media screen and (max-width: 850px) {

	.intro .column.c-left,
	.intro .column.c-right {
		width: 0px;
	}
	
	.intro .column.c-middle {
		width: 100%;
		z-index: 1;
	}
	
	.intro .phone {
		margin-bottom: -480px;
	}
	
	.intro .intro-features,
	.intro .scroll-more,
	.intro .download {
		display: none;
	}
	
	.intro .social-buttons,
	.intro .navi {
		position: fixed;
		z-index: 10;
	}
	
	.touch .intro .social-buttons,
	.touch .intro .navi {
		position: absolute;
		white-space: nowrap;
	}
	
	.intro .navi {
		right: 15px;
	}
	
	.modal-open .intro .navi {
		right: 32px;
	}
	
	.mac .modal-open .intro .navi,
	.touch .modal-open .intro .navi {
		right: 15px;
	}
	
	.intro.transformed .logo {
		-webkit-transform: none;
		transform: none;
	}
	
	.intro.transformed .logo img {
		max-width: 130px;
	}
	
	.intro.transformed .phone {
		-webkit-transform: none;
		transform: none;
	}
	
	.intro.transformed .intro-features .icon-block {
		-webkit-transform: none;
		transform: none;
	}
}

@media screen and (max-width: 440px) {
	.intro .logo {
		margin-bottom: -20px;
		font-size: 40px;
	}
	
	.intro .logo {
		font-size: 35px;
	}
	
	.intro .logo img {
		max-width: 100px;
		margin: 0 auto 15px auto;
	}
	
	.intro.transformed .logo img {
		max-width: 100px;
	}
	
	.intro .logo span {
		font-size: 15px;
		margin-top: 15px;
	}
	
	.intro .phone {
		width: 320px;
		height: 582px;
		padding: 100px 55px 0 56px;
		margin-bottom: -390px;
	}
	
	.intro .phone:after {
		width: 320px;
		height: 582px;
	}
	
	.intro .social-buttons {
		display: none;
	}
}

@media screen and (max-width: 330px) {
	.intro .logo {
		margin-left: -7px;
	}
	
	.intro .phone {
		margin-left: -15px;
	}
}

/** 08.MAIN CONTENT WRAP
**********************************/
.content-wrap {
	position: relative;
	z-index: 20;
	background-color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/** 09.NAVBAR
**********************************/
.navbar {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 96px;
	background-color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.navbar.gray {
	background-color: #fafafa;
}

.navbar.navbar-fixed-top {
	position: fixed;
	top: 0;
}

.navbar.navbar-fixed-top+* {
	padding-top: 96px;
}

.navbar.navbar-fixed-top+.page-heading {
	padding-top: 152px;
}

.navbar-sticky.stuck {
	position: fixed;
	top: 0;
}

.navbar:before,
.navbar:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.navbar:after {
	clear: both;
}

.navbar .logo {
	height: 48px;
	font-size: 18px;
	line-height: 94px;
	font-weight: 300;
	color: #8e8e93;
	text-decoration: none;
	margin-right: 40px;
}

.navbar .logo img {
	display: inline-block;
	width: 150px;
	/*width: 48px; Default small logo*/
	margin-right: 12px;
	vertical-align: middle;
}

.navbar .social-buttons {
	display: inline-block;
}

.navbar .toolbar {
	float: right;
	text-align: right;
	padding-top: 14px;
}

.navbar .toolbar a {
	font-size: 14px;
}

.navbar .toolbar span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #8e8e93;
	margin-right: 15px;
}

.navbar .toolbar .action-btn {
	position: relative;
	margin: 0 27px 0 18px;
}

.navbar .toolbar .action-btn:hover {
	opacity: 1;
}

.navbar .nav-toggle {
	color: #007aff;
	opacity: 1;
	margin-left: 0;
}

.nav-toggle.nav-open {
	opacity: 0;
}

.navbar .nav-toggle:hover {
	color: #4da3ff;
}

@media screen and (max-width: 991px) {
	.navbar {
		height: 80px;
	}
	
	.navbar.navbar-fixed-top+* {
		padding-top: 80px;
	}
	
	.navbar.navbar-fixed-top+.page-heading {
		padding-top: 120px;
	}
	
	.navbar .container {
		width: 100%;
		padding: 0 20px;
	}
	
	.navbar .logo {
		line-height: 78px;
	}
	
	.navbar .social-buttons,
	.navbar .toolbar span,
	.navbar .toolbar .btn,
	.navbar .toolbar .action-btn {
		display: none;
	}
	
	.navbar .nav-toggle {
		margin-top: 15px;
	}
}

@media screen and (max-width: 768px) {
	.navbar .container {
		padding: 0 15px;
	}
}

/** 10.OFF-CANVAS NAVIGATION
*************************************/
.offcanvas-nav {
	position: fixed;
	z-index: 1000;
	width: 450px;
	min-height: 100%;
	top: 0;
	right: 0;
	-webkit-box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.22);
	-moz-box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.22);
	box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.22);
	visibility: hidden;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860), visibility 400ms;
	-moz-transition: transform 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860), visibility 400ms;
	-o-transition: transform 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860), visibility 400ms;
	transition: transform 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860), visibility 400ms;
	/* easeInOutCirc */
}

.offcanvas-nav.open {
	visibility: visible;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.offcanvas-backdrop {
	display: block;
	position: fixed;
	z-index: 995;
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
}

.offcanvas-nav:before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	/* background-image: linear-gradient(#0a5fee, #a7c9ff); */
	background-image: url(../../img/offcanvas-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: .97;
}

.offcanvas-nav .nav-head,
.offcanvas-nav .nav-body {
	position: relative;
	z-index: 10;
	padding: 30px 40px;
}

.offcanvas-nav .nav-body {
	padding: 30px 0;
}

.offcanvas-nav .nav-body .inner {
	padding: 0 40px;
}

.offcanvas-nav .nav-head {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.offcanvas-nav .top-bar {
	position: relative;
	width: 100%;
	margin-bottom: 35px;
}

.offcanvas-nav .nav-toggle {
	margin-left: 0;
	margin-right: 7px;
}

.search-box {
	position: relative;
	z-index: 10;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width: 267px;
	height: 36px;
}

.search-box input {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 0px;
	height: 36px;
	border: none;
	background-color: #fff;
	border-radius: 18px;
	padding-left: 38px;
	padding-right: 15px;
	font-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.search-box input:focus {
	outline: none;
}

.search-icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 13px;
	border: 1px solid #007aff;
	border-radius: 50%;
	cursor: pointer;
}

.search-icon:before {
	position: absolute;
	display: block;
	content: "";
	width: 2px;
	height: 7px;
	background-color: #007aff;
	bottom: -5px;
	right: -2px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.offcanvas-nav .search-toggle.search-icon {
	border-color: #fff;
}

.offcanvas-nav .search-toggle.search-icon:before {
	background-color: #fff;
}

.search-box .search-toggle,
.search-box .search-btn {
	display: block;
	position: absolute;
	padding: 0;
	left: 12px;
	top: 10px;
}

.search-box .search-toggle {
	z-index: 1;
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.search-box .search-toggle:hover {
	opacity: .7;
}

.search-box .search-btn {
	z-index: 3;
	background: none;
	border: none;
	outline: none;
	top: 7px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.search-box.open .search-btn,
.search-box.open input {
	opacity: 1;
	visibility: visible;
}

.search-box.open input {
	max-width: 267px;
}

.offcanvas-nav .search-box .search-toggle {
	opacity: .5;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.offcanvas-nav .search-box .search-toggle:hover {
	opacity: 1;
}

.offcanvas-nav .social-buttons {
	z-index: 5;
	top: 0;
	right: 0;
	padding-top: 6px;
}

.offcanvas-nav .social-buttons a {
	margin: 5px 0 10px 12px;
}

.offcanvas-logo {
	display: table;
	width: 100%;
	color: #fff;
	margin-bottom: 30px;
}

.offcanvas-logo:hover,
.offcanvas-logo:focus {
	color: #fff;
}

.offcanvas-logo .icon,
.offcanvas-logo .title {
	display: table-cell;
	vertical-align: middle;
}

.offcanvas-logo .icon img {
	max-width: 96px;
}

.offcanvas-logo .title {
	padding-left: 4px;
	font-size: 24px;
	font-weight: 300;
}

.offcanvas-logo .title span {
	display: block;
	font-size: 15px;
	opacity: .5;
	margin-top: 10px;
}

@media screen and (max-height: 500px) {
	.offcanvas-logo {
		display: none;
	}
}

.offcanvas-nav .btn {
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	margin-right: 20px;
}

.offcanvas-nav .btn.icon-left {
	padding-left: 23px;
	display: none;
}

.offcanvas-nav .signupsdbar {
	opacity: 0.7;
}

.offcanvas-nav a.nav-link,
.offcanvas-nav .nav-link a {
	font-size: 14px;
	color: #fff !important;
	opacity: 1;
	margin-right: 15px;
	font-weight: 400;
}

.offcanvas-nav a.nav-link:hover,
.offcanvas-nav .nav-link a:hover,
.offcanvas-nav .nav-link ul li.active a {
	opacity: 1;
}

.offcanvas-nav .nav-link .scroll-nav {
	display: inline-block;
	margin-right: -5px;
}

.offcanvas-nav .nav-link ul {
	display: inline-block;
	vertical-align: top;
	list-style: none;
	padding: 0;
	margin-left: 16px;
}

.offcanvas-nav .nav-link ul.pages a {
	font-weight: 600;
}

.offcanvas-nav .nav-link ul:first-child {
	margin-left: 0;
}

.offcanvas-nav .nav-link ul li {
	margin-bottom: 18px;
}

.offcanvas-tabs {
	margin: 30px -40px;
}

.offcanvas-tabs .nav-tabs {
	padding: 0 40px;
	margin-bottom: 5px;
}

.offcanvas-tabs .nav-tabs li {
	display: block;
	float: left;
	width: 50%;
	text-align: center;
	margin: 10px 0;
}

.offcanvas-tabs .nav-tabs li a,
.offcanvas-tabs .nav-tabs li a:hover,
.offcanvas-tabs .nav-tabs li a:focus {
	display: block;
	text-transform: none;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.25);
	font-weight: normal;
	padding: 10px;
	margin: 0;
	opacity: 1;
}

.offcanvas-tabs .nav-tabs li a:after {
	display: none;
}

.offcanvas-tabs .nav-tabs li.active a,
.offcanvas-tabs .nav-tabs li.active a:hover,
.offcanvas-tabs .nav-tabs li.active a:focus {
	color: #3a3a3a;
	background-color: #dbd9da;
}

.offcanvas-tabs .nav-tabs li:first-child a {
	border-radius: 6px 0 0 6px;
}

.offcanvas-tabs .nav-tabs li:last-child a {
	border-radius: 0 6px 6px 0;
}

.offcanvas-nav .twitter-feed {
	padding: 0 40px;
}

.offcanvas-nav .twitter-feed .tweet:first-child {
	margin-top: 10px;
}

.offcanvas-nav .twitter-feed .tweet {
	margin: 35px 0;
}

.offcanvas-nav .twitter-feed .tweet a,
.offcanvas-nav .twitter-feed .tweet .author {
	color: #fff;
	font-weight: normal;
	opacity: .6;
}

.offcanvas-nav .twitter-feed .tweet a:hover,
.offcanvas-nav .twitter-feed .tweet .author:hover {
	color: #fff;
	opacity: 1;
}

.offcanvas-nav .twitter-feed .tweet p {
	color: #fff;
	font-weight: 300;
}

.offcanvas-posts .post {
	position: relative;
	display: block;
	padding: 20px 75px 20px 40px;
	color: #fff;
	font-weight: 300;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.offcanvas-posts .post:before {
	position: absolute;
	display: block;
	font-family: "Flaticon";
	content: "\e0d3";
	font-size: 22px;
	top: 20px;
	right: 50px;
	opacity: .5;
}

.offcanvas-posts .post:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.15);
}

.offcanvas-posts .post span {
	display: block;
	opacity: .5;
	font-size: 14px;
	margin-top: 10px;
	line-height: 1.5;
}

.offcanvas-instagram {
	padding-bottom: 30px;
}

.offcanvas-instagram .instgr-row {
	margin-bottom: 25px;
}

.offcanvas-instagram .instgr-row a {
	display: block;
	float: left;
	width: 100%;
	max-width: 85px;
	margin-left: 25px;
	opacity: .5;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.offcanvas-instagram .instgr-row a:first-child {
	margin-left: 0;
}

.offcanvas-instagram .instgr-row a:hover {
	opacity: 1;
}

@media screen and (max-width: 480px) {
	.offcanvas-nav {
		width: 280px;
	}
	
	.offcanvas-nav .nav-head,
	.offcanvas-nav .nav-body {
		padding: 22px 25px;
	}
	
	.offcanvas-nav .nav-body {
		padding: 22px 0;
	}
	
	.offcanvas-nav .nav-body .inner {
		padding: 0 25px;
	}
	
	.search-box,
	.search-box.open input {
		max-width: 195px;
	}
	
	.offcanvas-nav .top-bar {
		margin-bottom: 30px;
	}
	
	.offcanvas-logo {
		margin-bottom: 25px;
	}
	
	.offcanvas-logo .icon img {
		max-width: 74px;
	}
	
	.offcanvas-logo .title {
		padding-left: 15px;
		font-size: 22px;
	}
	
	.offcanvas-logo .title span {
		font-size: 14px;
	}
	
	.offcanvas-nav .btn {
		margin-right: 10px;
	}
	
	.offcanvas-nav .btn>i {
		display: none;
	}
	
	.offcanvas-nav .btn {
		padding-left: 18px;
		padding-right: 18px;
	}
	
	.offcanvas-nav a.nav-link,
	.offcanvas-nav .nav-link a {
		margin-right: 10px;
	}
	
	.offcanvas-nav .nav-link ul,
	.offcanvas-nav .nav-link ul:first-child {
		margin-left: 0;
		margin-right: 20px;
	}
	
	.offcanvas-instagram {
		padding-bottom: 15px;
	}
	
	.offcanvas-instagram .instgr-row {
		margin-bottom: 15px;
	}
	
	.offcanvas-instagram .instgr-row a {
		display: block;
		float: left;
		width: 100%;
		max-width: 62px;
		margin-left: 15px;
		opacity: .5;
	}
	
	.offcanvas-instagram .instgr-row a:hover {
		opacity: 1;
	}
}

/** 11.FULLWIDTH BACKGROUNDS
*************************************/
.fw-bg {
	position: relative;
	width: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.fw-bg.bg-align-bottom {
	background-position: center bottom;
}

.fw-bg.bg-align-top {
	background-position: center top;
}

.fw-bg .container {
	position: relative;
	z-index: 10;
}

.fw-bg.overlay:before,
.fw-bg.partial-overlay:before {
	position: absolute;
	display: block;
	z-index: 1;
	content: "";
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
}

.fw-bg.partial-overlay:before {
	width: 100%;
}

@media screen and (max-width: 1200px) {
	.fw-bg.partial-overlay:before {
		width: 55%;
	}
}

@media screen and (max-width: 991px) {
	.fw-bg.partial-overlay:before {
		width: 67%;
	}
}

@media screen and (max-width: 768px) {
	.fw-bg.partial-overlay:before {
		width: 100%;
	}
}

.fw-bg.partial-overlay.right-aligned:before {
	left: auto;
	right: 0;
}

.fw-bg.overlay.gradient-dark:before,
.fw-bg.partial-overlay.gradient-dark:before {
	opacity: .78;
	background: rgba(73, 73, 73, 1);
	background: -moz-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(49, 49, 49, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73, 73, 73, 1)), color-stop(100%, rgba(49, 49, 49, 1)));
	background: -webkit-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(49, 49, 49, 1) 100%);
	background: -o-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(49, 49, 49, 1) 100%);
	background: -ms-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(49, 49, 49, 1) 100%);
	background: linear-gradient(to bottom, rgba(73, 73, 73, 1) 0%, rgba(49, 49, 49, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#313131', GradientType=0);
}

.fw-bg.overlay.gradient-blue-green:before,
.fw-bg.partial-overlay.gradient-blue-green:before {
	opacity: .67;
	background: rgba(0, 255, 128, 1);
	background: -moz-linear-gradient(top, rgba(0, 255, 128, 1) 0%, rgba(0, 119, 255, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 255, 128, 1)), color-stop(100%, rgba(0, 119, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(0, 255, 128, 1) 0%, rgba(0, 119, 255, 1) 100%);
	background: -o-linear-gradient(top, rgba(0, 255, 128, 1) 0%, rgba(0, 119, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(0, 255, 128, 1) 0%, rgba(0, 119, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 255, 128, 1) 0%, rgba(0, 119, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff80', endColorstr='#0077ff', GradientType=0);
}

.fw-bg.overlay.gradient-red-blue:before,
.fw-bg.partial-overlay.gradient-red-blue:before {
	opacity: .8;
	background: rgba(58, 28, 255, 1);
	background: -moz-linear-gradient(top, rgba(58, 28, 255, 1) 0%, rgba(255, 58, 48, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(58, 28, 255, 1)), color-stop(100%, rgba(255, 58, 48, 1)));
	background: -webkit-linear-gradient(top, rgba(58, 28, 255, 1) 0%, rgba(255, 58, 48, 1) 100%);
	background: -o-linear-gradient(top, rgba(58, 28, 255, 1) 0%, rgba(255, 58, 48, 1) 100%);
	background: -ms-linear-gradient(top, rgba(58, 28, 255, 1) 0%, rgba(255, 58, 48, 1) 100%);
	background: linear-gradient(to bottom, rgba(58, 28, 255, 1) 0%, rgba(255, 58, 48, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a1cff', endColorstr='#ff3a30', GradientType=0);
}

.fw-bg.overlay.gradient-blue-red:before,
.fw-bg.partial-overlay.gradient-blue-red:before {
	opacity: .7;
	background: rgba(255, 58, 48, 1);
	background: -moz-linear-gradient(top, rgba(255, 58, 48, 1) 0%, rgba(58, 28, 255, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 58, 48, 1)), color-stop(100%, rgba(58, 28, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 58, 48, 1) 0%, rgba(58, 28, 255, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 58, 48, 1) 0%, rgba(58, 28, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 58, 48, 1) 0%, rgba(58, 28, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 58, 48, 1) 0%, rgba(58, 28, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a30', endColorstr='#3a1cff', GradientType=0);
}

.fw-bg.overlay.gradient-lilac-red:before,
.fw-bg.partial-overlay.gradient-lilac-red:before {
	opacity: .94;
	background: rgba(255, 45, 84, 1);
	background: -moz-linear-gradient(top, rgba(255, 45, 84, 1) 0%, rgba(215, 17, 255, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 45, 84, 1)), color-stop(100%, rgba(215, 17, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 45, 84, 1) 0%, rgba(215, 17, 255, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 45, 84, 1) 0%, rgba(215, 17, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 45, 84, 1) 0%, rgba(215, 17, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 45, 84, 1) 0%, rgba(215, 17, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2d54', endColorstr='#d711ff', GradientType=0);
}

.fw-bg.gradient-orange {
	background: rgba(255, 204, 0, 1);
	background: -moz-linear-gradient(top, rgba(255, 204, 0, 1) 0%, rgba(255, 140, 0, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 204, 0, 1)), color-stop(100%, rgba(255, 140, 0, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 204, 0, 1) 0%, rgba(255, 140, 0, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 204, 0, 1) 0%, rgba(255, 140, 0, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 204, 0, 1) 0%, rgba(255, 140, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 204, 0, 1) 0%, rgba(255, 140, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ff8c00', GradientType=0);
}

.fw-gray-bg,
.fw-white-bg {
	position: relative;
	width: 100%;
	background-color: #f5f5f5;
}

.fw-white-bg {
	background-color: #fff;
}

.fw-bg.bottom-shadow:after {
	position: absolute;
	display: block;
	content: "";
	z-index: 20;
	width: 100%;
	height: 70px;
	bottom: 0;
	left: 0;
	opacity: .12;
	filter: alpha(opacity=12);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.62) 50%, rgba(0, 0, 0, 1) 81%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.01)), color-stop(50%, rgba(0, 0, 0, 0.62)), color-stop(81%, rgba(0, 0, 0, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.62) 50%, rgba(0, 0, 0, 1) 81%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.62) 50%, rgba(0, 0, 0, 1) 81%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.62) 50%, rgba(0, 0, 0, 1) 81%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.62) 50%, rgba(0, 0, 0, 1) 81%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03ffffff', endColorstr='#000000', GradientType=0);
	/* IE6-9 */
}

.fw-container {
	display: table;
	width: 100%;
}

.column {
	position: relative;
	display: table-cell;
	vertical-align: top;
}

.column.w-60 {
	width: 60%;
}

.column.w-40 {
	width: 40%;
}

@media screen and (max-width: 768px) {

	.fw-container,
	.column,
	.column.w-60,
	.column.w-40 {
		display: block;
		width: 100%;
	}
}

/** 12.TABS / FILTERS
**********************************/
.nav-filters {
	padding: 12px 0;
}

.nav-tabs {
	padding-bottom: 15px;
}

.nav-tabs>li,
.nav-filters>li {
	float: none;
	display: inline-block;
	margin-right: 18px;
}

.nav-tabs.text-right>li,
.nav-filters.text-right>li {
	margin-right: 0;
	margin-left: 18px;
}

.nav-tabs>li>a,
.nav-filters>li>a {
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 0;
	padding: 5px 0;
	opacity: .5;
}

.nav-tabs>li>a:after,
.nav-filters>li>a:after {
	display: block;
	content: "";
	width: 0px;
	height: 2px;
	background-color: #007aff;
	margin-top: 3px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-tabs,
.nav-tabs>li>a,
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	border: none;
	background: none;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.nav-filters>li>a:hover,
.nav-filters>li>a:focus,
.nav-filters>li.active>a,
.nav-filters>li.active>a:hover,
.nav-filters>li.active>a:focus {
	opacity: 1;
	color: #007aff;
}

.nav-tabs>li.active>a:after,
.nav-filters>li.active>a:after {
	width: 100%;
	opacity: 1;
}

.nav-tabs.nav-vertical>li,
.nav-filters.nav-vertical>li {
	display: block;
	margin: 12px 0;
}

.nav-tabs.nav-vertical>li>a,
.nav-filters.nav-vertical>li>a {
	display: inline-block;
}

@media screen and (max-width: 768px) {

	.nav-tabs.nav-vertical>li,
	.nav-filters.nav-vertical>li {
		display: inline-block;
		margin: 0 18px 0 0;
	}
	
	.nav-tabs.nav-vertical>li>a,
	.nav-filters.nav-vertical>li>a {
		display: block;
	}
	
	.nav-tabs.text-right>li,
	.nav-filters.text-right>li {
		margin-right: 0;
		margin-left: 18px;
	}
}

.tab-pane {
	padding-top: 10px;
}

.tab-pane img {
	display: block;
	margin: auto;
}

.transition.fade,
.fade {
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.scale.fade {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.scaleup.fade {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.scale.fade.in,
.scaleup.fade.in {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.left.fade {
	-webkit-transform: translateX(-40px);
	transform: translateX(-40px);
}

.right.fade {
	-webkit-transform: translateX(40px);
	transform: translateX(40px);
}

.left.fade.in,
.right.fade.in {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}

.top.fade {
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
}

.bottom.fade {
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}

.top.fade.in,
.bottom.fade.in {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

.flip.fade {
	-webkit-transform: rotateY(-90deg) scale(1.1);
	transform: rotateY(-90deg) scale(1.1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.flip.fade.in {
	-webkit-transform: rotateY(0deg) scale(1);
	transform: rotateY(0deg) scale(1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/** 13.FEATURE TABS
**********************************/
.feature-tabs {
	padding: 90px 15px 0 20px;
}

.feature-tabs .devices {
	position: relative;
	float: left;
	width: 56.4%;
	max-width: 1025px;
}

.feature-tabs .tabs {
	float: left;
	width: 43.6%;
	max-width: 550px;
	padding-left: 7%;
	margin-top: 80px;
}

.feature-tabs .devices img {
	width: 100%;
}

.feature-tabs .tablet {
	position: relative;
	overflow: hidden;
}

.feature-tabs .phone {
	position: absolute;
	z-index: 10;
	bottom: -6.5%;
	right: -8%;
	width: 34.5%;
	max-width: 360px;
	overflow: hidden;
}

.feature-tabs .nav-tabs {
	text-align: center;
	margin: 70px 0 25px 0;
	padding: 0;
}

.feature-tabs .nav-tabs>li {
	margin: 3px 16px;
}

.feature-tabs .nav-tabs>li>a>i {
	font-size: 50px;
}

.feature-tabs .nav-tabs>li>a:after {
	display: none;
}

.feature-tabs .tab-pane p {
	font-size: 14px;
}

.light-color .tab-pane p,
.light-color.tab-pane p {
	font-weight: 300;
}

.feature-tabs .light-color .tab-pane p {
	opacity: .6;
}

.devices .tablet .mask,
.devices .phone .mask {
	position: absolute;
	overflow: hidden;
}

.devices .tablet .screens,
.devices .phone .screens {
	list-style: none;
	padding: 0;
	margin: 0;
}

.devices .tablet .screens li,
.devices .phone .screens li {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	line-height: 0;
	opacity: 0;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.devices .tablet .screens li.active,
.devices .phone .screens li.active {
	position: relative;
	z-index: 5;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.devices .tablet .mask {
	top: 6.5%;
	left: 9.15%;
	right: 9.05%;
}

.devices .phone .mask {
	top: 17%;
	left: 17.1%;
	right: 17%;
}

.visible-when-stack {
	display: none;
	text-align: center;
}

@media screen and (max-width: 1440px) {

	.feature-tabs .tabs,
	.feature-tabs .nav-tabs {
		margin-top: 40px;
	}
}

@media screen and (max-width: 1200px) {
	.feature-tabs {
		padding-top: 50px;
	}
	
	.feature-tabs .nav-tabs>li {
		margin: 3px 14px;
	}
	
	.feature-tabs .nav-tabs>li>a>i {
		font-size: 45px;
	}
	
	.feature-tabs .devices {
		margin-top: 40px;
	}
}

@media screen and (max-width: 1050px) {
	.feature-tabs {
		padding: 70px 15px 60px 15px;
	}
	
	.feature-tabs .tabs,
	.feature-tabs .devices {
		width: 100%;
		float: none;
	}
	
	.feature-tabs .devices {
		margin-top: 15px;
		padding-right: 4%;
		overflow: hidden;
	}
	
	.feature-tabs .devices .phone {
		right: -4.5%;
		bottom: -7%;
	}
	
	.feature-tabs .tabs {
		padding-left: 0;
		margin: 40px auto 0 auto;
	}
	
	.visible-when-stack {
		display: block;
	}
	
	.hidden-when-stack {
		display: none;
	}
}

@media screen and (max-width: 500px) {
	.feature-tabs {
		padding-top: 50px;
	}
}

/** 14.MODAL
**********************************/
.modal {
	background-color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.modal-dialog {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}

.modal-content {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
}

.modal-dialog .container {
	padding: 90px 15px 50px 15px;
}

.modal.fade {
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.modal.fade .modal-dialog {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.modal.fade.in {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.modal-backdrop {
	display: none;
}

.modal-title {
	font-size: 24px;
	font-weight: 300;
	color: #c4c4c4;
}

.modal-form {
	width: 100%;
	max-width: 380px;
	margin: auto;
}

.modal-open .navbar.stuck,
.modal-open .navbar.navbar-fixed-top,
.modal-open .footer-fixed-bottom {
	padding-right: 17px;
}

.modal-open .intro {
	width: calc(100% - 17px);
}

.modal-open .offcanvas-nav.open {
	right: 17px;
}

.fake-scrollbar {
	display: none;
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	width: 17px;
	min-height: 100%;
	background-color: #f1f1f1;
}

.modal-open .fake-scrollbar {
	display: block;
	padding-right: 17px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

	.modal-open,
	.modal-open .navbar.stuck,
	.modal-open .navbar.navbar-fixed-top,
	.modal-open .footer-fixed-bottom {
		padding-right: 0 !important;
	}
	
	.modal-open .intro {
		width: 100%;
	}
	
	.modal-open .offcanvas-nav.open {
		right: 0;
	}
	
	.modal-open .fake-scrollbar {
		display: none;
		padding-right: 0;
	}
}

.mac .modal-open,
.touch .modal-open,
.mac .modal-open .navbar.stuck,
.touch .modal-open .navbar.stuck,
.mac .modal-open .navbar.navbar-fixed-top,
.touch .modal-open .navbar.navbar-fixed-top,
.mac .modal-open .footer-fixed-bottom,
.touch .modal-open .footer-fixed-bottom {
	padding-right: 0 !important;
}

.mac .modal-open .intro,
.touch .modal-open .intro {
	width: 100%;
}

.mac .modal-open .offcanvas-nav.open,
.touch .modal-open .offcanvas-nav.open {
	right: 0;
}

.mac .modal-open .fake-scrollbar,
.touch .modal-open .fake-scrollbar {
	display: none;
	padding-right: 0;
}

/** 15.ICON BLOCKS
**********************************/
.icon-block {
	display: block;
	margin-bottom: 40px;
}

.intro .icon-block {
	margin-bottom: 10px;
}

a.icon-block {
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.icon-block {
		margin-bottom: 30px;
	}
}

.icon-block .icon {
	display: block;
	text-align: center;
	margin-bottom: 28px;
}

.icon-block .icon i {
	font-size: 45px;
}

.icon-block .icon.icon-bigger i {
	font-size: 72px;
}

.icon-block .icon img {
	display: inline-block;
	width: 100%;
	max-width: 128px;
}

.icon-block .text {
	text-align: center;
}

.icon-block .text p {
	font-size: 14px;
}

.icon-block.icon-block-horizontal {
	display: table;
}

.icon-block-horizontal.icon-block .icon {
	display: table-cell;
	padding: 0 38px;
}

.intro .icon-block-horizontal.icon-block .icon {
	padding: 0 25px 0 0;
}

.icon-block-horizontal.icon-block .icon.va-middle {
	vertical-align: middle;
}

.icon-block-horizontal.icon-block .text {
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

@media screen and (max-width: 1200px) {
	.intro .icon-block .icon i {
		font-size: 38px;
	}
	
	.intro .icon-block h3 {
		font-size: 22px;
		margin-bottom: 12px;
	}
	
	.intro .icon-block p {
		font-size: 13px;
	}
	
	.intro .icon-block-horizontal.icon-block .icon {
		padding: 0 20px 0 0;
	}
}

@media screen and (max-width: 768px) {
	.icon-block-horizontal.icon-block .icon {
		padding: 8px 15px 0 15px;
	}
}

.light-color .icon-block .text p,
.icon-block.light-color .text p,
.icon-block .text.light-color p,
.icon-block .text p.light-color {
	font-weight: 300;
}

.appica-versions .icon-block .text {
	margin-top: -15px;
}

.appica-versions .icon-block .text span {
	display: block;
	font-size: 12px;
	margin-top: -10px;
}

@media screen and (max-width: 480px) {
	.appica-versions .icon-block .text h3 {
		font-size: 18px;
	}
}

/** 16.APP GALLERY
**********************************/
.app-gallery .item {
	display: inline-block;
	max-width: 380px;
}

.app-gallery .item a {
	position: relative;
	display: block;
	background-color: #007aff;
	margin: 0 1px 6px 1px;
}

.app-gallery .item a:before {
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	width: 100%;
	min-height: 100%;
	background-color: #007aff;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.app-gallery .item a:after {
	position: absolute;
	z-index: 2;
	display: block;
	content: "+";
	top: 12px;
	right: 12px;
	line-height: 16px;
	color: #fff;
	font-size: 28px;
	opacity: 0;
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.app-gallery .item a:hover:before {
	opacity: .3;
}

.app-gallery .item a:hover:after {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

@media screen and (max-width: 991px) {
	.app-gallery .item {
		max-width: 320px;
	}
}

@media screen and (max-width: 768px) {
	.app-gallery .item {
		max-width: 280px;
	}
	
	.gallery .block-heading,
	.gallery .nav-tabs {
		text-align: center !important;
	}
	
	.gallery .nav-tabs>li {
		margin-right: 9px;
		margin-left: 9px;
	}
}

/** 17.GALLERY
**********************************/
.gallery-item,
.gallery-item figure {
	position: relative;
	display: block;
}

.gallery-item {
	margin-bottom: 30px;
}

.gallery-item:before {
	position: absolute;
	z-index: 2;
	display: block;
	width: 50px;
	height: 36px;
	top: 50%;
	left: 7.8%;
	font-family: "Flaticon";
	font-size: 50px;
	color: #fff;
	margin-top: -25px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.gallery-item.image-item:before {
	content: "\e060";
}

.gallery-item.video-item:before {
	font-size: 26px;
	line-height: 36px;
	padding-left: 7px;
	content: "\e0ea";
	width: 36px;
	border: 1px solid #fff;
	border-radius: 50%;
	margin-top: -18px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

.gallery-item.download-item:before {
	content: "\e070";
	text-shadow: none;
}

.gallery-item.download-item figure {
	background: rgba(0, 187, 255, 1);
	background: -moz-linear-gradient(top, rgba(0, 187, 255, 1) 0%, rgba(0, 123, 255, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 187, 255, 1)), color-stop(100%, rgba(0, 123, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(0, 187, 255, 1) 0%, rgba(0, 123, 255, 1) 100%);
	background: -o-linear-gradient(top, rgba(0, 187, 255, 1) 0%, rgba(0, 123, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(0, 187, 255, 1) 0%, rgba(0, 123, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 187, 255, 1) 0%, rgba(0, 123, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bbff', endColorstr='#007bff', GradientType=0);
}

.gallery-item figcaption {
	display: block;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #fff;
	padding: 12% 18% 8% 28%;
	text-align: left;
	margin-top: 0;
	overflow: hidden;
	background-color: rgba(0, 122, 255, 0.6);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.gallery-item.video-item figcaption {
	padding-left: 25%;
}

.gallery-item figcaption h3 {
	opacity: 1;
	margin-bottom: 8px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.gallery-item .title-only h3 {
	position: absolute;
	top: 50%;
	margin-top: -17px;
}

/*.gallery-item.video-item .title-only h3 {
*/
.gallery-item figcaption p {
	font-size: 14px;
	font-weight: 300;
}

.gallery-item:hover:before {
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0);
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0);
}

.gallery-item:hover figcaption {
	visibility: visible;
	opacity: 1;
}

.gallery-item.download-item figcaption {
	visibility: visible;
	opacity: 1;
	padding-top: 25.5%;
}

.gallery-item.download-item:hover:before,
.gallery-item.download-item:hover figcaption h3 {
	opacity: .7;
}

@media screen and (max-width: 991px) {
	.gallery-item .title-only {
		padding-left: 32%;
	}
}

@media screen and (max-width: 500px) {
	.gallery-item .title-only {
		padding-left: 25%;
	}
}

@media screen and (max-width: 350px) {
	.gallery-item figcaption {
		padding-right: 10%;
	}
	
	.gallery-item .title-only {
		padding-left: 30%;
	}
}

/** 18.NEWS
**********************************/
.news-block {
	border-right: 1px solid #4cd964;
	padding: 10px 40px 10px 0;
	margin-bottom: 45px;
}

.news-block span {
	display: block;
	font-size: 14px;
	color: #8e8e93;
	margin-bottom: 25px;
}

.news-block p {
	color: #8e8e93;
}

@media screen and (max-width: 768px) {
	.news-block {
		padding-right: 30px;
	}
}

/** 19.SCROLLER
**********************************/
.scroller {
	overflow: hidden;
	white-space: nowrap;
}

.scroller .item {
	display: inline-block;
}

/** 20.SPLIT BLOCK
*************************************/
.split-block {
	margin-bottom: -2px;
}

.split-block .column {
	display: inline-block;
	vertical-align: top;
	padding: 70px 15px 30px 4%;
}

.split-block.img-left .column:first-child,
.split-block.img-right .column:last-child {
	width: 53%;
	padding: 0;
}

.split-block.img-left .column:last-child .block-heading,
.split-block.img-left .column:last-child h1,
.split-block.img-left .column:last-child h2,
.split-block.img-left .column:last-child h3,
.split-block.img-left .column:last-child h4,
.split-block.img-left .column:last-child span,
.split-block.img-left .column:last-child p,
.split-block.img-left .column:last-child ul,
.split-block.img-left .column:last-child ol,
.split-block.img-right .column:last-child .block-heading,
.split-block.img-right .column:first-child h1,
.split-block.img-right .column:first-child h2,
.split-block.img-right .column:first-child h3,
.split-block.img-right .column:first-child h4,
.split-block.img-right .column:first-child span,
.split-block.img-right .column:first-child p,
.split-block.img-right .column:first-child ul,
.split-block.img-right .column:first-child ol {
	max-width: 430px;
}

.split-block.img-right {
	text-align: right;
}

.split-block.img-right .column:first-child {
	text-align: right;
	padding: 70px 4% 30px 15px;
}

@media screen and (max-width: 1510px) {

	.split-block .column,
	.split-block.img-right .column:first-child {
		padding-top: 40px;
	}
	
	.split-block.img-left .column:first-child,
	.split-block.img-right .column:last-child {
		width: 53%;
		padding: 0;
	}
}

@media screen and (max-width: 1070px) {
	.split-block .column {
		display: block !important;
		width: 100% !important;
	}
	
	.split-block.img-left .column:last-child .block-heading,
	.split-block.img-left .column:last-child h1,
	.split-block.img-left .column:last-child h2,
	.split-block.img-left .column:last-child h3,
	.split-block.img-left .column:last-child h4,
	.split-block.img-left .column:last-child span,
	.split-block.img-left .column:last-child p,
	.split-block.img-left .column:last-child ul,
	.split-block.img-left .column:last-child ol,
	.split-block.img-right .column:last-child .block-heading,
	.split-block.img-right .column:first-child h1,
	.split-block.img-right .column:first-child h2,
	.split-block.img-right .column:first-child h3,
	.split-block.img-right .column:first-child h4,
	.split-block.img-right .column:first-child span,
	.split-block.img-right .column:first-child p,
	.split-block.img-right .column:first-child ul,
	.split-block.img-right .column:first-child ol {
		max-width: 100%;
	}
	
	.split-block.img-left .column:last-child .split-block.img-right .column:first-child {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/** 21.VIDEO BLOCK
**********************************/
.video-block {
	padding: 150px 0;
	text-align: center;
}

.video-block a {
	display: inline-block;
	color: #fff;
	font-weight: 300;
	opacity: 1;
}

.video-block a:hover {
	opacity: .6;
}

.video-block a>i {
	display: block;
	width: 48px;
	height: 48px;
	font-size: 32px;
	border: 2px solid #fff;
	border-radius: 50%;
	padding: 6px 0 0 5px;
	margin: 0 auto 22px auto;
}

@media screen and (max-width: 768px) {
	.video-block {
		padding: 110px 0;
	}
}

/** 22.TWITTER FEED
**********************************/
.twitter-feed .tweet {
	font-size: 14px;
	margin: 40px 0;
}

.twitter-feed .tweet a {
	color: #8e8e93;
	font-weight: 600;
}

.twitter-feed .tweet a:hover {
	color: #007aff;
}

.twitter-feed .tweet .author {
	color: #c4c4c4;
	font-weight: normal;
	display: block;
	margin-bottom: 18px;
}

.twitter-feed .tweet p {
	color: #8e8e93;
	font-size: 14px;
}

/** 23.PRESS REVIEWS
**********************************/
.press-review {
	max-width: 290px;
	text-align: center;
	margin: 0 auto 50px auto;
}

.press-review img {
	display: block;
	max-width: 180px;
	margin: 0 auto 30px auto;
}

.press-review h3 {
	margin-bottom: 24px;
}

.press-review p {
	font-size: 14px;
	line-height: 1.58;
	margin-bottom: 0;
}

/** 24.TEAM / TEAM GRID
**********************************/
.team-member {
	text-align: center;
}

.team-member span {
	display: block;
	color: #8e8e93;
	margin-bottom: 25px;
}

.team-member .social-buttons a {
	margin: 0 15px 10px 15px;
	opacity: 1;
}

.team-member .social-buttons a:hover {
	opacity: .5;
}

.team-member img {
	display: block;
	width: 100%;
	max-width: 330px;
	margin: 18px auto 0 auto;
}

@media screen and (max-width: 768px) {
	.team-member {
		margin-bottom: 50px;
	}
	
	.team-member:last-child {
		margin-bottom: 0;
	}
}

/* Team Grid */
.team-grid:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.team-grid .item {
	position: relative;
	float: left;
	width: 33.33%;
}

.team-grid .item img {
	display: block;
}

.team-grid .item .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 14% 11% 0 11%;
	-webkit-transition: opacity .35s;
	transition: opacity .35s;
}

.team-grid .item:hover .overlay {
	opacity: 1;
}

.team-grid .item h3 {
	margin-bottom: 12px;
}

.team-grid .item span {
	font-size: 14px;
	color: #8e8e93;
}

.team-grid .item .social-buttons {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: 15%;
}

.team-grid .item .social-buttons a {
	opacity: 1;
	margin: 5px 20px 10px 0;
}

.team-grid .item .social-buttons a:hover {
	opacity: .5;
}

.team-grid .item .social-buttons a:last-child {
	margin-right: 0;
}

.facebook-tile,
.twitter-tile {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
}

.facebook-tile {
	background-color: #007aff;
}

.twitter-tile {
	background-color: #5ac8fa;
}

.facebook-tile .inner,
.twitter-tile .inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #fff;
	padding: 0 15px;
}

.facebook-tile .inner {
	padding-top: 26%;
}

.facebook-tile i {
	font-size: 50px;
}

.facebook-tile h3 {
	display: block;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	margin-top: 26px;
}

.facebook-tile h3 span {
	color: #5ac8fa !important;
	font-size: 16px !important;
}

.twitter-tile .inner {
	padding-top: 17%;
}

.twitter-tile .icon {
	width: 100%;
	max-width: 137px;
	margin: 0 auto 32px auto;
}

.twitter-tile h3 {
	font-size: 12px;
	margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
	.twitter-tile .inner {
		padding-top: 14%;
	}
	
	.twitter-tile .icon {
		max-width: 115px;
		margin: 0 auto 25px auto;
	}
}

@media screen and (max-width: 991px) {
	.facebook-tile .inner {
		padding-top: 15%;
	}
	
	.twitter-tile .inner {
		padding-top: 12%;
	}
	
	.twitter-tile .icon {
		max-width: 90px;
		margin: 0 auto 20px auto;
	}
}

@media screen and (max-width: 768px) {
	.team-grid .item {
		width: 50%;
	}
	
	.facebook-tile .inner {
		padding-top: 26%;
	}
	
	.twitter-tile .inner {
		padding-top: 17%;
	}
	
	.twitter-tile .icon {
		max-width: 120px;
		margin: 0 auto 28px auto;
	}
}

@media screen and (max-width: 680px) {
	.facebook-tile .inner {
		padding-top: 20%;
	}
	
	.twitter-tile .inner {
		padding-top: 14%;
	}
	
	.twitter-tile .icon {
		max-width: 100px;
		margin: 0 auto 28px auto;
	}
}

@media screen and (max-width: 580px) {
	.facebook-tile .inner {
		padding-top: 15%;
	}
	
	.twitter-tile .inner {
		padding-top: 12%;
	}
	
	.twitter-tile .icon {
		max-width: 90px;
		margin: 0 auto 24px auto;
	}
}

@media screen and (max-width: 530px) {
	.team-grid .item {
		float: none;
		width: 100%;
		max-width: 380px;
		margin: auto;
	}
	
	.facebook-tile .inner {
		padding-top: 26%;
	}
	
	.twitter-tile .inner {
		padding-top: 17%;
	}
	
	.twitter-tile .icon {
		max-width: 120px;
		margin: 0 auto 28px auto;
	}
}

@media screen and (max-width: 380px) {
	.facebook-tile .inner {
		padding-top: 19%;
	}
	
	.twitter-tile .inner {
		padding-top: 14%;
	}
	
	.twitter-tile .icon {
		max-width: 100px;
		margin: 0 auto 26px auto;
	}
}

/** 25.PRICING PLANS
**********************************/
.pricing-plan-switcher .label {
	display: inline-block;
	vertical-align: middle;
	font-weight: 300;
	opacity: 1;
	margin-top: -3px;
	line-height: 60px;
}

.pricing-plan-switcher span {
	font-size: 12px;
	font-weight: 300;
	display: block;
	margin-top: -3px;
}

.pricing-plan {
	text-align: center;
	margin-bottom: 0px;
}

.pricing-plan .icon {
	margin-bottom: 20px;
}

.pricing-plan .icon i {
	font-size: 48px;
}

.pricing-plan .icon i.flaticon-graduates1 {
	display: block;
	font-size: 70px;
	margin-bottom: -22px;
}

.pricing-plan-title {
	position: relative;
	display: inline-block;
	font-weight: 300;
	font-size: 60px;
	white-space: nowrap;
	padding: 5px 0px 15px 0px;
	margin: 0 auto 35px auto;
}

.pricing-plan-title span {
	position: absolute;
	display: block;
	font-size: 16px;
}

.pricing-plan-title .name {
	top: 0;
	left: 5px;
}

.pricing-plan-title .period {
	bottom: 2px;
	right: 5px;
	opacity: 1;
}

.pricing-plan-description {
	list-style: none;
	padding: 0;
	font-size: 16px;
	font-weight: 300;
	opacity: 1;
	line-height: 1.5
}

.pricing-plan .btn {
	display: block;
	max-width: 170px;
	margin: 0 auto 30px auto;
}

/** 26.BLOG (POSTS)
**********************************/
.post-tile {
	width: 100%;
	background-color: #fff;
	margin-bottom: 30px;
}

.post-thumb {
	position: relative;
	display: block;
}

.post-thumb img {
	display: block;
}

.post-thumb.colored {
	background-color: #5ac8fa;
}

.post-thumb.colored img {
	opacity: .5;
}

.post-thumb img {
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.post-thumb:hover img {
	opacity: 1;
}

.post-thumb:before {
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	width: 100%;
	min-height: 100%;
	background-color: #007aff;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.post-thumb:after {
	position: absolute;
	z-index: 2;
	display: block;
	content: "+";
	top: 12px;
	right: 12px;
	line-height: 16px;
	color: #fff !important;
	font-size: 28px;
	opacity: 0;
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.post-thumb:hover:before {
	opacity: .3;
}

.post-thumb:hover:after {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.post-body {
	padding: 45px 22px 15px 22px;
}

.post-title {
	text-align: center;
}

.non-visible {
	visibility: hidden !important;
	opacity: 0 !important;
}

.post-title img,
.post-title .img {
	display: block;
	margin: 0 auto 5px auto;
}

.post-title a {
	color: #3a3a3a;
}

.post-title a:hover {
	color: #007aff;
}

.post-title h2,
.post-title h3 {
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 12px;
	line-height: 1.5;
}

.post-title span,
.post-title p {
	display: block;
	font-size: 14px;
	color: #c4c4c4;
	margin-bottom: 25px;
}

.post-meta {
	display: table;
	width: 100%;
	line-height: 2;
	font-size: 14px;
	color: #c4c4c4;
}

.post-tile .post-meta {
	font-size: 12px;
}

.post-meta .column {
	width: auto;
	display: table-cell;
	vertical-align: middle;
}

.post-meta .social-buttons a {
	margin: 5px 0 10px 12px;
	opacity: 1;
}

.post-meta .social-buttons a:hover {
	opacity: .5;
}

.post-meta .comment-count {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #3a3a3a;
	margin-right: 15px !important;
}

.post-meta .comment-count i {
	font-size: 18px;
	color: #8e8e93;
	margin-right: 5px;
}

.post-meta .comment-count:hover,
.post-meta .comment-count:hover i {
	opacity: 1 !important;
	color: #007aff;
}

.scroller.posts .item {
	margin-right: 25px;
}

.scroller .item .post-tile {
	margin-bottom: 8px;
}

@media screen and (max-width: 991px) {
	.scroller.posts .item {
		max-width: 320px
	}
}

@media screen and (max-width: 768px) {
	.scroller.posts .item {
		max-width: 280px;
	}
}

@media screen and (max-width: 500px) {
	.post-meta .social-buttons a {
		margin: 5px 0 10px 7px;
	}
	
	.post-meta .comment-count {
		margin-right: 9px !important;
	}
}

@media screen and (max-width: 460px) {
	.post-meta .column {
		display: block;
		width: 100%;
		text-align: left !important;
	}
	
	.post-meta .column .text-right {
		text-align: left !important;
	}
	
	.post-tile .post-meta .column {
		display: table-cell;
		width: auto;
	}
	
	.post-tile .post-meta .column .text-right,
	.post-tile .post-meta .column.text-right {
		text-align: right !important;
	}
}

/* Tile Variations */
.tile-image-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.tile-solid-bg.bg-primary {
	background-color: #007aff;
}

.tile-solid-bg.bg-success {
	background-color: #4cd964;
}

.tile-solid-bg.bg-info {
	background-color: #5ac8fa;
}

.tile-solid-bg.bg-warning {
	background-color: #ffcc00;
}

.tile-solid-bg.bg-danger {
	background-color: #ff2d55;
}

.tile-image-bg .post-title p,
.tile-image-bg .post-title span,
.tile-image-bg .post-meta span,
.tile-solid-bg .post-title p,
.tile-solid-bg .post-title span,
.tile-solid-bg .post-meta span {
	color: #fff;
	opacity: .7;
}

.tile-image-bg a,
.tile-solid-bg a {
	color: #fff;
	opacity: 1;
}

.tile-image-bg a:hover,
.tile-image-bg a:focus,
.tile-solid-bg a:hover,
.tile-solid-bg a:focus,
.tile-image-bg .post-body .post-title a:hover,
.tile-image-bg .post-body .post-title a:focus,
.tile-solid-bg .post-body .post-title a:hover,
.tile-solid-bg .post-body .post-title a:focus {
	color: #fff;
	opacity: .8 !important;
}

/* Sidebar */
.sidebar {
	width: 100%;
	max-width: 320px;
}

/* Categories */
.categories {
	position: relative;
	padding-top: 10px;
	margin-bottom: 38px;
}

.categories.with-grid-btn {
	padding-left: 32px;
}

.categories ul {
	list-style: none;
}

.categories ul li {
	margin-bottom: 12px;
}

.categories ul li a {
	font-size: 14px;
	line-height: 1.6;
}

.grid-btn {
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	opacity: 1;
	-webkit-transition: opacity .25s;
	transition: opacity .25s;
}

.grid-btn:hover {
	opacity: .6;
}

.grid-btn:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.grid-btn span {
	display: block;
	float: left;
	width: 7px;
	margin-right: 3px;
}

.grid-btn span:before,
.grid-btn span:after {
	display: block;
	content: "";
	width: 7px;
	height: 7px;
	border: 1px solid #007aff;
	margin-bottom: 3px;
}

/* Featured Posts */
.featured-post {
	position: relative;
	display: block;
	padding: 20px 15px 22px 12px;
	color: #fff;
	background-position: center;
	background-repeat: no-repeat;
}

.featured-post:hover {
	color: #fff;
}

.featured-post h3 {
	margin-bottom: 10px;
}

.featured-post p {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 300;
	opacity: .7;
}

.featured-post .content {
	position: relative;
	z-index: 2;
}

.featured-post:before {
	display: block;
	position: absolute;
	z-index: 1;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: .8;
}

.featured-post.bg-primary:before {
	background-color: #007aff;
}

.featured-post.bg-success:before {
	background-color: #4cd964;
}

.featured-post.bg-info:before {
	background-color: #5ac8fa;
	opacity: .85;
}

.featured-post.bg-warning:before {
	background-color: #ff9500;
	opacity: .85;
}

.featured-post.bg-danger:before {
	background-color: #ff2d55;
}

.featured-post .arrow {
	height: 0px;
	padding-top: 10px;
	overflow: hidden;
	-webkit-transition: height .3s;
	transition: height .3s;
}

.featured-post .arrow i {
	font-size: 34px;
	opacity: 0;
	-webkit-transform: translateX(-40px);
	transform: translateX(-40px);
	-webkit-transition: all .3s .1s;
	transition: all .3s .1s;
}

.featured-post:hover .arrow {
	height: 75px;
}

.featured-post:hover .arrow i {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

/** 27.PAGINATION
**********************************/
.pagination {
	position: relative;
	width: 100%;
	text-align: center;
}

.pagination .prev,
.pagination .next {
	display: block;
	position: absolute;
	font-size: 14px;
	top: 50%;
	margin-top: -9px;
}

.pagination .prev {
	left: 0;
}

.pagination .next {
	right: 0;
}

.pagination .prev i,
.pagination .next i {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	margin-top: -3px;
}

.pagination .prev i {
	margin-right: 5px;
}

.pagination .next i {
	margin-left: 5px;
}

.page-slider {
	display: inline-block;
	position: relative;
}

.page-slider .min-val,
.page-slider .max-val {
	display: block;
	position: absolute;
	top: -22px;
	font-size: 14px;
	color: #c4c4c4;
}

.page-slider .min-val {
	left: 0;
}

.page-slider .max-val {
	right: 0;
}

.page-slider .tooltip {
	font-size: 14px;
	line-height: 1;
	opacity: 0;
	-webkit-transition: opacity .25s, visibility .25s;
	transition: opacity .25s, visibility .25s;
}

.page-slider .tooltip.in {
	opacity: 1;
}

.page-slider .tooltip-inner {
	padding: 0;
	color: #8e8e93;
	background-color: transparent;
	border-radius: 0px;
}

.page-slider .tooltip-arrow {
	display: none;
}

.slider {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.slider.slider-horizontal {
	width: 360px;
	height: 20px;
}

@media screen and (max-width: 768px) {
	.slider.slider-horizontal {
		width: 300px;
	}
}

@media screen and (max-width: 570px) {
	.slider.slider-horizontal {
		width: 270px;
	}
	
	.pagination .prev,
	.pagination .next {
		display: block;
		position: absolute;
		font-size: 14px;
		top: 100%;
		margin-top: 20px;
	}
	
	.pagination {
		margin-bottom: 70px;
	}
}

.slider.slider-horizontal .slider-track {
	height: 6px;
	width: 100%;
	margin-top: -3px;
	top: 50%;
	left: 0;
}

.slider.slider-horizontal .slider-selection {
	height: 100%;
	top: 0;
	bottom: 0;
}

.slider.slider-horizontal .slider-handle {
	margin-left: -12px;
	margin-top: -10px;
}

.slider.slider-disabled .slider-handle {
	opacity: .5;
}

.slider.slider-disabled .slider-track {
	cursor: not-allowed;
	opacity: .5;
}

.slider input {
	display: none;
}

.slider .tooltip.top {
	margin-top: -27px;
}

.slider .tooltip-inner {
	white-space: nowrap;
}

.slider .hide {
	display: none;
}

.slider-track {
	position: absolute;
	cursor: pointer;
	border-radius: 4px;
	background-color: rgba(0, 122, 255, 0.25);
}

.slider-selection {
	position: absolute;
	border-radius: 4px;
	background: rgba(215, 17, 255, 1);
	background: -moz-linear-gradient(left, rgba(215, 17, 255, 1) 0%, rgba(255, 45, 84, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(215, 17, 255, 1)), color-stop(100%, rgba(255, 45, 84, 1)));
	background: -webkit-linear-gradient(left, rgba(215, 17, 255, 1) 0%, rgba(255, 45, 84, 1) 100%);
	background: -o-linear-gradient(left, rgba(215, 17, 255, 1) 0%, rgba(255, 45, 84, 1) 100%);
	background: -ms-linear-gradient(left, rgba(215, 17, 255, 1) 0%, rgba(255, 45, 84, 1) 100%);
	background: linear-gradient(to right, rgba(215, 17, 255, 1) 0%, rgba(255, 45, 84, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d711ff', endColorstr='#ff2d54', GradientType=1);
}

.slider-handle {
	position: absolute;
	width: 24px;
	height: 24px;
	background-color: #fff;
	border-radius: 50%;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35);
}

/** 28.MASONRY GRID
**********************************/
.masonry-grid:after {
	content: '';
	display: block;
	clear: both;
}

.masonry-grid .grid-sizer,
.masonry-grid .item {
	width: 31.5%;
}

.masonry-grid .item {
	float: left;
	margin-bottom: 2.8%;
}

.masonry-grid .gutter-sizer {
	width: 2.5%;
}

.masonry-grid .item.w2 {
	width: 65.3%;
}

.masonry-grid .item .post-tile {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {

	.masonry-grid .grid-sizer,
	.masonry-grid .item {
		width: 48%;
		margin-bottom: 3.3%;
	}
	
	.masonry-grid .item.w2 {
		width: 100%;
	}
	
	.masonry-grid .gutter-sizer {
		width: 2.8%;
	}
}

@media screen and (max-width: 500px) {

	.masonry-grid .grid-sizer,
	.masonry-grid .item,
	.masonry-grid .item.w2 {
		width: 100%;
		margin-bottom: 5%;
	}
	
	.masonry-grid .gutter-sizer {
		width: 0px;
	}
}

/** 29.PORTFOLIO
**********************************/
.portfolio-grid {
	position: relative;
	overflow: hidden;
}

.portfolio-grid:after {
	content: '';
	display: block;
	clear: both;
}

/* Gap width */
.portfolio-grid .gutter-sizer {
	width: 2.5%;
}

/* Default item */
.portfolio-grid .grid-sizer,
.portfolio-grid .grid-item {
	width: 23.125%;
}

.portfolio-grid .grid-item {
	float: left;
	overflow: hidden;
	height: 268px;
	margin-bottom: 30px;
}

/* Double width */
.portfolio-grid .grid-item.w2 {
	width: 48.75%;
}

/* Double height */
.portfolio-grid .grid-item.h2 {
	font-size: inherit;
	font-weight: normal;
	margin-left: 0;
	height: 566px;
}

@media screen and (max-width: 1200px) {
	.portfolio-grid .grid-item {
		margin-bottom: 25px;
	}
}

@media screen and (max-width: 991px) {
	.portfolio-grid .grid-item {
		height: 180px;
		margin-bottom: 18px;
	}
	
	.portfolio-grid .grid-item.h2 {
		height: 378px;
	}
}

@media screen and (max-width: 768px) {

	.portfolio-grid .grid-sizer,
	.portfolio-grid .grid-item {
		width: 48.5%;
		height: 220px;
		margin-bottom: 3%;
	}
	
	.portfolio-grid .grid-item.h2 {
		height: 400px;
	}
	
	.portfolio-grid .grid-item.w2 {
		width: 100%;
	}
	
	.portfolio-grid .gutter-sizer {
		width: 3%;
	}
}

@media screen and (max-width: 500px) {

	.portfolio-grid .grid-sizer,
	.portfolio-grid .grid-item,
	.portfolio-grid .grid-item.w2 {
		width: 100%;
		margin-bottom: 5%;
	}
	
	.portfolio-grid .grid-item.h2 {
		height: 350px;
	}
	
	.portfolio-grid .gutter-sizer {
		width: 0px;
	}
}

/* Tiles */
.portfolio-tile,
.portfolio-tile .tile-thumb {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.portfolio-tile .tile-thumb .overlay {
	display: block;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 122, 255, 0.5);
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.portfolio-tile .tile-thumb .overlay .inner {
	position: absolute;
	width: 100%;
	height: 120px;
	color: #fff;
	text-align: center;
	left: 0;
	top: 50%;
	margin-top: -60px;
	padding: 0 15px;
}

.portfolio-tile .tile-thumb .overlay .btns {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	left: 0;
	margin-top: -24px;
}

.portfolio-tile .tile-thumb .overlay .inner .btns {
	position: relative;
	top: 0;
	margin: 0 0 20px 0;
}

.portfolio-tile .tile-thumb .overlay .btns a {
	display: inline-block;
	width: 48px;
	height: 48px;
	line-height: 44px;
	font-size: 24px;
	border-radius: 50%;
	color: #007aff;
	background-color: #fff;
	margin: 0 4px;
	opacity: .8;
	-webkit-transform: translate(-20px, 0);
	-ms-transform: translate(-20px, 0);
	-o-transform: translate(-20px, 0);
	transform: translate(-20px, 0);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.portfolio-tile .tile-thumb .overlay .btns a i {
	line-height: 48px;
}

.portfolio-tile .tile-thumb .overlay .btns a:last-child {
	-webkit-transform: translate(20px, 0);
	-ms-transform: translate(20px, 0);
	-o-transform: translate(20px, 0);
	transform: translate(20px, 0);
}

.portfolio-tile .tile-thumb:hover .overlay,
.portfolio-tile .tile-thumb .overlay .btns a:hover {
	opacity: 1;
}

.portfolio-tile .tile-thumb:hover .overlay .btns a {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

/** 30.COMMENTS
**********************************/
.comment {
	margin-bottom: 50px;
}

.comment-reply {
	padding-left: 90px;
}

.comment .comment-meta {
	display: table;
	width: 100%;
	font-size: 14px;
	margin-bottom: 28px;
}

.comment .comment-meta .column {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}

.comment .comment-meta .author a,
.comment .comment-meta .author span {
	display: inline-block;
	vertical-align: middle;
}

.comment .comment-meta span {
	color: #c4c4c4;
}

.comment .comment-meta .fake-link {
	color: #007aff;
}

.comment .comment-meta .author .ava {
	margin-right: 18px;
}

.comment .comment-meta .author .ava,
.comment .comment-meta .author .ava img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

.comment .reply-btn:after {
	display: inline-block;
	vertical-align: middle;
	font-family: "Flaticon";
	content: "\e0d3";
	font-size: 16px;
	margin-left: 5px;
}

@media screen and (max-width: 500px) {
	.comment-reply {
		padding-left: 40px;
	}
	
	.comment .comment-meta,
	.comment .comment-meta .column {
		width: 100%;
		display: block;
	}
	
	.comment .comment-meta .column:last-child {
		text-align: left !important;
		padding-left: 68px;
	}
}

/** 31.TIMELINE
**********************************/
.timeline .timeline-row {
	display: table;
	width: 100%;
}

.timeline .date {
	display: table-cell;
	position: relative;
	width: 35%;
	font-size: 14px;
	color: #c4c4c4;
	text-align: right;
	border-right: 1px solid #ccc;
	padding: 0 18px 70px 0;
}

.timeline-row:last-child .date,
.timeline-row:last-child .event {
	padding-bottom: 0;
	border: none;
}

.timeline .date:before {
	display: block;
	position: absolute;
	content: "";
	width: 13px;
	height: 13px;
	background-color: #ffcc00;
	border-radius: 50%;
	top: 0;
	right: -7px;
}

.timeline .event {
	display: table-cell;
	width: 75%;
	padding: 0 0 30px 28px;
	font-size: 16px;
}

.light-color.timeline,
.light-color .timeline {
	font-weight: 300;
}

.light-color.timeline .date,
.light-color .timeline .date {
	color: rgba(255, 255, 255, 0.6);
	border-color: rgba(255, 255, 255, 0.5);
}

/** 32.BAR CHARTS
**********************************/
.bar-charts {
	position: relative;
}

.bar-charts .grid {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	background-color: #e0e0e0;
}

.bar-charts .grid:before,
.bar-charts .grid:after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	left: 0;
	background-color: #e0e0e0;
}

.bar-charts .grid:before {
	top: -48px;
}

.bar-charts .grid:after {
	bottom: -48px;
}

.bar-charts .chart {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 190px;
	text-align: right;
	padding: 32px 65px 0 0;
}

.bar-charts .chart .bar {
	position: absolute;
	display: block;
	width: 24px;
	border-radius: 12px 12px 0 0;
	bottom: 0;
	right: 0;
}

.bar-charts .chart.chart-primary .bar {
	background-color: #007aff;
}

.bar-charts .chart.chart-success .bar {
	background-color: #4cd964;
}

.bar-charts .chart.chart-info .bar {
	background-color: #5ac8fa;
}

.bar-charts .chart.chart-warning .bar {
	background-color: #ffcc00;
}

.bar-charts .chart.chart-danger .bar {
	background-color: #ff2d55;
}

.bar-charts .chart h3 {
	font-size: 60px;
	margin-bottom: 6px;
}

.bar-charts .chart p {
	font-size: 24px;
	font-weight: 300;
	padding-right: 6px;
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	.bar-charts .grid:before {
		top: -43px;
	}
	
	.bar-charts .grid:after {
		bottom: -43px;
	}
	
	.bar-charts .chart {
		height: 170px;
		padding: 44px 50px 0 0;
	}
	
	.bar-charts .chart h3 {
		font-size: 40px;
		margin-bottom: 12px;
	}
	
	.bar-charts .chart p {
		font-size: 18px;
		padding-right: 4px;
	}
}

@media screen and (max-width: 580px) {
	.bar-charts .grid:before {
		top: -36px;
	}
	
	.bar-charts .grid:after {
		bottom: -36px;
	}
	
	.bar-charts .chart {
		height: 140px;
		padding: 39px 50px 0 0;
	}
	
	.bar-charts .chart h3 {
		font-size: 30px;
		margin-bottom: 10px;
	}
	
	.bar-charts .chart p {
		font-size: 16px;
	}
}

@media screen and (max-width: 480px) {
	.bar-charts .chart .bar {
		width: 20px;
		border-radius: 10px 10px 0 0;
	}
	
	.bar-charts .grid:before {
		top: -32px;
	}
	
	.bar-charts .grid:after {
		bottom: -32px;
	}
	
	.bar-charts .chart {
		height: 120px;
		padding: 42px 50px 0 0;
	}
	
	.bar-charts .chart h3 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	
	.bar-charts .chart p {
		font-size: 11px;
		font-weight: normal;
		padding-right: 0;
	}
}

/** 33.CLIENT LOGOS
**********************************/
.client {
	display: block;
	width: 100%;
	max-width: 170px;
	margin: 20px auto 30px auto;
	opacity: 1;
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
}

.client:hover {
	opacity: .6;
}

/** 34.CONTACTS
**********************************/
.google-map {
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 240px;
	padding: 0;
	top: 0;
	left: 0;
}

.ie .google-map {
	min-height: 526px;
}

.google-map #map-canvas {
	position: absolute;
	width: 100%;
	height: 100%;
}

.contact-info {
	width: 100%;
	max-width: 380px;
	padding-left: 50px;
	padding-right: 15px;
}

.contact-info .nav-tabs:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.contact-info .nav-tabs li:fisrt-child {
	float: left;
}

.contact-info .nav-tabs li:last-child {
	float: right;
	margin-right: 0;
}

.contact-info .nav-tabs li a {
	font-size: 24px;
	text-transform: none;
	font-weight: 300;
	opacity: 1;
}

.contact-info .nav-tabs li a:hover {
	opacity: .6;
}

.contact-info .nav-tabs li a:after {
	display: none;
}

.contact-info .nav-tabs li.active a {
	color: #c4c4c4;
}

.gmnoprint {
	right: auto !important;
	left: 100px !important;
	bottom: 10px !important;
}

@media screen and (max-width: 768px) {
	.contact-info {
		padding-top: 280px;
		padding-bottom: 40px;
	}
	
	.ie .google-map {
		min-height: 240px;
	}
}

/** 35.FOOTER
**********************************/
.footer {
	position: relative;
	width: 100%;
	z-index: 10;
	background-color: #fff;
}

.fixed-footer .footer-fixed-bottom {
	position: fixed;
	left: 0;
	bottom: 0;
}

.footer-head {
	display: table;
	width: 100%;
	max-width: 370px;
	margin: auto;
}

.footer-head .logo,
.footer-head .info {
	display: table-cell;
	vertical-align: top;
}

.footer-head .logo {
	padding-top: 5px;
}

.footer-head .info {
	padding-left: 30px;
}

.footer-head .info h1,
.footer-head .info h2,
.footer-head .info h3 {
	line-height: 1.2;
}

.footer-head .info h1,
.footer-head .info h2,
.footer-head .info h3,
.footer-head .info p {
	margin-bottom: 7px;
}

.footer-head .logo a {
	display: block;
	width: 120px;
}

.footer-head span {
	display: block;
	color: #8e8e93;
}

.footer-head .btn {
	display: inline-block;
	margin-top: 0;
}

.footer .rating {
	display: inline-block;
	font-size: 12px;
	margin-right: 15px;
}

.footer .rating span {
	display: inline;
}

.footer .rating i {
	color: #ff9500;
	margin: 0 1px;
}

.footer .rating i:before {
	margin: 0;
}

.footer .rating span {
	color: #8e8e93;
	margin-left: 3px;
}

.footer .body {
	display: table;
}

.footer .body .column {
	display: table-cell;
	width: 33.3%;
	vertical-align: bottom;
}

.copyright p {
	font-size: 14px;
	color: #8e8e93;
	margin-bottom: 30px;
}

.copyright a {
	color: #8e8e93;
}

.copyright a:hover {
	color: #007aff;
}

.footer .gadget {
	width: 370px;
	height: 192px;
	background-image: url('../../img/footer/ipad.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 48px 24px 0 25px;
	margin: auto;
	overflow: hidden;
}

.footer-nav ul {
	padding: 0;
	list-style: none;
	text-align: right;
	padding-bottom: 12px;
}

.footer-nav ul li {
	display: inline-block;
	margin: 0 0 20px 15px;
}

.footer-nav ul li:first-child {
	display: block;
}

.footer-nav ul li a {
	font-size: 14px;
}

@media screen and (max-width: 768px) {

	.footer-head,
	.footer-head .logo,
	.footer-head .info {
		display: block;
		text-align: center;
		padding-left: 0;
	}
	
	.footer-head .logo a {
		margin: 0 auto 20px auto;
	}
	
	.footer .body,
	.footer .body .column {
		display: block;
		width: 100%;
		text-align: center;
	}
	
	.footer-nav ul {
		text-align: center;
	}
	
	.footer-nav ul li:first-child {
		display: inline;
	}
}

/** 36.PRELOADER
*****************************/
#preloader {
	position: fixed;
	z-index: 1600;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .9s;
	transition: all .9s;
}

#preloader .logo {
	position: absolute;
	width: 120px;
	left: 50%;
	top: 50%;
	text-align: center;
	margin: -72px 0 0 -60px;
}

#preloader .logo img {
	display: block;
	max-width: 150px;
	margin: 0 auto 25px auto;
}

#preloader .logo span {
	font-size: 30px;
	font-weight: 300;
	color: #8e8e93;
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-done #preloader,
.pace-done #preloader .logo {
	opacity: 0;
	visibility: hidden;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #007aff;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}

/** 37.COMPONENTS DEMO STYLES
*****************************/
.grid-demo figure {
	display: block;
	width: 100%;
	height: 60px;
	border: 2px solid #78d5ff;
	background-color: #b8e9ff;
	margin-bottom: 30px;
}

.icons-demo {
	text-align: center;
	color: #8e8e93;
}

.icons-demo i {
	display: inline-block;
	font-size: 50px;
	margin: 12px 10px;
}

.tabs-demo .nav-tabs {
	padding-bottom: 0;
}

.tabs-demo .nav-tabs.nav-vertical {
	padding-bottom: 15px;
}

@media screen and (max-width: 768px) {
	.tabs-demo .nav-tabs.text-right {
		text-align: left !important;
	}
	
	.tabs-demo .nav-tabs.text-right li:first-child {
		margin-left: 0;
	}
}

.pmtds .col-sm-2 {
	min-height: 50px;
}