/* added 2017 */

@font-face {
	font-family: FuturaPTBold;
	src: url("https://fundingmatters.com/css/font/FuturaPTBold.otf") format("opentype");
}
@font-face {
	font-family: FuturaPTLight;
	src: url("https://fundingmatters.com/css/font/FuturaPTLight.otf") format("opentype");
}
@font-face {
	font-family: FuturaPTMedium;
	src: url("https://fundingmatters.com/css/font/FuturaPTMedium.otf") format("opentype");
}

@font-face {
	font-family: FuturaPTBold;
	src: url("font/FuturaPTBold.otf") format("opentype");
}
@font-face {
	font-family: FuturaPTLight;
	src: url("font/FuturaPTLight.otf") format("opentype");
}
@font-face {
	font-family: FuturaPTMedium;
	src: url("font/FuturaPTMedium.otf") format("opentype");
}

@font-face {
	font-family: 'Quicksand';
	font-style: normal;
	font-weight: 300;
	src: url(font/Quicksand-Light.otf) format('truetype');
}

@font-face {
	font-family: 'Quicksand';
	font-style: normal;
	font-weight: 400;
	src: url(font/Quicksand-Regular.otf) format('truetype');
}

@font-face {
	font-family: 'Quicksand';
	font-style: normal;
	font-weight: 700;
	src: url(font/Quicksand-Bold.otf) format('truetype');
}

/*-----------------------------------------------------------------------------------*/


/*	01: GENERAL STYLING
/*-----------------------------------------------------------------------------------*/

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	font-family: 'FuturaPTLight', 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 1.6;
	/*color:black!important;*/
	color: black!important;
	font-weight: 400;
	background: #2a2f36;
	overflow-x: hidden!important;
	text-rendering: optimizeLegibility;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-font-smoothing: subpixel-antialiased;
}
.portfolio{
	border-style:solid;
	border-width:1px;
	border-color:  gray;
}

#gallery-dev {
	margin:0 auto 0 auto; text-align:left;
}
#gallery-dev div{
	padding:4px;
	display:inline-block;
}

img.plaques{
	width:70%;
}

/* column stuff */

@media(min-width: 992px) {
	.col5 {
		width: 20%;
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		text-align: left;
	}
}
.testimonialq {
	color: white;
	font-size: 17px;
	white-space: normal;
	word-break: keep-all;
	position: relative;
	line-height: 1.4em;
}
div.quotes-bk-bk {
	padding-left: 25%;
}
div.quotes-bk {
	width: 75%;
	padding: 40px;
}

@media only screen and (max-device-width: 768px) {
	.is-shown-desktop {
		display: none !important;
	}
}

@media only screen and (min-device-width: 768px) {
	.is-shown-mobile {
		display: none !important;
	}
}


