@import url("//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800");
@import "font-awesome.min.css";
/* Table of Content
==================================================
	#Site Styles
	#Section Styles

/* Site Styles
========================================= */
/* ACCESSIBILITY */
/* fonts */
/* ACCESSIBILITY */
:focus {
  border-top: 2px solid #de641c;
  border-bottom: 2px solid #de641c;
  outline: 0;
}
div:focus {
  border: none;
  outline: 0;
}
div#box_news_and_events:focus,
div#box_contact:focus,
div#box_outcomes:focus,
div#box_the_project:focus,
div#box_partners:focus {
  border-top: 2px solid #de641c;
  border-bottom: 2px solid #de641c;
  outline: 0;
}
.hidden-for-non-screenreader {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
article.post a {
  border: 2px solid transparent;
  color: #19a4cc;
}
article.post div.img_and_title_columns {
  margin-top: 40px;
}
article.post div.img_and_title_columns .title_column {
  min-height: 240px;
}
/* 1. Navigation bar */
header {
  width: 100%;
  z-index: 9999;
}
nav .logo {
  float: left;
  margin-top: 7px;
}
nav {
  width: 100%;
  background: #19a4cc;
  text-align: center;
  position: relative;
  z-index: 9999;
}
nav ul {
  padding: 0;
  margin: 0 auto;
  display: inline-block;
}
nav ul li {
  display: inline;
}
nav ul li:hover,
nav ul li.current,
nav ul li.current-menu-item,
nav ul li.current_page_parent {
  background-color: #949494 !important;
  color: #fff;
}
nav ul li a.active,
nav ul li a {
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  padding: 22px 25px;
}
nav ul li a.active:focus,
nav ul li a:focus {
  border-top: 2px solid #de641c;
  border-bottom: 2px solid #de641c;
}
nav ul li a.active,
nav ul li:hover a,
nav ul li.current a,
nav ul li.current-menu-item a,
nav ul li.current_page_parent a {
  background-color: #949494 !important;
  color: #fff;
}
nav .pull {
  display: none;
}
.socials.top {
  display: inline-block;
  overflow: hidden;
  float: right;
  margin-top: 9px;
}
.socials li {
  display: inline-block;
}
.socials li i {
  margin: 10px 7px;
  font-size: 14px;
}
.socials li a {
  color: #FFF;
  float: left;
  background: url('../images/smallhex_w.png') no-repeat;
  width: 31px;
  height: 34px;
  margin: 0 2px;
}
.socials li a:hover i {
  color: #19A4CC;
}
.socials li a:hover {
  background: url('../images/smallhex_w.png') bottom no-repeat;
}
button,
input[type=submit],
.button {
  background-color: #19a4cc;
  -moz-box-shadow: 1px 1px 1px 1px #bababa;
  -webkit-box-shadow: 1px 1px 1px 1px #bababa;
  box-shadow: 1px 1px 1px 1px #bababa;
}
button:focus,
input[type=submit]:focus,
.button:focus {
  border-top: 2px solid #de641c;
  border-bottom: 2px solid #de641c;
}
button.standard,
input[type=submit].standard,
.button.standard {
  width: 132px;
  height: 47px;
}
button[disabled],
input[type=submit][disabled],
.button[disabled] {
  background-color: #d7d7d7;
}
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:hover {
  color: white;
  background: #949494;
  /* Old browsers */
}
/* 2. Section Title */
.title h2 {
  padding: 40px 0;
  margin: 60px 60px 60px 0;
  text-transform: uppercase;
  border-right: 3px solid #1d1d1d;
  text-align: center;
  color: #1d1d1d;
}
.title h2.archive-title {
  margin-bottom: 30px;
}
.title h3.archive-title {
  margin-bottom: 30px;
}
.title p {
  line-height: 46px;
  font-size: 36px;
  color: #1d1d1d;
  font-weight: 300;
}
.title p.one-line {
  margin-top: 90px;
}
.title p.two-lines {
  margin-top: 70px;
}
.title p.three-lines {
  margin-top: 50px;
}
/* 3. Grey Fullwidth Background */
.grey {
  width: 100%;
  background: #fafafa;
}
.parallax {
  overflow: hidden;
  width: 100%;
  max-width: 1920px;
  text-align: center;
}
.white-overlay {
  background: rgba(255, 255, 255, 0.5);
  margin: 100px auto;
  padding: 70px 0 30px;
  width: 700px;
}
.white-overlay h4 {
  font-size: 38px;
  font-weight: 300;
}
.white-overlay p {
  padding: 5px 0 15px;
  font-size: 15px;
}
.plain-overlay {
  padding: 170px 0;
  margin: 0 auto;
  float: none !important;
  display: inline-block !important;
}
.plain-overlay h4 {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}
.plain-overlay p {
  padding: 5px 0 15px;
  font-size: 17px;
  color: #fff;
  width: 60%;
  margin: 0 auto;
}
.testimonials-overlay {
  margin: 100px auto;
  padding: 50px 0 30px;
  width: 600px;
  height: 400px;
}
.testimonials ul li {
  margin: 0 auto;
}
blockquote.rotator p {
  padding: 0;
  color: #565656;
  font-size: 16px;
  margin: 0;
}
.avatar {
  display: block;
  width: 110px;
  height: 110px;
  margin: 1em auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border: 4px solid #fff;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
}
.quote-author {
  margin-top: 10px;
}
.newsletter-form,
#mc_signup {
  display: block;
  margin-bottom: 10px;
}
.mc_var_label {
  display: none;
}
.mc_merge_var,
.mc_signup_submit {
  display: inline-block;
}
.newsletter-form .sub_email,
#mc_signup .mc_input {
  border: none;
  background: #fff;
  padding: 9px 60px 9px 35px;
  margin: 0;
  display: inline-block;
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 700;
  font-family: TyfoonSansSemiBold-Regular, sans-serif;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.newsletter-form button.sub_send,
