/******************************************************************
Site Name: 
Author: 

Stylesheet: IE Stylesheet

So instead of using the respond.js file to add media query support
to IE, we're going to use SASS to create an easily readable css file.
Here, we import all the styles the standard stylesheet gets, only
without the media queries. No need to worry about editing anything!

******************************************************************/
/*
Remember, all the BASE styles are called already since IE can
read those. Below, we need to import only the stuff IE can't 
understand (what's inside the media queries). We also need to
import the mixins file so SASS can understand the variables.
*/
/* import mixins */
/******************************************************************
Site Name: Framework
Author: Tone

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

@font-face {
  font-family: 'aleolightitalic';
  src: url("../fonts/Aleo-LightItalic-webfont.eot");
  src: url("../fonts/Aleo-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Aleo-LightItalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'aleolight';
  src: url("../fonts/Aleo-Light-webfont.eot");
  src: url("../fonts/Aleo-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Aleo-Light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'aleoitalic';
  src: url("../fonts/Aleo-Italic-webfont.eot");
  src: url("../fonts/Aleo-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Aleo-Italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'aleoregular';
  src: url("../fonts/Aleo-Regular-webfont.eot");
  src: url("../fonts/Aleo-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Aleo-Regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'aleobolditalic';
  src: url("../fonts/Aleo-BoldItalic-webfont.eot");
  src: url("../fonts/Aleo-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Aleo-BoldItalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'aleobold';
  src: url("../fonts/Aleo-Bold-webfont.eot");
  src: url("../fonts/Aleo-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Aleo-Bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/* 	To embed your own fonts, use this syntax
	and place your fonts inside the
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('library/fonts/font-name.eot');
    	src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid; }

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f; }

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8; }

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4; }

.alert-success {
  border-color: #deeaae;
  background: #e6efc2; }

/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.

The grid below is a combination of the 1140 grid and Twitter Boostrap. 
I liked 1140 but Boostrap's grid was way more detailed so I merged them 
together, let's see how this works out. If you want to use 1140, the original 
values are commented out on each line.

******************************************************************/
.onecol {
  width: 4.66666666667%; }

.twocol {
  width: 13.3333333333%; }

.threecol {
  width: 22.0%; }

.fourcol {
  width: 30.6666666667%; }

.fivecol {
  width: 39.3333333333%; }

.sixcol {
  width: 48.0%; }

.sevencol {
  width: 56.6666666667%; }

.eightcol {
  width: 65.3333333333%; }

.ninecol {
  width: 74.0%; }

.tencol {
  width: 82.6666666667%; }

.elevencol {
  width: 91.3333333333%; }

.twelvecol {
  margin-left: 0;
  width: 100%; }

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol, .fifthcol {
  position: relative;
  float: left;
  margin-left: 4%; }

.first {
  margin-left: 0; }

.last {
  float: right; }

/******************************************************************
Site Name: 
Author: 

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to 
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection. 

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/
/*********************
NAVIGATION STYLES
*********************/
/* .menu is clearfixed inside mixins.scss */
.menu {
  /* end .menu ul */ }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */ }
    .menu ul li {
      /*
      plan your menus and drop-downs wisely.
      */ }
      .menu ul li a {
        /*
        you can use hover styles here even though this size
        has the possibility of being a mobile device.
        */ }

/* end .menu */
/*********************
POSTS & CONTENT STYLES
*********************/
/* entry content */
.entry-content {
  /* at this larger size, we can start to align images */ }
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left; }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right; }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both; }

/* end .entry-content */
/*********************
FOOTER STYLES
*********************/
/*
check your menus here. do they look good?
do they need tweaking?
*/
/* end .footer-links */
/******************************************************************
Site Name: Framework
Author: Tone

Stylesheet: Tablet & Small Desktop Stylesheet


******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
  font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  overflow-x: auto; }

h1.after::after, .h1.after::after, h2.after::after, .h2.after::after, h3.after::after, .h3.after::after, h4.after::after, .h4.after::after, h5.after::after, .h5.after::after {
  margin-top: 30px;
  margin-bottom: 35px; }
h1.aftercenter::after, .h1.aftercenter::after, h2.aftercenter::after, .h2.aftercenter::after, h3.aftercenter::after, .h3.aftercenter::after, h4.aftercenter::after, .h4.aftercenter::after, h5.aftercenter::after, .h5.aftercenter::after {
  margin-top: 30px;
  margin-bottom: 35px; }

.mobify {
  display: none; }

.tabify {
  display: block; }

.inner-padding {
  padding: 24px; }

.tonebutton, .tonebutton:visited {
  display: inline-block;
  margin-top: 15px;
  padding: 18px 25px 15px 25px;
  letter-spacing: 3px; }

body.home .bands.intro-band {
  margin-top: -100px; }
.bands.intro-band .first-image {
  margin-bottom: 0; }
.bands.intro-band p:first-of-type {
  font-size: 1.25em;
  line-height: 1.5; }
.bands.intro-band .intro-image {
  display: block; }
.bands.intro-band .quick-quote {
  padding: 25px 0;
  margin-bottom: 0;
  border-top: 1px dotted #dddddd;
  margin-top: 20px;
  border-bottom: 1px dotted #dddddd; }
  .bands.intro-band .quick-quote h4 {
    color: #3FA5BB;
    margin-bottom: 20px;
    font-size: 1.4em; }
  .bands.intro-band .quick-quote p {
    margin: 0;
    font-size: 1rem; }
  .bands.intro-band .quick-quote .quotepic {
    width: calc(95px); }
    .bands.intro-band .quick-quote .quotepic img {
      max-width: 100%; }
  .bands.intro-band .quick-quote .quoteholder {
    margin: 0;
    text-align: left;
    width: calc(100% - 125px); }

.bands.intro-band .quick-quote.tabify {
  display: none; }
.bands.intro-band .quick-quote.mobify {
  display: block; }

.intro-band h3 {
  text-align: left; }
.intro-band .last img {
  float: right;
  max-width: 95%;
  width: 100%;
  padding-left: 0; }

.intro-band h3,
.mini-news h3,
.home-goals h3,
.members-map h3,
.latest-reports h3,
.latest-topic-reports h3,
.our-leadership h3,
.our-approach h3,
.secretariat-bar h3,
.map-overlay h3,
.problems-and-goals h3,
.current-vacancies h3,
.members-block h3,
.topics h3,
.faqs h3,
.service-goals h3,
.browse-resources h3 {
  font-size: 2.2em; }

.featured-member h4 {
  font-size: 2.2em; }
.featured-member h3 {
  font-size: 2.2em; }
  .featured-member h3.after::after {
    margin-top: 20px;
    margin-bottom: 25px; }

#container {
  margin-left: 0;
  position: relative;
  z-index: 2;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -webkit-transition-delay: 0;
  /* Safari */
  transition-delay: 0; }
  #container.menu-open {
    -webkit-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
    -webkit-transition-delay: 0;
    /* Safari */
    transition-delay: 0; }