a, a:visited, a:hover, a:active, a:focus, input, select, textarea {
	outline: none;
	text-decoration: none;
}
a, li {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:focus {
	outline: 0;
}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 10px 0px;
}
ol {
	padding: 0;
	margin: 0 0 20px 20px;
}
ul.unstyled, ol.unstyled {
	margin-left: 0;
	list-style: none;
}
ul.inline, ol.inline {
	margin-left: 0;
	list-style: none;
}
ul.inline>li, ol.inline>li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 5px;
	padding-right: 5px;
}
::-moz-selection {
	color #fff;
	background: #2A2F36;
}
::selection {
	color: #fff;
	background: #8A939A;
}
code {
	color: #384049;
}
img {
	vertical-align: top;
	ms-interpolation-mode: bicubic;
	opacity: 1.0;
}
iframe {
	border: 0;
}
.well {
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.center {
	margin: 0 auto;
}
img {
	/* display: block; */
	/* height: auto; */
	/* max-width: 100%; */
}
ul {
	list-style-type: none;
	color: black;
}
.jumbotron {
	background: #fff!important;
}
.pull-left {
	margin-right: 10px;
}
.pull-right {
	margin-left: 10px;
}
.pull-center {
	text-align: center;
}
a {
	color: #ecad2c;
	font-size: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
	color: #555;
}

/* menu section */


/* specific to dark backgrounds */


*a.main-menu{	
	color:white;

color:red;
font-family:'FuturaPTLight';
font-size:20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

}
a.main-menu:hover, a.footer:focus {
	color: #ecad2c;
}
*/
/* specific to dark backgrounds */
a.footer {
	/*color:white;*/
	
	color: #939393;
	font-family: 'FuturaPTLight';
	font-size: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a.footer:hover, a.footer:focus {
	color: #ecad2c;
}
a.footer-heading {
	/*color:white;*/
	
	color: white;
	font-size: 22px;
	font-family: 'FuturaPTMedium';
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a.footer-heading:hover, a.footer:focus {
	color: #ecad2c;
}
.footer {
	color: #b5b5b5;
}

/* specific to light backgrounds */
a.client-cat {
	font-size: 20px;
	color: gray;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a.client-cat:hover, a.client-cat:focus {
	font-size: 20px;
	color: #ecad2c;
}

/**** CAROUSEL ****/
.carousel-indicators {
	top: 0px;
}
.carousel-control {
	position: absolute;
	top: 50%;
	left: 15px;
	width: 50px;
	height: 50px;
	font-size: 25px;
	outline: none;
	webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	border: 0px none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.carousel-control.right {
	right: 0px;
	left: auto;
	top: 45%;
	background-image: none!important;
	filter: none!important;
}
.carousel-control.left {
	left: 0px;
	right: auto;
	top: 45%;
	background-image: none!important;
	filter: none;
}

/**** ICONS LIST ****/
.fa-li {
	margin-left: -8px;
	padding-top: 4px;
}

/**** TOOLTIP ****/
.tooltip-inner {
	margin: 0 0 10px;
	padding: 7px 12px;
	color: #fff;
	background-color: #ecad2c;
	font-weight: 400;
}
.tooltip.top .tooltip-arrow {
	margin: 0 0 10px;
	border-top-color: #ecad2c;
}

/**** BLOCKQUOTE ****/
blockquote {
	padding-left: 2rem;
	color: black!important;
	padding: 10px;
}

/**** VIDEO ****/
.vendor {
	position: relative;
	padding: 0 0 56.25%;
	height: 0;
	margin 0 0;
}
.vendor iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**** ACCORDIAN ****/
#accordion {
	padding: 0px 15px;
	background-color: transparent;
}
.panel-heading {
	border-bottom: 1px solid #fff;
	background-color: #7F8C8D;
	padding: 10px 20px 10px!important;
	-webkit-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	border-radius: 0px!important;
}
.panel-heading h6 a {
	color: #f1f1f1;
	letter-spacing: 1px;
}
.panel-heading h6 {
	font-size: 15px!important;
	margin: 0px 0px;
	font-weight: 400;
}
.panel-heading h6 a:hover {
	color: #fff;
}
.panel-collapse {
	color: black;
	padding: 0 0px 30px!important;
}

/**** TABS ****/
.nav-tabs {
	border-bottom: 1px solid #bbb;
}
.nav-tabs a:link {
	color: #fff!important;
	margin-left: 2px;
}
.nav-tabs a {
	background-color: #7F8C8D!important;
	-webkit-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	border-radius: 0px!important;
	border: 0 none!important;
}
.tab-pane {
	margin-top: 20px;
}
.nav-tabs .active a, .nav-tabs a:hover, .nav-tabs .active a:focus {
	background-color: #ecad2c!important;
}

/**** PADDING ****/
.pad190 {
	padding-top: 190px;
}
.pad90 {
	padding-top: 90px;
}
.pad60 {
	padding-top: 60px;
}
.pad45 {
	padding-top: 45px;
}
.pad30 {
	padding-top: 30px;
}
.pad25 {
	padding-top: 25px;
}
.pad15 {
	padding-top: 15px;
}
.pad10 {
	padding-top: 10px;
}
.pad5 {
	padding-top: 5px;
}
.pad-right5 {
	padding-right: 5px;
}
.pad-left5 {
	padding-left: 5px;
}
.pad-bottom5 {
	padding-bottom: 15px;
}
.pad2 {
	padding-top: 2px;
}

/**** COLOURS ****/
.asphalt {
	background: #384049;
}
.asphalt2 {
	color: #384049;
}
.red {
	background: #E84E41;
}
.red2 {
	color: #E84E41;
}
.grey {
	color: black;
}
.yellow {
	background: #ecad2c;
}
.yellow2 {
	color: #ecad2c;
}
.blue {
	color: #3bb3e0;
}
.azure {
	background: #3bb3e0;
}
.green {
	color: #2ECC71;
}
.emerald {
	background: #2ECC71;
}
.light {
	color: #E9E6E1!important;
}
.darkgrey {
	color: #666;
}
.white {
	color: #fff;
}

.main {
	margin-top: 85px;
}

/**** TYPOGRAPHY ****/
h1, h2, h3, h4, h5, h6 {
	font-family: 'FuturaPTMedium', 'Open Sans', sans-serif;
	color: #000000;
}
.primary-heading {
	margin-top: 0;
	margin-bottom: 6rem;
	font-size: 40px;
	font-family: 'FuturaPTMedium';
	line-height: 1.4;
}

.secondary-heading {
	margin-bottom: 30px;
	font-size: 2.5rem;
	font-family: 'FuturaPTMedium';
	line-height: 1.4;
}

.paragraph + .secondary-heading,
.list-s + .secondary-heading {
	margin-top: 7rem;
}

.tertiary-heading {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 22px;
	font-family: 'FuturaPTMedium';
	line-height: 1.4;
}

.hi-icon + .tertiary-heading,
.fa + .tertiary-heading {
	margin-top: 3rem;
}

.paragraph {
	font-family: 'FuturaPTLight';
	line-height: 1.8;
}
.paragraph + .paragraph,
.list-s + .paragraph {
	margin-top: 3rem;
}

.lead {
	font-size: 24px;
	line-height: 36px;
	font-weight: 300;
	margin: 20px auto 70px;
	color: #555;
}
.jumbotron_title {
	line-height: 1.2em;
	font-size: 35px;
	color: #555;
	margin-bottom: 25px;
	font-weight: 700!important;
}
h2.contact_title {
	font-size: 28px;
	line-height: 38px!important;
	margin: 0 0 20px;
	font-weight: 300!important;
}
h6.skill {
	font-weight: 400!important;
	font-size: 13px;
	color: black!important;
	line-height: 10px;
}
h6.project_title {
	font-size: 16px;
	font-weight: 400!important;
	color: #fff!important;
	text-transform: uppercase;
	margin: 20px auto 30px;
	letter-spacing: 2px;
}
.counter {
	color: #ecad2c;
	font-size: 48px;
	font-weight: 800!important;
	line-height: 60px;
}
span.site-map-title {
	color: white;
}

/*-----------------------------------------------------------------------------------*/

/*	02: SECTIONS
/*-----------------------------------------------------------------------------------*/
.band {
	padding-top: 90px;
	padding-bottom: 90px;
	background: #fff;
}

.band.tint {
	background: #fafafa;
}

/**** SECTION COLOUR CHANGES ****/
#Section-3 h1, #Section-2 .well h1 {
	color: #fff!important;
}
.lead-light {
	color: #f1f1f1!important;
}
#Section-7 h3 {
	color: black!important;
}

/**** PARALLAX SECTIONS ****/

/**** PARALLAX SECTIONS ****/
.parallax-section {
	width: 100%;
	background-attachment: fixed;
	background-position: center center;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}

/**** LOGOS ****/
#Section-2 .well {
	background: url(../img/parallax-1.jpg) 50% 0% fixed no-repeat;
	margin: 0px 0px 90px;
	padding: 100px 0 200px;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}

/**** BIG BUTTON ****/
#big_button {
	background: url(../img/parallax-2.jpg) 50% 0% fixed no-repeat;
	padding: 60px 0;
	margin: 0 0px;
}
#big_button .lead {
	color: #E9E6E1!important;
	text-align: left;
	font-weight: 700;
	padding: 90px 0 40px 0;
}
.cta.btn {
	padding: 20px;
	color: #fff!important;
	font-weight: 700;
	margin: 0 0px 0 10px;
}

/**** QUOTES ****/
#Section-5 .well {
	background: url(../img/parallax-3.jpg) 0% 0% fixed no-repeat;
	margin: 0px 0px;
	padding: 150px 0 250px;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}

/**** QUOTES/TESTIMONIALS ****/
.carousel2 {
	padding: 10px 0px;
	margin: 0px auto 60px;
}
.quote {
	margin: 10px auto 10px;
	text-align: center;
}
.quote p {
	font-size: 22px;
	line-height: 30px;
	margin: 15px auto;
	color: #E9E6E1!important;
	font-weight: 700;
	text-transform: uppercase;
}
.quote-small {
	font-size: 18px;
	line-height: 30px;
	color: #777;
	text-align: center;
	font-weight: 400;
}
.quote-small a {
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}

/*-----------------------------------------------------------------------------------*/

/*	03: MENU
/*-----------------------------------------------------------------------------------*/
.navbar {
	background-color: #fff;
	position: fixed;
	width: 100%;
	z-index: 999;
	min-height: 85px;
	top: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	text-align: center;
}

/* added */
.navbar ul {
	display: inline-block;
	list-style-type: none;
}
.navbar .navbar-toggle {
	top: 25px;
	right: 28px;
	height: 35px;
	width: auto;
	color: #fff!important;
	line-height: 40px;
	background-color: #292C37;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	border: 0 none;
	transition: background-color 0.2s;
	text-align: center;
}
.navbar .navbar-toggle:hover {
	background-color: #ecad2c;
	color: #fff!important;
	text-align: center;
}
.navbar .navbar-brand {
	margin: 4px 0 0;
	opacity: 1.0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align: center;
}
.navbar-brand:hover {
	opacity: 0.7;
}

