/*
 * Bigile Technology
 * Copyright 2015 bigile.com

 */

/** Google Font (Open Sans)
***************************************/
@import url(http://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';

/** Waves Effect
************************************/
@import'vendor/waves.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', sans-serif;
	font-size: 16px;
	color: #757575;
	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: #008fed;
	text-transform: uppercase;
	text-decoration: none;
	opacity: 1;
	webkit-transition: all 0.3s;
					transition: all 0.3s;
}
a:hover,
a:focus {
	color: #008fed;
	opacity: .6;
	text-decoration: none;
	outline: none;
}
a.light-color {
	color: #fff;
	opacity: 1;
}
a.light-color:hover {
	color: #fff;
	opacity: .5;
}
a[href^="mailto"] {
	text-transform: none !important;
}

hr {
	width: 100%;
	margin: 0;
	border-top: 1px solid #f2f2f2; 
}
.gray-bg hr {
	border-top: 1px solid #cccccc; 
}
hr.with-shadow {
	position: relative;
	border-top: 1px solid #e8e8e8;
}
hr.with-shadow:before {
	position: absolute;
	display: block;
	width: 100%;
	height: 10px;
	content: "";
	top: 0px;
	left: 0;
	-webkit-box-shadow: 0px -4px 10px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px -4px 10px 0px rgba(0,0,0,0.07);
	box-shadow: 0px -4px 10px 0px rgba(0,0,0,0.07); 
}
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; }

/* Float Box (with shadows) */
.box-float {
	position: relative;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.17);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.17);
	box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.17);
}
.box-float:before {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 6px;
	top: 0px;
	left: 0;
	-webkit-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.06);
	-moz-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.06);
	box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.06);
}


/** 03.TYPOGRAPHY
**********************************/

h1, h2, h3,
.h1, .h2, .h3 {
	font-weight: 300;
	line-height: 1.3;
}
h3, .h3 {
	font-weight: normal;
}
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: #999;
}
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;
	}
}
.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: #999;
	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;
}
.page-heading .search-field {
	position: absolute;
	top: -10px;
	left: 15px;
}

@media screen and (max-width: 680px) {
	.page-heading.text-right {
		text-align: left !important;
		margin-bottom: 10px;
	}
	.page-heading .search-field {
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 30px;
	}
}

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

/* Badge */
.badge {
	font-size: 12px;
	color: #757575;
	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;
}
.badge .icon i:before,
.badge .icon i:before {
	font-size: 28px;
}
.badge.badge-primary .icon {
	background-color: #008fed;
}
.badge.badge-success .icon {
	background-color: #96cb4b;
}
.badge.badge-info .icon {
	background-color: #4b62ff;
}
.badge.badge-warning .icon {
	background-color: #ff6d00;
}
.badge.badge-danger .icon {
	background-color: #e91e63;
}
.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 {
	color: #fff !important;
	opacity: 1;
	font-weight:500;
	text-transform:capitalize;
}
.light-color a:hover {
	opacity: .5;
}

/* Text Color Variation */
.text-muted {
	color: #c4c4c4 !important;
}
.text-gray {
	color: #999 !important;
}
.text-primary {
	color: #008fed !important;
}
.text-success {
	color: #96cb4b !important;
}
.text-info {
	color: #4b62ff !important;
}
.text-warning {
	color: #ff6d00 !important;
}
.text-danger {
	color: #e91e63 !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: 18px;
	text-decoration: none;
	margin: 5px 25px 10px 0;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
					transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}
.social-buttons a:hover {
	opacity: .5;
}
.social-buttons.text-right a {
	text-align: right;
	margin-right: 0;
	margin-left: 25px; 
}

/* 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 {
	position: relative;
	width: 100%;
	margin-bottom: 24px;
}
.form-control input,
.form-control textarea {
	width: 100%;
	height: 48px;
	font-size: 14px;
	padding-top: 20px;
	background: none;
	border: none;
	border-radius: 0;
	color: #333;
	border-bottom: 1px solid #757575;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: 0.25s ease-out;
  				transition: 0.25s ease-out;
}
.form-control textarea {
	padding-top: 27px;
}
.form-control label {
	position: absolute;
	font-size: 14px;
	color: #999;
	left: 0;
	top: 15px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.form-control .label {
	position: absolute;
	font-size: 16px;
	color: #FFFFFF;
	left: 0;
	top: 15px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form-control input:focus,
.form-control textarea:focus {
	outline: none;
	border-bottom: 1px solid #008fed;
	-webkit-box-shadow: 0 1px 0 0 #008fed;
	box-shadow: 0 1px 0 0 #008fed;
}

.form-control .label input:focus,
.form-control .label textarea:focus {
	outline: none;
	border-bottom: 1px solid #FFFFFF;
	-webkit-box-shadow: 0 1px 0 0 #FFFFFF;
	box-shadow: 0 1px 0 0 #FFFFFF;
}

.form-control.active label {
  color: #FFFFFF;
  font-size: 13px;
  -webkit-transform: translateY(-130%);
  -moz-transform: translateY(-130%);
  -ms-transform: translateY(-130%);
  -o-transform: translateY(-130%);
  transform: translateY(-130%);
}
.form-group {
	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;
	text-transform: none;
	opacity: 1;
	visibility: visible;
  -webkit-transition: 0.25s;
          transition: 0.25s;
}
.form-control.active .helper-link {
	opacity: 0;
	visibility: hidden;
}

/* Validation */
label.error {
	display: none !important;
}
.form-control input.error,
.form-control textarea.error {
	color: #e91e63;
	border-color: #e91e63;
	-webkit-box-shadow: 0 1px 0 0 #e91e63;
	box-shadow: 0 1px 0 0 #e91e63;
}
.form-control.active input.error ~ label,
.form-control.active textarea.error ~ label {
	color: #e91e63;
}
.form-control input.valid,
.form-control textarea.valid {
	border-color: #96cb4b;
	-webkit-box-shadow: 0 1px 0 0 #96cb4b;
	box-shadow: 0 1px 0 0 #96cb4b;
}
.form-control.active input.valid ~ label,
.form-control.active textarea.valid ~ label {
	color: #96cb4b;
}
.form-control input.error ~ .helper-link,
.form-control input.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: #e91e63;
	content: "!";
	padding-right: 10px;
}
.valid-label:before {
	color: #96cb4b;
	content: "\e048";
}
.form-control input.error ~ .error-label,
.form-control textarea.error ~ .error-label,
.form-control input.valid ~ .valid-label,
.form-control textarea.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: #e91e63; 
}
.response-holder.success {
	color: #96cb4b;
}

