/*---------------------------------------------------------------------------------

    Title:          Akvo.org Styles for Desktop, mobile, tablet
    Author:         Samuel Thomas, samuel@akvo.org

---------------------------------------------------------------------------------*/
            /* Colours
---------------------------------------------------------------------------------*/
.container-fluid {
  padding: 0px; }

body {
  color: #202024;
  font-family: 'Assistant', sans-serif;
  font-weight: 400;
  font-size: 1.45em;
  line-height: 1.4em;
  text-rendering: optimizeLegibility;
  overflow-x: hidden !important; }

nav.anchorNav ul li a, nav.anchorNav2 ul li a {
  text-decoration: none !important; }
nav.anchorNav, nav.anchorNav2 {
  padding: 15px 0px;
  background: none !important; }

.carousel-caption h1, h1.slidertitle, .slidertitle, .carousel-caption h2 {
  color: #202024;
  text-shadow: none;
  padding: 5px;
  background: #fff;
  display: inline; }

.carousel-caption h1, h1.slidertitle, .slidertitle {
  padding-bottom: 0px;
  font-size: 7.75rem;
  line-height: 105px;
  margin-bottom: 20px;
  -webkit-margin-after: 0px;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone; }

.carousel-caption h2 {
  font-size: 30px;
  clear: both;
  margin-top: 10px; }

/* NAVBAR */
nav#header {
  background: #202024; }
  nav#header .navbar-brand {
    font-size: 24px; }
    nav#header .navbar-brand img {
      max-width: 105px; }