.navbar .navbar-nav {
	min-height: 80px;
}
.navbar .navbar-nav li {
	margin-top: 30px;
	margin-left: 10px;
	padding: 12px 10px;
}

.top-navbar a {
	font-family: 'FuturaPTLight';
	font-size: 16px;
}

.navbar-nav.nav-a a {
	font-size: 16px;
	font-family: 'FuturaPTMedium';
	color: #000;
	letter-spacing: 1px;
	font-weight: 700;
	background: transparent;
	padding: 0;
	text-transform: uppercase;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
	text-align: center;
}

/* the underline !!!!!!! */
.navbar .navbar-nav li a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: 0;
	top: 40px;
	left: 0;
	background-color: #ecad2c;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.navbar .navbar-nav li.active a:before,
.navbar .navbar-nav li a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/*.navbar .navbar-nav li:hover:before{

content:" ";
	position:absolute;
	width:90%;
	height:3px;
	top:52px;
	
	display:block;
	text-align:center;
	background:#ecad2c;
}*/
.navbar .navbar-nav li a:hover {
	color: #ecad2c;
	background-color: transparent;
}
.navbar .navbar-nav li.active a {
	color: #ecad2c;
	background-color: transparent!important;
}
.navbar .navbar-nav li.active a:hover, .navbar .navbar-nav li:hover, .navbar .navbar-nav li.visited {
	background-color: transparent!important;
	text-decoration: none;
}
/* for navbar-nav-tools */

/* end navbar-nav-tools */

.top-navbar li {
	display: inline-block;
}

.top-navbar li + li::before {
	content: '|';
	display: inline-block;
	margin-left: 1rem;
	margin-right: 1rem;
	color: #ccc;
}

.top-navbar a {
	color: #888;
}

.top-navbar a:hover {
	color: #ecad2c;
}

.side-nav-heading {
	margin-bottom: 1.25rem;
	font-size: 2.5rem;
	font-family: 'FuturaPTMedium';
	line-height: 1.2;
}

.side-nav-heading:nth-child(n + 2) {
	margin-top: 4rem;
}



/*-----------------------------------------------------------------------------------*/

/*	04: SLIDER REVOLUTION
/*-----------------------------------------------------------------------------------*/
.fullwidthbanner-container {
	width: 100%!important;
	/*max-height:610px!important;*/
	max-height: 498px!important;
	padding: 0;
	position: relative;
	overflow: hidden!important;
	margin: 0px 0px;
}
.fullscreenvideo iframe {
	max-height: 610px!important;
}
.fullwidthbanner a {
	color: #fff!important;
}
.fullwidthbanner ul {
	visibility: hidden;
	margin: 0;
	list-style: none;
}
.rev-text {
	color: #fff;
	margin: 40px;
}
.rev-title {
	margin 0px;
	color: #E9E6E1!important;
}
.rev-left {
	margin-left: 20px;
}
.rev-right {
	margin-right: 20px;
}
.rev-title.big {
	font-size: 40px;
}
.rev-title-sub {
	font-size: 28px;
	color: black;
	letter-spacing: 3px;
	font-weight: 400;
}
.rev-title-sub2 {
	font-size: 28px;
	color: #d5d4d3;
	letter-spacing: 3px;
	font-weight: 700!important;
}
#revolution_slider h2 {
	font-size: 36px;
	margin: 0 0;
}
.rev-title.bold {
	font-size: 60px!important;
	line-height: 1;
	font-weight: 700!important;
	text-transform: uppercase;
	padding: 0 0!important;
}
.tp-caption.bg {
	background: #323A45;
	padding: 15px 22px 22px;
}
.tp-leftarrow.default, .tp-rightarrow.default {
	height: 48px!important;
	width: auto!important;
	line-height: 45px;
	top: 50%!important;
	padding: 0px 10px;
	font-size: 30px;
	color: #bbb;
}
.tparrows:before {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
}
.tp-leftarrow.default:before {
	content: '\f053';
}
.tp-rightarrow.default:before {
	content: '\f054';
}
.tparrows:hover {
	opacity: 0.7;
}
.tp-bannertimer.tp-bottom {
	width: 100%;
	height: 4px!important;
	background: url(../img/timer.png);
	position: absolute;
	z-index: 200;
}
.tp-loader {
	width: 64px!important;
	height: 64px!important;
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(../img/loader.gif) center no-repeat!important;
	z-index: 10000;
}

/*-----------------------------------------------------------------------------------*/

/*	05: THE TEAM SECTION 
/*-----------------------------------------------------------------------------------*/

/**** TEAM ****/

/* to edit clients section */
.grid {
	max-width: 1170px;
	margin: -4rem auto 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 350px;
	margin: 4rem 5px 10px 0px;
	padding: 0px;
	text-alignleft;
	position: relative;
}
.grid figure {
	margin: 0;
	position: relative;
}
.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}
.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #2a2f36;
}
.grid figcaption h3 {
	color: black!important;
	font-size: 22px;
	margin: 0;
	padding: 0;
}
.grid figcaption span {
	font-size: 15px;
	padding: 0px;
	color: #ecad2c;
	margin: 0 0 12px;
	display: inline-block;
	width: 100%;
	font-weight: 400;
}
.grid a {
	color: #ccc;
}
.grid p {
	margin-top: 2rem;
	color: #000;
	font-family: 'FuturaPTMedium';
}

/**** WE LIKE TICKER ****/
.we_like {
	background: #ecad2c;
}
h1.like {
	color: #fff!important;
	text-transform: uppercase;
	font-size: 35px!important;
	line-height: 1.2em;
	font-weight: 800!important;
	padding: 35px 0;
}
.ticker {
	text-transform: uppercase;
	font-weight: 300!important;
}

/*-----------------------------------------------------------------------------------*/

