/* General
-----------------------------------------------------------*/
body {
	font-size: 14px;
	line-height: 24px;	
	font-family: 'Raleway', sans-serif;
	-webkit-font-smoothing: antialiased;
}

p {
	font-size: 14px;
	line-height: 24px;	
}

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Raleway', sans-serif;
}

h1{ 
	font-weight: 300; 
	font-size: 55px;
}

.content .page_title h1{
    margin-top: 0;
    line-height: 59px;
}

.content .projecttitle h3 {
    margin-top: 0px;
}

h2 { 
	font-weight: 300; 
	font-size: 38px;
}

h3 { 
	font-weight: 300; 
	font-size: 32px;
}

h4 { 
	font-weight: 400; 
	font-size: 24px;
}

.content h1, .content h2, .content h3 { 
	margin-top: 30px;
}


ul, ol, dl {
    font-size: inherit;
    line-height: inherit;
}

a {
	color: #000;
}

a:hover, a:focus {
	color: #225870;
}

img.alignright {
	float: right;
}

img.alignleft {
	float: left;	
}



/* Button
-----------------------------------------------------------*/

.button{
	border: 1px solid #fff;
	color: #fff;
	font-weight: 800;
	font-size: 21px;
	text-transform: uppercase;
	background: url(../img/buttoncorner.png) no-repeat bottom right;
}

[type="email"], [type="text"], textarea {
    border: 1px solid #ccc;
    box-shadow: none;
    color: #000;
    height: auto;
    margin: 0 0 10px;
    padding: 15px 20px;
	border-radius: 0;
}

input::placeholder, textarea::placeholder {
    color: inherit;
}

a.button, [type="submit"] {
	border: 1px solid #225870;
	border-radius: 0;
    color: #225870;
    cursor: pointer;
    line-height: 1rem;
    margin: 0 0 10px;
	padding: 20px 30px;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
    font-weight: 800;
    font-size: 21px;
    text-transform: uppercase;
    background: url(../img/buttoncornerblue.png) no-repeat bottom right;
}

a.button:focus, [type="submit"]:focus,
a.button:hover, [type="submit"]:hover {
    background: #225870 url(../img/buttoncorner.png) no-repeat bottom right;
	color: #fff;
}




/* Header
-----------------------------------------------------------*/


/*--- Top ---*/
.top {
	font-weight: 400;
}

.top ul {
}

.top ul li {
    float: left;
    list-style: outside none none;
	font-weight: 400;

}


/*--- Header ---*/
.header {
	background: url(../img/headerbg.png);
	padding: 27px 0 28px;
    position: absolute;
    z-index: 999;
    width: 100%;
}

.logo{

}

.headeraddress ul li{
	color: #fff;
}

.headeraddress li a {
	color: #fff;
	font-weight: 600;
}

.headeraddress li i {
	color: #225870;
	font-weight: 600;
}



/*--- Nav ---*/

.menu a {
    line-height: 0;
    text-decoration: none;
    display: block;
    padding: 0rem 0rem;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}

ul.nav.dropdown.menu {
    float: right;
}

ul.nav.dropdown.menu li {
    float: left;
    list-style: none;
}

.secondarymenulink ul.nav.dropdown.menu li {
    float: left;
    list-style: none;
    background: #8ac841;
}

.secondarymenulink ul.nav.dropdown.menu li a {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 20px;
}

.headeraddress .secondarymenulink li {
    padding: 0;
}

ul.nav.dropdown.menu li > a:hover,
ul.nav.dropdown.menu li.current_page_item > a,
ul.nav.dropdown.menu li.current-menu-parent > a,
ul.nav.dropdown.menu li.current-menu-ancestor > a,
/* keep parent highlighted on submenu hover */
ul.nav.dropdown.menu li.menu-item-has-children:hover > a  {
	border-bottom: 2px solid #fff;
}

.dropdown.menu a {
    margin: .7rem 1rem;
    padding: 0 0 .7rem;
}

.menu-primary-container{
	margin-top: 45px;
}


.headeraddress{
	font-size: 13px;
	color: #000;
	text-transform: uppercase;
	padding: 10px 30px 0 0;
	position: absolute;
	z-index: 9999;
	font-weight: 400;
}

.headeraddress a{
	text-align: right;
	line-height: 13px;
}

.headeraddress li{
	padding: 0 0 0 8px;
}

.headeraddress ul{
	float: right;
}

.secondarymenu ul.nav.dropdown.menu li > a:hover {
	border-bottom: 0px solid #72963f;
}

.secondarymenu{
	padding: 23px 0 0; 
}

.secondarymenu ul{
	margin-top: 3px; 
}

.secondarymenu ul li a:hover{
	border-bottom: 0px solid #72963f;
}

.secondarymenu a{
	margin: 0;
	color: #797979;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
}

.socialmenu {
    padding: 13px 0 0;
    margin-top: 13px;
}

.socialmenu li a{
	margin-left: 10px;
	color: #395499;
}


/* Mobile menu style */

