/* ==========================================================================
	Global Settings
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
/*
* Body settings, change it as required
*/

body {
	font-family: 'nexa', Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4;
}
/*
* Headings
*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'agneregular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	margin-top: 0px;
}
/*
* Paragraphs
*/

p {
	font-family: 'Lato';
	font-weight: normal;
	margin-top: 0px;
}
/*
* Links
*/

a {
	color: #2ba6cb;
	text-decoration: none;
	line-height: inherit;
}
a:hover {
	color: #2795b6;
	text-decoration: none;
}
a:focus {
	color: #2ba6cb;
	outline: none;
	text-decoration: none;
}
p a, p a:visited {
	line-height: inherit;
}
/*
* A better looking default horizontal rule
*/

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}
/*
* Remove default fieldset styles.
*/

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/

textarea {
	resize: vertical;
}
/* ==========================================================================
	Helper classes
========================================================================== */

/*
* Floats
*/

.left {
	float: left;
}
.right {
	float: right;
}
/*
* Text Alignment
*/

.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
/*
* Image Alignment
*/

img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
	display: inline;
}
img.alignright {
	float: right;
	margin: 0 0px 10px 10px;
	display: inline;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
/*
* Image replacement
*/

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
	display: none !important;
	visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
	visibility: hidden;
}
/*
* Clearfix: contain floats
*/

/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.group:after {
	content: "";
	display: table;
	clear: both;
}
/*
* overflow method for clearing floats
*/
.floatbox {
	overflow: hidden;
}
/*
* older method of adding empty tags for clearing
*/
.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}
/*
* Chromeframe
*/
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/*
* Other
*/


/* ==========================================================================
	Layout
========================================================================== */


/* Container ---------------------- */
#container {
	min-width: 320px;
	overflow-x: hidden;
}
/* Header ---------------------- */
#header {
	background: url(../images/header-bg.png) repeat;
	position: fixed;
	height: 90px;
	width: 100%;
	left: 0;
	top: 0;
	padding: 10px 0;
	z-index: 100;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	height: 100px;
}
#header .container {
	width: 100%;
}
#header.sticky {
	height: 80px;
	background: rgba(0,0,0,.8);
}
@media screen and (max-width:480px) {
#header {
	height: 80px;
	padding: 5px 0;
}
#header.sticky {
	height: 65px;
	padding: 2px 0;
}
}
/* Banner ---------------------- */
#banner {
	height: 1300px;
	position: relative;
	z-index: 25;
	display: table;
	width: 100%;
}
/* Main Navigation ---------------------- */
#main-navigation {
	float: right;
	padding-top: 35px;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	position: relative;
}
/* Content ---------------------- */
#content {
	padding: 70px 0;
}
body.home #content {
	padding: 0;
}
@media screen and (max-width:1024px) {
#content {
	padding: 40px 0;
}
}
@media screen and (max-width:767px) {
#content {
	padding: 20px 0;
}
}
/* Footer ---------------------- */
#footer {
	background: #272d35;
	text-align: center;
	padding: 20px 0;
	position: relative;
}
/* ==========================================================================
	Common Functionalities & UI Elements
========================================================================== */