/*	06: WORK/PROJECTS - MODAL BOX
/*-----------------------------------------------------------------------------------*/
.bigmodal {
	width: 100%;
	height: 100%;
	left: 0;
	margin: 0;
}
.bigmodal.fade.in {
	top: 0;
}
.bigmodal .modal-body {
	max-height: none;
}
.modal {
	background: #fff!important;
	overflow-x: hidden;
	border: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.modal-body {
	background: #fff!important;
	padding: 20px 0px;
}
.modal img {
	min-width: 100%;
	height: auto;
}
.close {
	font-size: 38px;
	background: transparent;
	color: #333;
	float: none;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	-o-text-shadow: none;
	text-shadow: none;
}
.close:hover {
	color: #666;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.modal-backdrop {
	display: none !important;
}
.modal-backdrop, .modal-backdrop.fade.in {
	z-index: 0;
}

/*-----------------------------------------------------------------------------------*/

/*	07: WORK/PORTFOLIO GRID + HOVER EFFECT (WORK + TEAM)
/*-----------------------------------------------------------------------------------*/
.grida {
	max-width: 1170px;
	padding: 0;
	margin 0 auto;
	list-style: none;
	text-align: center;
}
.grida li {
	display: inline-block;
	width: 350px;
	margin: 0px 5px 10px 0px;
	padding: 0;
	text-align: left;
	position: relative;
}
.grida figure {
	margin: 0;
	position: relative;
}
.grida figure img {
	max-width 100%;
	display block;
	position: relative;
}
.grida figcaption {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background: #2a2f36;
	padding: 10px 0;
}
.grida figcaption h4 {
	font-size: 15px;
	font-weight: 400!important;
	margin: 0;
	padding: 5px 0 15px 0;
	color: black!important;
}
.cs-style figure {
	overflow: hidden;
	width: 100%;
}
.cs-style img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	-o-transition: -o-transform 0.4s;
	transition: transform 0.4s;
}
.no-touch .cs-style figure:hover img, .cs-style figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}
.cs-style figcaption {
	width: 100%;
	/* edit here for caption of client logos */
	
	top: 42%;
	/*	top:62%;*/
	
	bottom: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .cs-style figure:hover figcaption, .cs-style figure.cs-hover figcaption {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
.cs-style figcaption a {
	margin: 0 auto;
	color: #ecad2c;
}
.cs-style figcaption a:hover {
	color: black;
}

/*-----------------------------------------------------------------------------------*/

/*	08: CONTACT SECTION
/*-----------------------------------------------------------------------------------*/
.google-maps {
	height: 450px;
	margin: 0px 0 70px;
}
#ajax-contact-form textarea {
	height: 150px!important;
}
.form_info {
	color: #555!important;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 0px;
	height: 30px;
	margin-left: -14px;
}
#ajax-contact-form input, #ajax-contact-form textarea {
	background: #f0f0f0;
	color: #555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0px none;
	margin-bottom: 3px;
	height: 30px;
	font-weight: 400;
}
#ajax-contact-form input:focus, #ajax-contact-form textarea:focus {
	background: #E9E7E7;
	color: #555;
}
#ajax-contact-form input.btn {
	border: none;
	margin: 20px 5px 0 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 15px;
}
.notification_error {
	color: #fff;
	background-color: #333;
	height: auto;
	margin: 0 0 9px 0;
	padding: 10px;
	text-align: left;
}
.notification_ok {
	color: #fff;
	background-color: #333;
	font-weight: 400;
	height: auto;
	margin: 0 0 9px 0;
	padding: 10px;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
}
.required {
	color: #ecad2c;
}

/*-----------------------------------------------------------------------------------*/

/*	09: SECTION DIVIDERS
/*-----------------------------------------------------------------------------------*/
section {
	position: relative;
}

/* Common style for pseudo-elements */
section::before, section::after {
	position: absolute;
	content: '';
	pointer-events: none;
}

/*-----------------------------------------------------------------------------------*/

/*	10: BUTTONS
/*-----------------------------------------------------------------------------------*/