#mc_signup_submit {
  padding: 9px 20px 9px;
  display: inline-block;
  font-weight: 700;
  margin: 0 0 0 -4px;
  font-size: 14px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.pencil {
  position: relative;
  display: inline-block;
}
.pencil:before {
  content: "\f040";
  position: absolute;
  font-family: 'FontAwesome';
  color: #1d1d1d;
  font-size: 14px;
  top: 11px;
  margin-left: 13px;
}
/* For Revolution Slider
===================================== */
.fullwidthbanner-container {
  width: 100% !important;
  position: relative;
  padding: 0;
  max-height: 625px !important;
  overflow: hidden;
}
/* Section Styles
==================================================
1. Services
2. About
4. Parallax Work With Us
5. Portfolio
6. Newsletter
7. Contact

/* 1. Services
===================================== */
.service {
  display: block;
  width: 100%;
  margin: 55px 0;
}
.hex {
  background: url('../images/hex.png') center no-repeat;
  font-size: 38px;
  padding: 40px 0 35px;
  margin: 0 auto 20px;
  display: inline-block;
  text-align: center;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.hex:hover {
  transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  background: url('../images/hex-green.png') center no-repeat;
}
.hex span {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.hex:hover span {
  color: #19A4CC;
}
.hentry {
  margin-bottom: 80px;
  margin-top: 80px;
}
.hentry p {
  margin-bottom: 20px;
}
.service h3 {
  font-size: 15px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}
.service p {
  text-align: center;
}
.promo {
  margin: 60px 0;
}
.promo h3 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 55px;
}
.promo p {
  margin-right: 110px;
  margin-top: 5px;
  margin-bottom: 15px;
}
.recent-item figure {
  display: block;
}
.recent-item.item img {
  padding: 6px;
}
/* 2. About
===================================== */
.teaser-text {
  padding: 45px 0 55px 0;
  overflow: hidden;
}
.teaser-text h3 {
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.teaser-text h5 {
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 40px;
  text-align: center;
}
/* Skill Bars */
.skills {
  width: 100%;
}
.skills li {
  clear: both;
  overflow: hidden;
}
.skills .skill-bar {
  height: 40px;
  position: relative;
  margin: 0 0 14px 0;
  width: 84%;
  float: left;
  display: inline;
  background: #1d1d1d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.skills .skill-bar-content[data-percentage] {
  text-indent: 12px;
  color: #fff;
  padding: 11px 0;
  font-size: 15px;
  background: #19A4CC;
  text-shadow: 1px 1px 0px #739900;
  font-weight: 700;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.skills .skill-bar-content {
  float: left;
  width: 0;
}
.skills .skill-title {
  float: left;
  display: inline;
  width: 14%;
  margin-right: 2%;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 600;
}
.picture {
  background: #fff;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.picture img {
  display: block;
  margin: 0 auto;
  padding: 6px 0;
}
.picture figcaption {
  overflow: hidden;
}
.picture span {
  font-weight: 700;
  padding: 11px 0 18px;
  margin-left: 10px;
  display: block;
  float: left;
}
.picture ul {
  float: right;
  margin-right: 10px;
}
.picture ul li {
  display: inline-block;
  width: 24px;
  height: 25px;
  margin: 7px 1px;
}
.picture ul li a {
  background: url('../images/smallhex.png') 0 -54px no-repeat;
  height: 27px;
  width: 25px;
  display: block;
  color: #1d1d1d;
  font-size: 11px;
}
.picture ul li a i {
  text-align: center;
  margin: 8px 6px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.picture ul li a:hover {
  background: url('../images/smallhex.png') 0 bottom no-repeat;
}
.picture ul li a:hover i {
  color: #19A4CC;
}
/* 3. Portfolio
===================================== */
.center-filters {
  text-align: center;
}
.filters {
  padding: 40px 0 1em 0;
}
.filters li {
  color: #4c4c4e;
  font-weight: 700;
  display: inline-block;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  font-size: 1.1em;
}
.filters li:focus {
  border-top: 2px solid #de641c;
  border-bottom: 2px solid #de641c;
}
.filters li a {
  color: #4c4c4e;
  padding: 2px;
  padding: 12px;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}
.filters li a:hover {
  color: #19a4cc;
}
.filters li a:focus {
  border-top: 2px solid #de641c;
  border-bottom: 2px solid #de641c;
}
.filters li.selected a {
  color: #19a4cc;
}
.filters li.selected a:hover {
  color: #19a4cc;
}
#portfolio-container {
  margin: 0 auto;
}
.portfolio-item {
  display: block;
}
.portfolio-thumb {
  display: block;
  padding: 0 6px;
}
.partnerlogos .portfolio-thumb {
  padding: 0;
}
.partnerlogos figcaption span {
  font-family: 'TyfoonSansBold-Regular', sans-serif;
  color: #777779;
  font-size: 13pt;
  font-weight: normal;
}
.partnerlogos .newseventitem {
  display: block;
  text-align: center;
  margin: 6px 0;
  background-color: white;
  width: 288px;
  height: 171px;
  overflow: hidden;
}
.partnerlogos .newseventitem div {
  display: table-cell;
  vertical-align: middle;
  width: 288px;
  height: 171px;
}
.partnerlogos .newseventitem img {
  max-width: 163px;
}
.partnerlogos .newseventitem img.corrected-vertical-position {
  padding-bottom: 10px;
}
.partnerlogos figcaption {
  padding: 5px 12px 0px 12px;
  height: 62px;
  display: table;
  width: 100%;
  font-family: 'TyfoonSansBold-Regular', sans-serif;
  color: #777779;
  font-size: 13pt;
  font-weight: normal;
}
.partnerlogos figcaption .partner-name,
.partnerlogos figcaption .readmore {
  display: table-cell;
  vertical-align: bottom;
  font-size: 12pt;
}
.partnerlogos figcaption .readmore {
  font-family: 'TyfoonSansSemiBold-Regular', sans-serif;
  font-weight: normal;
  color: darkslategrey;
  text-decoration: underline;
  font-size: 12pt;
  padding: 0px;
  margin: 0px;
  text-align: right !important;
  padding-left: 1em;
}
.item {
  background: #fff;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.item img {
  opacity: 1;
  display: block;
  margin: 0 auto;
  padding: 6px 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  max-height: 206px;
}
.item img:hover {
  opacity: .7;
}
.item figcaption {
  overflow: hidden;
}
.item span {
  font-weight: 700;
  padding: 11px 0 18px;
  margin-left: 10px;
  display: block;
  float: left;
}
.item ul {
  float: right;
  margin-right: 10px;
}
.item ul li {
  display: inline-block;
  height: 25px;
  margin: 7px 1px;
}
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* 4. Pricing
===================================== */
.plan {
  padding-bottom: 25px;
  margin-bottom: 80px;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.23);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.23);
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.label {
  font-size: 23px;
  font-weight: 700;
  color: #fff;
  padding: 30px 0;
  text-align: center;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  margin-top: 80px;
}
.label.black {
  background: #231f20;
}
.label.color {
  background: #19A4CC;
  padding: 40px 0;
  margin-top: 70px;
}
.price {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 10px;
  font-size: 74px;
}
strong.green {
  color: #19A4CC;
}
.features .price sup.curr {
  font-size: 25px;
  font-weight: 700;
  position: absolute;
  margin-top: 20px;
  margin-left: -10px;
}
.features .price .value {
  font-size: 94px;
  letter-spacing: -15px;
}
.features ul li {
  text-align: center;
  padding: 5px 0;
  font-size: 15px;
  color: #424242;
}
.plan .button {
  margin: 25px auto 10px;
  width: 120px;
  display: block;
}
/* 5. Contact
===================================== */
.contact-form {
  padding: 70px 0;
}
.field,
.select {
  position: relative;
}
.field textarea,
.field input {
  background: #fff;
  margin: 10px 0;
  padding: 14px 30px 14px 58px;
  border: 2px solid #d7d7d7;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  font-family: TyfoonSansSemiBold-Regular, sans-serif;
  letter-spacing: 0.84px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.field textarea:focus,
.field input:focus {
  border-top: 2px solid #de641c;
  border-bottom: 2px solid #de641c;
}
.field textarea {
  padding-top: 15px;
  line-height: 23px;
  height: 265px;
}
.cd-dropdown {
  font-family: TyfoonSansSemiBold-Regular, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}
.cd-dropdown ul {
  position: absolute;
  top: 0px;
  width: 100%;
}
.cd-dropdown ul li {
  position: absolute;
  margin: 0px 10px 0px 10px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cd-dropdown.cd-active ul li {
  width: 100%;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.cd-active.cd-dropdown > span {
  color: #19A4CC;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 0px;
}
.cd-active.cd-dropdown ul li span {
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.cd-active.cd-dropdown ul li span:hover {
  background: #19a4cc;
  color: #ffffff;
}
.cd-active.cd-dropdown ul li span.itemhover {
  background: #19a4cc;
  color: #ffffff;
}
.cd-dropdown,
.cd-select {
  position: relative;
  display: block;
  font-size: 16px;
  margin: 10px 0;
}
.cd-dropdown > span {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #d7d7d7;
  height: 50px;
  line-height: 50px;
  color: #949494;
  font-weight: 600;
  font-size: 14px;
  background: #fff;
  display: block;
  padding: 0 60px 0 58px;
  position: relative;
  cursor: pointer;
  text-align: left;
  letter-spacing: 0.84px;
}
.cd-dropdown > span:focus {
  border-top: 2px solid #de641c;
  border-bottom: 2px solid #de641c;
}
.cd-dropdown > span:after {
  content: '\f078';
  position: absolute;
  right: 0px;
  top: 15%;
  width: 50px;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  font-weight: normal;
  height: 70%;
  line-height: 15px;
  border-left: 2px solid #d7d7d7;
  font-family: "FontAwesome";
}
.cd-dropdown.cd-active > span:after {
  content: '\f077';
  font-family: "FontAwesome";
}
.cd-dropdown ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}
.cd-dropdown ul li {
  display: block;
  border: 2px solid #d7d7d7;
  border-top: none;
  border-bottom: none;
}
.cd-dropdown.cd-active ul li:last-child {
  display: block;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 5px;
  border-bottom: 2px solid #d7d7d7;
}
.cd-dropdown ul li span {
  width: 100%;
  background: #fff;
  line-height: 48px;
  padding: 0 30px;
  display: block;
  cursor: pointer;
  color: #949494;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.84px;
}
.cd-dropdown.cd-active ul li span {
  line-height: 50px;
}
.cd-dropdown > span,
.cd-dropdown ul li span {
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-dropdown > span span[class^="icon-"],
.cd-dropdown > span span[class*=" icon-"] {
  padding: 0 30px 0 45px;
}
/* form icons */
.user:before,
.envelope:before,
.bulb:before,
.pen:before,
.world:before,
.search-field:before,
.firstname_hand:before,
.surname_hand:before {
  position: absolute;
  top: 21px;
  left: 17px;
  font-family: 'linecons';
  font-size: 18px;
  border-right: 2px solid #d7d7d7;
  padding-right: 10px;
  height: 26px;
  line-height: 26px;
  color: #c9c9c9;
}
.cd-dropdown > span:before {
  content: "\f0ac";
  top: 11px;
  left: 15px;
  position: absolute;
  /*top: 21px;*/
  /*left: 17px;*/
  font-family: 'FontAwesome';
  font-size: 18px;
  border-right: 2px solid #d7d7d7;
  padding-right: 10px;
  height: 26px;
  line-height: 26px;
  color: #c9c9c9;
}
#language-dropdown {
  width: 300px;
  float: left;
  margin: -10px 40px 30px;
}
#language-dropdown ul li {
  background: none;
  padding-bottom: 0;
  padding-left: 0;
}
.user:before {
  content: "\e007";
}
.envelope:before {
  content: "\e019";
}
.bulb:before {
  content: "\e00e";
}
.pen:before {
  content: "\e00f";
}
.world:before {
  content: "\e02f";
}
.search-field:before {
  content: "\e009";
}
.firstname_hand:before {
  content: "\f0a4";
  font-family: 'FontAwesome';
}
.surname_hand:before {
  content: "\f0a4";
  font-family: 'FontAwesome';
}
.field .validation-error,
.field .wpcf7-not-valid {
  border: 2px solid #eb6d6d;
}
.field .validation-error:focus,
.field .wpcf7-not-valid:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.field .wpcf7-not-valid-tip {
  display: none !important;
}
.send {
  display: block;
  cursor: pointer;
  float: right;
  padding: 5px 30px 5px 22px;
  margin: 0;
  font-weight: 700;
}
.send span {
  font-size: 18px;
  margin-right: 9px;
  margin-top: 3px;
}
.send:hover {
  background: #19A4CC;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.loading {
  background: url(../images/ajax-loader.gif) no-repeat;
  height: 28px;
  width: 28px;
  display: none;
  float: left;
  margin: 17px 0 0 12px;
}
.wpcf7-mail-sent-ok,
.wpcf7-validation-errors {
  display: none;
  width: 100%;
  border: 2px solid #A8D15F;
  background: #D3FF84;
  color: #82A83E;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 20px;
  text-shadow: 1px 1px #E3FFB0;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.wpcf7-validation-errors {
  border-color: #eb6d6d;
  background: #F6DDDD;
  color: #c00;
  text-shadow: none;
  font-weight: normal;
}
/* 6. Blog
===================================== */
article.post a.thumb {
  display: block;
}
article.post a.thumb img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 150ms;
  -moz-transition: all 150ms;
  -o-transition: all 150ms;
  transition: all 150ms;
}
article.post a.thumb img:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: .7;
}
article.post h2 a {
  color: #1d1d1d;
  font-size: 21px;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
article.post h2 a:hover {
  color: #19A4CC;
}
article.post span.meta,
article.post span.tags {
  color: #898989;
  display: inline-block;
}
article.post span.meta {
  float: left;
}
article.post span.tags {
  float: right;
}
article.post span.meta a,
article.post span.tags a {
  font-weight: 700;
}
article.post p {
  line-height: 23px;
  font-size: 16px;
  font-family: TyfoonSansRegular-Regular, sans-serif;
  color: darkslategrey;
  text-align: left;
  letter-spacing: 0.96px;
}
article.post a.more {
  display: block;
  float: left;
  margin-top: 10px;
  color: #19A4CC;
  font-weight: 700;
  font-size: 15px;
}
article.post a.more:hover {
  color: #1d1d1d;
}
hr.posts {
  height: 3px;
  background: #e0e0e0;
  border: none;
  width: 100%;
  margin: 0 0 50px;
}
.blog-navi ul {
  display: block;
  float: left;
  margin-bottom: 50px;
}
.blog-navi ul li {
  display: inline-block;
  float: left;
}
.blog-navi ul li a,
.blog-navi ul li span {
  display: block;
  margin-right: 4px;
  padding: 5px 9px 4px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  background: #898989;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 0 0 #6d6d6d;
  -moz-box-shadow: 0 2px 0 0 #6d6d6d;
  box-shadow: 0 2px 0 0 #6d6d6d;
}
.blog-navi ul li a:hover,
.blog-navi ul li.current span {
  background: #19A4CC;
  -webkit-box-shadow: 0 2px 0 0 #6d9600;
  -moz-box-shadow: 0 2px 0 0 #6d9600;
  box-shadow: 0 2px 0 0 #6d9600;
}
.blog-navi ul li a:active,
.blog-navi ul li.current span:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 2px;
  margin-bottom: -2px;
}
aside.sidebar {
  margin-top: 50px;
}
aside.sidebar section {
  margin-bottom: 35px;
}
aside.sidebar h3 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.widget_recent_entries li:after,
.widget_recent_comments li:after {
  content: '';
  width: 50px;
  height: 3px;
  display: block;
  margin: 12px 0;
  background: #e7e7e7;
}
.widget_recent_entries li a,
.widget_recent_comments li a {
  font-size: 15px;
  font-weight: 700;
}
.widget_recent_entries li span,
.widget_recent_comments li span {
  display: block;
  margin-bottom: 10px;
}
.widget_categories a,
.widget_archive a,
.widget_pages a,
.widget_meta a {
  display: block;
  padding: 3px 0;
  font-weight: 700;
}
.widget_archive a {
  display: inline-block;
}
.widget_tag_cloud a {
  display: inline-block;
  float: left;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 4px 10px;
  background: #A0A0A0;
  color: #fff;
  font-weight: 400;
  font-size: 100% !important;
}
.widget_tag_cloud a:hover {
  background: #19A4CC;
}
.photostream ul {
  overflow: hidden;
}
.photostream ul li {
  float: left;
  width: 30%;
  margin-left: 3%;
}
.photostream ul img {
  width: 100%;
}
.photostream ul a:hover img {
  opacity: 0.8;
}
/* Calendar Widget */
#wp-calendar {
  width: 100%;
}
#wp-calendar caption {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#wp-calendar thead th {
  padding-bottom: 10px;
}
#wp-calendar tbody {
  color: #aaa;
}
#wp-calendar tbody td {
  background: #f5f5f5;
  text-align: center;
  padding: 8px;
  border: 1px solid #FAFAFA;
}
#wp-calendar tbody td:hover {
  background: #fff;
}
#wp-calendar tbody .pad,
#wp-calendar tbody .pad:hover {
  background: none;
}
#wp-calendar tfoot #next {
  font-size: 10px;
  text-transform: uppercase;
  text-align: right;
}
#wp-calendar tfoot #prev {
  font-size: 10px;
  text-transform: uppercase;
  padding-top: 10px;
}
.video-container {
  position: relative;
  padding-bottom: 52.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Single Post Page */
section.blog-header {
  padding: 50px 0;
  display: block;
  float: left;
}
section.blog-header .single-title {
  float: left;
}
section.blog-header .single-title h1 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 7px;
}
section.blog-header .single-title span.meta {
  color: #898989;
  display: inline-block;
}
section.blog-header .single-title span.meta a {
  font-weight: 700;
}
section.blog-header .single-title span.tags {
  margin-top: 5px;
  display: block;
}
section.blog-header nav.breadcrumbs {
  float: right;
  margin-top: 15px;
}
section.blog-header nav.breadcrumbs p {
  display: inline-block;
  float: left;
  line-height: 23px;
  margin-right: 5px;
  color: #898989;
}
section.blog-header nav.breadcrumbs ul {
  display: inline-block;
  float: left;
}
section.blog-header nav.breadcrumbs ul li {
  display: inline-block;
  float: left;
  line-height: 23px;
}
article.post p.begin {
  line-height: 28px;
  font-size: 24px;
  color: #505050;
  margin-top: 10px;
  font-weight: 300;
}
article.post p strong {
  color: #555;
}
article.post blockquote {
  font-weight: 300;
  font-size: 23px;
  line-height: 27px;
  padding: 12px 0 0 40px;
}
article.post blockquote p {
  font-weight: 300;
  font-size: 23px;
  line-height: 27px;
  margin-top: 0;
}
article.post blockquote:before {
  content: "\f10d";
  font-family: "FontAwesome";
  left: 10px;
  position: absolute;
  color: #999;
}
article.post h4 {
  margin: 20px 0 0;
  font-size: 20px;
}
article.post code {
  display: block;
  clear: both;
  overflow: auto;
  padding: 0px 0px 5px 25px;
  white-space: pre;
  background-color: #F5F5F5;
  font-family: "Andale Mono", Courier, "Courier New", monospace;
  font-size: 12px;
}
article.post-author {
  margin-bottom: 50px;
}
article.post-author .author-avatar {
  display: inline-block;
  float: left;
  margin-right: 20px;
}
article.post-author h4 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #181818;
  margin-top: 8px;
  display: inline-block;
}
article.post-author p {
  margin-top: 5px;
}
/* Comments */
.comments {
  margin-bottom: 25px;
}
.comments h4 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #181818;
  margin-bottom: 25px;
}
.comments ul li .comment-avatar {
  float: left;
  width: 60px;
  height: 60px;
}
.comments ul li .comment-body {
  float: left;
  margin: -60px 0 0 81px;
  padding: 17px 20px 20px 20px;
  background: #FFF;
  padding: 18px 23px;
  position: relative;
  display: inline-block;
  margin-bottom: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.comments ul li .comment-body .comment-meta {
  margin-bottom: 8px;
  display: block;
}
.comments ul li .comment-body .comment-meta cite {
  font-weight: 700;
  color: #181818;
  font-size: 14px;
}
.comments ul li .comment-body .comment-meta span {
  color: #898989;
  display: block;
  font-size: 13px;
}
.comments ul li .comment-body .button.reply {
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 15px;
  right: 20px;
}
.comments ul li .comment-body:before {
  content: "";
  position: absolute;
  top: 23px;
  left: -9px;
  border-style: solid;
  border-width: 9px 9px 9px 0;
  border-color: rgba(0, 0, 0, 0) #e2e2e2;
  display: block;
  width: 0;
  z-index: 1;
}
.comments ul li .comment-body:after {
  content: "";
  position: absolute;
  top: 23px;
  left: -8px;
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
}
.comments ul li ul.children {
  margin-top: 25px;
}
/* comment Form */
.reply {
  margin-bottom: 50px;
}
.reply h3 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #181818;
}
.reply #respond {
  margin-bottom: 25px;
}
.reply form textarea {
  height: 210px;
}
/* 7. Footer
===================================== */
.bluebg {
  background: #f0f6f7;
  width: 100%;
}
#twitter-feed {
  display: block;
  overflow: hidden;
  padding: 50px 0;
}
#twitter-feed li {
  margin: 20px 0;
}
#twitter-feed li i {
  font-size: 23px;
  color: #6dd5eb;
}
.tweet_time {
  margin-left: 6px;
  font-weight: 700;
  color: #B7B7B7;
  font-size: 16px;
  letter-spacing: 1px;
}
#twitter-feed li span {
  margin-top: 10px;
  display: block;
  color: #686868;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}