p {
	font-size: 14px;
	line-height: 1.4;
}
/*--- Post ---*/
.post {
	position: relative;
}
.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td {
	margin: 0;
	padding: 0;
	font-size: 14px;
	direction: ltr;
}
.post p {
	font-family: 'Lato';
	font-weight: normal;
	color: #4b515b;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 25px;
}
.post p.lead {
	font-size: 17.5px;
	line-height: 1.6;
	margin-bottom: 17px;
}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	font-family: 'nexa', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #555252;
	text-rendering: optimizeLegibility;
	line-height: 1.1;
	margin-bottom: 14px;
}
.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small {
	font-size: 60%;
	color: #6f6f6f;
	line-height: 0;
}
.post h1 {
	font-size: 44px;
}
.post h2 {
	font-size: 36px;
	text-transform: uppercase;
	text-align: center;
	color: #000;
	margin-bottom: 80px;
}
.post h2 a {
	color: inherit;
}
.post h3 {
	font-size: 27px;
}
.post h4 {
	font-size: 23px;
}
.post h5 {
	font-size: 17px;
}
.post h6 {
	font-size: 14px;
}
.post code {
	font-weight: bold;
	background: #ffff99;
}
/* Post - Lists ---------------------- */
.post ul, .post ol, .post dl {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 17px;
	list-style-position: outside;
}
.post ul li ul, .post ul li ol {
	margin-left: 20px;
	margin-bottom: 0;
}
.post ol {
	margin-left: 20px;
}
.post ol li ul, .post ol li ol {
	margin-left: 20px;
	margin-bottom: 0;
}
/* Post - Blockquotes ---------------------- */
.post blockquote, .post blockquote p {
	line-height: 1.5;
	color: #6f6f6f;
}
.post blockquote {
	margin: 0 0 17px;
	padding: 9px 20px 0 19px;
	border-left: 1px solid #ddd;
}
.post blockquote cite {
	display: block;
	font-size: 13px;
	color: #555555;
}
.post blockquote cite:before {
	content: "\2014 \0020";
}
.post blockquote cite a, .post blockquote cite a:visited {
	color: #555555;
}
.post .figure {
	position: relative;
}
.post .figure img {
	width: 100%;
}
.post .figure .link {
	background: rgba(153,255,0,.75) url(../images/link-icon.png) no-repeat center center;
	position: absolute;
	display: none;
	height: 47px;
	width: 47px;
	border-radius: 50%;
	left: 50%;
	margin-left: -24px;
	top: 50%;
	margin-top: -24px;
}
.post .figure:hover .link {
	display: block;
}
.post .metadata {
	margin-bottom: 70px;
}
.post .metadata ul {
	margin: 0;
	padding: 0;
	float: left;
}
.post .metadata ul li {
	list-style: none;
	float: left;
	padding: 8px 50px;
	font-family: "Segoe UI";
	font-size: 24px;
	line-height: 1;
	color: #fff;
	margin-left: 1px;
	background: #4414cc;
}
.post .metadata ul li:first-child {
	background: #434343;
}
.post .metadata span.date {
	font-family: 'Open Sans';
	background: #4414cc;
	line-height: 1;
	padding: 8px 10px;
	float: right;
	font-size: 24px;
	color: #fff;
}
.post .metadata span.date strong {
	font-size: 18px;
	display: block;
}
.post .camera {
	float: right;
	width: 45px;
	height: 40px;
	background: #ebebeb;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
}
.read-more {
	font-size: 14px;
	line-height: 1;
	color: #4b515b;
	font-weight: 300;
	background: url(../images/read-more-bg.png) no-repeat right center;
	padding-right: 25px;
	display: inline-block;
}
/*--- pagination ---*/
.pagination {
	float: right;
	margin: 0;
}
.pagination .previous-btn {
	background: #4414cc url(../images/previous-btn.png) no-repeat center center;
	width: 81px;
	height: 47px;
	display: block;
}
/*--- blog post ---*/
#blog .post {
	margin-bottom: 30px;
}
#blog .post h2 {
	font-size: 17px;
	color: #555252;
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 2px solid #ebebeb;
	padding-bottom: 12px;
}
#blog .post .content {
	position: relative;
	padding-top: 15px;
}
#blog .post .metadata {
	position: absolute;
	top: -29px;
	right: 0;
}
#blog .post .metadata ul {
	float: right;
}
#blog .post .metadata ul li {
	font-size: 12px;
	padding: 8px 10px;
}
#blog .post .metadata span.date {
	position: absolute;
	right: 0;
	top: 29px;
	font-size: 12px;
}
#blog .post .camera {
	position: absolute;
	right: 42px;
	top: 0;
	height: 46px;
	line-height: 46px;
}
 @media screen and (max-width:992px) {
#blog .post h2 {
	font-size: 15px;
}
}
@media screen and (max-width:640px) {
#blog .post h2 {
	padding-bottom: 8px;
}
#blog .post .camera {
	height: 40px;
	line-height: 40px;
}
}
@media screen and (max-width:480px) {
#blog .post h2 {
	font-size: 12px;
	padding-bottom: 12px;
}
#blog .post p {
	font-size: 13px;
	line-height: 18px;
}
}
 @media screen and (max-width:1200px) {
.post h2 {
	font-size: 30px;
	margin-bottom: 60px;
}
.pagination .previous-btn {
	width: 60px;
	height: 40px;
	background-size: cover;
}
.post .metadata {
	margin-bottom: 50px;
}
.post .metadata ul li {
	font-size: 20px;
	padding: 8px 30px;
}
.post .metadata span.date {
	font-size: 20px;
}
.post .camera {
	height: 36px;
	line-height: 36px;
}
}
@media screen and (max-width:992px) {
.post h2 {
	font-size: 24px;
	margin-bottom: 20px;
}
.pagination .previous-btn {
	width: 40px;
	height: 30px;
}
.post .metadata {
	margin-bottom: 30px;
}
.post .metadata ul li {
	font-size: 16px;
	padding: 8px 20px;
}
.post .metadata span.date {
	font-size: 16px;
}
.post .camera {
	height: 30px;
	line-height: 30px;
}
}
@media screen and (max-width:767px) {
#header.sticky #main-navigation ul li a {
	color: hsl(256, 89%, 32%);
}
.post .metadata {
	margin-bottom: 20px;
}
.post .metadata ul li {
	font-size: 14px;
	padding: 8px 10px;
}
.post .metadata span.date {
	font-size: 14px;
}
}
@media screen and (max-width:640px) {
#header.sticky #main-navigation ul li a {
	color: hsl(256, 89%, 32%);
}
.pagination {
	float: none;
	margin-bottom: 10px;
}
.post .metadata span.date {
	float: none;
	position: relative;
	top: 8px;
	padding: 5px 10px;
}
.post .camera {
	float: left;
}
.post .metadata ul {
	float: none;
	margin-bottom: 10px;
}
}
/*--- logo ---*/
#header .logo {
	float: left;
	width: 250px;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#header .logo h1 {
	margin: 0;
}
#header.sticky .logo {
	width: 200px;
}
 @media screen and (max-width:380px) {
#header .logo {
	width: 225px;
}
}
/*--- main-navigation ---*/
#main-navigation ul {
	margin: 0;
	padding: 0;
	float: right;
}
#main-navigation ul li {
	list-style: none;
	float: left;
	margin-left: 30px;
}
#main-navigation ul li:first-child {
	margin-left: 0;
}
#main-navigation ul li a {
	font-size: 18px;
	line-height: 1;
	color: #2f099b;
	display: block;
	font-weight: 300;
	text-transform: uppercase;
}
#main-navigation .menu-btn {
	display: none;
	position: absolute;
	right: 0;
	top: 20px;
	border: 0;
	background: #1b0067;
	width: 45px;
	height: 35px;
	border-radius: 5px;
	padding: 5px;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#main-navigation .menu-btn span.line {
	background: #fff;
	height: 4px;
	margin-bottom: 4px;
	width: 35px;
	display: block;
}
#main-navigation .menu-btn span.line:last-child {
	margin-bottom: 0;
}
#header.sticky #main-navigation {
	padding-top: 25px;
}
#header.sticky #main-navigation ul li a {
	color: #fff;
}
#header.sticky #main-navigation .menu-btn {
	top: 15px;
}
 @media screen and (max-width:1400px) {
#main-navigation ul li {
	margin-left: 15px;
}
#main-navigation ul li a {
	font-size: 16px;
}
}
@media screen and (max-width:1200px) {
#main-navigation ul li {
	margin-left: 10px;
}
#main-navigation ul li a {
	font-size: 12px;
}
}
@media screen and (min-width:993px) {
#main-navigation ul {
	display: block !important;
}
}
@media screen and (max-width:992px) {
#main-navigation .menu-btn {
	display: block;
}
#main-navigation {
	padding-top: 65px;
	width: 60%;
}
#main-navigation ul {
	display: none;
	background: #fff;
	padding: 10px;
	position: absolute;
	width: 100%;
	right: 0;
	top: 60px;
}
#main-navigation ul li {
	float: none;
	margin: 0 0 10px;
}
}
@media screen and (max-width:767px) {
#main-navigation {
	width: 100%;
}
#main-navigation .menu-btn {
	top: -50px;
}
#header.sticky #main-navigation {
	padding-top: 0;
}
#header.sticky #main-navigation .menu-btn {
	top: -45px;
}
#main-navigation ul {
	top: 0;
}
}
/*--- banner ---*/
#banner .description {
	height: inherit;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}
