img { max-width:100%; height:auto; }

/* 
colours 
	
		green #69bd45
		darkgreen 56a236
		grey #363636
		blue #00adef
		
*/

body 
{
	font-family: 'Raleway', sans-serif;
	color:#363636;
	font-size:18px;
}
p
{
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	color:#ffffff;
}

h1
{
	font-family: 'Raleway', sans-serif;
	font-size:24px;
	color: #363636;
	font-weight:700;
	margin:0;
}

h2
{
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:22px;
	color: #69bd45;
	text-transform:uppercase;
	margin:0;
}
.home-hero h2{font-size:70px; color:#ffffff; margin-bottom:10px; text-shadow: 0 0 15px #000000;}
.footer2 h2{
	
    color: #ffffff;
    font-size: 40px;
    position: relative;
    line-height: 35px;
}
.navbar h2 {font-family: 'Raleway', sans-serif;
	font-size:24px;
	color: #69bd45;
	font-weight:700;}
h3
{
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:34px;
	color: #363636;
	text-transform:uppercase;
	margin:0;
}

a
{
	color: inherit;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	text-decoration:none;
}
a:hover
{
	text-decoration: underline;
	color: inherit;
}
.flex{
	display:flex;
}
.flex-center
{
	-webkit-box-pack: center;
    -webkit-box-align: center;
    display: -webkit-inline-box;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    width: 100%;
}
/*default styles*/

.defaultBgImage
{
	width:100%;
	height:0;
	padding-top:100%;
	background-position:center;
	background-size:cover;
}

.btn.custom
{
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	font-size:22px;
	font-weight:400;
	background-color:#69bd45;
	border-radius:0;
	color:#ffffff;
	padding: 6px 30px;
	text-transform:uppercase;
	position:relative;
	overflow:hidden;
	z-index:0;
}
.btn.custom:after
{
	-moz-transform: skewX(-20deg) skewY(0deg);
	-webkit-transform: skewX(-20deg) skewY(0deg);
	-o-transform: skewX(-20deg) skewY(0deg);
	-ms-transform: skewX(-20deg) skewY(0deg);
	transform: skewX(-20deg) skewY(0deg);
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	content:'';
	display:block;
	width:120%;
	height:100%;
	position:absolute;
	top:0;
	left:110%;
	background-color:#56a236;
	z-index:-1;
}
.btn.custom:hover::after{left:-8%;}
.btn.custom.alt
{
	background-color:#ffffff;
	color:#69bd45;
}
.btn.custom.alt:hover{color:#ffffff;}

.bold-icons{margin-top:37px; margin-right:25px;}
.bold-numbers{font-size:72px; line-height:40px; color:#ffffff; font-weight:700; margin-right:10px;}

.padding-remove{padding:0;}
.margin-remove{margin:0;}

.margin-top-xlarge{margin-top:60px;}
.margin-top-large{margin-top:35px;}
.margin-top-medium{margin-top:25px;}
.margin-top-small{margin-top:15px;}
.margin-top-xsmall{margin-bottom:8px;}
.margin-bottom-xsmall{margin-bottom:8px;}
.margin-bottom-small{margin-bottom:15px;}
.margin-bottom-medium{margin-bottom:25px;}
.margin-bottom-large{margin-bottom:35px;}
.margin-bottom-xlarge{margin-bottom:60px;}
.padding-bottom-xlarge{padding-bottom:60px;}
.padding-bottom-large{padding-bottom:35px;}
.padding-bottom-medium{padding-bottom:25px;}
.padding-bottom-small{padding-bottom:15px;}
.padding-top-xlarge{padding-top:60px;}
.padding-top-large{padding-top:35px;}
.padding-top-medium{padding-top:25px;}
.padding-top-small{padding-top:15px;}



.fix-body
{
	position: fixed;
	width:100%;
}
.bg-grey{background-color:#363636;}
.green{color:#69bd45;}
/*default styles end*/

/* head styles */

.header-logo
{
	padding:28px 0;
}

.projects-container
{
	height:635px;
}
.project-home
{
	margin-top:330px;
	background-color:rgba(51, 51, 51, 0.9);
	padding:15px;
}
.project-home h1
{
	margin-top:0;
	min-height:50px;
	text-transform:uppercase;
	letter-spacing:1px;
}
nav.menu
{
	background-color:rgba(51, 51, 51, 1);
	width:100%;
}
nav.slide-menu-left li
{
	border:none;
}
nav.slide-menu-left, nav.push-menu-left {
    left: -100%;
}
nav.slide-menu-left a, nav.slide-menu-right a, nav.push-menu-left a, nav.push-menu-right a {
    font-size: 24px;
}
.close-menu
{
	background-color:#69bd45 !important;
	width:100%;
}


.buttons
{
	display:none;
	width:100%;
	margin:0;
	background-color:#121212;
	position: fixed;
	z-index:21;
	text-align:left;
}
.buttons button
{
	margin:0;
	background-color: transparent;
}
.buttons button:hover
{
	background-color: #121212;
}
nav.menu
{
	background-color: #eaeaeb;
	overflow:scroll;
}
nav.menu ul {
    padding: 60px 0 0 0;
	width:100%;
}
nav.menu ul .dropdown-menu
{
	width:100%;
	border-radius:0;
	padding:0;
}
nav.menu ul .dropdown-menu a
{
	color:#000000;
}
nav.slide-menu-left button.close-menu
{
	width:100%;
	background-color:#6a0f0f;
	font-size:22px;
	margin:0;
}
nav.slide-menu-left li
{
	border:none;
}
nav.slide-menu-left a
{
	font-size:14px;
	padding:5px;
	letter-spacing:2px;
    text-transform: uppercase;
}
nav.slide-menu-left a:hover
{
	text-decoration:none;
	background-color:#6a0f0f;
}


#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 40px;
  height: 25px;
  position: relative;
  margin: 5px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #ffffff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.open span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
nav.slide-menu-left, nav.push-menu-left {
    left: -100%;
	width: 100%;
}
.menu .nav li a {
    color:#363636;
}
/* head styles end */

/* main content */
.content p
{
	color:#363636;
}
/* main content end */

/* footer */
.footer
{
	background-color:#363636;
}
.footer2
{
	background-color:#69bd45;
}
.footer2 p
{
	margin-top:20px;
	margin-bottom:50px;
}
.footer2 h2 img{height: 40px;
    position: relative;
    top: -4px;}
.footer-social
{
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
}
.footer-social:hover
{
	transform: perspective(1px) scale(1.1);
	-webkit-transform: perspective(1px) scale(1.1);
	-ms-transform: perspective(1px) scale(1.1);
	-moz-transform: perspective(1px) scale(1.1);
}
/* footer end */

/*BS overrides*/
.navbar
{
	border-radius:0;
	border:none;
	z-index:10;
	margin-bottom:0;
	float:right;
}
.nav li a
{
	font-size:16px;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px;
	padding:18px;
}
.nav li a:hover
{
	color:#ffffff;
	background-color:#69bd45;
}
.form-control
{
	background-color:#f1f1f1;
	color:#363636;
	height:auto;
	padding:13px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	border:none;
	border-left:1px solid #363636;
	margin-bottom:20px;
	font-size:16px;
}
.captchaContainer input
{
	width:100%;
	height:auto;
	padding:13px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	border:none;
	margin-bottom:20px;
	background-color:#f1f1f1;
	font-size:16px;
	border-left:1px solid #363636;
}
.img-responsive
{
	display:inline;
}
.row
{
	margin-left:0;
	margin-right:0;
}

/*BS overrides end*/

/*prettyphoto overrides*/
.pp_content_container a
{
	transition: none;
	-webkit-transition: none;
	-ms-transition: none;
	-moz-transition: none;
}

.pp_nav
{
	display:none !important;
}
.pp_description
{
	color:#363636;
	font-size:14px !important;
}
.pp_gallery
{
	display:none !important;
}
/*prettyphoto overrides end*/

/*flexslider*/

.flexslider{border:none; margin:0;}
.slideImage
{
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 0;
	padding-bottom:30%;
}
.flex-control-nav
{
	z-index:11;
	bottom:50px;
}
.flex-control-nav li a
{
	width:26px;
	height:26px;
	background-color:#ffffff;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
}
.flex-active
{
	background-color:#69bd45 !important;
}
.flex-control-paging li a:hover
{
	background-color:#69bd45 !important;
}

.project .flex-control-nav
{
	z-index:11;
	bottom:-40px;
}
.project .flex-control-nav li a
{
	width:26px;
	height:26px;
	background-color:#363636;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
}
.flex-direction-nav .flex-prev {
    left: 15px;
    background-image: url('/images/arrow-left.svg');
}
.flex-direction-nav .flex-next {
    right: 15px;
    background-image: url('/images/arrow-right.svg');
}
.flex-direction-nav a
{
	height:70px;
	background-position:center;
	background-size:contain;
	background-repeat: no-repeat;
	margin-top:-35px;
}
/*flexslider*/

/*navScroll*/
.navScroll
{
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:1000;
	background-color:rgba(200, 200, 200, 0.3);
	padding:20px 10px;
	border-radius:0;
}
.navScroll img{height:30px;}
.navScroll a
{
	text-decoration:none;
}
.navScroll:hover
{
	background-color:rgba(200, 200, 200, 0.5);
}
/*navScroll*/

/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) 
{	
	.nav li a {
    	font-size: 14px;
    	padding: 14px;
	}
	.projects-container
	{
		height:435px;
	}
	.project-home
	{
		margin-top:80px;
	}
	.home-hero h2 {
	    font-size: 70px;
	}
	.flex-control-nav {
	    bottom: 20px;
	}
}
/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) 
{
	.text-center-mobile{text-align:center;}
	
	.projects-container
	{
		margin-top:60px;
		margin-bottom:65px;
		height:335px;
	}
	.header-logo
	{
		padding-bottom:15px;
	}
	.project-home
	{
		margin-top:0;
	}
	
	.bold-icons
	{
		margin:20px 10px 10px 10px;
	}
	.navbar {
		float: none;
		text-align:center;
	}
	.navbar-nav {
		float: none;
	    display: inline-block;
	}
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 767px)
{
	.navbar
	{
		min-height:0;
	}
	
	.projects-container
	{
		margin-top:0;
		height:192px;
	}
	.flex-control-nav
	{
		bottom:10px;
	}
	.bold-icons
	{
		display:none;
	}
	.bold-numbers{font-size:52px; margin:0 0 20px 0; float:none !important;}
	.project-home
	{
		background-color:#363636;
	}
	.project-home h1
	{
		min-height:0;
	}

	.buttons
	{
		display:block;
	}
	.header-logo {
	    margin-top: 55px;
	}
	.home-hero h2 {
	    font-size: 40px;
	}
	.btn.custom, .btn.custom.alt {
    	font-size: 20px;
	}
	.slideImage {
    	padding-bottom: 40%;
	}
}
@media (max-width: 480px)
{
	.navbar 
	{
		background-color: rgba(51, 51, 51, 1);
	}
	
	.projects-container
	{
		margin-top:0;
		height:92px;
	}
	.col-sm-4
	{
		width:100%;
	}
	
	.home-hero h2 {
	    font-size: 30px;
	}
	.btn.custom, .btn.custom.alt {
		font-size: 18px;
		padding: 4px 15px;
	}
}