#twitter-feed li span a {
  font-weight: 700;
  color: #424242;
}
.socials.bot {
  display: inline-block;
}
header {
  z-index: 10;
}
header .header-banner {
  background: #fafafa url('../images/HG_Active_header.png') repeat;
  width: 100%;
}
header .header-banner .header-glow-box {
  background-size: cover;
  background: url('../images/Header_glow_overlay.png') no-repeat center;
  padding-bottom: 54px;
}
header .header-banner .header-content {
  margin: 0 auto;
  max-width: 990px;
  padding-top: 80px;
}
header .header-banner .header-content a {
  display: block;
}
header .header-banner .header-content .header_logo {
  background-image: url('../images/Home.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 232px;
  min-height: 232px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  header .header-banner .header-content .header_logo {
    background-image: url("../images/Home@2x.png");
    background-size: auto 232px;
  }
}
header .header-banner .header-content h1 {
  margin-left: 2em;
  width: 264px;
  font-family: TyfoonSansXBold-Regular, sans-serif;
  color: #19A4CC;
  font-size: 30pt;
}
figure.partnerlogos a.portfolio-thumb {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
figure.partnerlogos a.portfolio-thumb:focus {
  border-top: 2px solid #de641c;
  border-bottom: 2px solid #de641c;
}
.newseventitem {
  height: 260px;
}
.newseventitem a {
  font-family: TyfoonSansSemiBold-Regular, sans-serif;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.newseventitem a:focus {
  border-top: 2px solid #de641c;
  border-bottom: 2px solid #de641c;
}
.newseventitem a div.img_wrapper {
  min-height: 206px;
}
.newseventitem a div.posttitle {
  opacity: 1;
  display: block;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  margin: 6px 0;
  width: 288px;
  height: 192px;
  overflow: hidden;
  /*
        die tiefe verschachtelung ist wichtig, um den Content vertical mittig zu zentrieren und zu garantieren,
        dass bei sehr langem text die box nicht größer wird als die definiert Höhe.
        Ein Feld mit table-cell ignoriert die höhe nämlich und ist immer so hoch wie der Inhalt es braucht. Daher gibt es ganz
        aussen eine Div die das beschränkt.
      */
  color: white;
  font-weight: normal;
  font-size: 20pt;
}
.newseventitem a div.posttitle > div {
  display: table;
  height: 100%;
  width: 100%;
  padding-top: 9px;
}
.newseventitem a div.posttitle > div div {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 0.1em;
}
.newseventitem a div.posttitle:hover {
  opacity: 0.7;
}
.newseventitem a div.posttitle span {
  color: white;
  font-weight: normal;
  font-size: 20pt;
  padding: 50px 30px 30px 30px;
}
.newseventitem a figcaption.item-description {
  font-family: TyfoonSansXBold-Regular, sans-serif;
  font-size: 13pt;
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.newseventitem a figcaption.item-description span.title {
  font-weight: normal;
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newseventitem a figcaption.item-description span.title.has_image {
  height: 50px;
  width: 180px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newseventitem a figcaption.item-description span.readmore {
  float: right;
  padding-right: 12px;
}
.newseventitem a figcaption.item-description span.readmore span {
  font-weight: normal;
  color: darkslategrey;
  text-decoration: underline;
  font-size: 12pt;
  padding: 0px;
  margin: 0px;
}
.newseventitem.newsitem a div.posttitle {
  background-color: #19a4cc;
}
.newseventitem.newsitem a figcaption.item-description span.title {
  color: #19a4cc;
}
.newseventitem.eventitem a div.posttitle {
  background-color: #de641c;
}
.newseventitem.eventitem a figcaption.item-description span.title {
  color: #de641c;
}
#pagination {
  color: #949494;
  font-family: TyfoonSansBold-Regular, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
}
#pagination ul {
  text-align: center;
  padding-bottom: 1em;
}
#pagination ul.no-previous {
  padding-left: 90px;
}
#pagination ul.no-next {
  padding-right: 60px;
}
#pagination ul li {
  display: inline-table;
  padding: 0.3em;
}
#pagination ul li:first-child {
  width: 90px;
  text-align: left;
}
#pagination ul li:last-child {
  width: 60px;
  text-align: right;
}
#pagination ul li a,
#pagination ul li a:link,
#pagination ul li a:visited {
  color: #949494;
  cursor: pointer;
}
#pagination ul li a:hover,
#pagination ul li a:link:hover,
#pagination ul li a:visited:hover {
  color: #19a4cc;
}
#pagination ul li.current-page a {
  color: #19a4cc;
}
/* contact section */
#box_contact {
  font-family: TyfoonSansSemiBold-Regular, sans-serif;
  text-align: right;
}
#box_contact h1 {
  font-size: 28px;
  margin-bottom: 45px;
}
#box_contact p {
  font-size: 18px;
}
#box_contact.grey {
  padding-bottom: 20px;
}
#box_contact .four.columns {
  padding-top: 135px;
}
#box_contact #subscribe_button_box {
  padding-top: 321px;
}
/* Newsletter styles in footer */
.newsletter-fields {
  margin-left: 50px;
}
.newsletter_subscription_confirmed {
  margin-bottom: 40px;
}
.newsletter_subscription_confirmed p {
  line-height: 24px;
  font-size: 16px;
  font-family: TyfoonSansBold-Regular, sans-serif;
}
/* Definitions for the Footer */
footer {
  background-color: #949494;
  min-height: 326px;
  font-size: 0.9em;
  color: white;
}
footer a,
footer a:visited {
  color: white;
}
footer .active80plus-logo {
  background-image: url('../images/logo_footer.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 200px;
  margin-top: 21px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  footer .active80plus-logo {
    background-image: url("../images/logo_footer@2x.png");
    background-size: auto 200px;
  }
}
footer .contact-details > div.active80plus-logo {
  min-height: 326px;
}
footer .contact-details .sixteen-columns {
  height: 80px;
}
footer .contact-details > div.padded {
  padding: 0px 0 0 0;
  min-height: 326px;
}
footer .contact {
  line-height: 20px;
  font-weight: bold;
}
footer .contact p {
  line-height: 24px;
  font-size: 16px;
  font-family: TyfoonSansBold-Regular, sans-serif;
}
footer .disclaimer {
  padding-top: 95px;
}
footer .disclaimer p {
  line-height: 19px;
  font-weight: normal;
  font-size: 16px;
  font-family: TyfoonSansRegular-Regular, sans-serif;
}
footer .disclaimer img {
  margin-bottom: 12px;
}
footer .socials {
  height: 100px;
}
footer .socials .columns {
  margin-left: 0 !important;
}
.project_desc_content_area {
  background-position: center 2em;
  background-repeat: no-repeat;
  padding-top: 50px;
}
.project_desc_content_area .columns {
  padding: 40px;
}
.project_desc_content_area .headline.columns {
  padding: 50px 40px 0 40px;
}
.project_desc_content_area.proj_img_01 {
  background-image: url(../images/icons_projektbeschreibung-01.png);
}
.project_desc_content_area.proj_img_02 {
  background-image: url(../images/icons_projektbeschreibung-02.png);
}
.project_desc_content_area.proj_img_03 {
  background-image: url(../images/icons_projektbeschreibung-03.png);
}
.project_desc_content_area.proj_img_04 {
  background-image: url(../images/icons_projektbeschreibung-04.png);
}
#box_outcomes .project_desc_content_area {
  padding-bottom: 40px;
}
#box_outcomes .project_desc_content_area .text {
  margin-top: 20px;
  margin-bottom: 30px;
}
#box_outcomes .project_desc_content_area .download-center {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .project_desc_content_area {
    padding-top: 140px;
  }
}
/* iPad Portrait */
@media only screen and (max-width: 959px) and (min-width: 768px) {
  body .header-content #box_home {
    width: 200px;
  }
  body .newseventitem a div.posttitle,
  body .partnerlogos .newseventitem {
    width: 225px;
  }
  body #pagination {
    margin-top: 30px;
  }
  body #menu-menue ul li a {
    padding: 22px 20px;
  }
}
/* iPhone4 Landscape, */
@media only screen and (max-width: 767px) and (min-width: 480px) {
  body .header-content #box_home {
    margin-bottom: 10%;
  }
}