/* Custom Checkboxes and Radios */
.checkbox,
.radio,
.checkbox-inline,
.radio-inline {
	position: relative;
	display: block;
	font-size: 14px;
	color: #999;
	cursor: default;
	padding-left: 27px;
	margin-bottom: 10px;
	-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: 18px;
}
.text-right .checkbox-inline,
.text-right .radio-inline {
	margin-left: 15px;
	margin-right: 0;
}
.icheckbox,
.iradio {
  position: absolute;
  z-index: 0;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  left: 0;
  top: -2px;
  border: 2px solid #757575;
  border-radius: 1px;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-transition: 0.2s;
  				transition: 0.2s;
}
.icheckbox.checked,
.radio-alt .iradio.checked {
	left: -6px;
  top: -8px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #96cb4b;
  border-bottom: 2px solid #96cb4b;
  -webkit-transform: rotateZ(40deg);
  -moz-transform: rotateZ(40deg);
  -ms-transform: rotateZ(40deg);
  -o-transform: rotateZ(40deg);
  transform: rotateZ(40deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.radio-alt .iradio {
	border-radius: 1px;
}
.iradio,
.iradio:before {
	border-radius: 50%;
  -webkit-transition: 0.25s ease;
  				transition: 0.25s ease;
}
.iradio:before {
	position: absolute;
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	background-color: #96cb4b;
	opacity: 0;
	top: 3px;
	left: 3px;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.iradio.checked {
	border-color: #96cb4b;
}
.iradio.checked:before {
	opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.icheckbox.disabled,
.iradio.disabled {
	border-color: #cccccc;
	background-color: #cccccc;
	cursor: default;
}
.text-right .checkbox-inline,
.text-right .radio-inline {
	margin-left: 25px;
	margin-right: 0;
}
.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: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;
}

/* Search Field */
.search-field {
	position: relative;
	display: block;
	width: 100%;
	max-width: 260px;
	padding-left: 40px;
}
.search-field label {
	left: 40px;
}
.search-field button[type=submit] {
	display: block;
	position: absolute;
	border: none;
	background: none;
	top: 23px;
	left: -6px;
	-webkit-transition: color .3s;
					transition: color .3s;
}
.search-field button[type=submit]:active,
.search-field button[type=submit]:focus {
	outline: none;
}
.search-field button[type=submit] i {
	font-size: 28px;
}
.search-field.active button[type=submit],
.search-field button[type=submit]:hover {
	color: #008fed;
}


/** 06.BUTTONS
**********************************/

.btn {
	display: inline-block;
	height: 48px;
	white-space: nowrap;
	color: #010101;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	line-height: 46px;
	text-transform: uppercase;
	text-align: center;
	padding: 0 28px;
	border: none;
	border-radius: 3px;
	background-color: #fff;
	vertical-align: middle;
	margin: 10px 10px 10px 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
	-webkit-transition: all 0.3s;
					transition: all 0.3s;
}


.btn_inq {
  display: inline-block;
  height: 40px;
  white-space: nowrap;
  /* color: #010101; */
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  line-height: 35px;
  text-transform: uppercase;
  text-align: center;
  padding: 0 21px;
  border-radius: 3px;
  border-color: white;
  border: 1px solid white;
  /* background-color: #fff; */
  vertical-align: middle;
  margin: 10px 10px 10px 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: white;
}
.light-color .btn {
	color: #010101 !important;
	font-weight: normal;
}
.btn-float {
	-webkit-mask-image: none;
  -webkit-box-shadow: 0px 1.5px 3px 1.5px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 1.5px 3px 1.5px rgba(0, 0, 0, 0.22);
}
.btn-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}
.btn:hover {
	opacity: 1 !important;
	color: #010101;
	text-decoration: none;
	outline: none;
}
.btn:focus {
	outline: none;
	opacity: 1 !important;
}

/* Button Variants */
.btn-default {
	background: #fff;
}
.btn-primary {
	background-color: #008fed;
}
.btn-success {
	background-color: #96cb4b;
}
.btn-info {
	background-color: #4b62ff;
}
.btn-warning {
	background-color: #ff6d00;
}
.btn-danger {
	background-color: #e91e63;
}

/* Flat Buttons */
.btn-flat {
	background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.android .btn-flat {
	-webkit-mask-image: none;
}
.btn-flat:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-flat.btn-default,
.btn-flat.btn-default:hover {
	color: #010101 !important;
}
.btn-flat.btn-primary,
.btn-flat.btn-primary:hover {
	color: #008fed !important;
}
.btn-flat.btn-success,
.btn-flat.btn-success:hover {
	color: #96cb4b !important;
}
.btn-flat.btn-info,
.btn-flat.btn-info:hover {
	color: #4b62ff !important;
}
.btn-flat.btn-warning,
.btn-flat.btn-warning:hover {
	color: #ff6d00 !important;
}
.btn-flat.btn-danger,
.btn-flat.btn-danger:hover {
	color: #e91e63 !important;
}
.btn-primary, .btn-success,
.btn-info, .btn-warning, .btn-danger, 
.btn-primary:hover, .btn-success:hover,
.btn-info:hover, .btn-warning:hover, .btn-danger:hover,
.btn-light, .btn-light:hover,
.light-color .btn-primary, .light-color .btn-success,
.light-color .btn-info, .light-color .btn-warning,
.light-color .btn-danger {
	color: #fff !important;
}

/* Button Sizes */
.btn-lg {
	height: 72px;
	line-height: 70px;
	padding: 0 34px;
}
.btn-sm {
	height: 36px;
	font-size: 14px;
	line-height: 34px;
}

/* Icons Alignment */
.btn i {
	font-size: 16px;
}
.btn-lg i {
	font-size: 18px;
}
.btn [class^="flaticon-"],
.btn [class*=" flaticon-"] {   
	font-size: 17px;
	vertical-align: middle;
	margin-left: 0;
}
.offcanvas-nav .btn [class^="flaticon-"],
.offcanvas-nav .btn [class*=" flaticon-"],
.navbar .btn [class^="flaticon-"],
.navbar .btn [class*=" flaticon-"],
.btn-sm [class^="flaticon-"], 
.btn-sm [class*=" flaticon-"] {   
	font-size: 15px;
}

.btn-lg [class^="flaticon-"],
.btn-lg [class*=" flaticon-"] {   
	font-size: 19px;
}
.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-google-play {
	position: relative;
	padding: 18px 24px;
	border-radius: 0;
	height: auto;
}
.btn-google-play img {
	display: block;
	max-width: 168px;
}
.btn-google-play span {
	display: block;
	position: absolute;
	color: #999;
	font-size: 9px;
	line-height: 1;
	text-transform: none;
	top: 11px;
	left: 71px;
}
.btn-block {
	display: block;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;  
}
a.downloadable,
div.downloadable {
	display: inline-block;
	text-transform: none;
	max-width: 140px;
	text-align: center;
	color: #757575;
	margin: 0 16px 40px 16px;
}
a.downloadable img,
div.downloadable img {
	display: block;
	max-width: 120px;
	margin: 0 auto 25px auto;
}
a.downloadable h5,
div.downloadable h5 {
	font-weight: 300;
	margin-bottom: 8px;
	-webkit-text-stroke-width: .15px;
	-webkit-font-smoothing: antialiased;
}
a.downloadable p,
div.downloadable p {
	font-size: 12px;
	color: #008fed;
	margin-bottom: 0;
	text-transform: uppercase;
}
div.downloadable p {
	text-transform: none;
	color: #999;
}
.downloadable:hover {
	color: #757575;
	opacity: 1;
}
.load-more {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding: 27px 20px 26px 20px;
	background-color: #008fed;
}
.load-more:hover,
.load-more:focus {
	opacity: 1;
	color: #fff;
}
.load-more i {
	display: block;
	position: absolute;
	font-size: 24px;
	top: 50%;
	left: 40px;
	margin-top: -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;
}
.touch .intro {
	position: relative;
}
.fixed-footer .intro.transparent {
	opacity: 0;
}
.intro .container {
	position: relative;
	z-index: 10;
}

/* Social Buttons */
.intro .social-buttons,
.offcanvas-nav .social-buttons {
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 36px;
}
.intro .social-buttons a,
.offcanvas-nav .social-buttons a,
.navbar .social-buttons a {
	color: #fff;
}

/* Navi */
.intro .navi {
	position: absolute;
	top: 23px;
	left: 0;
	font-size: 14px;
}
.intro .navi a {
	color: #fff;
}
.intro .navi a:focus {
	opacity: 1;
}
.nav-toggle {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 53px;
	height: 53px;
	color: #fff;
	cursor: pointer;
	border-radius: 50%;
	margin-right: 20px;
}
.intro .nav-toggle span {
	display: block;
	position: absolute;
	z-index: 2;
	background-color: #008fed;
	border-radius: 50%;
	line-height: 56px;
	width: 56px;
	height: 56px;
	top: -1px;
	left: -1px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
}
.android .intro .nav-toggle span {
  -webkit-mask-image: none;
  -webkit-transition: background-color .2s;
  				transition: background-color .2s;
}
.android .intro .nav-toggle:active span {
	background-color: #1fa4fc;
}
.android .intro .nav-toggle span.waves-effect {
  -webkit-transition: none;
  transition: none;
}
.android .intro .nav-toggle span.waves-effect .waves-ripple {
	display: none !important;
}
.nav-toggle i {
	font-size: 23px;
	margin: 0;
}
.intro .nav-toggle:before {
	position: absolute;
	z-index: 1;
	display: block;
	content: "";
	width: 53px;
	height: 53px;
	top: 1px;
	left: 1px;
	border-radius: 50%;
  -webkit-box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.25);
  -webkit-transition: all .3s;
  				transition: all .3s;
}
.intro .nav-toggle-float:active:before {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

/* 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: 40px;
	-webkit-transform: translate(0, 0);
					transform: translate(0, 0);
	-webkit-transition: all 0.5s;
					transition: all 0.5s;
}
.intro .logo img {
	display: block;
	width: 100%;
	max-width: 178px;
	margin: 0 auto 30px auto;
	-webkit-transition: all 0.5s;
					transition: all 0.5s;
}
.intro .logo span {
	display: block;
	font-size: 16px;
	margin-top: 25px;
	opacity: .5;
}

/* Phone */
.intro .phone {
	position: relative;
	width: 370px;
	height: 683px;
	background-image: url('../img/intro/nexus.png');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 52px 20px 0 21px; 
	margin: 0 auto -380px 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;
}
.intro .phone img {
	display: block;
	width: 100%;
	max-width: 100%;
}
.intro .intro-features {
	-webkit-transform: translateY(-120px);
					transform: translateY(-120px);
	-webkit-backface-visibility: hidden;

}

/* Scroll for More Btn */
.scroll-more {
	display: inline-block;
	height: 36px;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 65px;
	-webkit-backface-visibility: hidden;
}
.scroll-more:hover,
.scroll-more:focus {
	color: #fff;
	text-decoration: none;
}
.scroll-more span {
	display: inline-block;
	vertical-align: middle;
	font-weight: 300;
}
.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: 96px;
}
.intro.transformed .phone {
	-webkit-transform: translateY(-68%) scale(0.8);
					transform: translateY(-68%) scale(0.8);
}
.intro.transformed .intro-features .icon-block {
	opacity: 1;
	-webkit-transform: translateX(0);
					transform: translateX(0);
}

/* Download Button */
.download {
	margin-bottom: 35px;
	text-align: left;
}
.download p {
	margin-bottom: 4px;
	font-size: 14px;
}
.download .btn {
  -webkit-box-shadow: 0px 1.5px 4px 1.5px rgba(0, 0, 0, 0.23);
  box-shadow: 0px 1.5px 4px 1.5px rgba(0, 0, 0, 0.23);
}
.download .btn:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}
@media screen and (max-height: 900px) {
	.intro.transformed .logo {
		-webkit-transform: translate(-75%, -10%);
						transform: translate(-75%, -10%);
	}
	.intro.transformed .phone {
		-webkit-transform: translateY(-56%) scale(0.8);
						transform: translateY(-56%) scale(0.8);
	}
	.intro .intro-features {
		-webkit-transform: translateY(-40px);
						transform: translateY(-40px);
	}
}
@media screen and (max-height: 750px) {
	.intro .phone {
		margin-bottom: -500px;
	}
	.intro.transformed .logo {
		-webkit-transform: translate(-75%, -40%);
						transform: translate(-75%, -40%);
	}
	.intro.transformed .phone {
		-webkit-transform: translateY(-68%) scale(0.8);
						transform: translateY(-68%) scale(0.8);
	}
	.intro .intro-features {
		-webkit-transform: translateY(0);
						transform: translateY(0);
	}
}
@media screen and (max-width: 1200px) {
	.intro .logo {
		font-size: 40px;
	}
	.intro .logo img {
		max-width: 130px;
		margin: 0 auto 20px auto;
	}
	.intro .logo span {
		font-size: 14px;
		margin-top: 15px;
	}
	.intro .phone {
		width: 260px;
		height: 480px;
		padding: 38px 15px 0 16px; 
		margin-bottom: -280px;
	}
	.intro .column.c-left,
	.intro .column.c-right {
		width: 33.33%;
	}
	.intro .column.c-middle {
		width: 33.33%;
	}
	.intro.transformed .logo {
		-webkit-transform: translate(-80%, -47%);
						transform: translate(-80%, -47%);
	}
	.intro.transformed .phone {
		-webkit-transform: translateY(-82%) scale(0.85);
						transform: translateY(-82%) scale(0.85);
	}
	.intro .intro-features {
		-webkit-transform: translateY(-10px);
						transform: translateY(-10px);
	}
}
@media screen and (max-width: 991px) {
	.intro .container {
		width: 100%;
	}
	.download {
		text-align: center;
	}
}
@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 .logo {
		margin-bottom: 20px;
	}
	.intro .phone {
		margin-bottom: -320px;
	}
	.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 {
		left: 15px;
	}
	.intro .social-buttons {
		right: 15px;
	}
	.modal-open .intro .navi,
	.modal-open .intro .social-buttons {
		right: 32px;
	}
	.mac .modal-open .intro .navi,
	.touch .modal-open .intro .navi,
	.mac .modal-open .intro .social-buttons,
	.touch .modal-open .intro .social-buttons {
		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 {
		font-size: 35px;
	}
	.intro .logo img {
		max-width: 100px;
		margin: 0 auto 15px auto;
	}
	.intro .logo span {
		margin-top: 15px;
	}
	.intro .phone {
		margin-bottom: -340px;
	}
	.intro.transformed .logo img {
		max-width: 100px;
	}
	.intro .social-buttons {
		display: none;
	}
}


/** 08.MAIN CONTENT WRAP
**********************************/

.content-wrap-new {
	position: relative;
	z-index: 20;
	background-color: #fff;
	-webkit-backface-visibility: hidden;
}


/** 09.NAVBAR
**********************************/

.navbar {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 144px;
	-webkit-backface-visibility: hidden;
}


.stay_update{
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100px;
	-webkit-backface-visibility: hidden;
	padding: 33px;
}
.stay_update .container {
	width:100%;
	height: 80px;
	-webkit-transition: all 0.5s ease 0s;
}

.navbar.navbar-fixed-top {
	position: fixed;
	top: 0;
}
.navbar + *,
.sticky-wrapper + *,
.navbar + .page-heading,
.sticky-wrapper + .page-heading {
	padding-top: 200px;
}
.sticky-wrapper {
	position: absolute;
	width: 100%;
}
.navbar-sticky.stuck {
	position: fixed;
	top: 0;
}
.navbar .container {
	width:100%;
	height: 80px;
	padding: 0 40px;
	-webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
	-webkit-transition: all 0.5s ease 0s;
}

.darkHeader .container {
	width:100%;
	background-color: #2380C2;
	height: 80px;
	padding: 0 40px;
	-webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
}

.navbar:before,
.navbar:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.navbar:after {
  clear: both;
}
.navbar .logo {
	display: inline-block;
	height: 48px;
	font-size: 25px;
	line-height: 75px;
	font-weight: 300;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	margin-right: 40px;
}
.navbar .logo:hover,
.navbar .logo:focus {
	opacity: 1;
}
.navbar .logo img {
	display: inline-block;
	width: 100px; /*48*/
	margin-right: 12px;
	vertical-align: middle;
}
.navbar .social-buttons {
	display: inline-block;
}
.navbar .toolbar {
	float: left;
	text-align: right;
	padding-top: 0px;
}
.navbar .toolbar a {
	font-size: 14px;
}
.navbar .social-buttons a {
	color: #fff;
	font-size: 18px;
}
.navbar .toolbar .action-btn {
	position: relative;
	color: #fff;
	margin: 0 16px 0 4px;
}
.navbar .toolbar .action-btn:focus {
	opacity: 1;
}
.navbar .nav-toggle {
	text-align: center;
	width: 48px;
	height: 48px;
	line-height: 46px;
	margin-left: 80px;
	margin-top: 15px;
}
.safari .navbar .nav-toggle {
	margin-top: 10px;
}
.navbar .nav-toggle,
.navbar .nav-toggle:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.android .navbar .nav-toggle.waves-effect {
	background-color: transparent;
  -webkit-transition: background .2s;
  transition: background .2s;
}
.android .navbar .nav-toggle.waves-effect:active {
	background-color: rgba(255,255,255,0.35);
}
.android .navbar .nav-toggle.waves-effect .waves-ripple {
	display: none !important;
}
@media screen and (max-width: 991px) {
	.navbar {
		padding: 0;
		height: 80px;
	}
	.navbar .container {
		width: 100%;
		height: 80px;
	}
	.navbar.navbar-fixed-top + * {
		padding-top: 80px;
	}
	.navbar + *,
	.sticky-wrapper + *,
	.navbar + .page-heading,
	.sticky-wrapper + .page-heading {
		padding-top: 120px;
	}
	.navbar .logo {
		line-height: 76px;
	}
	.navbar .social-buttons {
		display: none;
	}
	.navbar .toolbar {
		padding-top: 7px;
	}
	.navbar .toolbar .action-btn {
		margin-right: 0;
	}
}
@media screen and (max-width: 768px) {
	.navbar .container {
		padding: 0 15px;
	}
}
@media screen and (max-width: 540px) {
	.navbar .toolbar .action-btn,
	.navbar .toolbar .btn {
		display: none;
	}
}



/** 10.OFF-CANVAS NAVIGATION
*************************************/

.offcanvas-nav {
	position: fixed;
	z-index: 1000;
	width: 385px;
	min-height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-box-shadow: 3px 0px 7px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 0px 7px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 0px 7px 0px rgba(0,0,0,0.25);
	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 */
 	-webkit-backface-visibility: hidden;
}
.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 .nav-head,
.offcanvas-nav .nav-body {
	position: relative;
	z-index: 10;
	padding: 30px 40px;
	padding-bottom:0px;
}
.offcanvas-nav .nav-body {
	background-color: #fff;
	padding: 30px 0;
}
.offcanvas-nav .nav-body .inner {
	padding: 0 40px;
}
.offcanvas-nav .nav-head {
	background-color: #008fed;
}
.offcanvas-nav .top-bar {
	position: relative;
	width: 100%;
	text-align: right;
	margin-bottom: 35px;
}
.offcanvas-nav .nav-close {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	padding-top: 6px;
	margin-right: -7px;
	cursor: pointer;
}
.android .offcanvas-nav .nav-close.waves-effect {
	background-color: transparent;
  -webkit-transition: background-color .2s;
  				transition: background-color .2s;
}
.android .offcanvas-nav .nav-close.waves-effect:active {
	background-color: rgba(255,255,255,0.35);
}
.android .offcanvas-nav .nav-close.waves-effect .waves-ripple {
	display: none !important;
}
.offcanvas-nav .nav-close i {
	font-size: 23px;
}
.offcanvas-nav .search-box {
	position: relative;
	z-index: 10;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width: 35px;
	height: 36px;
  -webkit-transition: all 0.3s;
  				transition: all 0.3s;
}
.offcanvas-nav .search-box input {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 100%;
	height: 36px;
	border: none;
	background-color: #33a5f1;
	border-radius: 3px;
	padding-left: 38px;
	padding-right: 15px;
	color: #fff;
	font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
					transition: all 0.3s;
}
.offcanvas-nav .search-box input:focus,
.offcanvas-nav .search-box .search-btn:focus,
.offcanvas-nav .search-box .search-btn:active {
	outline: none;
}
.offcanvas-nav .search-box .search-toggle,
.offcanvas-nav .search-box .search-btn {
	display: block;
	position: absolute;
	z-index: 2;
	width: 35px;
	height: 35px;
	padding-top: 4px;
	text-align: center;
	left: 3px;
	top: 0;
	color: #fff;
	font-size: 23px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
					transition: all 0.3s;
}
.offcanvas-nav .search-box .search-btn {
	border: none;
	background: none;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s;
					transition: all 0.2s;
}
.offcanvas-nav .search-box .search-toggle {
	border-radius: 3px;
	opacity: 1;
	visibility: visible;
	padding-top: 7px;
	left: auto;
	right: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
}
.android .offcanvas-nav .search-box .search-toggle.waves-effect {
  -webkit-mask-image: none;
	background-color: transparent;
  -webkit-transition: background-color .2s;
  				transition: background-color .2s;
}
.android .offcanvas-nav .search-box .search-toggle.waves-effect .waves-ripple {
	display: none !important;
}
.android .offcanvas-nav .search-box .search-toggle:active {
	background-color: rgba(255,255,255,0.35);
}
.offcanvas-nav .search-toggle:before {
	font-family: "Flaticon";
	content: "\e13d";
}
.offcanvas-nav .search-box.open {
	max-width: 272px;
}
.offcanvas-nav .search-box.open .search-toggle {
	opacity: 0;
	visibility: hidden;
}
.offcanvas-nav .search-box.open .search-btn,
.offcanvas-nav .search-box.open input {
	opacity: 1;
	visibility: visible;
}
.offcanvas-nav .social-buttons {
	z-index: 5;
	text-align: left;
	top: 0;
	right: auto;
	left: 0;
	padding-top: 6px; 
}
.offcanvas-nav .social-buttons a {
	margin: 5px 11px 10px 0;
}
.offcanvas-logo {
	display: table;
	width: 100%;
	color: #fff;
	margin-bottom: 20px;
}
.offcanvas-logo:hover,
.offcanvas-logo:focus {
	opacity: 1;
	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;
	text-transform: none;
}
.offcanvas-logo .title span {
	display: block;
	font-size: 15px;
	margin-top: 10px;
}
.offcanvas-nav .btn {
	font-size: 14px;
	font-weight: normal;
	margin-right: 0;
}
.offcanvas-nav .btn.icon-left {
	padding-left: 23px; 
}
.offcanvas-nav a.nav-link,
.offcanvas-nav .nav-link a {
	font-size: 14px;
	margin-right: 15px;
}
.offcanvas-nav a.nav-link:hover,
.offcanvas-nav .nav-link a:hover,
.offcanvas-nav .nav-link ul li.active a {
	opacity: .5;
}
.offcanvas-nav .nav-head a.nav-link {
	font-weight: 300;
}
.offcanvas-nav .nav-link .scroll-nav {
	display: inline-block;
	margin-right: -5px;
}
.offcanvas-nav .nav-link ul {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin-left: 10px;
}
.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 {
	border-top: 1px solid #dcdcdc;
	margin: 18px -40px;
	padding-top: 18px; 
}
.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;
}
.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-posts .post {
	display: block;
	text-transform: none;
	padding: 20px 75px 20px 40px;
	color: #757575;
	border-bottom: 1px solid #dcdcdc;
}
.offcanvas-posts .post:last-child {
	border-bottom: none; 
}
.offcanvas-posts .post:hover {
	opacity: 1;
	color: #757575;
	background-color: #f1f1f1;
}
.offcanvas-posts .post span {
	display: block;
	font-size: 14px;
	margin-top: 10px;
	line-height: 1.5;
}
.offcanvas-instagram {
	padding-top: 15px; 
	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;
}
.offcanvas-instagram .instgr-row a img {
	display: block;
}
.offcanvas-instagram .instgr-row a:first-child {
	margin-left: 0;
}
.offcanvas-instagram .instgr-row a:hover {
	opacity: 1;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
}
.offcanvas-instagram .instgr-row a:focus {
	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;
	}
	.offcanvas-nav .top-bar {
		margin-bottom: 30px;
	}
	.offcanvas-nav .search-box.open {
		max-width: 195px;
	}
	.offcanvas-logo {
		margin-bottom: 15px;
	}
	.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 > i {
		display: none;
	}
	.offcanvas-nav .btn,
	.offcanvas-nav .btn.icon-left {
		font-size: 13px;
		font-weight: 600;
		padding-left: 12px; 
		padding-right: 12px; 
	}
	.offcanvas-nav .nav-head a.nav-link {
		font-size: 13px;
		font-weight: normal;
		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;
	}
}
@media screen and (max-height: 500px) {
	.offcanvas-nav .top-bar {
		margin-bottom: 15px; 
	}
	.offcanvas-logo {
		display: none;
	}
}