#banner .description h2 {
	font-family: 'nexa', Arial, Helvetica, sans-serif;
	font-size: 64px;
	color: #4414cc;
	display: inline-block;
	padding: 10px 10px 300px;
	margin: 0;
	position: relative;
}
#banner .prev-btn, #banner .next-btn {
	background: url(../images/prev-next-btn.png) no-repeat;
	width: 43px;
	height: 76px;
	position: absolute;
	top: 50%;
	margin-top: -38px;
	display: block;
	z-index: 10;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	opacity: 1;
}
#banner .prev-btn:hover, #banner .next-btn:hover {
	opacity: 0.7;
}
#banner .prev-btn {
	left: 0;
}
#banner .next-btn {
	right: 0;
	background-position: right bottom;
}
 @media screen and (max-width:1400px) {
#banner {
	height: 1100px;
}
}
@media screen and (max-width:1024px) {
#banner {
	height: 750px;
}
#banner .description h2 {
	font-size: 45px;
}
}
@media screen and (max-width:767px) {
#banner {
	height: 400px;
}
#banner .description h2 {
	font-size: 40px;
	padding-bottom: 0px;
}
}
@media screen and (max-width:640px) {
#banner .description h2 {
	font-size: 30px;
}
#banner .prev-btn, #banner .next-btn {
	width: 25px;
	height: 44px;
	margin-top: -22px;
	background-size: cover;
}
}
@media screen and (max-width:480px) {
#banner {
	height: 240px;
}
#banner .description h2 {
	font-size: 20px;
}
}
/*--- section ---*/
.section {
	padding: 60px 0;
	position: relative;
	margin-top: -80px;
	padding-top: 140px;
	background: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.section h2.heading1 {
	font-size: 52px;
	line-height: 1.4;
	position: relative;
	padding: 0 10px 30px;
	color: #3a334d;
	text-align: center;
	margin-bottom: 50px;
}
.section h2.heading1:after {
	position: absolute;
	content: "";/* background:url(../images/section-b2-bg1.png) no-repeat;*/
	width: 31px;
	height: 6px;
	bottom: -6px;
	left: 50%;
	margin-left: -15px;
}
.section h2.heading1 span {
	font-size: 18px;
	line-height: 1;
	display: block;
	color: #010101;
	padding-top: 10px;
}
.section.alt h2.heading1 {
	color: #fff;
}
.section.alt h2.heading1:after {
/*background-image: url(../images/section-b2-bg2.png);*/
}
.section.alt h2.heading1 span {
	color: #99ff00;
}
 @media screen and (max-width:992px) {
#header.sticky #main-navigation ul li a {
	color: hsl(256, 89%, 32%);
}
.section {
	padding: 120px 0 40px;
}
.section h2.heading1 {
	font-size: 40px;
}
}
@media screen and (max-width:767px) {
#header.sticky #main-navigation ul li a {
	color: hsl(256, 89%, 32%);
}
.section {
	padding: 110px 0 30px;
}
.section h2.heading1 {
	font-size: 36px;
	padding-bottom: 20px;
	margin-bottom: 25px;
}
.section h2.heading1 span {
	padding-top: 5px;
}
}
/*--- about ---*/
#about {
	padding-bottom: 0;
	z-index: 20;
}
#about .nav {
	text-align: center;
}
#about .nav li {
	float: none;
	display: inline-block;
	border: 0;
	margin: 0 100px;
}
#about .nav li a {
	border: 0;
	background: none;
}
#about .nav li a:hover {
	background: none;
}
#about .nav li .figure {
	background: url(../images/frame1.png) no-repeat top center;
	width: 159px;
	height: 184px;
	margin: 0 auto 10px;
	line-height: 184px;
	vertical-align: middle;
}
#about .nav li.active .figure {
	background-image: url(../images/frame2.png);
}
#about .nav li h4 {
	font-size: 30px;
	color: #5a6068;
	padding-bottom: 20px;
	background: url(../images/arrow1.png) no-repeat center bottom;
}
#about .nav li.active h4 {
	background-image: url(../images/arrow2.png);
	padding-bottom: 30px;
}
#about .tab-content {
	background: #6e7379;
	padding: 20px 0;
	border: 0;
}
#about .tab-content p {
	font-size: 16px;
	color: #fff;
	line-height: 1.2;
	margin-bottom: 0;
}
.tab-content {
	padding: 20px 0;
}
.tab-content p {
	font-size: 16px;
}
.nav-tabs {
	border: 0;
}
 @media screen and (max-width:1200px) {
#about .nav li {
	margin: 0 50px;
}
}
@media screen and (max-width:992px) {
#about .nav li h4 {
	font-size: 24px;
}
#about .nav li {
	margin: 0 30px;
}
}
@media screen and (max-width:767px) {
#about .nav li {
	margin: 0 10px;
}
#header.sticky #main-navigation ul li a {
	color: hsl(256, 89%, 32%);
}
}
@media screen and (max-width:640px) {
#about .nav li .figure {
	width: 80px;
	height: 93px;
	background-size: cover;
	line-height: 93px;
}
#about .nav li .figure img {
	width: 50%;
}
#about .nav li h4 {
	font-size: 20px;
}
#about .nav li a {
	padding: 0;
}
#about .tab-content p {
	font-size: 14px;
}
#header.sticky #main-navigation ul li a {
	color: hsl(256, 89%, 32%);
}
}
@media screen and (max-width:480px) {
#about .nav li h4 {
	font-size: 11px;
}
}
/*--- Our Team --- */
#our-team {
	background-position: center center;
	z-index: 19;
}
#our-team h2.heading1 {
	color: #fff;
}
#our-team h2.heading1 span {
	color: #99ff00;
}
#our-team h2.heading1:after {
/*background: url("../images/section-b2-bg2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
}
#our-team .inner-wrap {
	position: relative;
	padding: 0 95px;
}
#our-team .previous-btn {
	width: 26px;
	height: 45px;
	background: url(../images/next-previous-btn.png) left top no-repeat;
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -23px;
}
#our-team .next-btn {
	width: 26px;
	height: 45px;
	background: url(../images/next-previous-btn.png) right top no-repeat;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -23px;
}
#our-team ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 300px;
}
#our-team li {
	position: relative;
	width: 190px;
	float: left;
	height: inherit;
}
#our-team li > img {
	width: 100%;
}
#our-team li .overlay {
	background: rgba(39, 45, 53, 0.8);
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#our-team li:hover .overlay {
	opacity: 1;
}
#our-team li .overlay .inner {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 25px 10px;
	top: -200px;
	opacity: 0;
	left: 0;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#our-team li:hover .overlay .inner {
	opacity: 1;
	top: 0;
}
#our-team li .overlay h5 {
	font-weight: bold;
	position: relative;
	padding-bottom: 15px;
	line-height: 22px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
}
#our-team li .overlay h5:after {
	height: 1px;
	width: 30px;
	background: #fff;
	content: "";
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -15px;
}
#our-team li .overlay h5 span {
	font-size: 12px;
	font-weight: normal;
	display: block;
}
#our-team li .overlay p {
	font-size: 14px;
	color: #ffffff;
	line-height: 15px;
	font-weight: 300;
	margin-bottom: 30px;
}
#our-team li .overlay .read-more { color:#fff; }

#our-team li .sociable {
	margin: 0 3px;
}
#our-team li .sociable img {
	opacity: .7;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#our-team li .sociable img:hover {
	opacity: 1;
}
 @media screen and (max-width:992px) {
#our-team li .overlay h5 {
	font-size: 16px;
}
#our-team li .overlay h5 span {
	font-size: 10px;
}
#our-team li .overlay p {
	font-size: 12px;
}
}
@media screen and (min-width:640px) {
#our-team .caroufredsel_wrapper ul {
	position: static !important;
}
#our-team li.join-us {
	right: 0;
	position: absolute;
	z-index: 100;
}
}
/*--- Our Services --- */
#our-services {
	z-index: 18;
}
#our-services .nav {
	text-align: center;
}
#our-services .nav li {
	float: none;
	width: 265px;
	display: inline-block;
	vertical-align: top;
	border: 0;
	position: relative;
	text-align: center;
	padding-bottom: 20px;
}
#our-services .nav li.active a {
	background-image: url(../images/arrow2.png);
}
#our-services .nav li a {
	border: 0;
	background: url(../images/arrow1.png) no-repeat center bottom;
	padding-bottom: 30px;
}
#our-services .nav li h3 {
	font-size: 26px;
	color: #3a334d;
	font-weight: normal;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 15px;
}
#our-services .nav li p {
	font-size: 18px;
	color: #4b515b;
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 10px;
}
#our-services .nav li h3:after {
	height: 1px;
	width: 70px;
	background: #b2b2b2;
	content: "";
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -35px;
}
#our-services .nav li .figure {
	background: url(../images/frame3.png) no-repeat top center;
	width: 123px;
	height: 142px;
	margin: 0 auto;
	line-height: 142px;
	vertical-align: middle;
}
#our-services .nav li .figure .icon-hover {
	display: none;
}
#our-services .nav li.active .figure {
	background-image: url(../images/frame4.png);
}
#our-services .nav li.active .icon {
	display: none;
}
#our-services .nav li.active .icon-hover {
	display: inline;
}
#our-services .inner-wrap {
	position: relative;
	padding: 0 35px;
}
#our-services .previous-btn {
	width: 26px;
	height: 45px;
	background: url(../images/prev-next-btn1.png) left top no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -13px;
}
#our-services .next-btn {
	width: 26px;
	height: 45px;
	background: url(../images/prev-next-btn1.png) left bottom no-repeat;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -13px;
}
 @media screen and (max-width:1200px) {
#our-team li .overlay {
	padding: 12px 8px;
}
#our-team li .overlay p {
	margin-bottom: 15px;
}
}
@media screen and (max-width:992px) {
#our-services .nav li h3 {
	font-size: 21px;
}
#our-services .nav li p {
	font-size: 16px;
	line-height: 21px;
}
}
@media screen and (max-width:767px) {
#our-team {
	height: 600px;
}
#our-team .inner-wrap {
	padding: 0 60px;
}
#our-team li .overlay {
	padding: 10px 5px;
}
#our-team .previous-btn {
	left: 0;
}
#our-team .next-btn {
	right: 0;
}
#our-team li .overlay p {
	margin-bottom: 15px;
}
#our-services .nav li h3 {
	font-size: 20px;
}
#our-services .nav li p {
	font-size: 16px;
	line-height: 20px;
}
}
@media screen and (max-width:640px) {
#our-team li .overlay h5 {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 5px;
	padding-bottom: 3px;
}
}
@media (min-width:360px) and (max-width:640px) {
#our-team .inner-wrap {
	padding: 0 80px;
}
}
/*--- approaches --- */
#approaches {
	z-index: 17;
}
#approaches ul {
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
}
#approaches ul li {
	list-style: none;
	margin: 0 20px;
	display: inline-block;
	vertical-align: top;
	transition: transform 0.7s ease 0.5s, opacity 0.7s ease 0.5s;
	-moz-transition: transform 0.7s ease 0.5s, opacity 0.7s ease 0.5s;
	-webkit-transition: transform 0.7s ease 0.5s, opacity 0.7s ease 0.5s;
	opacity: 0;
	transform: scale(2, 2);
	-moz-transform: scale(2, 2);
	-webkit-transform: scale(2, 2);
}
#approaches ul li a {
	position: relative;
	display: block;
}
#approaches ul li figure {
	background: url(../images/frame5.png) no-repeat center top;
	width: 175px;
	height: 202px;
	padding-top: 40px;
}
#approaches ul li:hover figure {
	background-image: url(../images/frame6.png);
}
#approaches ul li figure img {
	margin-bottom: 15px;
}
#approaches ul li:hover figure img.icon {
	display: none;
}
#approaches ul li figure img.icon-hover {
	display: none;
}
#approaches ul li:hover figure img.icon-hover {
	display: inline;
}
#approaches ul li figure figcaption {
	font-family: 'agneregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.2;
	color: #fff;
	padding: 0 10px;
	transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#approaches.visible ul li {
	opacity: 1;
	transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