/**** OUTLINE BUTTON ****/
.btn.btn-outline, .btn.btn-outline:active, .btn.btn-outline:focus {
	border: 2px solid #fff;
	color: #fff!important;
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.btn.btn-outline:hover {
	color: #ecad2c!important;
	background: #fff!important;
	border: 2px solid #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

/**** COLOUR OUTLINE BUTTON ****/
.btn.btn-outline-colour, .btn.btn-outline-colour:active, .btn.btn-outline-colour:focus {
	border: 2px solid #ecad2c!important;
	color: #E84D40!important;
	background: transparent!important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.btn.btn-outline-colour:hover {
	color: #fff!important;
	background: #ecad2c!important;
	border: 2px solid #ecad2c;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

/**** DEFAULT ****/
.btn, #ajax-contact-form input.btn {
	border: none;
	color: #fff!important;
	background: #34495e;
	font-size: 14px;
	font-weight: 400!important;
	min-width: 80px;
	text-decoration: none;
	text-shadow: none;
	-webkit-transition: 0.25s ease-in;
	-moz-transition: 0.25s ease-in;
	-o-transition: 0.25s ease-in;
	transition: 0.25s ease-in;
	-webkit-backface-visibility: hidden;
	-webkit-box-shadow: 0px 4px 0px 0px #293a4b;
	-moz-box-shadow: 0px 4px 0px 0px #293a4b;
	-o-box-shadow: 0px 4px 0px 0px #293a4b;
	box-shadow: 0px 4px 0px 0px #293a4b;
	-webkit-font-smoothing: subpixel-antialiased;
}
.btn:hover, .btn:focus {
	background-color: #435d77;
	color: #fff;
	outline: 0;
	-webkit-transition: 0.25s ease-out;
	-moz-transition: 0.25s ease-out;
	-o-transition: 0.25s ease-out;
	transition: 0.25s ease-out;
}
.btn:active, .btn.active {
	background-color: #34495e;
	color: rgba(255, 255, 255, 0.75);
	-webkit-box-shadow: 0px 2px 0px 0px #293a4b;
	-moz-box-shadow: 0px 2px 0px 0px #293a4b;
	-o-box-shadow: 0px 2px 0px 0px #293a4b;
	box-shadow: 0px 2px 0px 0px #293a4b;
}
.btn.disabled, .btn[disabled] {
	background-color: #95a5a6;
	color: #fff;
}
.btn-bold {
	font-family: 'FuturaPTMedium' !important;
}
.btn-lg {
	padding: 15px 20px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
}
.btn-md {
	padding: 15px 20px;
	font-size: 14px!important;
	line-height: 1.33;
	border-radius: 6px;
	font-weight: 400!important;
}
.btn-sm, .btn-xs {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.btn-xs {
	padding: 1px 5px;
}

/**** BLUE ****/
.btn.btn-info {
	background-color: #3bb3e0;
	-webkit-box-shadow: 0px 4px 0px 0px #3088a9;
	-moz-box-shadow: 0px 4px 0px 0px #3088a9;
	-o-box-shadow: 0px 4px 0px 0px #3088a9;
	box-shadow: 0px 4px 0px 0px #3088a9;
}
.btn.btn-info:hover, .btn.btn-info:focus {
	background-color: #4dc2ee;
}
.btn.btn-info:active, .btn.btn-info.active {
	background-color: #3bb3e0!important;
	-webkit-box-shadow: 0px 2px 0px 0px #3088a9;
	-moz-box-shadow: 0px 2px 0px 0px #3088a9;
	-o-box-shadow: 0px 2px 0px 0px #3088a9;
	box-shadow: 0px 2px 0px 0px #3088a9;
}

/**** RED ****/
.btn.btn-danger {
	background-color: #e74c3c;
	-webkit-box-shadow: 0px 4px 0px 0px #be382a;
	-moz-box-shadow: 0px 4px 0px 0px #be382a;
	-o-box-shadow: 0px 4px 0px 0px #be382a;
	box-shadow: 0px 4px 0px 0px #be382a;
}
.btn.btn-danger:hover, .btn.btn-danger:focus {
	background-color: #f45c4d!important;
}
.btn.btn-danger:active, .btn.btn-danger.active {
	background-color: #e74c3c!important;
	-webkit-box-shadow: 0px 2px 0px 0px #be382a;
	-moz-box-shadow: 0px 2px 0px 0px #be382a;
	-o-box-shadow: 0px 2px 0px 0px #be382a;
	box-shadow: 0px 2px 0px 0px #be382a;
}

/**** GREEN ****/
.btn.btn-success {
	background-color: #2ecc71;
	-webkit-box-shadow: 0px 4px 0px 0px #25ae5f;
	-moz-box-shadow: 0px 4px 0px 0px #25ae5f;
	-o-box-shadow: 0px 4px 0px 0px #25ae5f;
	box-shadow: 0px 4px 0px 0px #25ae5f;
}
.btn.btn-success:hover, .btn.btn-success:focus {
	background-color: #34d879;
}
.btn.btn-success:active, .btn.btn-success.active {
	background-color: #2ecc71!important;
	-webkit-box-shadow: 0px 2px 0px 0px #25ae5f;
	-moz-box-shadow: 0px 2px 0px 0px #25ae5f;
	-o-box-shadow: 0px 2px 0px 0px #25ae5f;
	box-shadow: 0px 2px 0px 0px #25ae5f;
}

/**** YELLOW ****/
.btn.btn-warning, #ajax-contact-form input.btn {
	background-color: #ffaa49;
	-webkit-box-shadow: 0px 4px 0px 0px #ce8430;
	-moz-box-shadow: 0px 4px 0px 0px #ce8430;
	-o-box-shadow: 0px 4px 0px 0px #ce8430;
	box-shadow: 0px 4px 0px 0px #ce8430;
}
.btn.btn-warning:hover, .btn.btn-warning:focus, #ajax-contact-form input.btn:hover, #ajax-contact-form input.btn:focus {
	background-color: #f9b05e;
}
.btn.btn-warning:active, .btn.btn-warning.active, #ajax-contact-form input.btn:active {
	background-color: #FFAA49!important;
	-webkit-box-shadow: 0px 2px 0px 0px #ce8430;
	-moz-box-shadow: 0px 2px 0px 0px #ce8430;
	-o-box-shadow: 0px 2px 0px 0px #ce8430;
	box-shadow: 0px 2px 0px 0px #ce8430;
}
.btn {
	font-size: 22px;
}

/*-----------------------------------------------------------------------------------*/

/*	11: SKILL BARS
/*-----------------------------------------------------------------------------------*/
.bar-main-container {
	width: 100%;
	height: 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 30px;
	font-size: 14px;
	color: #FFF;
}
.wrap {
	padding: 5px 10px 10px;
}
.bar-percentage {
	float: left;
	padding: 0px 0px;
	width: 10%;
	text-align: left;
}
.bar-container {
	float: right;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 10px;
	background: rgba(0, 0, 0, 0.13);
	width: 87%;
	margin: 10px 0px;
	overflow: hidden;
}
.bar {
	float: left;
	background: #FAFAF8;
	height: 100%;
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/*-----------------------------------------------------------------------------------*/

/*	12: PRICING TABLE
/*-----------------------------------------------------------------------------------*/
.pricing-table {
	text-align: center;
	margin-bottom: 20px;
}
.pricing-table ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
h2.price {
	font-size: 18px!important;
	font-weight: 400!important;
	margin: 0 auto;
	text-align: center;
	color: #ecad2c!important;
}
.pricing-header-row-1 {
	text-align: center;
	height: 125px;
	font-size: 20px;
	padding: 13px 0 14px;
	font-weight: 400;
	background-color: #fff;
	color: #555;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
}
.pricing-header-row-2 {
	text-align: center;
	height: 45px;
	margin-top: 0px;
	padding: 10px 0;
	border-top: none;
	background-color: #ddd;
}
.pricing-content-row-odd, .pricing-content-row-even {
	background-color: #fff;
	padding: 10px 0;
	color: black;
}
.pricing-content-row-even {
	padding: 0px 0;
}
.pricing-footer {
	height: 80px;
	background-color: #ddd;
	padding: 20px 0 0;
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
}

/* Pricing Table Icons */
.intro-icon-disc i {
	text-align: center;
	margin: 0px auto;
	font-size: 30px;
}
.intro-icon-disc.cont-large {
	padding: 15px;
	text-align: center;
	width: 60px;
	height: 60px;
	margin: 0 auto 15px;
}
.intro-icon-large:before {
	font-size: 35px;
	padding-left: 0px;
	margin: 0px 0 0 -3px;
	color: #ecad2c;
}
.intro-icon-disc {
	webkit-transition: border .5s;
	-moz-transition: border .5s;
	-o-transition: border .5s;
	-ms-transition: border .5s;
	transition: border .5s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: none;
	-moz-box-shadow: 0 0 0 30px transparent;
	box-shadow: 0 0 0 30px transparent;
	background: rgba(85, 85, 85, 0.2);
	-webkit-transition: box-shadow .6s ease-in-out;
	-moz-transition: box-shadow .6s ease-in-out;
	-o-transition: box-shadow .6s ease-in-out;
	-ms-transition: box-shadow .6s ease-in-out;
	transition: box-shadow .6s ease-in-out;
}
.intro-icon-disc:hover {
	box-shadow: 0 0 0 0 rgba(85, 85, 85, 0.2);
	-webkit-transition: box-shadow .4s ease-in-out;
	-moz-transition: box-shadow .4s ease-in-out;
	-o-transition: box-shadow .4s ease-in-out;
	-ms-transition: box-shadow .4s ease-in-out;
	transition: box-shadow .4s ease-in-out;
}

/*-----------------------------------------------------------------------------------*/

/*	13: BLOG
/*-----------------------------------------------------------------------------------*/
#blog {
	background: #fff;
}
#blog-footer {
	background: #fff;
	padding: 50px 0 20px;
}
.blog-body {
	background: #fff;
}
.date {
	border-top: 1px solid #535d67;
	width: 30px;
	margin: -10px 0 10px;
}
.date-bottom {
	margin: 0px 0 -10px;
}
.post-title {
	margin: 20px 0;
}
.readmore {
	font-size: 13px;
}
.post-meta ul {
	margin: 0px 0 25px 0;
	padding: 0 0;
	list-style: none;
	text-transform: uppercase;
	font-size: 12px;
	clear: both;
}
.post-meta li {
	margin: 0;
	display: inline;
}
.post-meta a {
	color: #bbb;
}
.post-meta a:hover {
	color: #747474;
}
.pager li a {
	background: #384049;
	border: 0 none;
	color: #a3a8af;
}
.pager li a:hover {
	background: #535d67;
	border: 0 none;
	color: #b6bdc7;
}
.panel {
	background: #f0f0f0;
	border: 0 none;
	-webkit-box-shadow: 0px;
	box-shadow: 0px;
}
#contact-form2 textarea {
	height: 150px!important;
}
#contact-form2 .form_info {
	color: #555!important;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 0px;
	height: 30px;
	margin-left: -14px;
}
#contact-form2 input, #contact-form2 textarea {
	background: #f1f1f1;
	color: #777;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0px none;
	margin-bottom: 3px;
	height: 30px;
	font-weight: 400;
}
#contact-form2 .btn {
	margin: 20px 5px 0 0;
}