/** 11.FULLWIDTH BACKGROUNDS
*************************************/

.fw-bg {
	position: relative;
	width: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.fw-bg.no-padding {
	padding-top: 0 !important; 
}
.fw-bg.bg-align-bottom {
	background-position: center bottom;
}
.fw-bg.bg-align-top {
	background-position: center top;
}
.fw-bg.partial-overlay:before {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 45%;
	-webkit-box-shadow: 4px 0px 7px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 0px 7px 0px rgba(0,0,0,0.2);
	box-shadow: 4px 0px 7px 0px rgba(0,0,0,0.2);
}
.fw-bg.top-shadow {
	-webkit-box-shadow: 0px -6px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px -6px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px -6px 10px 0px rgba(0,0,0,0.25);
}
.fw-bg.bottom-shadow {
	-webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
}
.fw-bg.top-inner-shadow {
	-webkit-box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.25);
}
.fw-bg.bottom-inner-shadow {
	-webkit-box-shadow: inset 0px -6px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px -6px 10px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px -6px 10px 0px rgba(0,0,0,0.25);
}
@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;
	-webkit-box-shadow: -4px 0px 7px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: -4px 0px 7px 0px rgba(0,0,0,0.15);
	box-shadow: -4px 0px 7px 0px rgba(0,0,0,0.15);
}
.fw-gray-bg,
.fw-white-bg {
	position: relative;
	width: 100%;
	background-color: #f5f5f5;
}
.fw-white-bg {
	background-color: #fff;
}