#approaches.visible ul li:nth-child(2) {
	transition: transform 0.7s ease 1.0s, opacity 0.7s ease 1.0s;
	-moz-transition: transform 0.7s ease 1.0s, opacity 0.7s ease 1.0s;
	-webkit-transition: transform 0.7s ease 1.0s, opacity 0.7s ease 1.0s;
}
#approaches.visible ul li:nth-child(3) {
	transition: transform 0.7s ease 1.5s, opacity 0.7s ease 1.5s;
	-moz-transition: transform 0.7s ease 1.5s, opacity 0.7s ease 1.5s;
	-webkit-transition: transform 0.7s ease 1.5s, opacity 0.7s ease 1.5s;
}
#approaches.visible ul li:nth-child(4) {
	transition: transform 0.7s ease 2s, opacity 0.7s ease 2s;
	-moz-transition: transform 0.7s ease 2s, opacity 0.7s ease 2s;
	-webkit-transition: transform 0.7s ease 2s, opacity 0.7s ease 2s;
}
#approaches.visible ul li:nth-child(5) {
	transition: transform 0.7s ease 2.5s, opacity 0.7s ease 2.5s;
	-moz-transition: transform 0.7s ease 2.5s, opacity 0.7s ease 2.5s;
	-webkit-transition: transform 0.7s ease 2.5s, opacity 0.7s ease 2.5s;
}
#approaches ul li:hover figure figcaption {
	color: #4414cc;
}
 @media screen and (max-width:1200px) {
#approaches ul li {
	margin: 0 5px;
}
}
@media screen and (max-width:992px) {
#approaches ul li {
	margin: 0 20px;
}
}
@media screen and (max-width:767px) {
#approaches {
	padding-bottom: 50px;
}
}
@media screen and (max-width:640px) {
#approaches ul li {
	display: block;
	margin: 0 0 10px;
}
#approaches ul li figure {
	margin: 0 auto;
}
}
/*--- blog --- */
#blog {
	z-index: 16;
}
/*--- faq --- */
#faq {
	z-index: 15;
}
#faq .container {
	position: relative;
}
#faq .content {
	display: none;
}
#faq #accordion .panel {
	background: none;
	border: 0;
	margin-bottom: 20px;
}
#faq #accordion .panel:nth-child(2n) {
	margin-right: 0;
}
.panel-default > .panel-heading {
	background: none;
	border-radius: 3px;
	border: 1px solid #fff;
}
.panel-default > .panel-heading {
}
.panel-title {
	color: #fff;
	font-size: 14px;
}
.panel-title a {
	display: block;
	color: #fff;
	position: relative;
}
.panel-title a:after {
	position: absolute;
	content: "";
	background: url(../images/accordion-icons.png) no-repeat left -24px;
	width: 12px;
	height: 12px;
	right: 0;
	top: 50%;
	margin-top: -6px;
}
.panel-title a.collapsed:after {
	background-position: left top;
}
.panel-body p {
	font-size: 14px;
	color: #fff;
}
.panel-group .panel + .panel {
	margin: 0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: 0;
}
/*--- toggle-btn --- */
.toggle-btn {
	background: url(../images/toggle-btn1.png) no-repeat left bottom;
	display: block;
	width: 50px;
	height: 49px;
	position: absolute;
	right: 15px;
	top: 20px;
	z-index: 10;
}
.toggle-btn.open {
	background-position: left top;
}
/*--- referrers --- */
#referrers.section {
	padding: 0;
	padding-top: 80px;
	z-index: 14;
}
#referrers header {
	background: #99ff00;
	text-align: center;
	padding: 10px 0;
}
#referrers header h2 {
	color: #4414cc;
	font-size: 48px;
}
#referrers header .container {
	position: relative;
}
#referrers.section .toggle-btn {
	top: 10px;
	background-image: url(../images/toggle-btn2.png);
}
#referrers.section .content {
	padding-top: 10px;
	display: none;
}
#referrers p {
	color: #5d5d5d;
}
@media screen and (max-width:1024px) {
#referrers header h2 {
	font-size: 30px;
}
#referrers.section .toggle-btn {
	top: -3px;
}
}
/*--- contact-us --- */
#contact-us {
	z-index: 13;
}
@media screen and (min-width:1024px) {
#contact-us .container {
	width: 1030px;
}
}
/*--- contact-form --- */
#contact-form {
	margin-bottom: 180px;
	position: relative;
}
#contact-form ul {
	margin: 0;
	padding: 0;
}
#contact-form ul li {
	list-style: none;
	float: left;
	width: 49%;
	margin-bottom: 20px;
}
#contact-form ul li:nth-child(2) {
	float: right;
}
#contact-form ul li.submit-field {
	width: 100%;
	text-align: center;
}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea {
	background: none;
	width: 100%;
	border: 1px solid #a083c3;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	font-weight: 300;
	padding: 0 10px;
}
#contact-form textarea {
	height: 100px;
	line-height: 1.2;
	resize: none;
	padding-top: 10px;
}
#contact-form input[type="submit"] {
	background: #99ff00;
	border: 0;
	padding: 0 40px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #3a414c;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