/*-----------------------------------------------------------------------------------*/

/*	14: CSS3 ANIMATIONS
/*-----------------------------------------------------------------------------------*/

/**** HIDE ELEMENTS UNTIL SCROLLED TO ****/
.jumbotron, .hi-icon, .grid, .grida, #myCarousel, .carousel2, .pricing, #bar-1, #bar-2, #bar-3, #bar-4 {
	visibility: hidden;
}

/**** SLIDE LEFT ****/
.slideLeft {
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	50%, 65%, 80%, 95%, 100% {
		transform: translateX(0%);
	}
}
@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
	50%, 65%, 80%, 95%, 100% {
		-webkit-transform: translateX(0%);
	}
}

/**** SLIDE RIGHT ****/
.slideRight {
	animation-name: slideRight;
	-webkit-animation-name: slideRight;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
	50%, 65%, 80%, 95%, 100% {
		transform: translateX(0%);
	}
}
@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
	50%, 65%, 80%, 95%, 100% {
		-webkit-transform: translateX(0%);
	}
}

/**** SLIDE UP ****/
.slideUp {
	animation-name: slideUp;
	-webkit-animation-name: slideUp;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}
@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%, 65%, 80%, 95%, 100% {
		transform: translateY(0%);
	}
}
@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%, 65%, 80%, 95%, 100% {
		-webkit-transform: translateY(0%);
	}
}

/**** FADEIN  ****/
.fadeIn {
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;
	animation-duration: 2.0s;
	-webkit-animation-duration: 2.0s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;
	}
	60% {
		transform: scale(1);
	}
	80%, 100% {
		transform: scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	}
	60% {
		-webkit-transform: scale(1);
	}
	80%, 100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

/**** BOUNCE ****/
.bounce {
	animation-name: bounce;
	-webkit-animation-name: bounce;
	animation-duration: 1.6s;
	-webkit-animation-duration: 1.6s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
}
@keyframes bounce {
	0% {
		transform: translateY(0%) scaleY(0.1);
	}
	60% {
		transform: translateY(-30%) scaleY(1.1);
	}
	70% {
		transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80% {
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}
	90% {
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}
	100% {
		transform: translateY(0%) scaleY(1) scaleX(1);
	}
}
@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translateY(0%) scaleY(0.1);
	}
	60% {
		-webkit-transform: translateY(-0%) scaleY(1.1);
	}
	70% {
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80% {
		-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
	}
	90% {
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
	}
	100% {
		-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
	}
}