.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: 8px 0;
}
.nav-tabs > li > a,
.nav-filters > li > a {
	position: relative;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 0;
	padding: 6px 9px;
	opacity: .5;
}
.nav-tabs > li > a:after,
.nav-filters > li > a:after {
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0px;
	content: "";
	width: 0px;
	height: 2px;
	background-color: #008fed;
	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: #008fed;
}
.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;
}

/* Alternative display */
.nav-tabs.alt-tabs {
	display: inline-block;
	padding: 0;
	margin-bottom: 24px; 
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
}
.nav-tabs.alt-tabs:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
.nav-tabs.alt-tabs li {
	float: left;
	margin: 0;
}
.nav-tabs.alt-tabs li a {
	display: block;
	padding: 15px;
	text-align: center;
	font-weight: normal;
	opacity: 1;
	color: #757575;
	margin: 0;
}
.nav-tabs.alt-tabs li.active a {
	color: #757575;
	background-color: #e6e6e6;
}
.nav-tabs.alt-tabs li a:after {
	display: none;
}
.nav-tabs.alt-tabs.nav-vertical li {
	float: none;
	display: 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.alt-tabs.nav-vertical > li {
		margin: 0;
	}
	.gallery .nav-tabs.alt-tabs {
		display: table;
		margin-left: auto;
		margin-right: auto;  
	}
	.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: 20px 15px 0 20px;*/
	margin-left:230px;
}
.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 .tablet .reflection {
	position: absolute;
	z-index: 9;
	display: block;
	top: 0;
	left: 0;
}
.feature-tabs .phone {
	position: absolute;
	z-index: 10;
	bottom: -0.4%;
	right: -2.7%;
	width: 27%;
	max-width: 290px;
	overflow: hidden;
}
.feature-tabs .nav-tabs {
	text-align: center;
	margin: 70px 0 25px 0;
	padding: 0;
}
.feature-tabs .nav-tabs > li {
	margin: 3px 12px;
}
.feature-tabs .nav-tabs > li > a > i {
	color: #96cb4b;
	font-size: 50px;
}
.feature-tabs .nav-tabs > li > a:after {
	display: none;
}
.feature-tabs .tab-pane h3 {
	font-weight: normal;
}
.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: 5%;
	left: 9.6%;
	right: 9.1%;
}
.devices .phone .mask {
	top: 8%;
	left: 5.8%;
	right: 5.5%;
}
.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: 0;
	}
	.feature-tabs .nav-tabs > li {
		margin: 3px 10px;
	}
	.feature-tabs .nav-tabs > li > a > i {
		font-size: 43px;
	}
	.feature-tabs .devices {
		margin-top: 40px;
	}
}
@media screen and (max-width: 1050px) {
	.feature-tabs {
		padding: 10px 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: 0;
	}
	.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: 991px) {
	.feature-tabs {
		padding-top: 20px;
	}
}