.navbar.navbar-fixed-top {
  background-color: #222;
  border-color: #080808;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); }
  .navbar.navbar-fixed-top .navbar-container {
    padding: 0px; }

.navbar-brand.fixed-theme, .navbar-container.fixed-theme, .navbar.navbar-fixed-top.fixed-theme, .navbar-brand, .navbar-container {
  transition: 0.8s;
  -webkit-transition: 0.8s; }

.navbar-nav > li > a {
  color: #fff !important;
  background: none !important;
  font-size: 17px; }

.navbar-toggle .icon-bar {
  color: #fff !important;
  background: #fff !important; }

.navbar-nav > li > a:hover {
  background: none !important;
  color: #03AD8C !important; }

li a.dropdown-toggle:hover {
  cursor: pointer !important; }

.logobrand {
  display: inline-block;
  max-width: 120px;
  margin-bottom: -5px; }

.navbar-brand {
  padding: 6px 15px; }

.dropdown-menu {
  background: #202024 !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: none !important; }
  .dropdown-menu a {
    color: #fff !important;
    font-size: 15px; }
  .dropdown-menu li:hover {
    background: #202024 !important;
    background-color: #202024 !important; }
  .dropdown-menu a:hover {
    color: #03AD8C !important;
    background: #202024 !important;
    background-color: #202024 !important; }

.navbar-nav {
  margin-left: 20px; }

#search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(32, 32, 36, 0.9);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate(0px, 0px) scale(0, 0);
  -moz-transform: translate(0px, 0px) scale(0, 0);
  -o-transform: translate(0px, 0px) scale(0, 0);
  -ms-transform: translate(0px, 0px) scale(0, 0);
  transform: translate(0px, 0px) scale(0, 0);
  z-index: 99999999;
  opacity: 0; }
  #search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1; }
  #search input[type="search"], #search input[type="text"] {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    -moz-box-shadow: none !important;
    width: 100% !important;
    color: white;
    background: transparent;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none; }
  #search .btn {
    position: absolute;
    top: 50%;
    left: 49%;
    margin-top: 61px;
    margin-left: -45px;
    width: auto;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 16px !important;
    padding: 1em 2em;
    background: transparent;
    border: 2px solid #fff;
    color: #fff !important;
    -webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    border-radius: 0em;
    text-shadow: none !important;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    line-height: 1em; }
    #search .btn:hover {
      background: #fff !important;
      color: #404898 !important; }
  #search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    opacity: 1;
    padding: 10px 17px;
    font-size: 27px;
    z-index: 99999999999999999999999 !important; }

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder {
  color: #fff !important; }

@media screen and (max-width: 768px) {
  nav#header {
    background: none !important; }
    nav#header .navbar-header {
      background: #202024; }

  .navbar-collapse {
    background: #202024;
    width: 100% !important;
    overflow: hidden;
    -moz-border-radius: 0em !important;
    -o-border-radius: 0em !important;
    -webkit-border-radius: 0em !important;
    border-radius: 0em !important; }

  .navbar-container {
    padding: 0px !important; }

  .logobrand {
    margin-left: 30px; } }
@media (min-width: 780px) {
  .dropdown-menu .sub-menu {
    left: 100% !important;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px; }
  .dropdown-menu li:hover .sub-menu {
    visibility: visible; }

  .dropdown:hover > .dropdown-menu {
    display: block; } }
.fullwidth {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px; }

.alignright {
  text-align: right; }

.alignleft {
  text-align: left; }

.paddingtop {
  padding-top: 60px; }

.paddingbottom {
  padding-bottom: 60px; }

.paddingboth {
  padding-top: 60px;
  padding-bottom: 60px; }

.nopadding {
  padding-left: 0px;
  padding-right: 0px; }

.lessbottom {
  margin-bottom: 10px !important; }

.desktoppadding {
  padding-right: 40px !important; }

.aligncenter {
  text-align: center; }

.massivetitle {
  color: #191919;
  font-size: 4.8rem;
  margin-bottom: 20px;
  line-height: 8.75rem;
  padding-bottom: 20px; }

.thin, .roboto-thin {
  font-weight: 300;
  line-height: 30px; }

/* AKVO COLOUR OVERRIDES */
.bg-light-gray {
  background-color: #f2f2f2 !important; }

.bg-gray {
  background-color: #f2f2f2 !important; }

.bg-mid-grey {
  background-color: #f2f2f2 !important; }

.gray {
  color: #333 !important; }

.graybg {
  background-color: #333 !important; }

.blue {
  color: #404898 !important; }

.bluebg {
  background-color: #404898 !important; }

.green {
  color: #03AD8C !important; }

.greenbg {
  background-color: #03AD8C !important; }

.red {
  color: #EA5547 !important; }

.redbg {
  background-color: #EA5547 !important; }

.pink {
  color: #E04D95 !important; }

.pinkbg {
  background-color: #E04D95 !important; }

.white {
  color: #fff !important; }

@media (max-width: 768px) {
  .massivetitle {
    font-size: 4rem !important;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 5rem !important; } }
strong {
  font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
  color: #333;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  margin-bottom: 10px; }

h1 {
  font-size: 2.9em;
  line-height: 1.2em; }

h2 {
  font-size: 38px;
  line-height: 42px; }

h3 {
  font-size: 32px;
  line-height: 38px; }

h4 {
  font-size: 27px;
  line-height: 34px; }

body.category h4, body.single h4 {
  font-size: 18px;
  line-height: 25px; }

h5 {
  font-size: 23px;
  line-height: 29px; }

h6 {
  font-size: 18px;
  line-height: 25px; }

input[type=button], input[type=submit] {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 16px !important;
  padding: 10px 20px;
  background: #404898;
  border: 2px solid #404898;
  color: #fff !important;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  border-radius: 0em;
  text-shadow: none !important;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  line-height: 1em;
  margin: 0 auto;
  width: 100%; }

input[type=button]:hover, input[type=submit]:hover {
  background: #fff !important;
  border-color: #404898 !important;
  color: #404898 !important; }

.buttonblack {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Assistant", sans-serif !important;
  font-size: 16px !important;
  padding: 1em 2em;
  background: transparent;
  border: 2px solid #000;
  color: #000 !important;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  border-radius: 0em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  line-height: 1em;
  margin: 0 auto; }
  .buttonblack:hover {
    background: #000 !important;
    color: #fff !important; }

.buttonwhite {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Assistant", sans-serif !important;
  font-size: 16px !important;
  padding: 1em 2em;
  background: transparent;
  border: 2px solid #fff;
  color: #fff !important;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  border-radius: 0em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  line-height: 1em;
  margin: 0 auto; }
  .buttonwhite:hover {
    background: #fff !important;
    color: #202024 !important; }

/* LIST OF STAFF, MICROSTORIES, PARTNERS & ORGANISATIONS */
.akvo-custom-posts {
  padding: 0px;
  width: 100%;
  list-style-type: none;
  height: 100%;
  /* EACH ITEM WITHIN THE POST LIST */
  /* SET MINIMUM HEIGHT FOR STAFF, FOUNDATION AND MICROSTORY SO THAT EACH ITEM IS NEATLY ALIGNED */
  /* GRAYSCALE THE IMAGES BY DEFAULT AND SHOW THE COLORS ON HOVER */
  /*
  * PARTNER LOGOS 
  * Break into 5 columns by default and for small screen break into two columns
  */ }
  .akvo-custom-posts li.post {
    margin: 0;
    width: 33.05%;
    padding: 15px;
    display: block;
    float: left;
    /* BY DEFAULT TO BREAK INTO THREE COLUMNS */
    /* BREAKING INTO TWO COLUMNS */
    /* BREAKING INTO SINGLE COLUMN */ }
    .akvo-custom-posts li.post:nth-child(3n+1) {
      clear: left; }
    .akvo-custom-posts li.post div.imgWrapper, .akvo-custom-posts li.post div.imageWrapper {
      background-color: #fff;
      padding: 0px;
      width: 100%;
      max-height: 217px;
      overflow: hidden; }
    .akvo-custom-posts li.post .staffName {
      font-size: 16px;
      margin-top: 10px; }
    .akvo-custom-posts li.post .staffTitle {
      font-size: 14px; }
    .akvo-custom-posts li.post i.fa {
      font-size: 20px;
      padding: 10px; }
    .akvo-custom-posts li.post .links a:hover {
      color: #404898; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .akvo-custom-posts li.post {
        width: 46%; }
        .akvo-custom-posts li.post div.imgWrapper {
          max-height: 350px; }
        .akvo-custom-posts li.post:nth-child(3n+1) {
          clear: none; }
        .akvo-custom-posts li.post:nth-child(2n+1) {
          clear: left; } }
    @media screen and (max-width: 768px) {
      .akvo-custom-posts li.post {
        width: 96%; }
        .akvo-custom-posts li.post div.imgWrapper {
          max-height: 350px; } }
  .akvo-custom-posts.new_staffs li.post, .akvo-custom-posts.foundation_member li.post {
    min-height: 335px; }
  .akvo-custom-posts.microstory li.post {
    min-height: 365px; }
  .akvo-custom-posts.new_staffs li.post .imgWrapper img, .akvo-custom-posts.foundation_member li.post .imgWrapper img, .akvo-custom-posts.new_partners li.post .imgWrapper img {
    width: 100%;
    height: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
  .akvo-custom-posts.new_staffs li.post:hover .imgWrapper img, .akvo-custom-posts.foundation_member li.post:hover .imgWrapper img, .akvo-custom-posts.new_partners li.post:hover .imgWrapper img {
    -webkit-filter: none;
    filter: none; }
  @media (min-width: 1024px) {
    .akvo-custom-posts.new_partners li.post {
      width: 20%; }
      .akvo-custom-posts.new_partners li.post:nth-child(3n+1) {
        clear: none; } }
  @media screen and (max-width: 768px) {
    .akvo-custom-posts.new_partners li.post {
      width: 48%;
      display: inline-block;
      float: none; }
      .akvo-custom-posts.new_partners li.post:nth-child(3n+1) {
        clear: none; } }
  .akvo-custom-posts.microstory li.post:hover {
    background: #fff; }
  .akvo-custom-posts.microstory li.post.featured {
    background: #404898; }
    .akvo-custom-posts.microstory li.post.featured .title, .akvo-custom-posts.microstory li.post.featured .hovercontent {
      color: #fff; }

/* FIGURE ON HOW THIS IS BEING USED */
@media screen and (max-width: 768px) {
  nav.anchorNav ul li, nav.anchorNav2 ul li {
    background: none !important;
    display: inline-block !important;
    padding: 10px !important; }
  nav.anchorNav ul li a, nav.anchorNav2 ul li a {
    font-size: 16px !important; }

  ul.mobilehidesorting {
    display: none; }
  ul.help.companies li {
    width: 48% !important;
    display: inline-block !important;
    float: none !important; }
    ul.help.companies li div.imgWrapper {
      max-height: 350px !important; }
    ul.help.companies li:nth-child(3n+1) {
      clear: none !important; } }
.microstoriesbox {
  display: block;
  min-height: 650px;
  height: 100%;
  width: 100%; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-moz-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* STYLING FOR THE FILTERS */
.nested-filters nav ul {
  padding: 0; }
.nested-filters .primary-filter-list a {
  color: #202024;
  border-radius: 0px; }
  .nested-filters .primary-filter-list a:hover {
    color: #202024;
    background: #f0f0f0;
    box-shadow: none; }
.nested-filters .secondary-filter-list {
  margin-top: 15px; }
  .nested-filters .secondary-filter-list a {
    color: #797979;
    border-radius: 0px; }
    .nested-filters .secondary-filter-list a:hover {
      color: #797979;
      background: #f0f0f0;
      box-shadow: none; }
.nested-filters.tertiary-filter-list a {
  color: #aaa8a8;
  border-radius: 0px; }
  .nested-filters.tertiary-filter-list a:hover {
    color: #aaa8a8;
    background: #f0f0f0;
    box-shadow: none; }
@media screen and (max-width: 768px) {
  .nested-filters .primary-filter-list a {
    padding: 10px;
    display: inline-block; }
  .nested-filters .secondary-filter-list {
    display: none; } }

.articlesdropdown {
  padding: 17px 10px;
  width: 80%;
  margin-right: 2%;
  display: inline-block;
  font-size: 20px;
  -webkit-appearance: none; }
  @media only screen and (max-width: 1190px) {
    .articlesdropdown .articlesdropdown {
      width: 70%; } }

.newsletterform input.signup {
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 66%;
  font-size: 16px;
  padding: 6px 20px;
  background: transparent;
  border-radius: 0px;
  border: 1px solid #000;
  color: #000;
  background: #fff; }
  .newsletterform input.signup.name {
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 49%;
    margin-bottom: 10px;
    display: inline-block;
    background: #fff; }
    .newsletterform input.signup.name.left {
      margin-right: 1%; }
    .newsletterform input.signup.name.right {
      margin-left: 1%; }
.newsletterform textarea {
  width: 100%;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px 20px;
  font-size: 16px;
  background: transparent;
  border-radius: 0px;
  border: 1px solid #000;
  color: #000;
  background: #fff; }
.newsletterform input.signup.email {
  background: #fff;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  margin-bottom: 10px; }
.newsletterform select {
  border: 1px solid #000;
  padding: 10px 20px;
  width: 100%;
  font-size: 16px;
  margin-bottom: 10px; }
.newsletterform input[type=button], .newsletterform input[type=submit] {
  margin-bottom: 10px;
  margin-top: 10px; }
.newsletterform button.button, .newsletterform .button {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 16px;
  padding: 10px 20px;
  background: #404898;
  border: 2px solid #404898;
  color: #fff;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  border-radius: 0em;
  text-shadow: none;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  line-height: 1em;
  margin: 0 auto;
  width: 100%; }
.newsletterform button.button:hover, .newsletterform .button:hover {
  background: #fff !important;
  border-color: #404898 !important;
  color: #404898 !important; }
.newsletterform input[type=button].next, .newsletterform input[type=button].previous {
  max-width: 20%; }
.newsletterform input[type=submit].submitbigform {
  max-width: 20% !important; }
.newsletterform fieldset {
  position: relative; }
@media only screen and (max-width: 768px) and (min-width: 0) {
  .newsletterform input.signup {
    width: 100% !important;
    margin-bottom: 10px !important; }
    .newsletterform input.signup.name {
      width: 100% !important;
      margin-bottom: 10px !important; }
  .newsletterform button.button {
    width: 100% !important;
    margin-bottom: 10px !important; } }
@media only screen and (max-width: 995px) {
  .newsletterform input.signup {
    width: 100%;
    margin-bottom: 10px; }
    .newsletterform input.signup.name {
      width: 100%;
      margin-bottom: 10px; }
  .newsletterform button.button {
    width: 100%;
    margin-bottom: 10px; } }
@media only screen and (max-width: 1190px) {
  .newsletterform input.signup {
    width: 100% !important;
    margin-bottom: 10px !important; }
    .newsletterform input.signup.name {
      width: 100% !important;
      margin-bottom: 10px !important; }
  .newsletterform button.button {
    width: 100% !important;
    margin-bottom: 10px !important; } }

.newsletterform fieldset:not(:first-of-type) {
  display: none; }

/* MODAL BOXES */
.modal-dialog {
  margin-top: 5%; }

.modal-header {
  padding-bottom: 5px; }

.modal-footer {
  padding: 0; }
  .modal-footer .btn-group button {
    height: 40px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    border-right: 1px solid #ddd; }
  .modal-footer .btn-group:last-child > button {
    border-right: 0; }

body.modal-open {
  padding-right: 0px !important; }

.modalinput::-webkit-input-placeholder, .modalinput:-moz-placeholder, .modalinput::-moz-placeholder, .modalinput:-ms-input-placeholder {
  color: #202024 !important; }

.modal-body form label.form-check-label {
  width: 96%;
  font-weight: normal !important;
  line-height: 18px !important;
  font-size: 13px !important;
  color: #202024 !important; }
.modal-body form .form-check {
  margin-bottom: 5px !important; }
.modal-body form input[type=checkbox] {
  vertical-align: top !important; }

/* THIS HAS TO BE UPDATED */
p {
  margin-bottom: 10px; }

p, strong, .company, .fullwidth li {
  font-size: 16px;
  line-height: 21px; }

h2.download {
  text-align: left;
  margin-bottom: 5px; }

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
  display: none; }

.list-group {
  margin-bottom: 0px !important; }
  .list-group .addressbox.first {
    margin-bottom: 2px; }
  .list-group a {
    text-decoration: none !important;
    color: #202024 !important; }
  .list-group .addressbox.active {
    background: #e6e6e6 !important; }

.hovercontent p, .hovercontent strong, .hovercontent a {
  font-style: italic !important; }

.wrapper.center {
  text-align: center;
  margin: 0 auto; }

.introtext p {
  font-size: 1.3em;
  line-height: 1.3em;
  margin-bottom: 40px; }
.introtext h1.maintitle {
  font-size: 2.50em;
  font-weight: bold;
  text-align: left !important;
  color: #000 !important; }

.blogfeature {
  background: #fff !important; }

#footer {
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #202024 !important; }
  #footer.peopletop {
    margin-top: 0px !important; }
  #footer .textwidget {
    margin-bottom: 20px; }
  #footer h5 {
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color: #fff !important; }
  #footer p {
    color: #fff; }
  #footer h4 {
    color: #fff;
    font-weight: bold; }
  #footer a {
    color: #fff;
    font-size: 16px !important;
    line-height: 21px !important;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects; }
    #footer a:hover {
      color: #03AD8C !important;
      font-weight: normal !important; }
  #footer ul.social li {
    padding: 3px 0; }
    #footer ul.social li a i {
      margin-right: 5px;
      font-size: 25px;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      transition: .5s all ease; }
    #footer ul.social li:hover a i {
      font-size: 30px;
      color: #03AD8C !important;
      margin-top: -10px; }
    #footer ul.social li a {
      color: #fff; }
  #footer ul.quick-links li a {
    color: #fff;
    font-size: 16px;
    line-height: 21px; }
  #footer ul.social li a:hover {
    color: #eeeeee; }
  #footer ul.quick-links {
    margin-top: -5px; }
    #footer ul.quick-links li {
      padding: 0;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      transition: .5s all ease; }
      #footer ul.quick-links li:hover {
        padding: 0; }
      #footer ul.quick-links li a i {
        margin-right: 5px; }
      #footer ul.quick-links li:hover a i {
        font-weight: 700; }

@media (max-width: 767px) {
  .navbar-nav {
    margin-left: 0px !important; }

  #footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px; } }
.customer-logos img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

@media only screen and (max-width: 768px) and (min-width: 0) {
  .desktoppadding {
    padding-right: 0px !important; }

  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 100% !important; }

  #navbar {
    display: none; }
    #navbar.in {
      display: block !important; }

  .dropdown-menu a {
    font-size: 14px !important;
    line-height: 26px !important; } }
@media only screen and (max-width: 995px) {
  .navbar-nav > li > a, .dropdown-menu a {
    font-size: 13px; } }
.navbar-brand > img {
  max-width: 105px; }

.carousel {
  padding-top: 20px; }
  .carousel .nav {
    background: #e6e6e6; }
    .carousel .nav a {
      border-radius: 0px; }
      .carousel .nav a small {
        display: block; }
  .carousel .carousel-inner .item {
    background-size: cover;
    height: 600px;
    width: 100%;
    background-position: 50% 26%; }
    .carousel .carousel-inner .item.item-narrow {
      height: 450px; }
    .carousel .carousel-inner .item.item-extra-narrow {
      height: 250px; }
    .carousel .carousel-inner .item.item-repeat {
      background-repeat: repeat;
      background-size: auto; }
  .carousel .carousel-caption {
    text-shadow: none;
    bottom: 15%;
    text-align: left;
    right: auto;
    left: auto; }
    .carousel .carousel-caption.microstory.largeimage h4 {
      font-size: 24px;
      padding: 5px;
      background: #fff;
      color: #202024 !important; }

body.microstory h3.thin, body.microstory small {
  font-family: "Assistant", sans-serif !important; }
body.microstory h3.smaller {
  font-size: 17px; }

img.slidelogo {
  margin-bottom: 20px; }

iframe#toolframe {
  height: 100%;
  border: none !important;
  max-height: 1800px;
  min-height: 1000px; }

/*
* STATISTICS
*/
.statistics i {
  font-size: 50px;
  margin-bottom: 10px;
  color: #404898 !important; }
.statistics .stattitle {
  margin-bottom: 25px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 20px; }

.stat {
  padding-bottom: 15px; }
  .stat:nth-of-type(odd) {
    background-color: transparent; }
  .stat:nth-of-type(even) {
    background-color: #fff; }

.statistics.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; }
  .statistics.row > [class*='col-'] {
    display: flex;
    flex-direction: column; }

.partnerlogo {
  max-width: 80px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 15px; }

img.toollogo {
  width: 100%;
  max-width: 115px; }

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-5ths {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left; } }
.counter {
  padding: 20px 0;
  border-radius: 5px; }

.count-title {
  font-size: 40px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center; }

.count-text {
  font-size: 13px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center; }

.fa-2x {
  margin: 0 auto;
  float: none;
  display: table;
  color: #404898; }

section {
  padding: 60px 0; }
  section .section-title {
    text-align: center;
    color: #404898;
    margin-bottom: 50px;
    text-transform: uppercase; }

#what-we-do {
  background: #fff; }
  #what-we-do .card {
    padding: 1rem !important;
    border: none;
    margin-bottom: 1rem;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease; }
    #what-we-do .card:hover {
      -webkit-box-shadow: 5px 7px 9px -4px #9e9e9e;
      -moz-box-shadow: 5px 7px 9px -4px #9e9e9e;
      box-shadow: 5px 7px 9px -4px #9e9e9e; }
    #what-we-do .card .card-block {
      padding-left: 50px;
      position: relative; }
      #what-we-do .card .card-block a {
        color: #404898 !important;
        font-weight: 700;
        text-decoration: none; }
        #what-we-do .card .card-block a i {
          display: none; }
    #what-we-do .card:hover .card-block a i {
      display: inline-block;
      font-weight: 700; }
    #what-we-do .card .card-block:before {
      font-family: FontAwesome;
      position: absolute;
      font-size: 39px;
      color: #404898;
      left: 0;
      -webkit-transition: -webkit-transform .2s ease-in-out;
      transition: transform .2s ease-in-out; }
    #what-we-do .card .block-1:before {
      content: "\f0e7"; }
    #what-we-do .card .block-2:before {
      content: "\f0eb"; }
    #what-we-do .card .block-3:before {
      content: "\f00c"; }
    #what-we-do .card .block-4:before {
      content: "\f209"; }
    #what-we-do .card .block-5:before {
      content: "\f0a1"; }
    #what-we-do .card .block-6:before {
      content: "\f218"; }
    #what-we-do .card:hover .card-block:before {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      transition: .5s all ease; }

#toTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
  background: #404898 !important;
  border-color: #404898 !important; }

.questionnaire {
  background-color: #e2e3ea;
  position: relative;
  padding: 70px 20px 70px 20px; }
  .questionnaire h2 span {
    color: #404898;
    font-weight: 700 !important; }

.gettoknowus {
  background: url(waterbg.jpg) repeat;
  padding: 70px 20px 70px 20px; }

.video {
  height: 0;
  text-align: center;
  position: relative;
  padding-bottom: 56.25%; }
  .video iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.slick-slide {
  margin: 0px 20px; }
  .slick-slide img {
    width: 100%; }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }
  .slick-track:before {
    display: table;
    content: ''; }
  .slick-track:after {
    display: table;
    content: '';
    clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }
.slick-slide.slick-loading img {
  display: none; }
.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.addressbox {
  background: #f8f8f8;
  height: 100%;
  padding-bottom: 20px; }

.inner-container {
  margin-left: 15%;
  margin-right: 15%; }

form.newsletterform .tab {
  display: none; }
form h3 {
  margin-top: 0px !important; }

#map {
  margin: 0 auto; }

.newsletterform fieldset:not(:first-of-type) {
  display: none; }

progress {
  position: fixed;
  left: 0;
  top: 50px;
  width: 100%;
  height: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  color: #404898 !important;
  z-index: 100; }
  progress::-webkit-progress-bar {
    background-color: transparent; }
  progress::-webkit-progress-value, progress::-moz-progress-bar {
    background-color: #404898; }

.progress-container {
  width: 100%;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  height: 5px;
  display: block; }

.progress-bar {
  background-color: red;
  width: 0%;
  display: block;
  height: inherit; }

.jcgmt-container {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  padding: 3px;
  width: 16%; }
  .jcgmt-container .jcgmt-lbl {
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    margin: 0 auto;
    font-weight: 300 !important;
    line-height: 30px;
    font-family: "Assistant", sans-serif !important;
    height: 70px;
    font-size: 20px;
    display: block; }

.jcgmt-clockHolder {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }

.jcgmt-sec, .jcgmt-min, .jcgmt-hour {
  display: block;
  position: absolute; }

.jcgmt-rotatingWrapper {
  position: absolute;
  width: 100px;
  height: 100px;
  padding-left: 24%;
  z-index: 100; }

.jcgmt-digital, .jcgmt-date, .hellotext {
  font-weight: 300 !important;
  line-height: 40px;
  color: #000;
  font-family: "Assistant", sans-serif !important;
  font-size: 14px;
  text-align: center;
  margin-left: 8px; }

.jcgmt-container {
  cursor: pointer !important; }
  .jcgmt-container img.jcgmt-clock-hover {
    display: none !important; }
  .jcgmt-container:hover img.jcgmt-clock {
    display: none !important; }
  .jcgmt-container:hover img.jcgmt-clock-hover {
    display: inline-block !important; }
  .jcgmt-container .hellotext {
    display: none !important; }
  .jcgmt-container:hover .jcgmt-digital {
    display: none !important; }
  .jcgmt-container:hover .hellotext {
    display: inline-block !important; }

@media (max-width: 1200px) {
  .jcgmt-rotatingWrapper {
    padding-left: 18%; } }
@media (max-width: 970px) {
  .jcgmt-rotatingWrapper {
    padding-left: 9%; } }
@media (max-width: 768px) {
  .jcgmt-container {
    width: 40% !important; }

  .jcgmt-rotatingWrapper {
    padding-left: 27.5%; }

  .jcgmt-container .jcgmt-lbl {
    padding-top: 20px;
    height: auto !important; } }
@media (max-width: 400px) {
  .jcgmt-container {
    width: 100% !important; }

  .jcgmt-rotatingWrapper {
    padding-left: 37.5%; } }
@media (max-width: 768px) {
  .carousel-caption h1 {
    font-size: 4rem !important;
    line-height: 5.6rem !important; } }
#accordion-style-1 h1, #accordion-style-1 a {
  color: #404898; }
#accordion-style-1 .btn-link {
  font-weight: 400;
  text-align: left !important;
  color: #404898;
  background-color: transparent;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: bold; }

i.arrowdown {
  float: right !important;
  margin-top: 4px; }

.card-header {
  text-align: left !important; }

.card:nth-child(even) .card-header {
  background: #f8f8f8 !important; }

.card-body {
  padding-left: 15px;
  padding-right: 15px; }

#accordion-style-1 .card-body hr {
  border-top: 1px solid #404898 !important; }
#accordion-style-1 .card-header .btn.collapsed .fa.main {
  display: none; }
#accordion-style-1 .card-header .btn .fa.main {
  background: #404898;
  padding: 13px 11px;
  color: #fff;
  width: 35px;
  height: 41px;
  position: absolute;
  left: -1px;
  top: 10px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  display: block; }

.nighttime img.jcgmt-clock-hover, .nighttime img.jcgmt-clock {
  -webkit-filter: grayscale(100%) !important;
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%) !important; }

.logopadding {
  padding: 10px; }

.downloadlinks {
  margin-top: 10px;
  text-align: center; }
  .downloadlinks a {
    padding: 5px; }

.bluebg .downloadlinks a {
  color: #fff !important; }

.logogroup {
  clear: both; }
  .logogroup img {
    width: 70%; }

/* Blog Overrides */
.titledate {
  min-height: 100px;
  height: 100%; }

.youmightlike {
  min-height: 125px; }

.youmightlikebox {
  min-height: 255px;
  height: 100%;
  background-size: cover !important;
  background-position: center center !important;
  padding: 0px; }

.youmightliketext {
  bottom: 10px !important;
  position: absolute;
  padding: 0px 5px;
  transition: all .3s ease;
  transition: 0.9s; }
  .youmightliketext h4 {
    padding: 5px; }
    .youmightliketext h4 a {
      color: #fff !important;
      text-decoration: none !important; }

.titledatemain {
  min-height: 210px;
  height: 100%; }

select.blog-detail {
  width: 100%;
  padding: 6px; }

.singlepost .categories {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px; }
  .singlepost .categories h2 {
    margin-top: 0px;
    padding-top: 0px; }

ul.meta {
  width: 100%;
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 20px; }
  ul.meta i {
    margin-right: 10px; }
  ul.meta li {
    width: 49%;
    display: inline-block; }

.carousel-caption.microstory {
  bottom: 8% !important; }

.youmightlikebox .blog-colum {
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5) 100%);
  width: 100%;
  display: block;
  height: 100%;
  position: absolute; }

.advertbox {
  cursor: pointer;
  min-height: 255px;
  height: 100%;
  background-size: cover !important;
  background-position: center center !important; }

@media (max-width: 1350px) {
  .carousel-caption.microstory h1 {
    font-size: 70px !important;
    line-height: 95px !important; } }
@media (max-width: 1200px) {
  .advertbox img {
    width: 100% !important; } }
@media (max-width: 1100px) {
  .carousel-caption.microstory h1 {
    font-size: 60px !important;
    line-height: 85px !important; }

  .youmightlikebox, .advertbox {
    min-height: 500px; } }
@media (max-width: 768px) {
  ul.meta li {
    width: 100%;
    display: block; } }
@media (max-width: 715px) {
  .carousel-caption.microstory h1 {
    font-size: 50px !important;
    line-height: 75px !important; } }
@media (max-width: 630px) {
  .carousel-caption.microstory h1 {
    font-size: 40px !important;
    line-height: 65px !important; } }
@media (max-width: 400px) {
  .carousel-caption.microstory h1 {
    font-size: 30px !important;
    line-height: 55px !important; } }
.overlay {
  position: absolute;
  transition: all .3s ease;
  opacity: 0;
  transition: 0.9s; }

.youmightlikecontainer:hover .overlay {
  opacity: 1; }

.overlayBottom {
  width: 100%;
  height: 0;
  bottom: 0;
  left: 15px; }
  .overlayBottom ul.blog-detail li {
    color: #fff !important; }

.youmightlikecontainer:hover .overlayBottom {
  height: 30px; }
.youmightlikecontainer:hover .youmightliketext {
  padding-bottom: 20px; }

.singlepost .singlerow {
  max-width: 850px !important;
  margin: 0 auto; }
.singlepost span.firstpara {
  font-size: 20px !important; }

.carousel-caption h3.thin {
  color: #000 !important;
  font-size: 20px !important;
  background: #fff;
  display: inline !important;
  clear: both !important;
  padding: 5px;
  margin-top: 5px; }

.newslettercontainer {
  max-width: 650px; }
  .newslettercontainer h3 {
    font-weight: 300 !important; }
  .newslettercontainer label {
    font-size: 17px;
    line-height: 25px;
    font-weight: 300; }

img.mini {
  width: 100% !important;
  margin-bottom: 10px;
  margin-top: 20px; }
img.full {
  width: 100% !important; }

#myCarousel.pageheader .carousel-inner .item {
  background-size: auto !important; }

.updates .update {
  background: #fff !important;
  border: 1px solid #ededed;
  padding: 20px !important;
  border-bottom: none !important; }
.updates .last .update {
  border-bottom: 1px solid #ededed !important; }
.updates .date {
  padding: 25px !important; }
.updates .update h3 {
  margin-top: 0px !important;
  padding-top: 0px !important; }

@media (max-width: 970px) {
  .updates .update {
    border-bottom: 1px solid #ededed !important; } }
.tag {
  padding: 5px 10px;
  color: #fff !important;
  float: left;
  margin-right: 10px; }
  .tag:hover {
    filter: brightness(120%) !important;
    font-weight: normal !important; }

/* WATER TREATMENT PAGE */
.process-step .btn:focus {
  outline: none; }

.process {
  display: table;
  width: 100%;
  position: relative; }

.process-row {
  display: table-row; }

.process-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important; }

.process-row:before {
  top: 40px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-order: 0; }

.process-step {
  display: table-cell;
  text-align: center;
  position: relative; }
  .process-step p {
    margin-top: 4px; }

.btn-circle {
  width: 80px;
  height: 80px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%; }

.process .btn-info {
  background: #404898 !important;
  border-color: #404898 !important; }

.boxlink {
  min-height: 130px;
  padding-bottom: 10px; }
  .boxlink a {
    color: #191919 !important; }

img.solutionimage {
  margin-top: 20%; }

.testimonials .carousel-inner {
  height: 200px; }

#quote-carousel {
  padding: 0 10px 30px 10px;
  margin-top: 60px; }
  #quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px; }
  #quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 20px;
    margin-right: -19px; }
    #quote-carousel .carousel-indicators li {
      width: 50px;
      height: 50px;
      cursor: pointer;
      border: 1px solid #ccc;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
      border-radius: 50%;
      opacity: 0.4;
      overflow: hidden;
      transition: all .4s ease-in;
      vertical-align: middle; }
    #quote-carousel .carousel-indicators .active {
      width: 50px;
      height: 50px;
      opacity: 1;
      transition: all .2s; }

.item blockquote {
  border-left: none;
  margin: 0; }
  .item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px; }

/* New Single Post */
.singlepost .meta a {
  color: #03AD8C !important; }

.greybox {
  background: #f8f8f8 !important;
  padding: 40px 60px; }

.tweetboxpullout .greybox {
  padding: 25px 40px 60px !important; }
.tweetboxpullout h3 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  color: #2c509a;
  font-weight: 300 !important; }
.tweetboxpullout .paragraph {
  padding-top: 10px; }
.tweetboxpullout h3 a {
  float: left;
  color: #2c509a;
  text-decoration: none !important; }
.tweetboxpullout h3.tweetbutton {
  text-align: right;
  bottom: 0 !important;
  padding: 10px;
  float: right; }

.aboutauthor h3 {
  font-weight: 300 !important; }
  .aboutauthor h3 a {
    color: #03AD8C !important;
    font-weight: 400 !important;
    text-decoration: none !important; }
.aboutauthor .categories {
  margin: 0px !important;
  padding: 0px !important; }
.aboutauthor .authorbox {
  margin-right: 1%; }

@media (max-width: 768px) {
  .aboutauthor .authorbox {
    margin-right: none !important; }

  .tweetboxpullout .greybox {
    padding: 20px 40px 60px 40px !important; } }
.fullheight {
  height: 100% !important; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

@media (max-width: 768px) {
  .row-eq-height {
    display: block !important; }

  .fullheight {
    margin-bottom: 10px; } }
.imagebox img {
  margin-bottom: 0px !important; }

.whitetext p, .whitetext h2, .whitetext h1, .whitetext h3, .whitetext a, .whitetext li, .whitetext i, .whitetext small {
  color: #fff !important; }
.whitetext blockquote {
  color: #fff !important; }
  .whitetext blockquote small {
    color: #fff !important; }

/* Flex */
.row-flex {
  display: flex;
  /* columns are now equal height */
  flex: 1;
  flex-flow: row wrap; }
  .row-flex .col {
    flex: 1;
    flex-grow: 1;
    flex-flow: column nowrap;
    min-width: 0;
    padding: 5px;
    margin-right: 10px; }
    .row-flex .col:last-child {
      margin-right: 0; }

@media (max-width: 768px) {
  .flex-grid {
    display: block; } }
/* HOMEPAGE FEATURES */
.so-widget-sow-features .sow-features-list .sow-features-feature h5 {
  font-size: 40px;
  color: #fff !important;
  margin: 10px 0; }

.so-widget-sow-features .sow-features-list .sow-features-feature p {
  color: #fff !important;
  font-size: 13px; }

/* MICROSTORY */
body.single-microstory .so-widget-sow-editor,
body.single-microstory .narrow-row {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 20px;
  box-sizing: border-box; }

/* OVERRIDE SOW */
.so-widget-sow-editor h3.widget-title {
  color: #191919;
  font-size: 5rem;
  line-height: 1.4;
  margin: 20px 0; }

.so-widget-sow-editor .siteorigin-widget-tinymce h4 {
  color: #191919;
  font-family: 'Roboto Condensed', sans-serif !important;
  /*font-weight: 300 !important;*/
  line-height: 30px;
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px; }

.so-widget-sow-editor .siteorigin-widget-tinymce h2 {
  color: inherit; }

/* Chris Amends */
h3, h4, h5, h6, h3.widget-title {
  color: inherit !important; }

.titledate a {
  color: #404898 !important;
  text-decoration: none !important; }

.titledate a:hover {
  color: #03ad8c !important; }

ul.blog-detail {
  list-style: none !important;
  margin-left: 0px !important;
  padding-left: 0px !important; }

.fixed-col {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 20px; }

a.buttonblack {
  margin-top: 20px;
  margin-bottom: 20px; }

.so-widget-sow-editor .siteorigin-widget-tinymce h2 {
  color: inherit; }

/* ON THE FLY AMENDS */
p, strong {
  line-height: 29px; }

h2 {
  line-height: 49px; }

h3.thin {
  line-height: 38px; }

.widget_akvo-logo-slider h3 {
  font-size: 38px !important;
  line-height: 49px !important;
  font-weight: 700 !important;
  text-align: center !important; }

.hovercontent p, .hovercontent strong, .hovercontent a {
  font-style: normal !important; }

.akvo-custom-posts li.post .title {
  font-weight: 700 !important;
  font-family: "Roboto Condensed", sans-serif !important; }

.caret {
  display: none !important; }

a.buttonwhite, a.buttonblack {
  text-decoration: none !important; }

.primary-filter-list li a {
  font-size: 18px !important; }

.counter h2 {
  text-align: center !important; }

.titledate h4 {
  font-size: 20px !important;
  line-height: 30px !important; }

.articlesdropdown {
  font-size: 16px !important;
  border-radius: 0px !important; }

.sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
  background: none !important; }

.sow-accordion .panel-row-style, .sow-accordion .fixed-col {
  padding-top: 0px !important; }

.sow-accordion .sow-accordion-panel:nth-child(even) {
  background: rgba(255, 255, 255, 0.1); }

.sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
  background: none !important;
  border: none !important; }

.white, .white h1, .white h2, .white h3, .white h4 {
  color: #fff !important; }

.wpml-ls-legacy-list-horizontal {
  padding: 10px 0px;
  font-size: 17px; }

.wpml-ls-legacy-dropdown {
  max-width: 40px;
  width: 100%;
  padding: 10px 0px;
  font-size: 17px; }

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
  display: none !important; }

.wpml-ls-legacy-dropdown a, .wpml-ls-legacy-list-horizontal a {
  text-decoration: none !important;
  border: none !important; }

.sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
  padding-top: 0px !important; }

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  border: none !important; }

.gform_wrapper .gform_page_footer {
  border: none !important; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  background: none !important; }

.nested-filters .primary-filter-list a.active, .nested-filters nav ul li a[href]:hover {
  color: #e04d95 !important;
  text-decoration: none !important; }

.nested-filters nav ul {
  text-align: center; }

a:hover {
  text-decoration: underline; }

.widget-title {
  color: #191919 !important; }

.sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-open-close-button {
  margin-top: -23px; }

.sow-contact-form .sow-submit-styled .sow-submit {
  box-shadow: none !important; }

.sow-form-field.sow-form-field-checkboxes ul label, .sow-form-field.sow-form-field-radio ul label {
  font-weight: normal !important;
  font-size: 13px !important;
  color: #202024 !important;
  line-height: 20px !important; }

.sow-form-field input, .sow-form-field select {
  padding: 10px 20px !important;
  width: 100%; }

form input[type=checkbox] {
  width: auto !important; }

form#gform_22 input, form#gform_22 textarea, form#gform_22 select {
  color: #000 !important; }

form#gform_22 input[type=button], form#gform_22 input[type=submit] {
  color: #fff !important; }

form#gform_22 input[type=button]:hover, form#gform_22 input[type=submit]:hover {
  background: none !important; }

.greenbg form#gform_22 input[type=button], .greenbg form#gform_22 input[type=submit] {
  background: #fff !important;
  border: 1px solid #fff !important;
  color: #03AD8C !important; }

.greenbg form#gform_22 input[type=button]:hover, .greenbg form#gform_22 input[type=submit]:hover {
  background: none !important;
  color: #fff !important;
  border-color: #fff !important; }

.featuredimage img {
  width: 100% !important;
  height: auto !important; }

span.tag.akvo-flow {
  background: #03AD8C !important;
  background-color: #03AD8C !important; }

span.tag.akvo-rsr {
  background: #E04D95 !important;
  background-color: #E04D95 !important; }

.updates .update:last-of-type {
  border-bottom: 1px solid #ededed !important; }

#footer ul.quick-links {
  margin-top: 0px !important;
  line-height: 29px !important; }

.updates .update h3 {
  font-size: 24px !important;
  margin-top: -5px !important; }

.updates .update p {
  margin-bottom: 0px !important; }

.row-eq-height {
  flex-wrap: wrap; }

.row-eq-height > [class*='col-'] {
  /*flex-grow: 1;*/
  flex-grow: 0 !important; }

@media screen and (max-width: 768px) {
  .row-eq-height > [class*='col-'] {
    /*flex-grow: 1;*/
    flex-grow: 1 !important; } }
.aboutauthor .authorbox {
  margin-right: 0px !important; }

.aboutauthor.row-eq-height > [class*='col-'] {
  flex-grow: 0 !important; }

body.home #myCarousel {
  display: none !important; }

.wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a {
  padding-top: 6px !important; }

body.page .csbwfs-social-widget, .csbwfs-show, .csbwfs-hide, .theChampPullOut {
  display: none !important; }

.blogimagesmall {
  background-size: cover !important;
  background-position: center !important;
  overflow: hidden;
  height: 200px;
  width: 100%;
  display: block; }

.titledate {
  min-height: 135px !important; }

.pagenav a {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Assistant", sans-serif !important;
  font-size: 16px !important;
  padding: 1em 2em;
  background: transparent;
  border: 2px solid #000;
  color: #000 !important;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  border-radius: 0em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  line-height: 1em;
  margin: 0 auto; }

.pagenav a:hover {
  background: #000 !important;
  color: #fff !important; }

.pagenav .alignleft {
  float: left !important; }

.pagenav .alignright {
  float: right !important; }

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  margin-top: 0px !important; }

.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
  vertical-align: top !important; }

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
  padding: 5px 4px !important; }

.gform_wrapper li.hidden_label input {
  margin-top: 0px !important; }

.gform_anchor:before {
  content: "";
  display: block;
  height: 180px;
  margin: -180px 0 0; }

/* New Single Post */
.singlerow .postimage img {
  width: 100% !important; }

.singlepost .meta a {
  color: #03AD8C !important; }

.greybox {
  background: #f8f8f8 !important;
  padding: 40px 60px; }

.tweetboxpullout .greybox, .tweetboxpullout .fullheight {
  padding: 25px 40px 60px !important; }

.tweetboxpullout h3 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  color: #2c509a;
  font-weight: 300 !important;
  font-size: 23px !important;
  line-height: 30px !important; }

.tweetboxpullout .paragraph {
  padding-top: 10px; }

.tweetboxpullout h3 a {
  float: left;
  color: #2c509a;
  text-decoration: none !important;
  font-size: 20px !important;
  opacity: 0.5;
  transition: opacity 0.3s; }

.tweetboxpullout h3 a:hover {
  opacity: 1 !important;
  transition: opacity 0.3s; }

.tweetboxpullout h3.tweetbutton {
  text-align: right;
  bottom: 0 !important;
  padding: 10px;
  float: right; }

.aboutauthor h3 {
  font-size: 23px !important;
  font-weight: 300 !important;
  line-height: 30px !important;
  margin-top: 0px !important; }

.aboutauthor h3 a {
  color: #03AD8C !important;
  font-weight: 400 !important;
  text-decoration: none !important; }

.aboutauthor .categories {
  margin: 0px !important;
  padding: 0px !important; }

/*.aboutauthor .authorbox {margin-right:1%;}*/
.aboutauthor.row-eq-height > [class*='col-'] {
  flex-grow: 0 !important; }

form#category-select select {
  width: 100% !important;
  padding: 6px !important; }

@media (max-width: 768px) {
  .aboutauthor .authorbox {
    margin-right: none !important; }

  .tweetboxpullout .greybox {
    padding: 20px 40px 60px 40px !important; } }
.fullheight {
  height: 100% !important; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

@media (max-width: 768px) {
  .row-eq-height {
    display: block !important; }

  .fullheight {
    margin-bottom: 10px; } }
.imagebox img {
  margin-bottom: 0px !important; }

.whitetext p, .whitetext h2, .whitetext h1, .whitetext h3, .whitetext a, .whitetext li, .whitetext i, .whitetext small, .whitetext blockquote small, .whitetext blockquote, .whitetext label {
  color: #fff !important; }

.greenbg.whitetext input[type=button], .greenbg.whitetext input[type=submit].submitbigform {
  background: #fff !important;
  color: #03AD8C !important;
  border: 1px solid #fff !important; }

.greenbg.whitetext input[type=button]:hover, .greenbg.whitetext input[type=submit].submitbigform:hover {
  background: none !important;
  color: #fff !important; }

.bluebg.whitetext input[type=button], .bluebg.whitetext input[type=submit].submitbigform {
  background: #fff !important;
  color: #404898 !important;
  border: 1px solid #fff !important; }

.bluebg.whitetext input[type=button]:hover, .bluebg.whitetext input[type=submit].submitbigform:hover {
  background: none !important;
  color: #fff !important; }

.redbg.whitetext input[type=button], .redbg.whitetext input[type=submit].submitbigform {
  background: #fff !important;
  color: #EA5547 !important;
  border: 1px solid #fff !important; }

.redbg.whitetext input[type=button]:hover, .redbg.whitetext input[type=submit].submitbigform:hover {
  background: none !important;
  color: #fff !important; }

.pinkbg.whitetext input[type=button], .pinkbg.whitetext input[type=submit].submitbigform {
  background: #fff !important;
  color: #E04D95 !important;
  border: 1px solid #fff !important; }

.pinkbg.whitetext input[type=button]:hover, .pinkbg.whitetext input[type=submit].submitbigform:hover {
  background: none !important;
  color: #fff !important; }

/* Flex */
.row-flex {
  display: flex;
  /* columns are now equal height */
  flex: 1;
  flex-flow: row wrap; }

.row-flex .col {
  flex: 1;
  flex-grow: 1;
  flex-flow: column nowrap;
  min-width: 0;
  padding: 5px;
  margin-right: 10px; }

.row-flex .col:last-child {
  margin-right: 0; }

@media (max-width: 768px) {
  .flex-grid {
    display: block; } }
/* EXTRA COLOUR FIXES */
span.tag.akvo-flow {
  background: #03AD8C !important;
  background-color: #03AD8C !important; }

span.tag.akvo-rsr {
  background: #E04D95 !important;
  background-color: #E04D95 !important; }

.so-widget-sow-editor .siteorigin-widget-tinymce h1 {
  color: inherit !important; }

/* VIDEO MODAL FROM IMAGE */
.videomodal2 img {
  cursor: pointer !important;
  width: 100%;
  height: auto; }

.so-widget-akvo-video-modal .modal-content {
  background: none !important;
  border: none !important;
  border-radius: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.so-widget-akvo-video-modal .modal-dialog.video {
  max-width: 1000px !important; }

/* MAP TAB EXTRA STYLES */
#maps iframe {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }

#maps .nav .tabs-left, .nav .tabs-right {
  border-bottom: none;
  padding-top: 2px; }

#maps .nav .tabs-left > li, #maps .nav .tabs-right > li {
  float: none;
  margin-bottom: 2px; }

#maps .nav .tabs-left > li {
  margin-right: -1px; }

#maps .nav .tabs-right > li {
  margin-left: -1px; }

#maps .nav-tabs {
  border: none !important; }

#maps .nav-tabs > li {
  width: 100% !important; }

#maps .nav-tabs > li > a {
  color: #555 !important;
  width: 100% !important;
  border: none !important;
  padding: 20px !important; }

#maps .nav-tabs > li.active > a,
#maps .nav-tabs > li.active > a:focus,
#maps .nav-tabs > li.active > a:hover {
  background: #eee !important;
  border-radius: 0px !important;
  border: none !important; }

#maps h3 {
  font-size: 24px !important;
  margin-top: 0px !important; }

.sow-accordion-title {
  line-height: 35px !important; }

.gform_wrapper a, .gform_wrapper .gfield_required {
  color: inherit !important; }

.gform_wrapper a {
  text-decoration: underline !important; }

.gform_wrapper label.gfield_label, .gform_wrapper .gfield_checkbox li label {
  font-weight: 300 !important;
  font-size: inherit; }

#field_23_5 label, #field_23_6 label, #field_22_20 label, #field_22_21 label {
  margin-bottom: 0px !important; }

#field_23_5 .ginput_container_checkbox, #field_23_6 .ginput_container_checkbox, #field_22_20 .ginput_container_checkbox, #field_22_21 .ginput_container_checkbox {
  margin-top: 0px; }

.modal-body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .modal-body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] {
  margin-top: 3px !important; }

.modal-body .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0px !important; }

.modal-body .gform_wrapper .gform_footer input.button, .modal-body .gform_wrapper .gform_footer input[type=submit] {
  width: 100% !important; }

#maps .sow-google-map-canvas {
  min-height: 426px !important;
  height: 100% !important; }

a.buttonblack {
  border: 2px solid #000 !important; }

a.buttonwhite {
  border: 2px solid #fff !important; }

.faded {
  opacity: 0.5; }

.faded:hover {
  opacity: 1; }

.centered {
  text-align: center !important; }

/* PRICING TABLE */
.pricing .faded {
  padding: 20px;
  border: 1px solid #d5d5d5; }

/* PULL UP */
.pullup {
  margin-top: -80px; }

.so-widget-akvo-video-modal .modal-dialog {
  width: 100% !important;
  max-width: 800px !important; }

/* IFRAME UPDATE */
iframe#toolframe {
  max-height: 800px !important;
  min-height: 500px !important; }

/* PADDING OVERRIDE */
body.single-microstory .so-widget-sow-editor, body.single-microstory .narrow-row {
  padding: 0px !important; }

/* COLOUR OVERRIDES */
.so-widget-sow-features .sow-features-list .sow-features-feature .textwidget > p,
.so-widget-sow-features .sow-features-list .sow-features-feature h5,
.so-widget-sow-editor .siteorigin-widget-tinymce h4 {
  color: inherit !important; }

/* PROGRESS BAR FIXES */
/*progress .progress-bar, .progress-bar, span.progress-bar {
  color: #03ad8c !important;
  background-color: #03ad8c !important;
  background: #03ad8c !important; }*/
progress .progress-bar, .progress-bar, span.progress-bar {
  color: #EA5547 !important;
  background-color: #EA5547 !important;
  background: #EA5547 !important; }


progress::-webkit-progress-bar {
  background-color: transparent; }

progress::-webkit-progress-value {
  background-color: #EA5547 !important; }

progress::-moz-progress-bar {
  background-color: #EA5547 !important; }

/* PROCESS ROW RESPONSIVE */
@media screen and (max-width: 768px) {
  .pullup {
    margin-top: 0px !important; }

  .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-open-close-button {
    margin-top: -45px !important; }

  .sow-accordion-title {
    font-size: 20px;
    line-height: 25px !important; }

  .process-row:before {
    display: none !important; }

  .process-step {
    display: inline-block;
    width: 33%; } }
@media screen and (max-width: 500px) {
  .process-step {
    display: inline-block;
    width: 50%; } }
/* NEW SINGLE POST MK2 */
body.single-post #myCarousel .item {
  height: 350px !important;
  margin-top: 10px !important;
  background: #03ad8c !important; }

body.single-post .authorimage {
  padding: 0px !important; }

body.single-post .authorimage img {
  border-radius: 50%; }

body.single-post .carousel-caption.microstory h1 {
  font-size: 60px !important;
  line-height: 85px !important; }

@media screen and (max-width: 1024px) {
  body.single-post .carousel-caption.microstory h1 {
    font-size: 50px !important;
    line-height: 75px !important; } }
@media screen and (max-width: 768px) {
  body.single-post .carousel-caption.microstory h1 {
    font-size: 40px !important;
    line-height: 60px !important; } }
@media screen and (max-width: 550px) {
  body.single-post .carousel-caption.microstory h1 {
    font-size: 35px !important;
    line-height: 55px !important; } }
@media screen and (max-width: 410px) {
  body.single-post .carousel-caption.microstory h1 {
    font-size: 30px !important;
    line-height: 48px !important; } }
/* TESTIMONIAL FIXES */
.widget_akvo-testimonials #quote-carousel, .testimonials #quote-carousel {
  margin-top: 0px !important;
  padding-bottom: 0px !important; }

.widget_akvo-testimonials .carousel .carousel-inner .item, .testimonials .carousel .carousel-inner .item, .testimonials .carousel .carousel-inner {
  height: auto !important; }

/* ACCORDION FIXES */
.accordion .btn {
  text-align: left !important;
  font-family: Roboto Condensed !important;
  font-weight: 300 !important;
  font-size: 28px !important;
  color: inherit !important;
  text-decoration: none !important; }

/* RESPSONSIVE AMENDS */
@media screen and (max-width: 1024px) and (min-width: 781px) {
  .panel-grid-cell {
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%; } }
/* HOME STATS OVERRIDE */
body.home .statistics .stat {
  height: 100% !important;
  padding-bottom: 20px !important; }

body.home .statistics .stat:nth-of-type(even) {
  background: none !important; }

body.home .statistics .stattitle {
  border: none !important;
  font-size: 50px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  color: inherit !important;
  margin-bottom: 15px !important;
  padding-bottom: 0px !important; }

body.home .statistics p {
  font-size: 30px !important;
  color: inherit !important; }

/* STAT OVERRIDE */
.amendedstat .statistics .stat {
  height: 100% !important;
  padding-bottom: 20px !important; }

.amendedstat .statistics .stat:nth-of-type(even) {
  background: none !important; }

.amendedstat .statistics .stattitle {
  border: none !important;
  font-size: 50px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  color: inherit !important;
  margin-bottom: 15px !important;
  padding-bottom: 0px !important; }

.amendedstat .statistics p {
  font-size: 30px !important;
  color: inherit !important; }

/* CAROUSEL FADE FIXES */
.carousel-fade .carousel-inner .item {
  transition-property: opacity; }

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  opacity: 0; }

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0); }

.carousel-fade .carousel-inner .container {
  z-index: 3 !important; }

/* PROCESS FIXES */
/*.process .btn-info i {color:#fff!important;}*/
.so-widget-akvo-process .tab-content h3 {
  display: none !important; }

.so-widget-akvo-process .tab-pane {
  padding-top: 30px !important; }

.so-widget-akvo-process .process-step p small {
  font-size: 18px !important; }

/* NO BG IMAGE FIX */
.nobgimage .item {
  background-image: none !important;
  background: inherit !important; }

/*# sourceMappingURL=main.css.map */