/**** HEART ****/
.heart {
	position: relative;
	width: 100px;
	height: 90px;
	margin: 30px auto 10px;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transition: all 1s;
}
.heart {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-dely: 1s;
}
.heart.animated {
	-webkit-animation: 1600ms pulsate infinite alternate ease-in-out;
	-moz-animation: 1600ms pulsate infinite alternate ease-in-out;
	-ms-animation: 1600ms pulsate infinite alternate ease-in-out;
	-o-animation: 1600ms pulsate infinite alternate ease-in-out;
	animation: 1600ms pulsate infinite alternate ease-in-out;
}
.heart:before, .heart:after {
	position: absolute;
	content: "";
	left: 50px;
	top: 0;
	width: 50px;
	height: 80px;
	background: #E34834;
	-moz-border-radius: 50px 50px 0 0;
	border-radius: 50px 50px 0 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
}
.heart:after {
	left: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
@keyframes pulsate {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1);
	}
}
@-webkit-keyframes pulsate {
	0% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.3);
	}
	100% {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes pulsate {
	0% {
		-moz-transform: scale(1);
	}
	50% {
		-moz-transform: scale(1.3);
	}
	100% {
		-moz-transform: scale(1);
	}
}
@-ms-keyframes pulsate {
	0% {
		-ms-transform: scale(1);
	}
	50% {
		-ms-transform: scale(1.3);
	}
	100% {
		-ms-transform: scale(1);
	}
}
@-o-keyframes pulsate {
	0% {
		-o-transform: scale(1);
	}
	50% {
		-o-transform: scale(1.3);
	}
	100% {
		-o-transform: scale(1);
	}
}

/*-----------------------------------------------------------------------------------*/

/*	15: MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#Section-2 .well, #big_button, #Section-5 .well {
		background-position: 50% 0px!important;
		background-attachment: scroll!important;
	}
	.carousel2 {
		height: auto;
	}
}
@media only screen and (min-width: 1000px) and (max-width: 1030px) {
	#Section-2 .well, #big_button, #Section-5 .well {
		background-position: 50% 0px!important;
		background-attachment: scroll!important;
	}
}
@media screen and (max-width: 979px) {
	#Section-2 .well, #big_button, #Section-5 .well {
		background-position: 50% 0px!important;
		background-attachment: scroll!important;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
	.navbar .navbar-nav li {
		margin-left: 0px;
	}
	.navbar .navbar-nav li a {
		font-size: 13px;
	}
	.rev-title.bold {
		margin-top: 0px;
	}
	.we_like {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.container {
		padding-right: 20px;
		padding-left: 20px;
	}
	#revolution_slider {
		padding: 0px 0px;
	}
	.cta.btn {
		float: none;
		margin: -20px auto 20px;
		display: block;
		min-width: 45%;
	}
	.notice p {
		margin: 0 auto 0px;
		text-align: center!important;
	}
}
@media screen and (min-width: 480px) and (max-width: 768px) {
	.rev-title {
		font-size: 16px;
		line-height: 22px;
	}
	.rev-title.big {
		font-size: 24px;
		line-height: 28px;
	}
	.grid li {
		width: 47%;
		margin-left: 0px;
	}
	.grida li {
		width: 47%;
		margin-left: 0px;
	}
	.rev-title.bold {
		font-size: 40px!important;
		letter-spacing: 4px;
		margin-top: 0px;
	}
	.btn-mobile {
		padding: 10px 12px;
		font-size: 15px;
	}
	#revolution_slider h2 {
		font-size: 25px;
		margin: 0 0;
	}
	.we_like {
		display: none;
	}
	.quote {
		min-height: 150px!important;
	}
}
@media screen and (max-width: 480px) {
	.quote {
		min-height: 225px!important;
	}
	#revolution_slider {
		padding: 0px 0px;
	}
	.mobile-top {
		padding-top: 0px;
	}
}
@media screen and (max-width: 479px) {
	#revolution_slider {
		padding: 0px 0px;
	}
	.rev-title {
		font-size: 10px;
		line-height: 14px;
	}
	.rev-title.big {
		font-size: 16px;
		line-height: 20px;
	}
	#revolution_slider h2 {
		font-size: 20px;
		margin: 0 0;
	}
	.mobile-top {
		padding-top: 0px;
	}
}
@media screen and (max-width: 31.5em) {
	.quote {
		min-height: 225px!important;
	}
	.grid {
		padding: 0px 0px 10px;
	}
	.grid li {
		width: 80%;
		min-width: 280px;
		margin-left: -3px;
	}
	.grida {
		padding: 0px 0px 10px;
	}
	.grida li {
		width: 80%;
		min-width: 280px;
		margin-left: -3px;
	}
	#revolution_slider {
		padding: 0px 0px;
	}
	#revolution_slider h2 {
		font-size: 20px;
		margin: 0 0;
	}
	.rev-title.bold {
		font-size: 20px!important;
		letter-spacing: 4px;
		margin-top: 0px;
	}
	.rev-title {
		font-size: 12px;
	}
	.rev-title-sub2 {
		margin-top: 10px!important;
	}
	.btn-mobile {
		padding: 5px 12px;
		font-size: 12px;
	}
	.social-mobile {
		padding: 5px 0;
	}
	.we_like {
		display: none;
	}
	.mobile-top {
		padding-top: 0px;
	}
}
@media screen and (max-width: 320px) {
	.quote {
		min-height: 225px!important;
	}
	.grid {
		padding: 0px 0px 10px;
	}
	.grid li {
		width: 80%;
		min-width: 280px;
		margin-left: -3px;
	}
	.grida {
		padding: 0px 0px 10px;
	}
	.grida li {
		width: 80%;
		min-width: 280px;
		margin-left: -3px;
	}
	#revolution_slider {
		padding: 0px 0px;
	}
	#revolution_slider h2 {
		font-size: 20px;
		margin: 0 0;
	}
	.rev-title.bold {
		font-size: 20px!important;
		letter-spacing: 4px;
		margin-top: 0px;
	}
	.rev-title {
		font-size: 12px;
	}
	.rev-title-sub2 {
		margin-top: 10px!important;
	}
	.btn-mobile {
		padding: 5px 12px;
		font-size: 12px;
	}
	.social-mobile {
		padding: 5px 0;
	}
	.cta.btn {
		float: none;
		margin: -20px auto 20px;
		display: block!important;
	}
	.we_like {
		display: none;
	}
	.mobile-top {
		padding-top: 0px;
	}
}
img.photo-travel {
	width: 350px;
}

/* depreciated for now */
.dropdown-menu>li {
	display: inline-block;
	float: left;
	padding: 0px;
}
.paragraph + .list-s {
	margin-top: 2rem;
}
.list-s {
	line-height: 2;
}
ul.list-s li {
	list-style-position: inside;
	list-style-type: disc;
	font-size: 20px;
	text-indent: -1.5em;
	/*text-indent: -1.5em;*/
	padding-left: 3em;
}

.pad-l-2 {
	padding-left: 100px;
}
.fmi-bio {
	text-align: left;
}
.role-title {
	color: #aaa;
	font-size: 14pt;
	font-family: 'FuturaPTLight';
	vertical-align: top;
}
.client-category {
	position: relative;
	vertical-align: middle;
}
.client-cat {
	font-size: 13pt;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 20px;
}
.clients-sec {
	margin: 10px;
}
.testimonial-w {
	color: black;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}
img.what-we-do {
	height: 230px;
}
i.center-a {
	text-align: center;
}
i.gray-a {
	color: red;
}
.col-client-1 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
img.biopic {
	width: 200px;
}
.biopic {
	/* padding-top: 50px; */
	/* vertical-align: top; */
}


/* added */
img.client-details {
	float: right;
	margin: 10px;
	width: 40%;
}
img.client-details-gallery-large {
	margin: 10px;
	height: 400px;
}
img.client-details-gallery-thumbnail {
	margin: 10px;
	width: 200px;
}
div.fmi-bio {
	text-align: left;
}

/* Outer */
.popup {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.75);
	z-index: 100000;
}

/* Inner */
.popup-inner {
	max-width: 900px;
	height: 90%;
	width: 100%;
	padding: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
	border-radius: 3px;
	background: #fff;
}

/* Close Button */
.popup-close {
	width: 30px;
	height: 30px;
	padding-top: 4px;
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	transition: ease 0.25s all;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	border-radius: 1000px;
	background: rgba(0, 0, 0, 0.8);
	font-family: Arial, Sans-Serif;
	font-size: 20px;
	text-align: center;
	line-height: 100%;
	color: #fff;
}
.popup-close:hover {
	-webkit-transform: translate(50%, -50%) rotate(180deg);
	transform: translate(50%, -50%) rotate(180deg);
	background: rgba(0, 0, 0, 1);
	text-decoration: none;
}

/* more added */

/* Style the tab */
div.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
	background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
	background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}