#contact-form .message-box {
	border: 1px solid #fff;
	padding: 10px;
	text-align: center;
	display: none;
}
#contact-form .message-box.success {
	border-color: #00ff0c;
}
#contact-form .message-box.success .success-msg {
	display: block;
	color: #00ff0c;
}
#contact-form .message-box.error {
	border-color: #ff0000;
}
#contact-form .message-box.error .error-msg {
	display: block;
	color: #ff0000;
}
#contact-form .message-box p {
	font-size: 16px;
	line-height: 1;
	margin: 0;
	display: none;
}
 @media screen and (max-width:767px) {
#contact-form {
	margin-bottom: 50px;
}
#contact-form ul li {
	float: none;
	width: 100%;
	margin: 0 0 10px;
}
#contact-form ul li:nth-child(2) {
	margin-right: 0;
	float: none;
	position: relative;
	top: 50px;
}
#contact-form ul li:nth-child(3) {
	position: relative;
	top: -110px;
}
}

/*--- Placeholder --- */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
opacity:1;
color:#fff;
line-height:40px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
opacity:1;
}
input::-moz-placeholder, textarea::-moz-placeholder {
opacity:1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity:1;
}
.chrome #contact-form input[type="text"] {
	line-height: 1;
}
.chrome #contact-form input[type="text"]::-webkit-input-placeholder, .chrome #contact-form input[type="email"]::-webkit-input-placeholder, .chrome #contact-form textarea::-webkit-input-placeholder {
line-height:1;
vertical-align:middle;
}
.safari #contact-form input[type="text"], .safari #contact-form input[type="email"] {
	line-height: 1;
}
.ipad #contact-form input[type="text"]::-webkit-input-placeholder, .ipad #contact-form input[type="email"]::-webkit-input-placeholder, .ipad #contact-form textarea::-webkit-input-placeholder {
line-height:1;
padding:0;
}
#contact-us .inner {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 15px;
}
#contact-us .inner .frame1 {
	background: url(../images/frame7.png) no-repeat;
	width: 247px;
	height: 286px;
	top: 50%;
	margin-top: -143px;
	left: 50%;
	margin-left: -124px;
	position: absolute;
	display: table;
	padding: 0 15px;
}
#contact-us .inner .frame1 .inner1 {
	height: inherit;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#contact-us .inner .frame1 .inner1 a {
	margin-bottom: 15px;
	display: block;
}
#contact-us .inner .frame1 .inner1 address p {
	color: #fff;
	font-style: normal;
	font-size: 16px;
	font-family: 'nexa', Arial, Helvetica, sans-serif;
	font-weight: 300;
}
#contact-us .sociable {
	margin: 0 120px 0 0;
	padding: 0;
	text-align: right;
}
#contact-us .sociable li {
	list-style: none;
	display: inline-block;
	margin-left: 10px;
}
#contact-us .sociable li a {
	transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#contact-us .sociable li:hover a {
	opacity: .5;
}
#contact-us .contact {
	margin: 0 0 0 120px;
	padding: 0;
}
#contact-us .contact li {
	list-style: none;
	display: inline-block;
	margin-right: 10px;
}
#contact-us .contact li:last-child {
	margin-right: 0;
}
#contact-us .contact li img {
	margin: -4px 10px 0 0;
}
#contact-us .contact li a {
	color: #fff;
	font-size: 18px;
	line-height: 1;
	font-weight: 300;
}
 @media screen and (max-width:1400px) {
#contact-us .contact li img {
	margin-right: 5px;
}
#contact-us .contact li a {
	font-size: 16px;
}
}
@media screen and (max-width:767px) {
#contact-us .inner {
	position: relative;
	left: auto;
	bottom: 0;
}
#contact-us .inner .frame1 {
	position: relative;
	left: 0;
	margin: 0 auto 10px;
}
#contact-us .sociable {
	text-align: center;
	margin: 0 0 20px;
}
#contact-us .contact {
	margin: 0 0 10px;
	text-align: center;
}
#contact-us .contact li {
	margin: 0 10px 15px 0;
}
}
/*--- back-to-top --- */
.back-to-top {
	background: url(../images/back-to-top.png) no-repeat;
	width: 79px;
	height: 46px;
	position: absolute;
	left: 50%;
	margin-left: -40px;
	top: -40px;
	display: block;
}
/*--- Parallax --- */
#our-team, #our-approaches, #faq, #contact-us {
	width: 100%;
	height: 440px;
	background-color: #1c1f26;
	position: relative;
	overflow: hidden;
	top: 0;
}
#our-team {
	height: 700px;
}
#our-approaches {
	height: 500px;
}
#faq {
	height: auto;
}
#contact-us {
	height: auto;
	overflow: visible;
}
.bg1 {
	background: url(../images/our-team-bg.jpg) 0 0 fixed repeat-y;
}
.bg2 {
	background: url(../images/approaches-img.jpg) 0 0 fixed repeat-y;
}
.bg3 {
	background: url(../images/faq-img.jpg) 0 0 fixed repeat-y;
}
.bg4 {
	background: url(../images/contact-bg.jpg) 0 0 fixed repeat-y;
}
.bg5 {
	background: url(../images/banner/image1.jpg) 0 0 fixed repeat-y;
}
.bg1, .bg2, .bg3, .bg4, .bg5 {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: 100%;
	top: 0;
}
 @media screen and (max-width:1024px) {
.bg1, .bg2, .bg3, .bg4, .bg5 {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 0 !important;
	background-attachment: scroll !important;
}
}
/*--- footer --- */
#footer p {
	color: #fff;
	margin-bottom: 0;
}
html, body {
	height: 100%;
}
/*--- coming-soon --- */
body.coming-soon #container {
	height: 100%;
}
body.coming-soon {
	background: url(../images/banner/image1.jpg) no-repeat center top;
	background-size: cover;
	text-align: center;
}
body.coming-soon .logo {
	padding-top: 50px;
}
body.coming-soon #content {
	padding: 50px 0 0;
}
body.coming-soon h2 {
	font-size: 60px;
	line-height: 1;
	color: #4414cc;
}
body.coming-soon #footer {
	background: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 0 50px;
}
body.coming-soon #footer .logo {
	padding: 0;
	margin-bottom: 60px;
}
body.coming-soon #footer .logo img {
	margin-top: -112px;
}
body.coming-soon .contacts {
	margin: 0;
	padding: 0;
}
body.coming-soon .contacts li {
	list-style: none;
	display: inline-block;
	margin: 0 15px;
}
body.coming-soon .contacts li img {
	margin-right: 10px;
	margin-top: -4px;
}
body.coming-soon .contacts li a {
	font-size: 18px;
	line-height: 1;
	display: inline-block;
	color: #fff;
}
 @media screen and (max-width:1280px) {
body.coming-soon .logo {
	padding-top: 30px;
}
body.coming-soon #content {
	padding-top: 30px;
}
body.coming-soon #footer .logo {
	margin-bottom: 40px;
}
}
@media screen and (max-width:767px) {
body.coming-soon h2 {
	font-size: 40px;
}
body.coming-soon #footer .logo img {
	height: 200px;
	margin-top: -100px;
}
}
@media screen and (max-width:640px) {
body.coming-soon #content {
	padding-top: 10px;
}
body.coming-soon h2 {
	font-size: 36px;
}
body.coming-soon .logo {
	padding-top: 10px;
}
body.coming-soon #footer .logo {
	margin-bottom: 10px;
}
body.coming-soon #footer .logo img {
	height: 80px;
	margin-top: -40px;
}
body.coming-soon .contacts li {
	display: block;
	margin: 0 0 10px;
}
body.coming-soon .contacts li a {
	font-size: 14px;
}
body.coming-soon #footer {
	padding-bottom: 10px;
}
}
/*--- error-page --- */
body.error-page #container {
	height: 100%;
}
body.error-page #content {
	padding: 20px 0;
}
body.error-page {
	background: url(../images/error-page-bg.jpg) no-repeat center top;
	background-size: cover;
	text-align: center;
}
body.error-page .logo {
	text-align: left;
	padding: 20px 0 0 20px;
}
body.error-page h3 {
	font-family: "nirmala UI";
	font-size: 40px;
	line-height: 1;
	margin-bottom: 10px;
	font-weight: bold;
	color: #4b22be;
}
body.error-page h2 {
	font-family: "nirmala UI";
	font-size: 150px;
	line-height: 1;
	color: #4b22be;
}
body.error-page h2 span {
	font-size: 40px;
	font-weight: normal;
	display: block;
	line-height: 1;
}
body.error-page .button {
	background: #4b22be;
	padding: 10px 15px;
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	font-family: "nirmala UI";
	font-weight: bold;
	color: #99ff00;
}
 @media screen and (max-width:767px) {
body.error-page h3 {
	font-size: 30px;
}
body.error-page h2 {
	font-size: 100px;
}
body.error-page h2 span {
	font-size: 30px;
}
}
@media screen and (max-width:480px) {
body.error-page h3 {
	font-size: 20px;
}
body.error-page h2 {
	font-size: 60px;
}
body.error-page h2 span {
	font-size: 20px;
}
}