/** 14.MODAL
**********************************/

.modal.fade {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.5s, visibility 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, visibility 0.5s, opacity 0.5s;
	transition: transform 0.5s, visibility 0.5, opacity 0.5s;
	-webkit-backface-visibility:hidden;

}
.modal.fade .modal-dialog {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.modal.fade.in {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.modal-dialog {
	width: 100%;
	max-width: 580px;
	padding: 40px 0 30px 0;
	margin: 140px auto 50px auto;
	background-color: #fff;
	-webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.4);
}
@media screen and (max-width: 991px) {
	.modal-dialog {
		margin-top: 95px;
	}
}
.modal-backdrop {
	opacity: 0 !important;
}
.modal-title {
	font-size: 24px;
	font-weight: 300;
}
.modal-form {
	width: 100%;
	max-width: 380px;
	padding: 0 15px;
	margin: auto;
}
.modal-buttons {
	margin: 35px -18px 0 -18px;
}
.modal-buttons .btn {
	padding-left: 18px;
	padding-right: 18px;
}
.modal-dialog .btn-default,
.modal-dialog .btn-default:hover,
.modal-dialog .btn-default:focus {
	color: #757575 !important;
}
.modal-buttons .btn-flat {
	margin-right: 0px; 
}
.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;
}
.icon-block h3 {
	font-size: 18px;
	font-weight: 600;
}
a.icon-block {
	text-decoration: none;
}
@media screen and (max-width: 768px) {
	.icon-block {
		margin-bottom: 30px;
	}
}
.icon-block .icon {
	display: block;
	color: #96cb4b;
	text-align: center;
	margin-bottom: 28px;
}
.icon-block .icon i {
	font-size: 48px;
}
.icon-block .icon.icon-bigger i {
	font-size: 72px;
}
.icon-block .icon img {
	display: inline-block;
	width: 100%;
	max-width: 180px;
}
.icon-block .text {
	color: #757575;
	text-align: center;
}
.light-color .icon-block .text,
.light-color.icon-block .text {
	color: #fff;
}
.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;
}
.icon-block-horizontal.icon-block .icon i {
	line-height: 0.5;
}
.intro .icon-block-horizontal.icon-block .icon {
	padding: 0 15px;
}
.icon-block-horizontal.icon-block .icon.va-middle {
	vertical-align: middle;
	line-height: 1;
}
.icon-block-horizontal.icon-block .text {
	display: table-cell;
	vertical-align: top;
	text-align: left;
}
.icon-block.box-float {
	padding-top: 10px;
}
.icon-block.box-float .text {
	padding: 10px 15px 0 0;
}
.appica-versions .icon-block {
	text-transform: none;
	color: #757575;
}
.appica-versions .icon-block:hover {
	opacity: 1;
}
.appica-versions .icon-block h3 {
	font-size: 24px;
	font-weight: 300;
}
@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;
	}
}
@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;
}
.light-color .icon-block .icon,
.icon-block.light-color .icon {
	color: #fff;
}
.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: #008fed;
	margin: 0 1px 6px 1px;
}
.app-gallery .item a:hover {
	opacity: 1;
}
@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,
	.gallery .nav-tabs.alt-tabs {
		text-align: center !important;
	}
	.gallery .nav-tabs > li {
		margin-right: 9px;
		margin-left: 9px;
	}
}