.position-right.is-transition-push {
    box-shadow: inset 0px 0 0px -13px rgba(10,10,10,.25);
}

.off-canvas {
    position: fixed;
    z-index: 12;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #7f9dca;
}



/* Home
-----------------------------------------------------------*/

/*----- Main -----*/

.black {
	background: url(../img/black.png);
	padding: 250px 0 450px 0;
}

.main {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 986px;
	text-align: center;
}

.main h1{
	margin-top: 150px;
	color: #fff;
	font-size: 55px;
	line-height: 65px;
	font-weight: 300;
}

.main p{
	color: #fff;
	font-size: 18px;
	line-height: 26px;
}

.orbit-slide {
    width: 100%;
    height: 986px;
}

.orbit-slide a{
}

.orbit-slide a.button{
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    line-height: 1rem;
    margin: 0 0 10px;
    padding: 20px 30px;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
    font-weight: 800;
    font-size: 21px;
    text-transform: uppercase;
    background: url(../img/buttoncorner.png) no-repeat bottom right;
}

.orbit-slide a.button:hover{
    background: #225870 url(../img/buttoncorner.png) no-repeat bottom right;
}


.backgrounds{
	-webkit-background-size: cover, auto;
	-moz-background-size: cover, auto;
	-o-background-size: cover, auto;
	background-size: cover, auto;
	background-repeat: no-repeat, no-repeat;
	background-position: center center, bottom; 
}

.introimage{
	height: 488px;
}

.introtext h1{
    line-height: 40px;
}

.introtext p{
	width: 80%;
}

.introtext{
	padding-top: 41px;
}

.introband .button{
	border: 1px solid #225870;
	color: #225870;
	font-weight: 800;
	font-size: 21px;
	text-transform: uppercase;
	background: url(../img/buttoncornerblue.png) no-repeat bottom right;
}


.introtext h3 {
    font-weight: 300;
    font-size: 24px;
	width: 80%;
}

.introband h1 span{
	color: #225870;
}

.introband {
	border-bottom: 1px solid #ccc;
}

.featuredservice{
	height: 522px;
	overflow: hidden;
}

.blackwrap{
	background: #131313;
	padding: 26px 0;
	color: #fff;
	font-size: 42px;
	margin-bottom: 50px;
}

.blackwrap h2{
	display: inline-block;
}

.blackwrap .button{
	margin-left: 50px;
	border: 1px solid #fff;
	color: #fff;
	background: url(../img/buttoncorner.png) no-repeat bottom right;
}

.projectbgwrapper {
	margin-bottom: 24px;
	text-align: center;
}

.featuresband{
	padding: 45px 0;
}

.featureblack{
	background: url(../img/black.png);
	padding: 10px 0 210px;
}

.featureblack a{
	color: #fff;
	font-weight: 700;
}

.page-template-projects .featureblack {
    background: url(../img/black.png);
    padding: 10px 0 50px;
	text-transform: uppercase;

}


.page-template-home .featureblack:hover .projecttitle {
  opacity: 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.projecttitleborder{
	border: 1px solid #fff; 
	text-align: center; 
	margin: 75px auto 25px;
	color: #fff; 
	width: 80%; 
	padding: 20px 0 15px;
    font-weight: 700;
}

.page-template-home .projecttitle{
  	opacity: 0;
   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   -ms-transition: all .5s ease-out;
   transition: all .5s ease-out;
}

.featuredesc{
	margin: 160px auto 0;
	width: 50%;
	color: #fff;
	text-align: center;
	line-height: 50px;
}	

.featuredesc hr{
	width: 75px;
}

.featuredesc h3{
	font-size: 32px;
	text-transform: uppercase;
}

.featuredesc p{
	line-height: 25px;
	font-size: 16px;
	font-weight: 600;
}	

.featuredprojects .featureblack {
    background: url(../img/black.png);
    padding: 10px 0 40px;
	text-transform: uppercase;
    font-weight: 700;
}

.featuredprojects a{
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	margin-top: 25px;
	font-weight: 700;
}


.featureblack h3{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	line-height: 36px;
}


/* Content
-----------------------------------------------------------*/


.page_title{
	background: #666;
	padding: 40px 0;
    margin-bottom: 75px;
	background-color:rgba(0,0,0, 0.65);
	color: #fff;
	text-align: center;
}

.home .content {
	min-height: 500px;
	padding: 0;
}

.page .content, .single .content {
    min-height: 500px;
    padding: 134px 0 0;
}

.projectgalwrapper {
    margin: 2px;
    min-height: 200px;
    text-align: left;
    padding: 100px 0 60px;
}

.projectdetails{
	padding-top: 30px;
}




/* Footer
-----------------------------------------------------------*/
.footer {
    background: #131313;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin-top: 150px;
	font-size: 11px;
}

.maprow{
	margin-top: 75px;
}

.page-template-contact-php .footer {
    margin-top: 0px;
}

.footer a{
	color: #fff;
}

.footernav{
	margin-top: 100px;
}

.footer #footernav {
    margin-left: 0px;
    list-style-type: none;
}