.mobile-navigation {
  display: block;
  width: 300px;
  -webkit-transition-delay: 0;
  /* Safari */
  transition-delay: 0; }

.bands {
  padding: 50px 0; }

.intro-copy {
  padding: 30px 0 26px 0; }
  .intro-copy h1 {
    font-size: 1.7em; }

.home-gallery {
  width: 48%;
  margin-bottom: 40px; }
  .home-gallery:nth-of-type(3) {
    margin-left: 0; }

.formatted-copy p:first-of-type {
  font-size: 1.25em;
  line-height: 1.5; }

.cta-band {
  text-align: left; }
  .cta-band a {
    float: right; }

.topbar {
  display: block;
  padding: 10px 0; }
  .topbar.mobile {
    display: none; }
  .topbar p {
    display: block;
    padding: 5px 0 0 0; }
  .topbar form {
    float: right; }
    .topbar form input {
      float: left;
      width: auto; }
      .topbar form input#searchsubmit {
        width: 40px;
        display: inline-block;
        background: url(../images/search-icon.png) no-repeat #666;
        background-size: 16px;
        background-position: center;
        overflow: hidden;
        text-indent: -5000px; }
        .topbar form input#searchsubmit:hover {
          background-color: #000; }

.search-wrap {
  background: #E7E9EA;
  float: right;
  margin-top: -8px;
  margin-bottom: -8px; }

.flex-control-nav {
  display: block; }

.carousel-indicators {
  display: block; }

.topics h4 {
  font-size: 1em;
  text-align: left; }

.page-template-page-knowledge-php .browse-resources {
  background: white;
  margin-top: 80px; }
  .page-template-page-knowledge-php .browse-resources form {
    padding: 40px 0; }
    .page-template-page-knowledge-php .browse-resources form input[type="text"] {
      height: 70px; }

.sort-bar {
  padding: 30px 0; }
  .sort-bar p {
    line-height: 1.4em;
    font-size: 1.4em; }
  .sort-bar .last {
    text-align: right; }

.slider.tabify .carousel-inner {
  padding-bottom: 0;
  overflow: hidden; }
  .slider.tabify .carousel-inner .item {
    position: absolute;
    background-size: cover; }
    .slider.tabify .carousel-inner .item .imageflip {
      display: block; }
    .slider.tabify .carousel-inner .item .carousel-caption {
      padding: 0; }
      .slider.tabify .carousel-inner .item .carousel-caption .slide-info {
        padding: 0 5%;
        width: 100%; }
        .slider.tabify .carousel-inner .item .carousel-caption .slide-info h2 {
          font-size: 4em;
          line-height: 1.25em; }
        .slider.tabify .carousel-inner .item .carousel-caption .slide-info h3 {
          font-size: 1.6em;
          margin-bottom: 17px; }
        .slider.tabify .carousel-inner .item .carousel-caption .slide-info h4 {
          font-size: 1em;
          letter-spacing: 3px; }
          .slider.tabify .carousel-inner .item .carousel-caption .slide-info h4::after {
            margin-top: 17px;
            margin-bottom: 5px; }
        .slider.tabify .carousel-inner .item .carousel-caption .slide-info a {
          display: inline-block;
          margin-top: 15px; }
    .slider.tabify .carousel-inner .item.active .carousel-caption {
      opacity: 1; }

.slider.tabify .carousel-inner {
  height: 655px; }
  .slider.tabify .carousel-inner .item {
    height: 655px; }
    .slider.tabify .carousel-inner .item .carousel-caption {
      height: 530px; }
    .slider.tabify .carousel-inner .item .imageholder {
      height: 530px; }
    .slider.tabify .carousel-inner .item .imageflip {
      height: 125px; }

.intro-band .slider .carousel-control {
  z-index: 99;
  bottom: 125px;
  width: 28px;
  height: 51px;
  top: calc(50% - 25px);
  margin: 0 20px;
  background-image: none; }
.intro-band .slider #member-slider .carousel-indicators {
  bottom: 10px; }
.intro-band .slider #member-slider .carousel-inner {
  height: 500px; }
  .intro-band .slider #member-slider .carousel-inner .wrap {
    bottom: 50px;
    position: absolute;
    width: 100%; }
    .intro-band .slider #member-slider .carousel-inner .wrap p {
      margin: 0;
      padding: 0; }
      .intro-band .slider #member-slider .carousel-inner .wrap p strong {
        font-family: "aleobold", "Georgia", Cambria, Times New Roman, Times, serif;
        font-weight: normal; }
      .intro-band .slider #member-slider .carousel-inner .wrap p.country::after {
        border-bottom: 1px dotted #fff;
        display: block;
        margin: 0 auto;
        width: 100px;
        padding-top: 10px;
        content: ""; }
  .intro-band .slider #member-slider .carousel-inner .item {
    width: 100%;
    height: 500px; }
    .intro-band .slider #member-slider .carousel-inner .item .carousel-caption {
      height: 500px; }
      .intro-band .slider #member-slider .carousel-inner .item .carousel-caption .slide-info a {
        background: none;
        margin: 0;
        padding: 0;
        color: #fff;
        border: none; }
        .intro-band .slider #member-slider .carousel-inner .item .carousel-caption .slide-info a:hover {
          color: #F3DD36; }
    .intro-band .slider #member-slider .carousel-inner .item .imageholder {
      height: 500px;
      background-size: cover; }
      .intro-band .slider #member-slider .carousel-inner .item .imageholder::after {
        background: url(../images/banner-fade.png) repeat-x;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0.8;
        content: ""; }

.slider.tabify .carousel-caption .wrap {
  background: transparent;
  text-align: left; }