.tabcontent {
	-webkit-animation: fadeEffect 1s;
	animation: fadeEffect 1s;
	/* Fading effect takes 1 second */
}
@-webkit-keyframes fadeEffect {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeEffect {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* more */
.wrap {
	overflow: hidden;
	margin: 10px;
}
.box {
	float: left;
	position: relative;
	width: 20%;
	padding-bottom: 20%;
}
.boxInner {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	overflow: hidden;
}
.boxInner img {
	width: 100%;
}
.boxInner .titleBox {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: -50px;
	background: #000;
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	padding: 10px;
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.cbp-rfgrid {
	margin: 35px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;
}
.cbp-rfgrid li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 16.6666667%;
	/* Fallback */
	
	width: -webkit-calc(100% / 6);
	width: calc(100% / 6);
}
.cbp-rfgrid li a, .cbp-rfgrid li a img {
	display: block;
	width: 100%;
	cursor: pointer;
}
.cbp-rfgrid li a img {
	max-width: 100%;
}

/* Flexbox is used for centering the heading */
.cbp-rfgrid li a div {
	position: absolute;
	left: 20px;
	top: 20px;
	right: 20px;
	bottom: 20px;
	background: rgba(71, 163, 218, 0.2);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	text-align: center;
	opacity: 0;
}
.cbp-rfgrid li a:hover div {
	opacity: 1;
}
.cbp-rfgrid li a div h3 {
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: 2px;
	padding: 0 10px;
}

/* Example for media query: change number of items per row */
@media screen and (max-width: 1190px) {
	.cbp-rfgrid li {
		width: 20%;
		/* Fallback */
		width: -webkit-calc(100% / 5);
		width: calc(100% / 5);
	}
}
@media screen and (max-width: 945px) {
	.cbp-rfgrid li {
		width: 25%;
		/* Fallback */
		width: -webkit-calc(100% / 4);
		width: calc(100% / 4);
	}
}
@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%;
		/* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}
@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%;
		/* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}
@media screen and (max-width: 400px) {
	.cbp-rfgrid li {
		width: 50%;
		/* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}
@media screen and (max-width: 300px) {
	.cbp-rfgrid li {
		width: 100%;
	}
}

/* new */
.footer-c-heading {
	font-family: 'FuturaPTMedium';
	font-size: 20px;
	line-height: 1.4em;
}
.footer-c-text {
	font-family: 'FuturaPTLight';
	font-size: 20px;
	line-height: 1.4em;
}
.mission-statement {
	color: white;
	font-size: 40px;
	line-height: 1.4em;
}

/* MOBILE STUFF */
ul.tools-nav li {
	display: block;
}
ul.tools-nav-m li {
	display: none;
}
@media only screen and (max-width: 360px), screen and (max-width:375px), screen and (max-width:414px) {
	img.biopic {
		width: 150px;
	}
	.footer-d-t {
		padding-top: 10px;
		padding-bottom: 10px;
		/*background-color:red;*/
	}
	.footer-d-b {
		padding-top: 10px;
		padding-bottom: 10px;
		/*background-color:red;*/
	}
	.footer-d-m {
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		/*background-color:red;*/
	}
	.map-contact {
		padding-top: 20px;
	}
	.nav-a {
		padding-left: 0px;
	}
	ul.tools-nav li {
		display: none;
	}
	ul.tools-nav-m li {
		display: block;
	}
	.pad90 {
		padding-top: 30px;
	}
	h1 {
		font-size: 18px;
		line-height: 1.3em;
	}
	h3 {
		font-size: 15px;
		line-height: 1.3em;
	}
	h4 {
		font-size: 20px;
		line-height: 1.3em;
	}
	p {
		font-size: 16px;
		line-height: 1.3em;
	}
	.mission-statement {
		font-size: 20px;
		line-height: 1.3em;
	}
	img.what-we-do {
		width: 100%;
		height: 100%;
	}
	/* a{
       	   font-size: 16px;
           line-height: 1.3em;	
    }*/
	
	.footer-c-text {
		font-size: 16px;
		line-height: 1.3em;
	}
	.footer-c-heading {
		font-size: 16px;
		line-height: 1.3em;
	}
	a.footer {
		/*color:white;*/
		color: #939393;
		font-family: 'FuturaPTLight';
		font-size: 16px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	a.footer:hover, a.footer:focus {
		color: #ecad2c;
	}
	a.footer-heading {
		/*color:white;*/
		color: white;
		font-size: 18px;
		font-family: 'FuturaPTMedium';
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	a.footer-heading:hover, a.footer:focus {
		color: #ecad2c;
	}
	div.testimonialq {
		background-color: red;
		background: rgba(25, 25, 25, .55);
		color: white;
		font-size: 9px;
		font-style: italic;
		white-space: normal;
		word-break: keep-all;
		position: relative;
		line-height: 1.2em;
		padding:10%;
	}
	h3.quotes-title {
		font-size: 9px;
		color: red;
		opacity: 1.0;
	}
	div.quotes-bk-bk {
		padding-left: 0;
		height: 100%;
		width: 100%;
	}
	div.quotes-bk {
		/*width:100%;background: rgba(25, 25, 25, .15);padding:40px;*/
	padding: -60px;
		width: 100%;
	}
}

span.quotes-title{
	font-color:yellow;
}
h3.quotes-title {
	color: #F9B05E;
	opacity: 1.0;
}
.map-contact {
	height: 300px;
}
.top-right-nav {
	position: absolute;
	top: 0px;
	right: 10px;
	height: 20px;
	margin-top: -40px;
}
.border-nav {
	border-top: solid;
	border-top: 1px;
	border-color: gray;
}
.testimonialq {
	box-sizing: border-box;
	padding: 3rem;
	margin-top: 2rem;
	/* width: 100%; */
	max-width: 1170px;
	color: white;
	font-size: 18px;
	white-space: normal;
	word-break: keep-all;
	position: relative;
}
h3.quotes-title {
	margin-bottom: 3rem;
	font-size: 5rem;
	font-family: 'FuturaPTBold';
	opacity: 1.0;
}
.testimonialq .paragraph {
	font-style: italic;
	font-size: 2.25rem;
	line-height: 1.6;
}
div.quotes-bk-bk {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 0;
	/*background-color:black;
	background: rgba(25, 25, 25, .55);*/
	height: 100%;
	width: 100%;
}
div.quotes-bk {
	/*width:100%;background: rgba(25, 25, 25, .15);padding:40px;*/
	padding: 60px;
	width: 100%;
}

.center{
	text-align: center;
}

/* Logo */
div.logo-p{
	position:absolute;
	top:0px;
	left:10px;
	height:20px;
	margin-top:0px;
}

.rev-title-text{
color:#fdba31
}

.rev-desc{
	color:white;
}

.rev-desc-gray{
	color:#bbbaba;
}

.primary-banner {
	background-image: url(../img/slider/img-companies-cover.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.primary-banner-container {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 14rem 6rem 12rem 6rem;
	background: rgba(0, 0, 0, .7);
}

.primary-banner-heading {
	margin: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8rem;
	margin-left: 0;
	text-align: center;
}

.primary-banner-heading span:first-child {
	display: block;
	margin-bottom: 1.5rem;
	font-size: 80px;
	font-family: 'FuturaPTBold';
	color: #fff;
	line-height: .75;
}

.primary-banner-heading span:last-child {
	font-size: 20px;
	font-family: 'FuturaPTLight';
	font-weight: initial;
	color: #aaa;
}

.primary-banner-content {
	text-align: center;
}

.primary-banner-content p {
	margin-bottom: 6rem;
	color: #fff !important;
	font-size: 32px;
	font-family: 'FuturaPTLight';
	line-height: 1.4;
}

@media only screen and (max-width: 360px), screen and (max-width:375px), screen and (max-width:414px) {
	.primary-banner-heading span:first-child {
		font-size: 50px;
	}
}

.footer-container {
	background: #333;
	padding-bottom: 8rem;
}

.micro-footer-container {
	background: #000;
}

.micro-footer-container p {
	margin: 0;
	text-align: center;
}