.footer #footernav li {
    display: inline-block;
	margin: 0 10px;
}






/* Bottom
-----------------------------------------------------------*/
.bottom {
    background: #131313;
    padding: 10px 0;
}

.bottom p {
	margin: 0;
}

.bottom a {
	background: url(../img/x.png) no-repeat center left;
   	color: white;
    font-size: 10px;
    padding: 0 0 0 20px;
}






@media only screen and (max-width: 63.9375em) { 


/* Header
-----------------------------------------------------------*/

h1 {
    font-weight: 300;
    font-size: 38px;
}

.main h1 {
    margin-top: 32px;
    color: #fff;
    font-size: 28px;
    line-height: 42px;
    font-weight: 300;
}


.header {
    background: url(../img/headerbg.png);
    padding: 30px 0 0;
    position: absolute;
    z-index: 999;
    width: 100%;
}

.main {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 450px;
	text-align: center;
}

.introimage {
    height: 240px;
}

.featuredesc {
    margin: 182px auto 0;
    width: 80%;
    color: #fff;
    text-align: center;
    line-height: 50px;
}

.blackwrap h2 {
    display: inline-block;
	font-size: 28px;
	text-align: center;
}

.blackwrap .button {
    margin-left: 75px;
}

.page .content, .single .content {
    min-height: 500px;
    padding: 135px 0 0;
}

.black {
    background: url(../img/black.png);
    padding: 155px 0 75px 0;
}

.orbit-slide {
    width: 100%;
    height: 464px;
}

.orbit-container {
    position: relative;
    height: 0;
    margin: 0;
    list-style: none;
    overflow: visible;
	height: 400px;
}


.menu_icon {
    margin: 0;
	font-size: 32px;
}

.menu_icon::after {
    display: none;
}

.menu-primary-container{
	margin-top: 30px;
}

#offCanvasMenu .close-button {
    background: #dfab29 none repeat scroll 0 0;
    border-radius: 0;
    color: white;
    font-size: 21px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    z-index: 999;
}

#offCanvasMenu label {
    background: black none repeat scroll 0 0;
    color: white;
    font-size: 12px;
    font-weight: 700;
    height: 35px;
    letter-spacing: 1px;
    padding: 8px 10px;
}

#offCanvasMenu ul.nav {
    float: none;
    margin: 0;
}

#offCanvasMenu ul.nav li {	
	border: none;
    border-bottom: 1px solid #ccc;
    float: none;
    margin: 0;
    padding: 0;
}

#offCanvasMenu ul.nav li a {
	font-family: 'Roboto Condensed', sans-serif;
    display: block;
    margin: 0;
    padding: 20px 20px;
	border: none;
	color: black;
	background: none;
	text-transform: uppercase;
	font-weight: 300;
}

#offCanvasMenu ul li {
	list-style: none;
	font-family: 'Roboto Condensed', sans-serif;}
}

.socialmenu {
    padding: 0;
}

#offCanvasMenu .secondarymenu ul{
	margin-top: 15px;
}

#offCanvasMenu .socialmenu {
    margin: 0 0 0 10px;
}

#offCanvasMenu .socialmenu li a {
    margin-right: 20px;
    color: #395499;
    float: left;
	font-size: 24px;
	color: #000;
}

.suppliers{
	text-align: center;
}

.supplier{
	text-align: center;
	margin-top: 30px;
}


}









@media only screen and (max-width: 39.9375em) {

.introtext p{
	width: 100%;
}

.introtext h3 {
    font-weight: 300;
    font-size: 24px;
	width: 100%;
}



}










/* IE 
-----------------------------------------------------------*/
.ie8 .row               { width:1000px !important; }
.ie8 .row .row			{ width:100%   !important; }
.ie8 .row .row .row     { width:100%   !important; }
.ie8 .large-centered    { width:100%   !important; }
.ie8 .columns           { float:left; padding: 0 20px;}
.ie8 .large-1.columns   { width:  8%; }
.ie8 .large-2.columns   { width: 15%; }
.ie8 .large-3.columns   { width: 25%; }
.ie8 .large-4.columns   { width: 33%; }
.ie8 .large-5.columns   { width: 40%; }
.ie8 .large-6.columns   { width: 50%; }
.ie8 .large-7.columns   { width: 58%; }
.ie8 .large-8.columns   { width: 66%; }
.ie8 .large-9.columns   { width: 75%; }
.ie8 .large-10.columns  { width: 83%; }
.ie8 .large-11.columns  { width: 90%; }
.ie8 .large-12.columns  { width: 100%;}
.ie8 .hide-for-large-up { display:none; }





/* Visibility Classes 
-----------------------------------------------------------*/	

@media only screen { /* small displays */
	.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}

@media only screen and (min-width: 40.063em) { /* medium displays */
	.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}

@media only screen and (min-width: 64.063em) { /* large displays */
	.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}

@media only screen and (min-width: 90.063em) { /* xlarge displays */
	.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}

@media only screen and (min-width: 120.063em) { /* xxlarge displays */
	.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}