.prev-next {
  margin-top: 20px; }
  .prev-next .sixcol {
    display: block;
    width: 100%;
    text-align: right;
    min-height: 140px;
    position: relative; }
    .prev-next .sixcol.first {
      text-align: left; }
      .prev-next .sixcol.first .postcopy {
        float: left;
        margin-left: 180px;
        margin-right: 0; }
      .prev-next .sixcol.first .featurepic {
        float: left;
        left: 0; }
    .prev-next .sixcol.last {
      border-left: none; }
    .prev-next .sixcol .title {
      font-size: 1.2em;
      line-height: 1em; }
    .prev-next .sixcol .status {
      font-size: 0.9em;
      margin-bottom: 10px; }
    .prev-next .sixcol img {
      max-width: 120px;
      max-height: 75px;
      display: block; }
    .prev-next .sixcol .featurepic {
      width: 180px;
      float: right;
      margin-bottom: 0;
      display: inline;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      background: #eee; }
    .prev-next .sixcol .postcopy {
      width: 100%;
      width: calc(100% - 180px);
      max-width: 350px;
      margin-right: 180px;
      float: right;
      padding: 20px; }

.evenheight {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 89; }

.page-banner {
  text-align: center;
  color: #fff; }
  .page-banner .wrap {
    padding: 0; }
  .page-banner .imageholder::before {
    opacity: 0; }
  .page-banner .imageholder, .page-banner .wrap {
    height: 430px; }
  .page-banner h1 {
    font-size: 4em;
    line-height: 1.2em; }
  .page-banner h2 {
    font-size: 1.6em; }
    .page-banner h2.aftercenter::after {
      margin-top: 20px;
      margin-bottom: 20px; }
  .page-banner.smaller .imageholder {
    height: auto;
    padding: 0; }
  .page-banner.smaller .wrap {
    height: auto;
    padding: 60px 0;
    position: relative;
    z-index: 10; }
  .page-banner.knowledge h1 {
    margin-top: 0; }
  .page-banner.knowledge .imageholder {
    height: auto;
    padding: 0; }
  .page-banner.knowledge .wrap {
    height: auto;
    padding: 80px 0;
    padding-bottom: 0;
    position: relative;
    z-index: 10; }

.page-banner.knowledge .imageholder {
  background-size: 110% !important;
  background-position: top center !important; }

.page-banner-service {
  position: relative; }
  .page-banner-service h2.after::after {
    margin-top: 20px;
    margin-bottom: 15px; }
  .page-banner-service .wrap {
    width: 100%;
    height: 560px;
    padding: 0; }
  .page-banner-service .innercopy {
    max-width: 45%; }
  .page-banner-service .imageholder-right {
    min-height: 560px;
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    background-size: cover; }
  .page-banner-service h1 {
    font-size: 2.5em;
    word-break: break-all;
    line-height: 1.1em;
    margin-bottom: 10px; }
  .page-banner-service .left-copy {
    min-height: 560px;
    padding: 0 6%;
    float: left;
    width: 100%;
    position: relative; }

.animate-stats {
  padding-bottom: 30px;
  margin-bottom: 30px;
  text-align: left;
  margin-top: 0; }
  .animate-stats .last {
    font-size: 1em; }
  .animate-stats.memberstat {
    margin-top: 30px !important; }
    .animate-stats.memberstat last {
      font-size: 1.1em; }
  .animate-stats .stat-icon img {
    width: auto !important;
    max-width: 100%;
    max-height: 50px;
    display: block;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 0 !important; }
  .animate-stats .stat-number {
    font-size: 48px;
    line-height: 54px;
    margin-left: 3%;
    margin-bottom: 0; }

.report-single-pic {
  padding: 0;
  padding-right: 15px; }
  .sidebar .report-single-pic {
    padding-right: 0px; }

.latest-topic-reports {
  padding: 30px; }
  .latest-topic-reports .linkcol.margintop40 {
    margin-top: 40px; }
  .latest-topic-reports .report-holder {
    margin: 0; }
    .latest-topic-reports .report-holder p {
      font-size: 0.9em; }
    .latest-topic-reports .report-holder h4 {
      font-size: 1.4em;
      margin-bottom: 20px; }
    .latest-topic-reports .report-holder a.caps {
      margin-top: 10px; }
  .latest-topic-reports .reportpic {
    margin-bottom: 0; }

body.single-report .page-banner.smaller h1 {
  font-size: 2.5em; }
body.single-report .page-banner.smaller .imageholder {
  height: auto;
  padding: 0; }
body.single-report .page-banner.smaller .wrap {
  height: auto;
  padding: 30px 0;
  position: relative;
  z-index: 10; }

.home-goals .goal-block {
  margin-bottom: 0;
  min-height: 460px; }
  .home-goals .goal-block .inner-padding:nth-of-type(1) {
    padding: 25px 15px; }

.mini-news .eightcol.first {
  width: 100%;
  margin-bottom: 40px; }
.mini-news .fourcol.last {
  margin: 0;
  width: 100%; }
  .mini-news .fourcol.last .metro-news {
    width: 48%;
    min-height: 195px;
    float: left; }
  .mini-news .fourcol.last .metro-news:nth-of-type(2) {
    float: right; }
.mini-news img {
  display: none; }
.mini-news::after {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  width: 195px;
  height: 270px;
  background: url("../images/man-and-shadow.png");
  background-size: cover;
  pointer-events: none; }
.mini-news h4.aftercenter::after {
  margin-top: 20px;
  margin-bottom: 35px; }
.mini-news .metro-news {
  margin-bottom: 40px; }
  .mini-news .metro-news h4 {
    font-size: 1em; }
  .mini-news .metro-news.large {
    /*min-height: 446px;*/
    margin-bottom: 0; }
    .mini-news .metro-news.large h4 {
      font-size: 1.8em;
      line-height: 1.3em; }
    .mini-news .metro-news.large p.excerpt {
      display: block; }
  .mini-news .metro-news .sixcol {
    width: 50%; }
  .mini-news .metro-news .sixcol.first {
    min-height: 0; }
  .mini-news .metro-news .sixcol.first {
    position: absolute;
    top: 0;
    bottom: 0;
    background-size: cover; }

.main-news img {
  display: none; }
.main-news article {
  margin-bottom: 40px; }
  .main-news article .sixcol {
    width: 67%; }
  .main-news article .sixcol.first {
    width: 33%;
    position: absolute;
    top: 0;
    bottom: 0;
    background-size: cover; }
  .main-news article p.date {
    font-size: 0.9em; }
.main-news h4 {
  font-size: 1.6em; }

.quote-bar {
  text-align: left;
  font-size: 1.8em;
  font-family: "aleoregular", "Georgia", Cambria, Times New Roman, Times, serif; }
  .quote-bar p.quote::after {
    position: absolute;
    width: 20px;
    top: -20px;
    left: -30px;
    height: 20px;
    content: "";
    background: url("../images/quotemarks.png");
    background-size: cover; }
  .quote-bar p.quote::before {
    position: absolute;
    width: 20px;
    bottom: -5px;
    right: -20px;
    height: 20px;
    content: "";
    background: red;
    background: url("../images/quotemarks-flip.png");
    background-size: cover; }
  .quote-bar p.quoteby {
    font-size: 1rem;
    margin-top: 20px; }
  .quote-bar .wrap.fullwrap {
    padding-left: 40px;
    padding-right: 20px; }
  .quote-bar .discholder {
    border: 3px solid #3FA5BB;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 85%; }
    .quote-bar .discholder::before {
      position: absolute;
      border-radius: 50%;
      top: 2px;
      left: 2px;
      right: 2px;
      bottom: 2px;
      background: #fff;
      content: ""; }
    .quote-bar .discholder img {
      display: block;
      position: relative;
      z-index: 1;
      height: auto;
      width: 100%;
      border: 10px solid #fff;
      max-width: 280px;
      border-radius: 50%; }

.members-map #membersmap {
  display: block;
  height: 600px;
  margin-top: 0px; }
body.home .members-map {
  margin-top: -100px; }

.twelvecol.bands.first.members-map {
  margin-top: -100px !important; }

.members-jump-long.bands {
  margin-top: -50px;
  background: url(../images/map-bottom.png) no-repeat center top;
  background-size: 2000px; }
  .members-jump-long.bands .member-jump {
    padding: 0;
    background: transparent;
    margin: 50px;
    max-width: 400px; }
    .members-jump-long.bands .member-jump label {
      font-size: 1.6em; }

.member-logo.mobify {
  display: block; }

.member-logo.tabify {
  display: none; }

.map-overlay {
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 10;
  background: url(../images/mapgrad.png) repeat-x center bottom;
  padding-bottom: 0; }

.member-info {
  margin-bottom: 20px; }
  .member-info .spacer {
    margin: 0 10px;
    display: inline-block; }

.latest-reports {
  background: url("../images/bg-wood.jpg");
  background-size: cover; }
  .latest-reports .imageholder {
    width: 100%;
    margin: 0; }
  .latest-reports .report-holder {
    width: 30.6666666667%; }
    .latest-reports .report-holder:nth-of-type(3) {
      display: block; }
    .latest-reports .report-holder:nth-of-type(4) {
      display: none; }
  .latest-reports h3.aftercenter::after {
    margin-top: 20px;
    margin-bottom: 25px; }

.how-to-apply {
  text-align: left; }

.current-vacancies .sixcol {
  margin: 0;
  margin-bottom: 50px; }
  .current-vacancies .sixcol.first {
    clear: both; }

.knowledgemain {
  width: -webkit-calc(100% - 15em );
  width: -moz-calc(100% - 15em );
  width: -o-calc(100% - 15em );
  width: -ms-calc(100% - 15em );
  width: calc(100% - 15em ); }
  .knowledgemain article {
    margin-bottom: 40px; }
    .knowledgemain article .ninecol .inner-padding {
      padding-left: 10px; }
    .knowledgemain article .reportpic .inner-padding {
      padding-right: 0; }
    .knowledgemain article.featured .last::after {
      display: block; }
  .knowledgemain h4 {
    font-family: "aleobold";
    font-size: 1.8em;
    line-height: 1.2em; }

.knowledgemain {
  width: -webkit-calc(100% - 340px);
  width: -moz-calc(100% - 340px);
  width: -o-calc(100% - 340px);
  width: -ms-calc(100% - 340px);
  width: calc(100% - 340px);
  margin: 0;
  float: right;
  overflow: hidden; }

.sidebar.knowledge {
  width: -webkit-calc(280px);
  width: -moz-calc(280px);
  width: -o-calc(280px);
  width: -ms-calc(280px);
  width: calc(280px);
  margin: 0;
  float: left;
  overflow: hidden; }

.sidebar .browse-resources form {
  padding: 30px; }

.browse-resources form .twelvecol.searchholder {
  margin-bottom: 30px; }
.browse-resources form .twelvecol.morelink {
  margin-bottom: 15px;
  font-size: 0.75em;
  text-align: right; }
.browse-resources form .more-search-options .dropdowncol {
  margin-bottom: 30px; }
.browse-resources form .dropdowncol {
  margin-bottom: 15px; }
  .browse-resources form .dropdowncol label {
    margin-top: 10px;
    font-size: 10px;
    font-weight: 700; }
  .browse-resources form .dropdowncol select {
    height: 50px;
    font-size: 20px;
    width: 100%; }
.browse-resources form input {
  font-size: 16px; }
  .browse-resources form input[type="text"] {
    width: 100%;
    padding-left: 15px;
    height: 70px;
    font-size: 20px; }
  .browse-resources form input[type="submit"] {
    border-top: none;
    border-left: none;
    border-right: none;
    margin: 0;
    width: auto; }

.our-approach img {
  display: none; }
.our-approach .approachblock {
  clear: both;
  width: 100%;
  margin: 0;
  margin-bottom: 0; }
.our-approach .metro-news {
  margin-bottom: 50px; }
  .our-approach .metro-news:nth-of-type(2) {
    margin-bottom: 0; }
  .our-approach .metro-news.large {
    min-height: 446px;
    margin-bottom: 0; }
    .our-approach .metro-news.large h4 {
      font-size: 1.6em; }
  .our-approach .metro-news .sixcol {
    width: 50%; }
  .our-approach .metro-news .sixcol.first {
    position: absolute;
    top: 0;
    bottom: 0;
    background-size: cover; }

.our-leadership .goal-block {
  margin-bottom: 0; }
  .our-leadership .goal-block h4 {
    margin: 20px 0; }

.accordion .linkcol {
  margin-top: 20px; }
.accordion .faq-holder .ac-title {
  padding: 20px;
  padding-right: 60px; }

.mailing-list h4 {
  font-size: 2.2em;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 25px; }
.mailing-list form {
  font-size: 0;
  padding-bottom: 35px; }
  .mailing-list form input {
    font-size: 16px;
    height: 50px; }
    .mailing-list form input[type="email"] {
      width: 330px;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .mailing-list form input[type="submit"] {
      width: auto;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
.mailing-list::after {
  bottom: 50px;
  top: 50px;
  left: 50px;
  right: 50px;
  background: rgba(35, 61, 82, 0.75); }

/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 92%;
  max-width: 1300px; }

/*********************
HEADER STYLES
*********************/
.header {
  padding-bottom: 0;
  z-index: 101;
  position: relative; }
  .header #inner-header {
    padding: 0;
    width: 94%; }
    .header #inner-header .social-svg {
      display: block; }
    .header #inner-header #lang {
      top: -1px;
      right: 0;
      left: auto;
      padding: 3px 10px 4px 10px;
      font-size: 0.7em;
      border: 1px solid #DBDFE7;
      border-top: none;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px; }