#signup_from input[type="text"], #signup_from input[type="email"] { height:40px; line-height:40px; padding:0 10px; border-radius:0; }
#signup_from input[type="submit"] { background:#99ff00; border: 0; color: #3a414c; font-size: 18px; font-weight: bold; height: 40px; line-height: 40px; padding: 0 40px; text-align: center; text-transform: uppercase; border-radius:0; }

#signup_from .panel-body { width:50%; margin:0 auto; padding:0; }
#signup_from .pagination { margin-bottom:15px; padding-top:15px; float:right; }

.chrome #signup_from input[type="text"], .chrome #signup_from input[type="email"] {
	line-height: 1;
}
.chrome #signup_from input[type="text"]::-webkit-input-placeholder, .chrome #signup_from input[type="email"]::-webkit-input-placeholder {
line-height:1;
vertical-align:middle;
}
.safari #signup_from input[type="text"], .safari #signup_from input[type="email"] {	line-height: 1; }
.ipad #signup_from input[type="text"]::-webkit-input-placeholder, .ipad #signup_from input[type="email"]::-webkit-input-placeholder { line-height:1;
padding:0;
}

@media screen and (max-width:767px) {
	#signup_from .panel-body { width:100%; }
}

.sociable1 { text-align:right; padding:5px 10px 5px 0; }