/** 17.GALLERY
**********************************/

.gallery-item,
.gallery-item figure,
.gallery-item figure img {
	position: relative;
	display: block;
	text-transform: none;
}
.gallery-item {
	margin-bottom: 30px;
}
.gallery-item:hover,
.gallery-item:focus {
	opacity: 1;
}
.gallery-item:hover {
	-webkit-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.22);
	-moz-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.22);
	box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.22);
}
.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: "\e039";
}
.gallery-item.video-item:before {
	content: "\e100";
}
.gallery-item figcaption {
	display: block;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0px;
	padding: 26px 15px 15px 20px;
	text-align: left;
	margin-top: 0;
	overflow: hidden;
	background-color: #fff;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s;
					transition: all .3s;
}
.gallery-item figcaption h3 {
	color: #96cb4b;
	font-weight: 300;
	margin-bottom: 8px;
}
.gallery-item figcaption p {
	font-weight: 300;
	color: #757575;
	font-size: 14px;
}
.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: 0.8;
}
@media screen and (max-width: 1200px) {
	.gallery-item figcaption p {
		font-weight: normal;
		font-size: 13px;
	}
}
@media screen and (max-width: 991px) {
	.gallery-item:before {
		left: 2%;
	}
	.gallery-item figcaption {
		width: 75%;
		padding: 15px;
	}
	.gallery-item figcaption h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.gallery-item figcaption p {
		font-size: 12px;
	}
}
@media screen and (max-width: 768px) {
	.gallery-item:before {
		left: 7.8%;
	}
	.gallery-item figcaption {
		width: 70%;
		padding: 26px 15px 15px 20px;
	}
	.gallery-item figcaption h3 {
		font-size: 24px;
		margin-bottom: 8px;
	}
	.gallery-item figcaption p {
		font-size: 14px;
	}
}
@media screen and (max-width: 680px) {
	.gallery-item:before {
		left: 2%;
	}
	.gallery-item figcaption {
		width: 75%;
		padding: 15px;
	}
	.gallery-item figcaption h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.gallery-item figcaption p {
		font-size: 12px;
	}
}
@media screen and (max-width: 500px) {
	.gallery-item:before {
		left: 7.8%;
	}
	.gallery-item figcaption {
		width: 70%;
		padding: 26px 15px 15px 20px;
	}
	.gallery-item figcaption h3 {
		font-size: 24px;
		margin-bottom: 8px;
	}
	.gallery-item figcaption p {
		font-size: 14px;
	}
}
@media screen and (max-width: 360px) {
	.gallery-item:before {
		left: 2%;
	}
	.gallery-item figcaption {
		width: 75%;
		padding: 15px;
	}
	.gallery-item figcaption h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.gallery-item figcaption p {
		font-size: 12px;
	}
}


/** 18.DOWNLOAD ITEMS
**********************************/

.download-item {
	display: block;
	background-color: #fff;
	text-transform: none;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	margin-bottom: 30px;
}
.download-item:hover {
	-webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.2);
}
.download-item:hover,
.download-item:focus {
	opacity: 1;
}
.download-item figure,
.download-item figure img,
.download-item figcaption {
	text-align: left;
	display: block;
}
.download-item figure {
	position: relative;
	text-align: center;
}
.download-item figure i {
	display: block;
	width: 100%;
	font-size: 130px;
	color: #008fed;
	padding: 16px 15px;
	opacity: .5;
	-webkit-transition: opacity .3s;
					transition: opacity .3s;
}
.download-item figcaption {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	text-align: left;
	top: 0;
	left: 0;
	padding: 26px 24px;  
	margin-top: 0;
	opacity: 0;
	-webkit-transition: opacity .3s;
					transition: opacity .3s;
}
.download-item:hover figcaption,
.download-item:hover figure i {
	opacity: 1;
}
.download-item footer {
	position: relative;
	padding: 12px 40px 12px 22px;
}
.download-item footer:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
.download-item footer:before {
	display: block;
	position: absolute;
	font-family: "Flaticon";
	content: "\e153";
	color: #96cb4b;
	font-size: 22px;
	top: 15px;
	right: 15px;
}
.download-item footer h3 {
	display: block;
	float: left;
	width: 85%;
	font-size: 16px;
	color: #96cb4b;
	padding-top: 4px; 
	margin-bottom: 0; 
}
.download-item footer i {
	display: block;
	float: left;
	width: 15%;
	vertical-align: middle;
	font-size: 29px;
	color: #008fed;
	padding-right: 20px;
}
@media screen and (max-width: 1200px) {
	.download-item figcaption p {
		font-size: 14px;
	}
	.download-item figure i {
		font-size: 110px;
		padding: 11px 15px;
	}
}
@media screen and (max-width: 991px) {
	.download-item figcaption p {
		font-size: 16px;
	}
	.download-item figure i {
		font-size: 130px;
		padding: 16px 15px;
	}
}
@media screen and (max-width: 400px) {
	.download-item figcaption p {
		font-size: 14px;
	}
}



/** 19.NEWS
**********************************/

.news-block {
	border-right: 1px solid #96cb4b;
	padding: 10px 40px 10px 0;
	margin-bottom: 45px;
}
.news-block a h3 {
	color: #96cb4b;
	text-transform: none;
	-webkit-transition: opacity .3s;
					transition: opacity .3s;
}
.news-block a:hover h3 {
	opacity: .6;
}
.news-block span	{
	display: block;
	font-size: 14px;
	margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
	.news-block {
		padding-right: 30px;
	}
}


/** 20.SCROLLER
**********************************/

.scroller {
	overflow: hidden;
	white-space: nowrap;
}
.scroller .item {
	display: inline-block;
}


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


/** 22.VIDEO BLOCK
**********************************/