.social-svg {
  margin-top: 52px; }
  .social-svg .search-icon {
    height: 28px;
    margin-left: 14px;
    padding-left: 14px; }
  .social-svg li {
    margin-left: 10px; }
    .social-svg li a {
      width: 27px;
      padding: 5px;
      height: 27px; }
      .social-svg li a svg {
        width: 17px;
        height: 17px; }

#langdd {
  padding: 20px 0 30px 0; }
  #langdd li {
    width: 22%;
    float: left;
    margin: 0;
    margin-left: 4%;
    font-size: 0.8em;
    margin-top: 10px; }
    #langdd li:first-of-type {
      margin-left: 0; }
    #langdd li:nth-of-type(5) {
      clear: both;
      margin-left: 0; }
    #langdd li img {
      width: 22px;
      margin-right: 10px;
      height: 15px;
      vertical-align: -2px; }

.header-contact {
  display: block; }
  .header-contact span {
    display: inline; }
    .header-contact span.divider {
      display: inline; }
  .header-contact p {
    text-align: right;
    padding-top: 30px; }

#logo {
  margin-left: 0%;
  padding: 30px 0px; }
  #logo img {
    margin: 0;
    max-width: 600px;
    width: auto;
    display: block; }

/*********************
NAVIGATION STYLES
*********************/
.mobile-menu-toggle {
  display: none; }

