html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}* {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
p {
font-family: 'Source Sans Pro', sans-serif;
line-height: 20px;
margin-bottom: 15px; }
img {
border: 0;
height: auto;
max-width: 100%; }
a {
color: inherit;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
a:hover {
text-decoration: none; }
body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
line-height: 17px;
margin: 75px 0 0 0; }
body, html {
overflow-x: hidden; }
em {
font-style: italic; }
strong {
font-weight: 900; }
h1, h2, h3, h4, h5, h6 {
line-height: normal; } header {
background: #bad040;
padding: 14px 0 12px 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9; }
header .logo {
padding-top: 9px; }
header .phone-number {
color: #FFFFFF;
float: right;
font-size: 15px;
margin-bottom: 10px; }
header .phone-number label {
font-size: 13px; }
header nav.menu {
display: inline-block;
width: 100%; }
header nav.menu ul {
float: right;
margin: 0 auto; }
header nav.menu ul li {
float: left;
font-size: 15px;
position: relative;
width: auto; }
header nav.menu ul li:last-child {
border-right: 0px; }
header nav.menu ul li a {
color: #FFFFFF;
float: left;
padding: 0px 10px 0px 10px;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
header nav.menu ul li a:after {
background: #FFFFFF;
bottom: -8px;
content: "";
height: 0px;
left: 50%;
position: absolute;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 0px; }
header nav.menu ul li a:hover {
opacity: 1;
position: relative; }
header nav.menu ul li a:hover:after {
height: 1px;
width: 60px; }
header nav.menu ul li.current-menu-item a:after {
background: #FFFFFF;
bottom: -8px;
content: "";
height: 1px;
left: 50%;
position: absolute;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 60px; }
.title-bar {
background: #f6f7f9;
color: #bad040;
font-size: 18px;
padding: 14px 0; }
footer {
background: #eb5b27;
color: #FFFFFF;
padding: 50px 0 20px 0; }
footer h4 {
font-size: 24px;
font-weight: 300;
line-height: 28px;
margin-bottom: 5px; }
footer .footer-small {
font-size: 11px;
margin-top: 20px; }
footer .footer-small i.fa {
font-size: 32px;
margin-left: 10px; }
footer .footer-small img {
margin-left: 30px;
max-height: 45px; }
footer a:hover {
color: #bad040; }
button.button {
background: #bad040;
border: 0;
border-radius: 3px;
color: #FFFFFF;
cursor: pointer;
font-size: 15px;
outline-width: 0;
padding: 8px 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
button.button:hover {
background: #717e26; }
.advert-wrapper {
margin-top: 20px;
padding-left: 0; }
.advert-wrapper .advert {
color: #FFFFFF;
margin-bottom: 15px;
margin-left: 0;
min-height: 107px;
padding: 15px;
position: relative; }
.advert-wrapper .advert h4 {
font-size: 15px;
font-weight: 900;
line-height: 20px;
margin-bottom: 5px; }
.advert-wrapper .advert p {
font-size: 13px;
line-height: 16px;
margin-bottom: 0; }
.advert-wrapper .advert img {
left: -30px;
max-width: none;
position: absolute;
top: -26px;
width: 108px; }
.advert-wrapper .advert .content {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%); }
.advert-wrapper .notice-box {
border: 6px solid #bad040;
margin-bottom: 20px;
margin-top: 25px;
padding: 25px 30px 25px 25px; }
.advert-wrapper .notice-box h4 {
color: #bad040;
font-size: 22px;
font-weight: 900;
line-height: 28px; }
.advert-wrapper .notice-box p {
color: #bad040;
font-size: 15px;
margin-top: 10px; }
.advert-wrapper .notice-box button {
background: #bad040;
border: 0;
border-radius: 3px;
color: #FFFFFF;
margin-top: 5px;
padding: 9px 25px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.advert-wrapper .notice-box button:hover {
background: #717e26; }
.no-padding {
padding: 0; }  .home-banner {
position: relative; }
.home-banner .overlay-box {
color: #FFFFFF;
max-width: 600px;
position: absolute;
top: 40%;
transform: translateY(-40%);
-webkit-transform: translateY(-40%);
-moz-transform: translateY(-40%);
-o-transform: translateY(-40%);
-ms-transform: translateY(-40%); }
.home-banner .overlay-box h1 {
font-size: 45px;
font-weight: 300; }
.home-banner .overlay-box p {
font-weight: 300;
margin-top: 10px; }
.home-green-box {
background: #bad040;
color: #FFFFFF;
font-size: 20px;
padding: 60px 0;
position: relative; }
.home-green-box p {
line-height: 27px;
margin: 0 auto;
max-width: 75%;
text-align: center; }
.home-green-box:before {
background: #bad040;
content: "";
height: 150px;
left: 0;
position: absolute;
top: -90px;
transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
width: 105%; }
.home-green-box:after {
background: #bad040;
bottom: -90px;
content: "";
height: 150px;
left: 0;
position: absolute;
transform: rotate(4deg);
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
-ms-transform: rotate(4deg);
-o-transform: rotate(4deg);
width: 105%;
z-index: 1; }
.home-green-box .container {
position: relative;
z-index: 2; }
.home-bottom-box {
position: relative; }
.home-bottom-box .overlay-box {
font-size: 25px;
max-width: 400px;
position: absolute;
top: 40%;
transform: translateY(-40%);
-webkit-transform: translateY(-40%);
-moz-transform: translateY(-40%);
-o-transform: translateY(-40%);
-ms-transform: translateY(-40%); }
.home-bottom-box .overlay-box p {
line-height: 32px;
margin-bottom: 20px; }  .map {
position: relative; }
.map .overlay-box {
background: #bad040;
color: #FFFFFF;
left: 80%;
min-width: 300px;
padding: 20px;
position: absolute;
top: 70%;
transform: translate(-80%, -70%);
-webkit-transform: translate(-80%, -70%);
-moz-transform: translate(-80%, -70%);
-o-transform: translate(-80%, -70%);
-ms-transform: translate(-80%, -70%); }
.map .overlay-box h4 {
font-size: 18px;
font-weight: 900;
margin-bottom: 8px; }
.map .overlay-box .phone-number {
margin-right: 20px; }
.map .overlay-box .email-address {
display: block;
margin-top: 12px; }
img.contact-image {
display: block;
margin: 0 auto 20px auto;
padding-top: 45px; }
.contact-form {
margin-top: 30px; }
.contact-form h4 {
color: #bad040;
font-size: 18px;
font-weight: 900;
margin-bottom: 22px;
text-align: center; }
.contact-form .nf-form-cont {
margin: 20px auto 0 auto;
max-width: 900px; }
.contact-form .nf-form-cont nf-fields-wrap nf-field {
float: left;
margin: 0 1%;
width: 98%; }
.contact-form .nf-form-cont nf-fields-wrap nf-field:nth-child(1) {
width: 63%; }
.contact-form .nf-form-cont nf-fields-wrap nf-field:nth-child(2) {
width: 33%; }
.contact-form .nf-form-cont nf-fields-wrap nf-field input[type="text"],
.contact-form .nf-form-cont nf-fields-wrap nf-field input[type="email"],
.contact-form .nf-form-cont nf-fields-wrap nf-field select {
background: #f3f5f7;
border: 0;
color: #9fa0a1;
height: 45px;
outline-width: 0;
padding-left: 15px; }
.contact-form .nf-form-cont nf-fields-wrap nf-field input[type="button"] {
background: #bad040;
border: 0;
border-radius: 3px;
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 15px;
margin: 0 auto;
padding: 10px 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.contact-form .nf-form-cont nf-fields-wrap nf-field input[type="button"]:hover {
background: #717e26; }
.contact-form .nf-form-cont nf-fields-wrap nf-field textarea {
background: #f3f5f7;
border: 0;
color: #9fa0a1;
padding: 15px;
width: 100%; }
.contact-form .nf-form-cont nf-fields-wrap nf-field .nf-field-container,
.contact-form .nf-form-cont nf-fields-wrap nf-field #ninja_forms_required_items {
margin-bottom: 15px; }
.contact-form .nf-form-cont nf-fields-wrap nf-field ::-webkit-input-placeholder { color: #9fa0a1; }
.contact-form .nf-form-cont nf-fields-wrap nf-field ::-moz-placeholder { color: #9fa0a1; }
.contact-form .nf-form-cont nf-fields-wrap nf-field :-ms-input-placeholder { color: #9fa0a1; }
.contact-form .nf-form-cont nf-fields-wrap nf-field :-moz-placeholder { color: #9fa0a1; }
.nf-form-fields-required,
.nf-after-field .nf-error-msg {
display: none; }
.nf-error .ninja-forms-field {
border: 2px solid #eb5b27 !important; }
.ninja-forms-req-symbol,
.nf-error-msg {
text-align: center; }  .testimonials .left {
background: #FFFFFF;
padding: 2%;
position: relative;
top: -160px; }
.testimonials .left .testimonial-top-content {
background: #FFFFFF;
color: #bad040;
font-size: 27px; }
.testimonials .left .testimonial-top-content p {
line-height: 32px; }
.testimonials .left .testimonial-top-content + .description {
margin-top: 35px; }
.testimonials .testimonial {
background: #f6f7f9;
margin-bottom: 10px;
padding: 3% 100px 3% 3%; }
.testimonials .testimonial h4 {
cursor: pointer;
font-size: 18px;
font-weight: 900;
line-height: 22px;
margin-bottom: 5px;
position: relative; }
.testimonials .testimonial h4 i.fa {
color: #bad040;
cursor: pointer;
font-size: 26px;
position: absolute;
right: -80px;
top: 15px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.testimonials .testimonial.active i.fa {
color: #eb5b27;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg); }
.testimonials .description {
padding-left: 25px; }
.testimonials .description h4 {
color: #bad040;
font-size: 18px;
line-height: 22px;
margin: 12px 0 5px 0; }
.testimonials .description p {
margin-bottom: 30px; }  .sustainability .left {
background: #FFFFFF;
padding: 2%;
position: relative;
top: -160px; }
.sustainability .left .sustainability-top-content {
background: #FFFFFF; }
.sustainability .left .sustainability-top-content h2 {
color: #bad040;
font-size: 22px;
line-height: 28px;
margin-bottom: 10px; }
.sustainability .left .future-content {
background: #f6f7f9;
display: inline-block;
margin-top: 20px;
padding: 2% 2% 1% 0%;
width: 100%; }
.sustainability .left .future-content .content h4 {
color: #bad040;
font-size: 22px;
line-height: 28px;
margin-bottom: 10px; }
.sustainability .left .future-content .content p {
font-size: 13px;
margin-bottom: 12px; }  .buttons-wrapper {
text-align: right; }
.buttons-wrapper button.case-study-button {
border: 0;
border-radius: 3px;
color: #FFFFFF;
cursor: pointer;
font-size: 15px;
margin-left: 10px;
outline-width: 0;
padding: 8px 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.buttons-wrapper button.case-study-button:hover {
background: #717e26; }
.buttons-wrapper .case-study-link:nth-child(odd) button {
background: #bad040;
outline-width: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.buttons-wrapper .case-study-link:nth-child(odd) button:hover {
background: #717e26; }
.buttons-wrapper .case-study-link:nth-child(even) button {
background: #41c0ee;
outline-width: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.buttons-wrapper .case-study-link:nth-child(even) button:hover {
background: #0da7db; }
.case-study-wrapper {
padding: 50px 0; }
.case-study-wrapper:nth-child(odd) {
background: #f1f5d8; }
.case-study-wrapper:nth-child(odd) .outcome {
border: 8px solid #bad040; }
.case-study-wrapper:nth-child(odd) .overlay-text {
background: #bad040; }
.case-study-wrapper:nth-child(even) {
background: #d9f2fb; }
.case-study-wrapper:nth-child(even) .outcome {
border: 8px solid #41c0ee; }
.case-study-wrapper:nth-child(even) .overlay-text {
background: #41c0ee; }
.case-study-wrapper h4 {
font-size: 17px;
line-height: 24px;
margin-bottom: 8px; }
.case-study-wrapper .image {
margin-bottom: 20px;
position: relative; }
.case-study-wrapper .image .overlay-text {
bottom: 30px;
color: #FFFFFF;
font-size: 22px;
left: 35px;
line-height: 28px;
max-width: 320px;
padding: 12px;
position: absolute; }
.case-study-wrapper ul {
list-style-type: disc;
margin-left: 15px; }
.case-study-wrapper ul li {
margin-bottom: 10px; }
.case-study-wrapper .outcome {
background: #FFFFFF;
margin-top: 25px;
padding: 1% 2%; }
.page-template-case-studies .left {
padding-top: 11px; }  .about .left {
background: #FFFFFF;
padding: 2%;
position: relative;
top: -160px; }
.about .left .about-top-content {
background: #FFFFFF; }
.about .left .about-top-content h2 {
color: #bad040;
font-size: 22px;
line-height: 28px;
margin-bottom: 10px; }
.about .left .team-members {
background: #f6f7f9;
display: inline-block;
padding: 4% 1% 3% 1%;
width: 100%; }
.about .left .team-members h4 {
color: #bad040;
font-size: 15px;
margin-top: 8px;
text-align: center; }
.about .left .team-members .team-member {
margin-bottom: 30px; }
.about .left .team-members .team-member img {
max-height: 126px; }
.about .left .team-members a:nth-of-type(4n+5) .team-member {
clear: left; }
.featherlight .featherlight-content {
padding: 0; }
.featherlight .featherlight-close-icon {
background: none;
color: transparent;
outline-width: 0; }
.featherlight .featherlight-close-icon:after {
color: #eb5b27;
content: "\f05c";
font-family: FontAwesome;
font-size: 30px;
position: absolute;
right: 15px;
top: 15px; }
.team-popup {
background: #f6f7f9;
display: none;
padding-top: 25px; }
.team-popup .top {
display: inline-block;
position: relative;
width: 100%; }
.team-popup .top .right {
bottom: 5px;
position: absolute;
right: 0; }
.team-popup .top .right h4 {
font-size: 25px;
line-height: 32px;
margin-bottom: 2px; }
.team-popup .top .right .qualifications {
color: #bad040; }
.team-popup .top .right button.button {
font-size: 15px;
font-weight: 900;
left: -15px;
margin-top: 12px;
padding: 4px 20px 10px 20px;
position: relative; }
.team-popup .top .right button.button i.fa {
font-size: 24px;
left: -10px;
margin-right: 0px;
position: relative;
top: 3px; }
.team-popup ul {
list-style-type: disc; }
.team-popup ul li {
margin-bottom: 10px;
margin-left: 15px; }
.team-popup .skills {
padding: 25px; }
.team-popup .professional {
background: #FFFFFF;
padding: 25px 25px 0 25px; }  @media screen and (max-width: 990px) {
.about .left,
.testimonials .left,
.sustainability .left {
top: 0; }
.title-bar {
padding: 3%; }
.advert-wrapper .advert img {
max-width: 100%;
position: static; } }
@media screen and (max-width: 768px) {
.home-banner {
height: 500px !important; }
.home-banner .overlay-box h1 {
font-size: 30px;
line-height: 35px;
padding: 3%;
text-align: center; }
.home-banner .overlay-box p {
padding: 0 3%;
text-align: center; }
.home-green-box {
font-size: 18px;
padding: 10px 0; }
.home-bottom-box {
height: 500px !important;
text-align: center; }
.home-bottom-box .overlay-box {
font-size: 20px;
left: 50%;
transform: translate(-50%, -60%);
-webkit-transform: translate(-50%, -60%);
-moz-transform: translate(-50%, -60%);
-o-transform: translate(-50%, -60%);
-ms-transform: translate(-50%, -60%);
top: 60%;
width: 80%; }
.home-bottom-box .overlay-box p {
line-height: 26px; }
header .phone-number {
clear: both; }
footer {
padding: 25px 0 10px 0; }
footer .footer-small {
margin-top: 5px;
text-align: center; }
footer .footer-small i.fa {
display: block;
margin: 5px 0;
text-align: center; }
footer .footer-small img {
margin-left: 10px; }
.advert-wrapper {
padding: 3%; }
.advert-wrapper .advert .content {
position: static;
transform: none; }
.future-content {
padding-top: 20px !important; }
.future-content .image img {
display: block;
margin: 0 auto 10px auto; }
.case-study-wrapper {
padding: 20px 0; }
.case-study-wrapper .outcome {
margin: 3%; }
.case-study-wrapper .image .overlay-text {
font-size: 14px;
position: static; }
.buttons-wrapper {
margin-top: 20px; }
.buttons-wrapper button.case-study-button {
display: block;
margin: 0 auto 10px auto; }
.map .overlay-box {
margin-top: 25px;
position: static;
transform: none; }
header nav.menu {
display: none; }
.nav-toggle {
color: #FFFFFF;
cursor: pointer;
display: block !important;
font-size: 30px;
position: absolute;
right: 15px;
top: 15px; }
header nav.menu ul {
float: none; }
header nav.menu ul li {
display: block;
float: none;
width: 100%; }
header nav.menu ul li a {
display: block;
float: left;
font-size: 20px;
padding: 10px 0;
text-align: center;
width: 100%; }
header nav.menu ul li a:after {
content: none; } }.content h1{
font-size: 30px;
color: #bad040;
font-weight: bold;
margin-bottom: 10px;
}
.content p{
margin-bottom: 10px;
}
.content ul, .content ol{
margin: 1em;
}
.content ol li{
list-style: decimal;
}
.content ul li{
list-style: disc;
}
.main-banner{
max-width: 1600px;
margin: 0 auto;
}
header nav.menu ul li a{
padding: 0px 7px 0px 7px;
}
b{
font-weight: bold;	
}
header .phone-number{
margin-bottom: 0px;
margin-right: 16px;
}
@media screen and (min-width: 768px){
header .phone-number{
margin-bottom: 10px;
}
}