.video-block {
	padding: 150px 0;
	text-align: center;
}
.video-block a {
	display: inline-block;
	color: #fff;
	font-weight: 300;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.video-block a:focus {
	opacity: 1;
}
.video-block a:hover {
	opacity: 1;
	text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
}
.video-block a > i {
	display: block;
	font-size: 54px;
	margin: 0 auto 22px auto;
}
@media screen and (max-width: 768px) {
	.video-block {
		padding: 110px 0;
	}
}


/** 23.TWITTER FEED
**********************************/

.twitter-feed .tweet {
	font-size: 14px;
	margin: 40px 0;
}
.twitter-feed .tweet-float {
	position: relative;
	margin: 24px 0;
	padding: 22px 24px;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
}
.twitter-feed .tweet a {
	text-transform: none;
	color: #999;
	font-weight: 600;
}
.twitter-feed .tweet a:hover {
	color: #008fed;
	opacity: 1;
}
.twitter-feed .tweet .author {
	color: #c4c4c4;
	font-weight: normal;
	display: block;
	margin-bottom: 18px;
	font-weight: normal;
}
.twitter-feed .tweet p {
	color: #999;
	font-size: 14px;
}
.twitter-feed .tweet-float p {
	margin-bottom: 0;
}
.twitter-feed .tweet-float:before {
	display: block;
	position: absolute;
	font-family: 'brand-icons';
	content: "\e807";
	color: #008fed;
	font-size: 19px;
	top: 16px;
	right: 25px;
	opacity: .25;
	-webkit-transition: opacity .3s;
					transition: opacity .3s;
}
.twitter-feed .tweet-float:hover:before {
	opacity: .55;
}


/** 24.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;
	font-weight: 300;
}
.press-review p {
	font-size: 14px;
	line-height: 1.58;
	margin-bottom: 0;
}


/** 25.TEAM / TEAM GRID
**********************************/

.team-member {
	text-align: center;
}
.team-member h3 {
	font-weight: 300;
}
.team-member span {
	display: block;
	color: #999;
	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 {
	font-weight: 300;
	color: #3a3a3a;
	margin-bottom: 12px;
}
.team-grid .item span {
	font-size: 14px;
	color: #999;
}
.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:hover,
.twitter-tile:hover {
	opacity: 1;
}
.facebook-tile {
	background-color: #007aff;
}
.twitter-tile {
	background-color: #5ac8fb;
}
.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 {
	color: #fff !important;
	display: block;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	margin-top: 26px;
}
.facebook-tile h3 span {
	color: #5ac8fd !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 {
	color: #fff !important;
	text-transform: none;
	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;
	}
}


/** 26.PRICING PLANS
**********************************/

.pricing-plan-switcher .label {
	display: inline-block;
	vertical-align: middle;
	font-weight: 300;
	margin-top: -3px;
	line-height:  60px;
}
.pricing-plan-switcher span {
	font-size: 12px;
	font-weight: 300;
	display: block;
	margin-top: -3px;
}
.pricing-plan-switcher .radio-inline {
	font-size: 15px;
}
.pricing-plan {
	width: 100%;
	max-width: 400px;
	text-align: center;
	border-radius: 3px;
	padding: 40px 25px;
	margin: 0 auto 40px auto;
}
.pricing-plan .icon {
	color: #008fed;
	margin-bottom: 20px;
}
.light-color .pricing-plan .icon,
.light-color.pricing-plan .icon {
	color: #fff;
}
.pricing-plan .icon i {
	font-size: 56px;
}
.pricing-plan-title {
	position: relative;
	display: inline-block;
	font-weight: 300;
	font-size: 60px;
	white-space: nowrap;
	padding: 22px 0; 
	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;
}
.pricing-plan-description {
	list-style: none;
	padding: 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5
}
.pricing-plan .btn {
	display: block;
	max-width: 170px;
	margin: 0 auto 30px auto;
}
.pricing-plan.pricing-plan-float {
	color: #757575;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
}
.pricing-plan.pricing-plan-float .icon {
	color: #008fed;
}
.pricing-plan.pricing-plan-primary {
	background-color: #008fed;
}
.pricing-plan.pricing-plan-success {
	background-color: #96cb4b;
}
.pricing-plan.pricing-plan-info {
	background-color: #4b62ff;
}
.pricing-plan.pricing-plan-warning {
	background-color: #ff6d00;
}
.pricing-plan.pricing-plan-danger {
	background-color: #e91e63;
}
.pricing-plan.pricing-plan-primary,
.pricing-plan.pricing-plan-success,
.pricing-plan.pricing-plan-info,
.pricing-plan.pricing-plan-warning,
.pricing-plan.pricing-plan-danger,
.pricing-plan.pricing-plan-primary .icon,
.pricing-plan.pricing-plan-success .icon,
.pricing-plan.pricing-plan-info .icon
.pricing-plan.pricing-plan-warning .icon,
.pricing-plan.pricing-plan-danger .icon {
	color: #fff;
}


/** 27.BLOG/PRESS (POSTS)
**********************************/

.post-tile {
	position: relative;
	width: 100%;
	background-color: #fff;
	margin-bottom: 30px;
	border-radius: 0 0 3px 3px;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	-webkit-transition: .3s;
					transition: .3s;
}
.post-tile:before {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 6px;
	top: 0;
	left: 0;
	-webkit-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.06);
	-moz-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.06);
	box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.06);
	-webkit-transition: .3s;
					transition: .3s;
}
.post-tile:hover {
	-webkit-box-shadow: 0px 13px 13px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 13px 13px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 13px 13px 1px rgba(0,0,0,0.2);
}
.post-tile:hover:before {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
.post-thumb {
	position: relative;
	display: block;
}
.post-thumb img {
	display: block;
}
.post-thumb:hover,
.post-thumb:focus {
	opacity: 1 !important;
}
.post-title {
	padding: 45px 22px 15px 22px; 
}
.non-visible {
	visibility: hidden !important;
	opacity: 0 !important;
}
.post-title img,
.post-title .img {
	display: block;
	margin: 0 auto 5px auto;
}
.post-title a {
	text-transform: none;
	color: #96cb4b;
}
.post-title h2, 
.post-title h3 {
	font-size: 24px;
	font-weight: normal;
	color: #96cb4b;
	margin-bottom: 12px;
	line-height: 1.5;
	opacity: 1;
	-webkit-transition: opacity .3s;
					transition: opacity .3s;
}
.post-title a:hover h2,
.post-title a:hover h3 {
	opacity: 0.55;
}
.post-title span,
.post-title p {
	display: block;
	font-size: 14px;
	color: #757575;
	margin-bottom: 25px;
}
.post-meta {
	position: relative;
	z-index: 2;
	display: table;
	width: 100%;
	line-height: 2;
	font-size: 12px;
	color: #999;
	padding: 12px 22px;
	background-color: #fafafa;
	border-top: 1px solid #eaeaea;
	border-radius: 0 0 3px 3px;
}
.post-meta .column {
	width: auto;
	display: table-cell;
	vertical-align: middle;
}
.post-meta a {
	text-transform: none;
}
.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;
	-webkit-transition: .3s;
					transition: .3s;
}
.post-meta .comment-count i {
	vertical-align: middle;
	font-size: 18px;
	color: #afafaf;
	margin-right: 7px;
	-webkit-transition: .3s;
					transition: .3s;
}
.post-meta .comment-count:hover,
.post-meta .comment-count:hover i {
	opacity: 1 !important;
	color: #008fed;
}
.post-meta.last-child {
	margin-top: -1px;
	z-index: 1;
	border: none;
	padding-bottom: 30px;
	border-radius: 0px; 
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
}
.scroller.posts .item {
	margin-right: 30px;
}
.scroller .item .post-tile {
	margin-bottom: 8px;
}
.scroller .post-tile {
	border-radius: 0;
}
.scroller .post-tile:hover {
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.15);
}
.single-post .inner,
.comments {
	padding: 30px 40px 0 40px;
}
.comments {
	padding-bottom: 10px;
}
.single-post .post-meta {
	font-size: 14px;
	padding: 12px 40px;
}
@media screen and (max-width: 991px) {
	.scroller.posts .item {
		max-width: 320px
	}
	.single-post .inner,
	.comments {
		padding: 30px 25px 0 25px;
	}
	.comments {
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 768px) {
	.scroller.posts .item {
		max-width: 280px;
	}
	.single-post .inner,
	.comments {
		padding: 30px 30px 0 30px;
	}
	.comments {
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 530px) {
	.post-meta .social-buttons a {
		margin: 5px 0 10px 7px;
	}
	.post-meta .comment-count {
		margin-right: 9px !important;
	}
	.single-post .inner,
	.comments {
		padding: 30px 20px 0 20px;
	}
	.comments {
		padding-bottom: 20px;
	}
}
@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;
	}
	.single-post,
	.comments {
		margin-left: -15px;
		margin-right: -15px; 
	}
	.single-post .inner,
	.comments {
		padding: 30px 15px 0 15px;
	}
	.comments {
		padding-bottom: 15px;
	}
}

/* Tile Variations */
.tile-image-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.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;
}
.tile-image-bg .post-title a h3,
.tile-solid-bg .post-title a h3,
.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;
}
.post-tile.press,
.post-tile.press .post-meta {
	border-radius: 0px;
}
.post-tile.press .post-meta,
.post-tile.tile-image-bg .post-meta,
.post-tile.tile-solid-bg .post-meta {
	background: none;
	border: none;
}