.mobile-navigation {
  display: block; }

#menu-footer-menu {
  float: right; }

.nav-holder {
  display: block; }

.nav-holder .nav {
  display: block;
  position: static;
  width: auto;
  height: auto;
  background: transparent;
  border: 0;
  text-align: center; }
  .nav-holder .nav a {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none; }
  .nav-holder .nav ul {
    margin-top: 0;
    text-align: center;
    font-size: 0; }
  .nav-holder .nav li {
    display: inline-block;
    padding: 0 12px;
    font-size: 15px;
    height: 130px;
    line-height: 130px;
    border-bottom: none;
    -webkit-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    transition: all 250ms ease;
    /* showing sub-menus */ }
    .nav-holder .nav li.current_page_item > a {
      color: #5F667A; }
    .nav-holder .nav li:hover {
      background: #fff; }
    .nav-holder .nav li:hover > a {
      color: #4164AB; }
    .nav-holder .nav li a {
      text-shadow: 0px 1px 1px #fff;
      border: none;
      background: transparent;
      color: #929CAC;
      padding: 0;
      font-weight: 600;
      display: inline;
      text-decoration: none;
      -webkit-transition: color 400ms ease;
      -ms-transition: color 400ms ease;
      -o-transition: color 400ms ease;
      -moz-transition: color 400ms ease;
      transition: color 400ms ease; }
      .nav-holder .nav li a:hover, .nav-holder .nav li a:focus {
        color: #4164AB;
        background: transparent; }
    .nav-holder .nav li ul.sub-menu,
    .nav-holder .nav li ul.children {
      margin-top: 0;
      margin-left: -20px;
      position: absolute;
      overflow: hidden;
      text-align: left;
      visibility: hidden;
      z-index: 8999;
      opacity: 0;
      -webkit-transition: opacity 0.25s ease;
      -ms-transition: opacity 0.25s ease;
      -o-transition: opacity 0.25s ease;
      -moz-transition: opacity 0.25s ease;
      transition: opacity 0.25s ease; }
      .nav-holder .nav li ul.sub-menu li,
      .nav-holder .nav li ul.children li {
        display: block;
        text-align: left;
        height: auto;
        background: #fff;
        line-height: 1rem; }
        .nav-holder .nav li ul.sub-menu li a,
        .nav-holder .nav li ul.children li a {
          padding: 20px 0;
          text-align: left;
          display: block;
          border-bottom: 1px solid #ccc; }
    .nav-holder .nav li:hover ul {
      top: auto;
      overflow: visible;
      visibility: visible;
      opacity: 1; }

footer .copyright {
  float: left;
  margin: 0; }
footer .nav {
  display: block;
  position: static;
  width: 100%; }
  footer .nav ul#menu-footer-menu {
    margin: 0; }
  footer .nav li {
    display: inline;
    padding: 0;
    margin-left: 10px;
    padding-left: 10px;
    border: none;
    border-left: 1px solid rgba(255, 255, 255, 0.2); }
    footer .nav li:first-of-type {
      border: none;
      margin-left: 0;
      padding-left: 0; }
  footer .nav a {
    border-bottom: none;
    display: inline-block;
    text-decoration: none;
    padding: 0; }
footer .tweet {
  padding: 0 10%; }
  footer .tweet p:first-of-type {
    font-size: 1.6em; }
footer .lastfoot {
  padding: 40px 0;
  margin-top: 50px;
  font-size: 0.8em;
  text-align: left;
 /*
.fivecol {
	width: $fourcol;
	margin: 0;
	float: none;
}
.sevencol {
	width: $eightcol;
	margin: 0;
	float: left;
}*/ }
  footer .lastfoot .wrap {
    width: 87%; }
  footer .lastfoot .spacer {
    display: inline-block;
    visibility: visible;
    overflow: visible;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0 6px; }
  footer .lastfoot .fivecol {
    width: 100%;
    margin: 0;
    float: none;
    text-align: center; }
  footer .lastfoot .sevencol {
    width: 100%;
    margin: 0;
    text-align: center;
    float: none; }
footer ul#menu-footer-menu {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  margin-bottom: 15px; }

.lastpic {
  margin-top: 0; }

.service-goals .goal-block {
  min-height: 500px;
  margin-bottom: 0; }

.didyouknow {
  text-align: left; }
  .didyouknow .first {
    width: calc(110px); }
    .didyouknow .first svg {
      width: 110px;
      height: 110px;
      margin-bottom: 0; }
  .didyouknow .last {
    margin: 0;
    width: calc(100% - 170px); }

.repeater-holder {
  margin-top: 30px;
  border-top: 1px solid #dddddd; }
  .repeater-holder img {
    margin: 0; }
  .repeater-holder .repeat-bar {
    padding: 30px 0; }
    .repeater-holder .repeat-bar:last-of-type {
      padding: 30px 0 0 0;
      border-bottom: none; }
    .repeater-holder .repeat-bar a {
      color: #3FA5BB; }
      .repeater-holder .repeat-bar a:hover {
        color: #359BD0; }
    .repeater-holder .repeat-bar img {
      width: 100%;
      border-radius: 5px;
      border: 3px solid #F1F5FA;
      margin-bottom: 20px; }
    .repeater-holder .repeat-bar h3 {
      color: #4164AB;
      font-size: 1.4em;
      font-family: "aleobold", "Georgia", Cambria, Times New Roman, Times, serif; }
    .repeater-holder .repeat-bar h4 {
      color: #359BD0;
      font-size: 1.1em;
      font-weight: 500;
      font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.secretariat-bar a {
  margin-right: 10px;
  margin-left: 10px; }

/*********************
SIDEBARS & ASIDES
*********************/
body.page-template-page-news .blogmain {
  padding: 0; }
body.page-template-page-news .sidebar {
  margin-top: 0; }

body.single-post .sidebar {
  margin-top: 25px; }

.blogmain,
.pagemain {
  width: -webkit-calc(100% - 17em );
  width: -moz-calc(100% - 17em );
  width: -o-calc(100% - 17em );
  width: -ms-calc(100% - 15em );
  width: calc(100% - 17em );
  padding: 24px;
  background: #FFF; }
  body.blog .blogmain, body.blog
  .pagemain {
    padding: 0;
    background: transparent; }
  body.archive .blogmain, body.archive
  .pagemain {
    padding: 0;
    background: transparent; }
  body.single-report .blogmain, body.single-report
  .pagemain {
    padding: 40px;
    padding-left: 0;
    padding-right: 20px; }
  .blogmain .blogtitle h2,
  .pagemain .blogtitle h2 {
    font-size: 2.2em;
    color: #4164AB;
    padding: 15px 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 25px; }
  .blogmain .blogmeta,
  .pagemain .blogmeta {
    margin-bottom: 25px; }
    .blogmain .blogmeta p,
    .pagemain .blogmeta p {
      float: left;
      font-size: 0.9em;
      margin: 0; }
    .blogmain .blogmeta .addthis_sharing_toolbox,
    .pagemain .blogmeta .addthis_sharing_toolbox {
      margin-top: 0px;
      float: right; }
      .blogmain .blogmeta .addthis_sharing_toolbox::before,
      .pagemain .blogmeta .addthis_sharing_toolbox::before {
        margin-right: 10px; }
    .blogmain .blogmeta #atstbx,
    .pagemain .blogmeta #atstbx {
      display: inline !important;
      position: relative;
      top: 1px; }
  .blogmain.twelvecol,
  .pagemain.twelvecol {
    width: 100%;
    width: -webkit-calc(100%);
    width: -moz-calc(100%);
    width: -o-calc(100%);
    width: -ms-calc(100%);
    width: calc(100%); }
  .blogmain ul.article-switch,
  .pagemain ul.article-switch {
    margin-bottom: 30px;
    font-size: 0; }
    .blogmain ul.article-switch li,
    .pagemain ul.article-switch li {
      display: inline-block;
      font-size: 1.2rem;
      margin-right: 20px; }
      .blogmain ul.article-switch li a,
      .pagemain ul.article-switch li a {
        line-height: 50px;
        height: 50px;
        padding: 0 20px; }

.archive-news {
  margin-top: 40px; }

body.archive .sidebar {
  margin-top: 39px; }

.sidebar {
  margin: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  width: -webkit-calc(14.5em );
  width: -moz-calc(14.5em );
  width: -o-calc(14.5em );
  width: -ms-calc(14.5em );
  width: calc(14.5em );
  float: right; }
  .sidebar.knowledge {
    float: left; }
  body.single-report .sidebar {
    background: #fff; }
    body.single-report .sidebar .blogmeta {
      position: relative;
      z-index: 1; }
    body.single-report .sidebar::before {
      width: 1000px;
      background: #fff;
      position: absolute;
      top: -40px;
      left: -40px;
      bottom: 0;
      right: 0;
      content: "";
      height: 4000px; }

.page-template-page-contact .sidebar {
  margin-top: 24px; }
  .page-template-page-contact .sidebar .contact-widget {
    margin-bottom: 30px; }
  .page-template-page-contact .sidebar .linkwidget {
    margin: 0;
    margin-bottom: 30px; }

body.single-report .sidebar {
  margin-top: 40px; }

.pagemain {
  padding: 24px;
  background: #FFF; }

.addthis {
  margin-bottom: 35px; }

#searchform label {
  display: none; }

.widget {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin: 1px 0;
  padding: 20px 0; }
  .widget h4.widgettitle {
    text-shadow: 0px 1px 1px #fff;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
    margin-bottom: 0;
    border: none;
    padding-bottom: 10px; }
  .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */ }
    .widget ul li ul {
      margin-top: 0.75em;
      padding-left: 1em; }

/*********************
FOOTER STYLES
*********************/
#inner-footer.wrap {
  width: 92%;
  text-align: left; }

.tab_container {
  width: 70%; }
  .tab_container .tab_content {
    padding: 40px; }
  .tab_container h2 {
    padding: 20px 0; }

.tab_drawer_heading {
  display: none !important; }

ul.tabs {
  display: block; }

.resourcetabs .tab_container {
  width: 100%; }
  .resourcetabs .tab_container .tab_content {
    padding: 30px; }
  .resourcetabs .tab_container .threecol {
    width: 30.6666666667%; }
    .resourcetabs .tab_container .threecol:nth-of-type(4) {
      display: none; }
  .resourcetabs .tab_container h2 {
    padding: 20px 0; }
  .resourcetabs .tab_container .metro-news {
    min-height: 440px;
    margin-bottom: 0; }

.resourcetabs .tab_drawer_heading {
  display: none !important; }

.resourcetabs ul.tabs {
  display: block; }

.header #inner-header .social-svg {
  margin-right: 55px;
  width: 50%; }
  .header #inner-header .social-svg .search-icon {
    height: 28px;
    display: block;
    float: right;
    margin-left: 20px;
    padding-left: 20px;
    margin-right: 20px;
    padding-right: 20px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; }

.nav-holder {
  display: none; }

.mobile-menu-toggle {
  display: block;
  margin-top: 52px;
  margin-right: 0; }
  .mobile-menu-toggle::before {
    content: "MENU";
    position: relative;
    left: -175%;
    color: #929CAC;
    padding: 0;
    font-weight: 600;
    letter-spacing: 1px; }

#menu-footer-menu {
  float: right; }

.gform_wrapper ::-webkit-input-placeholder {
  color: #cdd0d8; }
.gform_wrapper :-moz-placeholder {
  /* Firefox 18- */
  color: #cdd0d8; }
.gform_wrapper ::-moz-placeholder {
  /* Firefox 19+ */
  color: #cdd0d8; }
.gform_wrapper :-ms-input-placeholder {
  color: #cdd0d8; }
.gform_wrapper form {
  padding: 30px;
  margin-top: 30px; }
.gform_wrapper li {
  margin-bottom: 20px; }
  .gform_wrapper li.half {
    float: left;
    width: 48%;
    width: calc(50% - 15px); }
  .gform_wrapper li.halfright {
    float: right;
    width: 48%;
    width: calc(50% - 15px); }
.gform_wrapper input.medium {
  width: 100%;
  padding: 15px;
  height: 50px;
  font-size: 16px; }
.gform_wrapper label {
  margin-bottom: 10px;
  font-size: 0.9em; }
.gform_wrapper textarea {
  width: 100%;
  padding: 15px;
  height: 160px;
  font-size: 16px; }
.gform_wrapper select {
  width: 100%;
  padding: 15px;
  height: 50px;
  font-size: 16px; }
.gform_wrapper .gform_button {
  padding: 20px;
  border: none;
  display: inline-block;
  width: auto;
  background: #4164AB;
  color: #fff;
  border-bottom: 5px solid #334e86; }

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  position: absolute; }
.carousel-fade .carousel-inner .active {
  opacity: 1;
  position: absolute; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }
.carousel-fade .carousel-control {
  z-index: 2; }

.page-template-page-vacancies .animate-stats {
  padding-bottom: 15px;
  margin-bottom: 22px;
  text-align: left;
  margin-top: 0; }
  .page-template-page-vacancies .animate-stats .stat-number {
    font-size: 38px;
    line-height: 35px;
    margin-left: 4%;
    text-align: right; }
  .page-template-page-vacancies .animate-stats .stat-copy.eightcol.last {
    width: 62%;
    font-size: 24px;
    font-family: aleolight; }

/******************************************************************
Site Name: Framework
Author: Tone

Stylesheet: Desktop Stylsheet

******************************************************************/
.home-gallery {
  width: 22%; }
  .home-gallery:nth-of-type(3) {
    margin-left: 4%; }

#overlay {
  display: none;
  position: absolute;
  z-index: 99;
  top: 120px;
  bottom: 0;
  right: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  /*background-color: #28344a;*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#28344a), to(rgba(40, 52, 74, 0)));
  background-image: -webkit-linear-gradient(top, #28344a, rgba(40, 52, 74, 0));
  background-image: -moz-linear-gradient(top, #28344a, rgba(40, 52, 74, 0));
  background-image: -o-linear-gradient(top, #28344a, rgba(40, 52, 74, 0));
  background-image: -ms-linear-gradient(top, #28344a, rgba(40, 52, 74, 0));
  background-image: linear-gradient(top, #28344a, rgba(40, 52, 74, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#28344a', EndColorStr='#28344a'); }

.inner-padding {
  padding: 30px; }

.mini-news .linkcol {
  margin-top: 30px; }
.mini-news .fourcol.last .inner-padding {
  padding: 25px; }

.intro-band h3,
.mini-news h3,
.home-goals h3,
.members-map h3,
.latest-reports h3,
.latest-topic-reports h3,
.our-leadership h3,
.our-approach h3,
.problems-and-goals h3,
.members-block h3,
.current-vacancies h3,
.secretariat-bar h3,
.map-overlay h3,
.topics h3,
.faqs h3,
.service-goals h3,
.browse-resources h3 {
  font-size: 2.5em; }

.featured-member h4 {
  font-size: 2.5em; }
.featured-member h3 {
  font-size: 2.5em; }

.map-overlay p {
  padding: 0 10%; }

.blogmain,
.pagemain {
  width: -webkit-calc(100% - 300px);
  width: -moz-calc(100% - 300px);
  width: -o-calc(100% - 300px);
  width: -ms-calc(100% - 300px);
  width: calc(100% - 300px);
  padding: 30px; }

.knowledgemain {
  margin: 0;
  width: -webkit-calc(100% - 340px);
  width: -moz-calc(100% - 340px);
  width: -o-calc(100% - 340px);
  width: -ms-calc(100% - 340px);
  width: calc(100% - 340px); }

.sidebar {
  width: -webkit-calc(250px);
  width: -moz-calc(250px);
  width: -o-calc(250px);
  width: -ms-calc(250px);
  width: calc(250px); }
  .sidebar.knowledge {
    width: -webkit-calc(300px);
    width: -moz-calc(300px);
    width: -o-calc(300px);
    width: -ms-calc(300px);
    width: calc(300px); }
  .sidebar h4 {
    font-size: 1.6em; }

.sort-bar {
  padding: 30px 0; }
  .sort-bar p {
    line-height: 1.4em;
    font-size: 1.8em; }
  .sort-bar .last {
    text-align: right; }

body.single-report .sidebar {
  margin-top: 40px; }

body .sidebar select {
  height: 50px; }
body .sidebar div.selector {
  line-height: 50px;
  height: 50px; }
  body .sidebar div.selector select {
    height: 50px; }
  body .sidebar div.selector span {
    height: 50px;
    line-height: 50px;
    height: 50px;
    font-size: 18px; }
    body .sidebar div.selector span::after {
      position: absolute;
      right: 15px;
      top: 20px;
      width: 18px;
      height: 10px;
      background: red;
      content: "";
      background: url(../images/select-drop.png); }

.page-template-page-contact .sidebar {
  margin-top: 30px; }
  .page-template-page-contact .sidebar .contact-widget {
    margin-bottom: 30px; }
  .page-template-page-contact .sidebar .linkwidget {
    margin: 0;
    margin-bottom: 30px; }

#container {
  position: static; }

#container.menu-open {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.bands {
  padding: 60px 0; }
  .bands.topics {
    padding: 40px 0; }

.latest-reports .report-holder {
  padding: 20px;
  width: 30.6666666667%; }
  .latest-reports .report-holder:nth-of-type(3) {
    display: block; }
  .latest-reports .report-holder:nth-of-type(4) {
    display: none; }
  .latest-reports .report-holder .report-overview {
    display: block; }

.slider.tabify .carousel-inner .item {
  height: 655px;
  background-size: cover; }
  .slider.tabify .carousel-inner .item .carousel-caption .slide-info h2 {
    font-size: 4.4em;
    padding: 0 5%;
    line-height: 1.2em;
    margin-bottom: 10px; }
    .slider.tabify .carousel-inner .item .carousel-caption .slide-info h2 span {
      display: block; }
  .slider.tabify .carousel-inner .item .carousel-caption .slide-info h3 {
    font-size: 1.6em;
    margin-bottom: 17px; }
  .slider.tabify .carousel-inner .item .carousel-caption .slide-info h4 {
    font-size: 1em;
    letter-spacing: 3px; }
    .slider.tabify .carousel-inner .item .carousel-caption .slide-info h4::after {
      margin-top: 17px;
      margin-bottom: 5px; }
  .slider.tabify .carousel-inner .item .carousel-caption .slide-info a {
    margin-top: 15px; }

.slider.tabify .carousel-inner {
  height: 585px; }
  .slider.tabify .carousel-inner .item {
    height: 585px; }
    .slider.tabify .carousel-inner .item .carousel-caption {
      height: 460px; }
    .slider.tabify .carousel-inner .item .imageholder {
      height: 460px; }
    .slider.tabify .carousel-inner .item .imageflip {
      height: 125px; }

body.home .quote-bar p.quote {
  margin-top: 40px; }

.quote-bar {
  font-size: 2.2em;
  line-height: 1.4em; }
  .quote-bar p.quote::after {
    width: 30px;
    top: -20px;
    left: -40px;
    height: 30px; }
  .quote-bar p.quote::before {
    width: 30px;
    bottom: -5px;
    right: -20px;
    height: 30px; }

.secretariat-bar p {
  padding: 0 10%; }

.mailing-list h4 {
  font-size: 2.5em;
  padding-top: 20px; }

.intro-copy {
  padding: 21px 0 18px 0; }

.header #inner-header .social-svg {
  margin-right: 0;
  width: 22%; }
  .header #inner-header .social-svg .search-icon {
    margin-left: 15px;
    padding-left: 15px;
    margin-right: 0;
    padding-right: 0;
    border-left: 1px solid #ddd;
    border-right: none; }

.nav-holder {
  display: block; }

li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-5.current_page_item.menu-item-21 {
  display: none; }

.page-banner-service h1 {
  font-size: 3em; }

.mobile-menu-toggle,
.mobile-navigation {
  display: none; }

#logo {
  padding: 25px 0px 20px 0; }

.nav-holder .nav {
  display: block;
  position: static;
  width: auto;
  height: auto;
  background: transparent;
  border: 0; }
  .nav-holder .nav li#menu-item-1350, .nav-holder .nav li#menu-item-1349 {
    display: none; }
  .nav-holder .nav a {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none; }
  .nav-holder .nav ul {
    margin-top: 0;
    text-align: center;
    font-size: 0; }
  .nav-holder .nav li {
    display: inline-block;
    padding: 0 12px;
    font-size: 15px;
    height: 120px;
    line-height: 120px;
    border-bottom: none;
    position: relative;
    -webkit-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    transition: all 250ms ease; }
    .nav-holder .nav li.current_page_item > a {
      color: #5F667A; }
    .nav-holder .nav li.current-page-ancestor > a {
      color: #5F667A; }
    .nav-holder .nav li:hover {
      background: #fff; }
    .nav-holder .nav li:hover > a {
      color: #4164AB; }
    .nav-holder .nav li a {
      text-shadow: 0px 1px 1px #fff;
      border: none;
      background: transparent;
      color: #929CAC;
      padding: 0;
      font-weight: 600;
      display: inline;
      text-decoration: none;
      -webkit-transition: color 400ms ease;
      -ms-transition: color 400ms ease;
      -o-transition: color 400ms ease;
      -moz-transition: color 400ms ease;
      transition: color 400ms ease; }
      .nav-holder .nav li a:hover, .nav-holder .nav li a:focus {
        color: #4164AB;
        background: transparent; }

.formatted-copy.blogcopy img {
  display: inline-block;
  margin: 5px 0;
  margin-right: 20px;
  float: left;
  max-width: 50%;
  border: 3px solid #eee;
  width: auto; }

.social-svg {
  margin-top: 50px; }
  .social-svg .search-icon {
    height: 28px;
    margin-left: 14px;
    padding-left: 14px; }
  .social-svg li {
    margin-left: 10px; }
    .social-svg li a {
      width: 27px;
      padding: 5px;
      height: 27px; }
      .social-svg li a svg {
        width: 17px;
        height: 17px; }

.animate-stats {
  padding-bottom: 30px;
  margin-bottom: 30px;
  text-align: left;
  margin-top: 0; }
  .animate-stats .last {
    font-size: 1em; }
  .animate-stats .stat-icon img {
    width: auto !important;
    max-width: 100%;
    max-height: 50px;
    display: block;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 0 !important; }
  .animate-stats .stat-number {
    font-size: 48px;
    line-height: 54px;
    margin-left: 3%;
    margin-bottom: 0; }

footer .lastfoot .wrap {
  width: 88%; }

.menu-item:hover .mega-menu {
  display: block; }

.mega-menu {
  display: none;
  line-height: 20px;
  background: white;
  padding: 35px 25px;
  position: absolute;
  top: 100%;
  z-index: 99;
  min-width: 760px;
  left: -100%;
  left: calc(-100% - 14px); }
  .mega-menu .report-single-pic {
    padding-right: 0;
    padding-left: 15px; }
    .mega-menu .report-single-pic .reportpic {
      margin-bottom: 0; }
      .mega-menu .report-single-pic .reportpic img {
        border: 12px solid #fff; }
  .mega-menu .subnav {
    width: 30.6666666667%; }
  .mega-menu .subinfo {
    display: block;
    text-align: left; }
    .mega-menu .subinfo .sixcol.first {
      padding-right: 6px;
      padding-left: 25px;
      border-left: 1px dotted #dddddd; }
    .mega-menu .subinfo p, .mega-menu .subinfo p:first-of-type {
      font-size: 14px;
      line-height: 1.6em; }
    .mega-menu .subinfo h4 {
      color: #359BD0;
      font-size: 1.3em;
      margin-bottom: 20px;
      font-family: "aleobold", "Georgia", Cambria, Times New Roman, Times, serif; }
  .mega-menu .nav.top-nav {
    margin-top: -12px; }
    .mega-menu .nav.top-nav li {
      display: block;
      text-align: left;
      height: auto;
      background: #fff;
      line-height: 1.4em;
      padding: 0; }
      .mega-menu .nav.top-nav li a {
        padding: 15px 0;
        color: #4A5F85;
        font-family: "aleoregular", "Georgia", Cambria, Times New Roman, Times, serif;
        font-weight: normal;
        text-align: left;
        display: block;
        border-bottom: 1px dotted #dddddd; }
        .mega-menu .nav.top-nav li a:hover {
          border-bottom: 1px dotted #359BD0;
          color: #359BD0; }

.latest-topic-reports .report-holder {
  width: 100%;
  margin-bottom: 30px; }
  .latest-topic-reports .report-holder p {
    font-size: 1em; }
  .latest-topic-reports .report-holder h4 {
    font-size: 1.8em; }
  .latest-topic-reports .report-holder .report-single-pic {
    width: 22%; }
    .latest-topic-reports .report-holder .report-single-pic .report-holder {
      margin-bottom: 0; }
  .latest-topic-reports .report-holder .sixcol.last {
    width: 74%; }
.latest-topic-reports .reportpic {
  margin-bottom: 0; }

.page-template-page-vacancies .animate-stats {
  padding-bottom: 15px;
  margin-bottom: 22px;
  text-align: left;
  margin-top: 0; }
  .page-template-page-vacancies .animate-stats .stat-number {
    font-size: 48px;
    line-height: 46px;
    margin-left: 4%;
    text-align: right; }
  .page-template-page-vacancies .animate-stats .stat-copy.eightcol.last {
    width: 62%;
    font-size: 30px;
    font-family: aleolight; }

/* 
you can call the larger styles if you want, but there's really no need 
*/
/******************************************************************
ADDITIONAL IE FIXES
These fixes are now ONLY seen by IE, so you don't have to worry
about using prefixes, although it's best practice. For more info
on using Modernizr classes, check out this link:
http://www.modernizr.com/docs/
******************************************************************/
/*
For example, you can use something like:

.no-textshadow .class { ... }

You can also target specific versions by using the classes applied to
the html element. These can sometimes change, so take a look inside the
header.php file to see what they are:


.lt-ie8 .class { ... }

*/