@charset "UTF-8";
/* CSS Document */

/* COLOURS
green: #20aa50
dark blue: #223651
blue tint 1: #2c4568
blue tint 2: #385173
light grey: #dbdee2
*/
#mfPreviewBar { display: none; }

body { font-size: 16px; line-height: 1.4em; }


p, .crumbs h1, .content li, .drop-down p, .info h3, .downloads a  { font-family: 'Helvetica Neue 45 Light', Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; }

body, .enews h2, .more  { font-family: 'Helvetica Neue 55 Roman', Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; }

header.home nav a, .crumbs .section h1, h2, .drop-down a { font-family: 'Helvetica Neue 65 Medium',Helvetica Neue, Helvetica,Arial, sans-serif; font-weight: normal; }

strong, .mission p, h1, h3, header nav a, .info h2 { font-family: 'Helvetica Neue 75 Bold',Helvetica Neue, Helvetica,Arial, sans-serif; font-weight: normal; }

em { font-family: 'Helvetica Neue 46 Light Italic'; }



h1 { font-size: 2em; text-transform: uppercase; letter-spacing: 0.12em; font-weight: normal; }

h2 { font-size: 1.3em; text-transform: uppercase; color: #223651; letter-spacing: 0.13em; }
    h2 a { color: #223651; text-decoration: none; }
    .content .contact h2 { color: #fff; margin-bottom: 1em; margin-top: 1em; }
    .news h2 { margin-top: 1em; }
    .info h2 { font-size: 1em; }
    .content h2 { font-size: 1.6em; margin-bottom: 0.25em; margin-bottom: 0.25em; padding-right: 3em; line-height: 1.1em; }
        .enews h2 { color: #fff; margin-bottom: 1em; font-size: 1.5em; line-height: 1.2em; }
        .archive h2 {  margin-bottom: 1.5em; }
    .news-posts .post h2 { font-size: 1.3em; margin-bottom: 0; }
    .project h2 { font-size: 1.1em; margin: 0; }

h3, .filter select { font-size: 0.8em; text-transform: uppercase; color:#20aa50;letter-spacing: 0.1em; }
    .news h3 { margin-bottom: 0.5em; }
    .info h3 { color: #223651;  }
    .content h3 { font-size: 1.1em; margin-bottom: 0.5em; margin-top: 2.5em;  }
        .content h2 + h3 { margin-top: 0.5em; }
        .news-posts .post h3 { margin-bottom: 2em; font-size: 0.8em; margin-bottom: 1em;  }
    .project h3 { font-size: 0.9em; margin: 0; }
    

h4 {}

p { color: #495464; line-height: 1.4em; }
    .intro p { color: #fff; }
    .mission p { font-size: 1.8em; }
    .testimonial .quote { font-size: 1.3em; font-style: normal; font-family: 'Helvetica Neue 46 Light Italic'; }
        .col-r .testimonial p { color: #a5a8ae; position: relative; }
        .testimonial .source { font-size: 0.8em; text-transform: uppercase; margin-top: 1em; }
        
    .contact p { font-size: 1.1em; line-height: 1.7em; color: #fff; }
    .content p { line-height: 1.5em; margin-bottom: 1.2em; }
    .overlay p { text-transform: uppercase; color: #fff; margin: 2em; font-size: 0.8em; letter-spacing: 0.1em; }
    .drop-down p { color: #fff; font-size: 0.85em; }

ul {}
    .services li { list-style: none; color: #fff; font-size: 1.3em; margin:1em 0 1em 2em; }
    .content .col-l li { list-style-position: outside; font-size: 0.95em; color:#344052; list-style-type:square; margin: 0 20% 0.5em 2em; }
    .drop-down li { text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.5em; font-size: 0.85em; }
        .our-approach .drop-down li { margin-bottom: 0.2em; box-sizing: border-box; }
        .drop-down li:last-child { margin-bottom: 0; }
    .archive ul { list-style: none; }
        .archive li { margin-bottom: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #bac0c8;  }
            .archive li:last-child { margin-bottom: 0; border-bottom: none;  }

a { color: #20aa50; }
    .contact a, .crumbs a, .drop-down a { color: #fff; text-decoration: none; }
        .more:before { font-size: 2em; float: right; margin-top: -0.2em;  }
        .drop-down a { font-size: 1em; line-height: 0.9em; }
    .archive a { color: #223651; text-decoration: none; }
    .downloads a { color: #a5a8ae; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1em;}
        .downloads a:before { font-size: 1.4em; color: #dbdee2; }
        .downloads a:hover { color: #fff; }
    a:hover {}
    a:visited {}
    a:active {}

hr { border: none; border-bottom: 3px solid #20aa50; display: block; margin: 3em 0; }



.top-nav a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.1em; }
header nav {}
    nav a:hover { opacity: 0.5; }
    header.home nav a { text-transform: uppercase; text-decoration: none; color: #fff; font-size: 1em; padding: 1em 2em; letter-spacing: 0.2em; display: block; }
    header.home ul ul a { padding: 0; letter-spacing: 0.1em; font-size: 1.25em; }
        header.home ul .our-approach  ul a { font-size: 1em; }
    header.home .drop-down li { margin: 0.5em 0 1.25em; }
        header.home .our-approach  .drop-down li { margin-bottom: 1em; }
     header nav > ul > li > a { font-size: 0.9em; text-transform: uppercase; color: #fff; text-decoration: none; letter-spacing: 0.1em; }


footer { font-size: 0.75em; }
    footer li, footer a { text-transform: uppercase; text-decoration: none; color: #697586; letter-spacing: 0.05em; }
        footer .light li, footer .light a { color:#99a1ad; }
            footer a:hover{ color:#223651; }

.owl-item aside, .header aside { font-size: 0.8em; text-transform: uppercase; text-align: right; color: #fff; letter-spacing: 0.15em; line-height: 1.25em; }

 #menu-label { font-size: 0.9em;  color: #fff; text-align: right; text-transform: uppercase; letter-spacing: 0.15em;}

/* FORMS */

.filter > select { -webkit-appearance: none; -moz-appearance: none;  appearance: none; border: none;
    font-size: 1.2em; padding-right: 100px; cursor: pointer; height: 85px; 
    background: url('../images/filter.png') right center no-repeat; background-size: 85px; background-color: #8fd4a7; background-color: rgba(188,229,202,0.8); margin-right: 10px; }
    .filter select::-ms-expand { display: none; } /* for IE 11 */
    .filter > select:hover { background-color: #a6ddb9; background-color: rgba(255,255,255,0.6); }
    
.filter select option { -webkit-appearance: none; -moz-appearance: none;  appearance: none; color: #444; text-transform: none; padding: 0.75em 0.5em; letter-spacing: 0; }
    .filter select option:hover { background: #ff0000 }

.content input, button { display: block; font-size: 0.9em; padding: 1em 1.4em; border: none; width: calc(100% - 2.8em); text-align: left; margin-bottom: 0.5em; background: #dbdee2; }
    .content .enews input { background: #2c4568; color: #fff; }
    .content input:hover { background:#dbdee2; }
        .content .enews input:hover { background: #2c4568; }
.content input[type="submit"], button { width: 100%; background: #20aa50; color: #ffffff; text-transform: uppercase; letter-spacing: 0.1em; padding: 1.5em 1.2em; }
    .content input[type="submit"]:hover, button:hover { cursor: pointer; background: #36b261; }

    .content .enews ::-webkit-input-placeholder { color: #fff; }
    .content .enews :-moz-placeholder { color: #fff; }
    .content .enews ::-moz-placeholder { color: #fff; }
    .content .enews :-ms-input-placeholder { color: #fff; }

.social { list-style: none; }
    .social li { float:left; margin: 0 0.5em; }
    .social a { font-size: 1.5em; }
    


/* RESPONSIVE */
@media screen and (max-width: 1420px) { 
    header.home nav a { font-size: 0.9em; }
    .filter > select { margin-right: 0; height: 70px; }
}

@media screen and (max-width: 1330px) { 
    body { font-size: 14px; }
    header.home nav a { padding: 1.5em 1.2em;}
    .subnav > li > a { font-size: }
    .filter > select { background-size: 70px; height: 70px; font-size: 1em;  }
}

@media screen and (max-width: 1210px) { 
    h1 { font-size: 1.5em; }
    .crumbs h1 a { line-height: 74px; }
}

/* ipad & mobile */
@media screen and (max-width: 767px), (min-width: 768px) and (max-width: 1024px) {
    .content .contact h2 { margin-top: 0.25em; padding: 0; }
    .content .mission p { margin-bottom: 0; }
    header.home .our-approach .drop-down li { margin-bottom: 0; }
    header.home ul .our-approach ul a { font-size: 1.1em; }
}

/* mobile */
@media screen and (max-width: 767px) { 
    body { font-size: 12px; }
    .mission p { font-size: 1.3em; }
    .services li { font-size: 1em; margin:0; line-height: 1.2em; margin-bottom: 0.6em; margin-left: 0.5em; }
    .content .contact h2 { font-size: 1.1em; }
    .owl-item aside, .header aside { font-size: 0.7em;  }
    .filter > select { background-size: 45px; height: 45px; font-size: 0.8em; padding: 10px 55px 10px 10px; }
}


/* FORMS */

.sb-search {
	position: relative;
	width: 0%;
	min-width: 50px;
	height: 50px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: calc(100% - 75px);
	height: 30px;
	margin: 0;
	z-index: 10;
	padding: 10px 65px 10px 10px;
	font-family: inherit;
	font-size: 0.8em;
	color: #ffffff;
    background: #405065;
    display: block;
    box-sizing: content-box;
    -webkit-appearance: none;
}

.sb-search-input::-webkit-input-placeholder { color: #ffffff;}
.sb-search-input:-moz-placeholder {	color: #ffffff;}
.sb-search-input::-moz-placeholder { color: #ffffff;}
.sb-search-input:-ms-input-placeholder { color: #ffffff;}

.sb-icon-search,
.sb-search-submit  {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
	margin: 0;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #223651;
	z-index: 90;
	line-height: 1em;
    font-size: 24px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:hover, .top-nav .btn:hover { background: #2c4568; }
.sb-icon-search:active, .top-nav .btn:active { background: #223651; }

/* Open state */
.sb-search.sb-search-open, .no-js .sb-search { width: 200px; }
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { 	background: #2c4568; color: #fff; z-index: 11; }
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {	z-index: 90; }



/* ICONS */

@font-face {
  font-family: "kennet";
  src:url("fonts/kennet.eot");
  src:url("fonts/kennet.eot?#iefix") format("embedded-opentype"),
    url("fonts/kennet.woff") format("woff"),
    url("fonts/kennet.ttf") format("truetype"),
    url("fonts/kennet.svg#kennet") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "kennet" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "kennet" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-file:before {
  content: "a";
}
.icon-search-find:before {
  content: "s";
}
.icon-pinterest:before {
  content: "p";
}
.icon-angle-down:before {
  content: "d";
}
.icon-angle-left:before {
  content: "l";
}
.icon-angle-right:before {
  content: "r";
}
.icon-angle-up:before {
  content: "u";
}
.icon-home:before {
  content: "h";
}
.icon-align-justify:before {
  content: "m";
}
.icon-twitter:before {
  content: "t";
}
.icon-facebook:before {
  content: "f";
}
.icon-linkedin:before {
  content: "n";
}
.icon-instagram:before {
  content: "i";
}