/* 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 #008fed;
	margin-bottom: 3px;
}

/* Featured Posts */
.featured-post {
	position: relative;
	display: block;
	padding: 20px 15px 22px 12px;
	color: #fff;
	text-transform: none;
	-webkit-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.15);
	box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.15);
}
.featured-post:first-child {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.featured-post:hover,
.featured-post:focus {
	opacity: 1;
	color: #fff;
}
.featured-post h3 {
	font-size: 18px;
	margin-bottom: 10px;
}
.featured-post p {
	margin-bottom: 0;
	font-size: 14px;
}
.featured-post .content {
	position: relative;
	z-index: 2;
}
.featured-post.bg-primary {
	background-color: #008fed;
}
.featured-post.bg-success {
	background-color: #96cb4b;
}
.featured-post.bg-info {
	background-color: #4b62ff;
}
.featured-post.bg-warning {
	background-color: #ff6d00;
}
.featured-post.bg-danger {
	background-color: #e91e63;
}
.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)  
}


/** 28.PAGINATION
**********************************/

.pagination {
	position: relative;
	width: 100%;
	text-align: center;
}
.pagination .controls {
	position: absolute;
	font-size: 14px;
	top: 50%;
	right: 0; 
	margin-top: -9px;
}
.pagination .controls a {
	margin-left: 20px;
}
.page-slider {
	display: inline-block;
	position: relative;
}
.page-slider:before,
.page-slider:after,
.page-slider .slider:before,
.page-slider span:before,
.page-slider span:after {
	position: absolute;
	z-index: 1;
	display: block;
	content: "";
	width: 2px;
	height: 2px;
	background-color: #000;
	top: 7px;
}
.page-slider:before {
	left: 0;
}
.page-slider:after {
	right: 0;
}
.page-slider .slider:before {
	left: 50%;
}
.page-slider span:before {
	left: 25%;
}
.page-slider span:after {
	right: 25%;
}
.page-slider .tooltip {
	width: 36px;
	height: 36px;
	background-color: #008fed;
	border-radius: 50%;
  line-height: 1;
  margin-top: -47px !important;
  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;
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  background-color: transparent;
  border-radius: 0px;
}
.page-slider .tooltip.top .tooltip-arrow {
	margin-left: -12px;
	margin-bottom: -7px;
  border-width: 12px 12px 0;
  border-top-color: #008fed;
}
.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 {
		margin-bottom: 45px;
	}
	.pagination .controls {
		position: relative;
		text-align: center;
	}
	.pagination .controls a:first-child {
		margin-left: 0;
	}
}
@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: 2px;
  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 {
	z-index: 2;
  margin-left: -4px;
  margin-top: -4px;
}
.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: 0px;
  background-color: rgba(0,143,237, 0.25); 
}
.slider-selection {
  position: absolute;
  border-radius: 0px;
  background-color: #008fed;
}
.slider-handle {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #008fed;
  border-radius: 50%;
}


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


/** 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 {
	text-transform: none;
	display: inline-block;
	vertical-align: middle;
}
.comment .comment-meta span {
	color: #999;
}
.comment .comment-meta .author .ava {
	margin-right: 18px;
}
.comment .comment-meta .author .ava:hover,
.comment .comment-meta .author .ava:focus {
	opacity: 1;
}
.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: "\e11d";
	font-size: 19px;
	margin-left: 5px;
	line-height: 0;
}
@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: #008fed;
	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;
	color: #3a3a3a;
	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: #008fed;
}
.bar-charts .chart.chart-success .bar {
	background-color: #96cb4b;
}
.bar-charts .chart.chart-info .bar {
	background-color: #4b62ff;
}
.bar-charts .chart.chart-warning .bar {
	background-color: #ff6d00;
}
.bar-charts .chart.chart-danger .bar {
	background-color: #e91e63;
}
.bar-charts .chart h3 {
	font-weight: 300;
	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: 543px;
}
.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;
	font-weight: 300;
	opacity: 1;
	padding-left: 0px;
	padding-right: 0px;
}
.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 {
	
	left: 0;
	bottom: 0;
}
.footer-head-wrap {
	width: 100%;
	max-width: 370px;
	margin: auto;
}
.footer-head {
	position: relative;
	display: block;
	width: 100%;
	padding: 6px;
	margin-left: -15px;
	text-transform: none;
	color: #757575;
	background-color: #fafafa;
	border-radius: 3px;
}
.footer-head:hover,
.footer-head:focus {
	color: #757575;
	opacity: 1;
}
.footer-head:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
.footer-head:before {
	position: absolute;
	display: block;
	font-family: "Flaticon";
	content: "\e153";
	color: #96cb4b;
	font-size: 16px;
	top: 22px;
	right: 6px;
}
.footer-head .logo,
.footer-head .info {
	float: left;
}
.footer-head .logo {
	width: 43.5%;
}
.footer-head .logo img {
	display: block;
}
.footer-head .info {
	width: 56.5%;
	padding-left: 23px;
}
.footer-head .info h1,
.footer-head .info h2,
.footer-head .info h3 {
	font-size: 16px;
	line-height: 1.2;
	font-weight: normal;
	color: #000;
	margin-top: 12px;
	margin-bottom: 8px;
}
.footer-head .info p {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 7px;
}
.footer .rating {
	display: inline-block;
	font-size: 12px;
	margin-right: 15px;
}
.footer .rating span {
	display: inline;
}
.footer .rating i {
	margin: 0 1px;
}
.footer .rating i:before {
	margin: 0;
}
.footer .rating span {
	color: #999;
	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: #999;
	margin-bottom: 30px;
}
.copyright a {
	color: #757575;
	text-transform: none;
}
.copyright a:hover,
.copyright a:focus {
	color: #008fed;
	opacity: 1;
}
.footer .gadget {
	position: relative;
	width: 370px;
	height: 192px;
	background-image: url('../img/footer/tablet.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 52px 19px 0 19px;
	margin: auto;
	overflow: hidden;
}
.footer .gadget:before {
	display: block;
	position: absolute;
	content: "";
	width: 370px;
	height: 192px;
	background-image: url('../img/footer/tablet-reflection.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	top: 0;
	left: 0;
}
.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: 1200px) {
	.footer-head {
		margin-left: 0;
	}
}
@media screen and (max-width: 768px) {
	.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;
	}
}
@media screen and (max-width: 440px) {
	.footer-head {
		padding: 30px 20px 25px 20px;
	}
	.footer-head .logo,
	.footer-head .info {
		width: 100%;
		float: none;
		padding: 0;
		text-align: center;
	}
	.footer-head .logo {
		max-width: 120px;
		margin: 0 auto 20px auto;
	}
}


/** 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: 90px;
	margin: 0 auto 25px auto;
}
#preloader .logo span {
	font-size: 30px;
	font-weight: 300;
	color: #999;
}
.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: #96cb4b;
  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: #999;
}
.icons-demo i {
	display: inline-block;
	font-size: 50px;
	margin: 12px 10px;
}
.tabs-demo .nav-tabs {
	padding-bottom: 0;
}
.tabs-demo .nav-tabs,
.tabs-demo .nav-tabs.nav-vertical {
	margin-bottom: 15px;
}
.filters-demo .nav-filters > li > a {
	padding: 9px;
}
@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;
	}
}



p.text {
  font-size: 16px;
  line-height: 26px;
  color: #757575;
}


.grayscale img
{
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.grayscale img:hover
{
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
	webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.zoom_img img
{
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 100%;
}

.zoom_img img:hover
{
	webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.development img
{
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.development img:hover
{
	webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}


.navbar .toolbar .active
{
	color:#60BDF7;
	font-weight:600;
}
	
	
.slideshow 
{ 
	height: 500px; 
	width: 350px;
	background:url(../img/portfolio/bg_portfolio.png) no-repeat; 
	list-style:none;
}
.slideshow img 
{   
	  height: 295px;
  width: 170px;
  margin-left: 127px;
  margin-top: 116px; 
}

.l_slideshow 
{ 
	height: 421px; 
	width: 720px;
	background:url(../img/portfolio/bg_landscape.png) no-repeat; 
	list-style:none;
}
.l_slideshow img 
{   
	  height: 237px;
  width: 460px;
  margin-left: 135px;
  margin-top: 83px; 
}