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

* {
    font-family: 'Source Sans Pro', sans-serif;
    box-sizing: border-box;
}
*,
*:after,
*:before {
    box-sizing: border-box;
}
html {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
body {
    background: #ebebeb;
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 100%;
    line-height: 24px;
    min-width: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}
.nav {
    top: 0;
}
.main-content {
    height: 100%;
    overflow-y: auto;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    background: transparent;
    vertical-align: baseline;
}
body {
    padding-top: 90px;
}
.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin-bottom: 45px;
    height: 0;
    overflow: hidden;
}
.video iframe, .video object, .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bg-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat !important;
}
article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section, center {
    display: block;
    padding: 0px;
    margin: 0px;
}
#smaller-devices {
    overflow-y: scroll;
    overflow-x: hidden;
}
#nav-scroll {
    background: #ffffff;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);
}
.quote {
    font-size: 1.2em;
    line-height: 1.8em;
}
.nav-mobile {
    display: none;
}
.btn-nav-mobile, .btn-filter {
    display: none;
}
.filter-wrapper {
    display: block;
}
.anchor {
    float: left;
    width: 100%;
    height: 1px;
}
.anchor-inner {
    position: absolute;
    width: 100%;
    height: 1px;
}
.anchor a {
    position: absolute;
    margin-top: -280px;
}
.bb {
    border-bottom: #cccccc solid 1px;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
strong, .strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
.block, .visible {
    display: block;
}
.none {
    display: none !important;
}
.desktop-off {
    display: none;
}
.right {
    float: right;
    right: 0;
	margin-right:0px !important;
}
.left {
    float: left;
    left: 0;
	margin-left:0px !important;
}

.right .fa {
	margin-left:10px;
	font-size: 16px;
}

.left .fa {
	margin-right:10px;
}

.hgroup {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 10px 0;
}
a:link, a:visited {
    color: #575756;
    text-decoration: underline;
}
a:hover {
    color: #3e3e3e;
    text-decoration: underline;
}
.heading {
    width: 100%;
    margin-bottom: 30px;
}

.heading .fa, .time .fa {
	color:#5c2483;
	font-size: 30px;
	margin-right:20px;
}
.time .fa { 
	float:left;
	margin-right:20px;
	
	}
.time span {
	float:left;
	width: auto;
		line-height: 1.3em;
	font-size:20px;
	padding-top:5px;
}

.overview-content .time {
	width: 100%;
	float:left;
	margin-bottom:15px;
}

.overview-content .time .fa {
	color:#5c2483;
	font-size: 30px;
	margin-right:20px;
}

.overview-content .time span {
	float:left;
	width: auto;
		line-height: 1.3em;
	padding-top: 5px;
	font-size:16px;
	font-weight: 400;
}
ul, ol {
    padding: 0 0 0 20px;
    margin: 0 0 0 0;
}
li, dd {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
}
h1 {
    font-family: 'Montserrat', sans-serif;
}
footer .heading h2 {
    font-family: 'Montserrat', sans-serif;
}
h1, h2 {
    font-family: 'Montserrat', sans-serif;
}
h1 {
    font-size: 24px;
    line-height: 1.3em;
    font-weight: bold;
    color: #5c2483;
    text-transform: uppercase;
}
.header .heading h1 {
    font-size: 26px;
}
h2 {
    font-size: 22px;
    color: #575756;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.3em;
}
h3 {
    font-size: 16px;
    font-weight: 600;
}
h4 {
    font-size: 16px;
    font-weight: 600;
    color: #575756;
}
h5 {
    font-size: 12px;
    color: #575756;
}
h6 {
    color: #6f7072;
    font-weight: normal;
}
.bb {
    border-bottom: #dfdfdf solid 1px;
    padding-bottom: 30px;
}
.main-heading {
    clear: both;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 1px;
}
.main-heading-inner {
    float: left;
    position: relative;
    width: 100%;
    margin-top: -205px;
    background-color: #ffffff;
    padding: 20px 20px 60px 0px;
    height: auto;
    box-sizing: border-box;
    z-index: 5;
}
.main-heading h1, .sub-heading h2 {
    font-size: 2.2em;
    line-height: 1.3em;
    font-weight: 600;
    color: #5c2483;
    text-transform: none;
}
.main-heading-bg {
    position: absolute;
    width: 2000px;
    right: 0px;
    bottom: 0;
    background-color: #ffffff;
    height: 210px;
    z-index: 1;
}
.main-heading .social-icons {
    margin-top: 40px;
}
.heading h4 {
    padding-bottom: 10px;
    text-align: center;
}
.heading .title {
    font-size: 24px;
}
.heading h3 {
    text-transform: uppercase;
    color: #45b384;
}
.section-light .section-title, .section-dark .section-title {
    display: table;
    table-layout: fixed;
    text-align: left;
}
.section-light .section-title::after, .section-dark .section-title::after {
    content: "";
    display: block;
    height: 3px;
    margin: 11px 0 5px 0;
    width: 32%;
}
.section-light .section-title::after {
    background: #45b384 none repeat scroll 0 0;
}
.section-dark .section-title::after {
    background: #ffffff none repeat scroll 0 0;
}
.section-light h3 {
    color: #575756;
}
.section-dark h3 {
    color: #ffffff;
}
.section-dark h4 {
    color: #575756;
}
.section-dark .text {
    color: #ffffff;
}
.nav, .row {
    content: "";
    display: table;
    table-layout: fixed;
}
.nav {
    left: 0;
    right: 0;
    width: 100%;
    position: fixed;
    z-index: 50;
    box-sizing: border-box;
    clear: both;
}
.nav-container-top, .nav-container {
    max-width: 1000px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3%;
    padding-right: 3%;
}
.nav-container-top .inner, .nav-container .inner {
    float: left;
    width: 100%;
    height: auto;
}
.nav-container-top .inner {
    line-height: 34px;
}
.nav-container-top .contact-info {
    float: left;
    font-size: 12px;
    text-align: left;
}
.nav-container-top .contact-info a {
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
}
.nav-container-top .contact-info span {
    margin: 0 20px 0 7px;
    padding: 0 0 0 7px;
    border-left: #ffffff solid 1px;
}
.blocks-menu-wrapper {
    width: 100%;
    height: auto;
    padding: 60px 0 0 0;
}
.blocks-menu-content {
    position: relative;
    max-width: 1000px;
    margin: 0px auto;
    z-index: 1;
}
.blocks-menu {
    float: left;
    width: 100%;
    box-sizing: border-box;
    height: auto;
	background-color:#1d1029;
    box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.3);
}
.blocks-menu .blocks-menu-button {
    float: left;
    width: 12.5%;
    background-color: #5c2483;
}
.blocks-menu a:link, .blocks-menu a:visited {
    float: left;
    position: relative;
    width: 100%;
    padding-top: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



a.btn-1:link, a.btn-1:visited {
    color: #FFF;
    background-image: url(../images/bg-block-btn-1.jpg);
}
a.btn-1:hover {
    background-image: url(../images/bg-block-btn-1-active.jpg);
}

a.btn-1.active {
    background-image: url(../images/bg-block-btn-1-active.jpg);
}

a.btn-2:link, a.btn-2:visited {
    background-image: url(../images/bg-block-btn-2.jpg);
}
a.btn-2:hover {
    background-image: url(../images/bg-block-btn-2-active.jpg);
}

a.btn-2.active {
    background-image: url(../images/bg-block-btn-2-active.jpg);
}

a.btn-3:link, a.btn-3:visited {
    background-image: url(../images/bg-block-btn-3.jpg);
}
a.btn-3:hover {
    background-image: url(../images/bg-block-btn-3-active.jpg);
}
a.btn-4:link, a.btn-4:visited {
    background-image: url(../images/bg-block-btn-4.jpg);
}
a.btn-4:hover {
    background-image: url(../images/bg-block-btn-4-active.jpg);
}
a.btn-5:link, a.btn-5:visited {
    background-image: url(../images/bg-block-btn-5.jpg);
}
a.btn-5:hover {
    background-image: url(../images/bg-block-btn-5-active.jpg);
}
a.btn-6:link, a.btn-6:visited {
    background-image: url(../images/bg-block-btn-6.jpg);
}
a.btn-6:hover {
    background-image: url(../images/bg-block-btn-6-active.jpg);
}
a.btn-7:link, a.btn-67:visited {
    background-image: url(../images/bg-block-btn-7.jpg);
}
a.btn-7:hover {
    background-image: url(../images/bg-block-btn-7-active.jpg);
}
.blocks-menu-button a .inner {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 3;
}
.blocks-menu-button .inner span {
    float: left;
    width: 100%;
    margin-top: 10px;
    color: #ffffff;
    text-transform: uppercase;
}
.blocks-menu .fa {
    color: #fff;
    font-size: 36px;
    margin-top: 30px;
}
.footer-content .fa, .footer-content .globe {
    color: #45b384;
}
footer h2 {
    font-size: 18px;
}
footer h3 {
    font-size: 12px;
    font-weight: 700;
}
.footer-content .contact-info {
    margin-bottom: 15px;
}
.logo-fo {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 0 0;
    margin: 0;
    text-align: left;
}
.logo-fo img {
    border: 0;
    width: 70%;
}
.lang-wrapper {
    width: 60px;
    height: 34px;
    float: right;
    font-size: 12px;
}
.lang-menu > li i {
    margin: 0 0 0 15px;
}
.lang-menu > li {
    float: right;
    position: relative;
    list-style: none;
}
.lang-menu li a {
    display: block;
}
.lang-menu li ul {
    display: none;
    z-index: 100;
    width: 55px;
    position: absolute;
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.lang-menu li:hover ul {
    display: block;
}
.lang-menu > li {
    width: 55px;
    background-color: #45b384;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.lang-menu li:hover {
    background-color: #45b384;
    color: #ffffff;
}
.lang-menu > li > a {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 34px;
    padding: 0 0 0 0;
}
.lang-menu > li > a:hover {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}
.lang-menu li ul {
    background-color: #45b384;
    overflow: hidden;
}
.nav-container-top .lang-menu li ul {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: #8bb321 solid 1px;
}
.footer-content .lang-menu li ul {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: #8bb321 solid 0px;
}
.footer-content .lang-menu li ul {
    bottom: 100%;
}
.lang-menu li ul li {
    border-bottom: 1px solid #8bb321;
}
.lang-menu li ul li a {
    color: #ffffff;
    text-decoration: none;
    line-height: 34px;
    padding: 0 0 0 0;
}
.lang-menu li ul li a:hover {
    text-decoration: none;
    background-color: #8bb321;
    color: #ffffff;
}
.nav-container .inner {
    float: left;
    width: 100%;
    height: auto;
    padding: 15px 0 0 0;
    min-height: 75px !important;
}

.logo {
    clear: both;
    float: left;
    width: 30%;
    max-width: 150px;
    min-width: 150px;
}
.logo img, .logo-contact img {
    width: 100%;
}
.logo-contact {
    margin-bottom: 30px;
}
.doc-nav {
    width: 100%;
    float: left;
    height: auto;
    text-align: center !important;
}
.doc-nav ul {
    position: relative;
    margin: 20px auto;
    padding: 0 0 0 0;
    width: auto;
    min-height: 60px;
}
.doc-nav li {
    display: inline;
    list-style: none;
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin: 0 2px 10px 2px;
}
.doc-nav li a:link, .doc-nav li a:visited {
    clear: both;
    background: #45b384;
    border-radius: 14px;
    color: #ffffff;
    padding: 8px 14px 8px 14px;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 14px;
}
.doc-nav li a:hover {
    color: #ffffff;
    text-decoration: none;
    background: #5c2483;
}
.doc-nav li.active a {
    color: #ffffff;
    text-decoration: none;
    background: #5c2483;
}
.doc-nav li.reset a:link, .doc-nav li.reset a:visited {
    clear: both;
    background: #777776;
    border-radius: 42px;
    color: #ffffff;
    padding: 9px 12px 9px 12px;
    text-decoration: none !important;
}
.doc-nav li.reset a:hover {
    background: #5b5c5b;
    color: #ffffff;
    text-decoration: none !important;
}
.doc-footer {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.doc-footer .social-icons {
    float: right;
    width: auto;
}
.social-icons {
    width: 100%;
    float: left;
    opacity: 1.0;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.social-icons ul {
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.social-icons li {
    float: left;
    display: inline;
    list-style: none;
    margin: 0 10px 10px 0;
    padding: 0 0 0 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.social-icons li a:link, .social-icons li a:visited {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px !important;
    text-align: center;
    color: #FFFFFF;
    transition: all 0.5s ease 0s;
}
.social-icons li a:hover {
    opacity: 0.8;
    text-decoration: underline;
}
.doc-footer .social-icons li a:link, .doc-footer .social-icons li a:visited {
    background: #5c2483;
    color: #ffffff;
}
.doc-footer .social-icons li a:hover {
    background: #45b384;
    color: #ffffff;
}
.footer-content .social-icons li a:link, .footer-content .social-icons li a:visited {
    background: #ffffff;
}
.footer-content .social-icons li a:hover {
    background: #5c2483;
}
.counter-holder {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-align: center;
}
.counter-numb {
    font-size: 50px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.3em;
}
.counter-holder h3 {
    color: #9d9d9c;
    font-size: 18px;
}
.toggle-wrapper, .toggle-heading {
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.toggle-wrapper {
    background: #FFFFFF;
    padding: 5px 10px 5px 10px;
    line-height: 1;
    border-color: #d8d8d8;
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 10px;
}
.bg-white .toggle-wrapper {
    background: #ffffff;
}
.bg-white .toggle-active {
    background: #ffffff;
}
.toggle-wrapper .btn-darkgreen, .toggle-wrapper .btn-lightgreen {
    margin-top: 0;
}
.toggle-wrapper .btn-darkgreen a:link, .toggle-wrapper .btn-darkgreen a:visited, .toggle-wrapper .btn-lightgreen a:link, .toggle-wrapper .btn-lightgreen a:visited {
    padding: 4px 27px;
}
.toggle-heading h3 {
    width: 80%;
    float: left;
    text-align: left;
    line-height: 27px;
}
.toggle-btn {
    float: left;
    width: 20%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 15px 0 15px;
}
.toggle-btn a {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.toggle-btn span {
    float: left;
    width: auto;
}
.toggle-btn a:link .fa, .toggle-btn a:visited .fa {
    margin-top: 5px;
    float: right;
    text-decoration: none;
    color: #ffffff;
}
.toggle-btn a:hover .fa {
    float: right;
    text-decoration: none;
    color: #45b384;
}
.toggle-active .toggle-heading h3 {
    color: #ffffff;
}
.toggle-wrapper .section-title {
    width: 80%;
    float: left;
}
.toggle-link {
    float: left;
    width: 100%;
}
.toggle-link a:link, .toggle-link a:visited {
    float: left;
    width: 100%;
    height: auto;
    opacity: 1.0;
}
.toggle-link a:link .fa, .toggle-link a:visited .fa {
    float: right;
    color: #45b384;
}
.toggle-link a:link span, .toggle-link a:visited span {
    float: left;
    width: 80%;
    height: auto;
    color: #575756;
    opacity: 1.0;
    text-decoration: none;
    text-align: left;
    line-height: 28px;
    font-size: 16px;
	text-transform: uppercase;
}
.toggle-active .toggle-link a:link span, .toggle-active .toggle-link a:visited span, .toggle-active .toggle-link a:link .fa, .toggle-active .toggle-link a:visited .fa {
    color: #5c2483;
    opacity: 1.0;
	font-weight:bold;
}
.footer-content .toggle-wrapper {
    border: #ffffff solid 1px;
    color: #ffffff;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 0px;
}
.toggle-slide-content {
    display: none;
    float: left;
    width: 100%;
    height: auto;
    padding: 30px 0 20px 0;
    background-color: #ffffff;
    color: #575756;
    text-align: left;
    line-height: 1.5em;
}
.toggle-slide-content .text {
    color: #575756 !important;
}
.toggle-content {
    float: left;
    width: 100%;
    height: auto;
    padding: 15px;
    border-top: #ffffff solid 1px;
    box-sizing: border-box;
}
.footer-content .toggle-content {
    padding: 15px 15px 0px 15px;
}
.toggle-content .contact-info {
    float: left;
    font-size: 12px;
    text-align: left;
}
.toggle-content .contact-info a {
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
}
.toggle-content .contact-info span {
    margin: 0 20px 0 7px;
    padding: 0 0 0 7px;
    border-left: #ffffff solid 1px;
}
.toggle-active {
    background-color: #ffffff;
}
.margin-no-heading {
    margin-top: 85px;
}
.row {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-align: center;
}
.page-content, .footer-content {
    position: relative;
    max-width: 1000px;
    margin: 30px auto;
    padding: 0 3%;
    height: auto;
    z-index: 1;
}
.page-offset-content {
    z-index: 5;
    position: relative;
    max-width: 1000px;
    margin: 0px auto;
    padding: 0 3% 0 3%;
    height: auto;
}
.page-offset-content-left, .page-offset-content-right {
    width: 66.666666%;
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: left;
    box-sizing: border-box;
    min-height: 320px;
}
.page-offset-content-right {
    float: right;
    padding-left: 3.2%;
}
.page-offset-content-left {
    float: left;
    padding-right: 3.2%;
}
.page-offset-content-right-small, .page-offset-content-left-small {
    width: 33.333333%;
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: left;
    box-sizing: border-box;
}
.page-offset-content-right-small .cta-block, .page-offset-content-left-small .cta-block {
    height: 100%;
}
.page-offset-content-right-small {
    float: right;
    padding-left: 3.2%;
}
.page-offset-content-left-small {
    float: left;
    padding-right: 3.2%;
}
.page-content-no-spaces .page-content {
    padding: 0 3% 0 3%;
    margin-top: 0px;
    margin-bottom: 0px;
}
.page-content-no-spaces .cols-wrapper .col {
    width: 33.333333%;
    padding-top: 3.2%;
    padding-bottom: 3.2%;
    padding-left: 3.2%;
    padding-right: 3.2%;
    margin: 0;
    box-sizing: border-box;
    min-height: 280px;
}
.nomargin {
    margin: 0 auto 0 auto !important;
}
.nomargintop {
    margin-top: 0px !important;
}
.nomarginbottom {
    margin-bottom: 0px !important;
}
.nomarginleft {
    margin-left: 0px !important;
}
.nomarginright {
    margin-right: 0px !important;
}
.button-list-wrapper {
    position: relative;
    max-width: 1000px;
    margin: 30px auto 20px auto;
    padding: 0 3%;
    height: auto;
}
.page-content {
    text-align: left;
}
.pc-full-width {
    width: 100%;
    float: left;
}
.bg-white a:link, .bg-white a:visited, .bg-grey a:link, .bg-grey a:visited {
    color: #575756;
}
.bg-white a:hover, .bg-grey a:hover {
    color: #45b384;
}
.bg-white {
    background-color: #ffffff;
    color: #575756;
   
}
.bg-white .text, .bg-white .form, .bg-white .excerpt {
    color: #575756;
}
.bg-darkgrey {
    background-color: #575756;
    color: #ffffff;
}
.bg-grey {
    background-color: #575756;
    color: #ffffff;
}
.bg-lightgrey {
    background-color: #ebebeb;
    color: #575756;
}
.bg-purple {
    background-color: #5c2483;
    color: #ffffff;
}
.bg-green {
    background-color: #45b384;
    color: #ffffff;
}
.section-dark h2 {
    color: #ffffff !important;
}
.footer-top {
    float: left;
    width: 100%;
}
.footer-bottom {
    float: left;
    width: 100%;
    background: #281538;
    line-height: 40px;
    padding: 1px 0 1px 0;
}
.footer-top .footer-content {
    margin: 45px auto;
}
.footer-bottom .footer-content {
    margin: 0px auto;
}
.footer-content .text {
    line-height: 1.7;
    font-size: 13px;
    margin-bottom: 30px;
    color: #ffffff;
}
.footer-content .text address {
    margin-left: 27%;
    font-style: normal;
}
.footer-content a:link, .footer-content a:visited {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 13px;
}
.footer-content a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.copy {
    float: left;
    width: auto;
    font-size: 14px;
    color: #ffffff;
}
.copy span {
    margin: 0 20px 0 7px;
    padding: 0 0 0 7px;
    border-left: #ffffff solid 1px;
}
.cols-1 .col {
    width: 100%;
}
.cols-2 .col {
    width: 48.4%;
}
.cols-4 .col {
    width: 22.6%;
}
.cols-5 .col {
    width: 17.37%;
}
.cols-6 .col {
    width: 14.00%;
}
.cols-7 .col {
    width: 11.542857%;
}
.cols-5 .col:nth-of-type(5n) {
    margin-right: 0%;
}
.cols-6 .col:nth-of-type(6n) {
    margin-right: 0%;
}
.cols-7 .col:nth-of-type(7n) {
    margin-right: 0%;
}
.cols-3 .col {
    width: 31.2%;
}
.cols-3 .col1, .cols-3 .col2, .cols-3 .col3, .cols3 .col1, .cols3 .col2 {
    width: 31.2%;
    margin-right: 3.2%;
}
.cols3 .col3 {
    width: 31.2%;
    float: right;
    margin-right: 0%;
}
.cols-3 .col2-col3 {
    width: 65.6%;
    float: left;
    text-align: left;
	margin-bottom: 30px;
}
.col2-col3, .cols3 .col1-col2 {
    width: 65.6%;
    float: left;
    text-align: left;
	margin-bottom: 30px;
}
.cols-3 .col2-col3 .col {
    width: 48.4%;
    margin-right: 3.2%;
}
.cols-3 .col2-col3 .col:nth-of-type(2n) {
    margin-right: 3.2%;
}
.cols-wrapper .cols-3 .col2-col3 .col:nth-of-type(2n) {
    margin-right: 0%;
}
.cols-3 .col2-col3 .cols-2 .col:nth-of-type(2n) {
    margin-right: 0%;
}
.col {
    float: left;
    margin-bottom: 0px;
    margin-right: 3.2%;
    text-align: left;
}
.cols-3 .col:nth-of-type(3n) {
    margin-right: 0%;
}
.col4 h2 {
}
.col4 h3 {
    margin-bottom: 20px;
}
.col4 h4 {
    color: #45b384;
    font-size: 12px;
    font-weight: bold;
}
.cols-wrapper, .download-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.no-margin .col {
    margin-right: 0px;
    width: 33.333333%;
}
.col1, .col2, .col3, .col4 {
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
	margin-bottom: 30px;
}
.col1, .col2, .col3 {
    float: left;
    margin-right: 3.2%;
}
.col4 {
    float: right;
    margin-bottom: 20px;
    text-align: left;
}
.col1, .col2, .col3, .col4 {
    width: 22.6%;
}
.col1-col2, .col3-col4 {
    width: 48.4%;
    display: table;
    table-layout: fixed;
}
.col1-col3, .col2-col4 {
    width: 74.2%;
    display: table;
    table-layout: fixed;
}
.cols3 .col1-col2 {
    width: 65.6%;
    display: table;
    table-layout: fixed;
}
.col1-col3 {
    float: left;
}
.cols3 .col1-col2 {
    float: left;
}
.col3-col4 {
    float: right;
}
.col2-col4 {
    float: right;
}
.col1-col4 {
    float: left;
    width: 100%;
}
.col1-col2 h1, .col3-col4 h1, .col1-col3 h1, .col1-col4 h1, .col1-col3 h2, .col1-col4 h2, .col4 h2 {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 24px;
}
.empty .vacancy-menu-inner a {
    display: none;
}
.btn-wrapper {
    float: left;
    width: 100%;
    height: auto;
}
.btn-wrapper a {
    margin-top: 20px;
}
.btn-center, .center {
    display: block;
    text-align: center;
}
.btn-center {
    max-width: 100%;
}
.btn-center a:link, .btn-center a:visited, .btn-center a:hover {
    margin-bottom: 20px !important;
}
.btn-donate, .btn-search {
    float: right;
    margin-top: 15px;
    margin-left: 20px;
}
.btn-search .fa {
    margin-top: 5px;
    font-size: 20px;
    color: #575756;
}
.btn-search a:link .fa, .btn-search a:visited .fa {
    float: left;
    width: auto;
    color: #575756;
    text-decoration: none;
}
.btn-search a:hover .fa {
    text-decoration: none;
	 color: #45b384;
    opacity: 1.0;
}
.amount-button-wrapper {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
    text-align: center;
}
.ammount-button {
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    padding: 0 3px;
    text-align: center;
    float: left;
    width: 20%;
    box-sizing: border-box;
}
.ammount-button input[type="radio"]:checked + span {
    background-color: #FBD871;
    border-color: #45b384;
    color: #575756;
}
.ammount-button span {
    border-radius: 7px;
    display: block;
    height: 3.125rem;
    line-height: 3.125rem;
    position: relative;
    background-color: #5c2483;
    color: #FFFFFF;
    font-size: 18px;
}
.ammount-button input[type="radio"]:checked + span::before {
    background-color: #faeb00;
    border-width: 0 15px 15px;
    bottom: -32px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 0;
}
.ammount-button.is-active {
    display: inline-block;
}
.ammount-button input[type="radio"] {
    clip: rect(0px, 0px, 0px, 0px);
    opacity: 0;
    position: absolute;
}
.ammount-button label > [type="checkbox"], .ammount-button label > [type="radio"] {
    margin-right: 0.5rem;
}
a.infolink:link, a.infolink:visited {
    float: left;
    width: 20px;
    color: #45b384;
    text-decoration: none;
}
a.infolink:link, a.infolink:visited {
    color: #45b384;
    text-decoration: none;
    opacity: 0.9;
}
a.btn-green:link, a.btn-green:visited, a.btn-purple:link, a.btn-purple:visited, a.btn-darkgrey:link, a.btn-darkgrey:visited, a.btn-lightgrey:link, a.btn-lightgrey:visited, .btn-submit, a.btn-outline:link, a.btn-outline:visited, a.btn-white:link, a.btn-white:visited {
    font-size: 14px;
    padding: 7px 16px;
    border-radius: 5px;
    border: 1px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin-bottom: 0;
    overflow-wrap: break-word;
    position: relative;
    text-align: center;
    top: 0;
    transition: all 0.2s ease-in-out 0s;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    margin-right: 10px;
}
.full-width {
    width: 100% !important;
}
.section-light a.btn-outline:link, .section-light a.btn-outline:visited {
    color: #575756;
    border: #575756 solid 2px;
}
.section-dark a.btn-outline:link, .section-dark a.btn-outline:visited {
    color: #ffffff;
    border: #ffffff solid 2px;
}
.btn-submit {
    margin-top: 15px;
    background-color: #45b384;
    color: #ffffff;
font-weight:400;}
a.btn-white:link, a.btn-white:visited {
    background-color: #FFFFFF;
    color: #5c2483;
}

a.btn-green:link, a.btn-green:visited {
    background-color: #45b384;
    color: #ffffff;
}

a.btn-purple:link, a.btn-purple:visited {
    background-color: #5c2483;
    color: #ffffff;
}

a.btn-darkgrey:link, a.btn-darkgrey:visited {
    background-color: #575756;
    color: #ffffff;
}
a.btn-lightgrey:link, a.btn-lightgrey:visited {
    background-color: #BBBCBC;
    color: #ffffff;
}
a.btn-green:hover, a.btn-purple:hover, a.btn-darkgrey:hover, a.btn-lightgrey:hover, .section-light a.btn-outline:hover, .section-dark a.btn-outline:hover, a.btn-white:hover {
    opacity: 0.8;
    text-decoration: none;
}
.footer-content .call-to-action {
    margin-bottom: 40px;
}
.footer-content .call-to-action h2 {
    font-size: 24px;
    font-family: 'Droid Serif', Georgia, serif;
    font-weight: 300;
    margin-bottom: 30px;
}
.wrapper, .list-wrapper, .list-item {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    box-sizing: border-box;
}
.list-wrapper {
    text-align: center;
    padding-left: 15%;
    padding-right: 15%;
}
.list-item {
}
.list-item .date {
    color: #45b384;
    font-size: 13px;
    margin-bottom: 5px;
}
.list-item h3 {
    font-size: 22px;
}
.list-item .text, .list-item h3 {
    margin-bottom: 20px;
}
.list-item .ammount {
    font-size: 14px;
    padding: 12px 30px;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    line-height: normal;
    overflow-wrap: break-word;
    position: relative;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #5c2483;
    color: #FFFFFF;
    letter-spacing: 1px;
    min-width: 130px;
}
.call-to-action {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.call-to-action .btn {
    float: right;
    width: auto;
}
.call-to-action .btn a:link, .call-to-action .btn a:visited {
    float: right;
    border-radius: 28px;
    color: #ffffff !important;
    font-size: 16px;
    padding: 10px 22px;
    text-decoration: none !important;
    text-transform: uppercase;
    background-color: #5c2483;
}
.call-to-action .btn a:hover {
    text-decoration: none !important;
    background-color: #066228;
}
.call-to-action .text {
    width: 65%;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 44px;
}
.btn-darkgreen, .btn-lightgreen {
    display: table;
    table-layout: fixed;
    width: auto;
    margin-top: 24px;
}
.btn-darkgreen a:link, .btn-darkgreen a:visited, .btn-lightgreen a:link, .btn-lightgreen a:visited {
    float: left;
    border-radius: 28px;
    color: #ffffff !important;
    font-size: 14px;
    padding: 7px 27px;
    text-decoration: none !important;
    text-transform: uppercase;
}
.btn-darkgreen a:hover, .btn-lightgreen a:hover {
    text-decoration: none !important;
}
.btn-darkgreen a:link, .btn-darkgreen a:visited {
    background-color: #5c2483;
}
.btn-lightgreen a:link, .btn-lightgreen a:visited {
    background-color: #45b384;
}
.btn-darkgreen a:hover {
    background-color: #066228;
}
.btn-lightgreen a:hover {
    background-color: #8bb321;
}
.btn-contact {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 40px 0;
    padding: 0 0 0 0;
}
.btn-contact a:link, .btn-contact a:visited {
    float: left;
    width: 100%;
    text-align: center;
    height: auto;
    padding: 15px 10px 15px 10px;
    background-color: #45b384;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 1.3em;
    border-radius: 5px;
}
.btn-contact a:hover {
    background-color: #5c2483;
    color: #ffffff;
    text-decoration: none;
}
#contactblocks, #ContactClose {
    display: none;
}
.logo-slider-item {
    float: left;
    height: 125px;
    margin-top: 35px;
    margin-bottom: 35px;
    background-position: center;
    background-size: contain;
    box-sizing: border-box;
    background-repeat: no-repeat;
    width: 100%;
}
.logo-slider-item img {
    width: 100%;
    height: 100%;
    border: 0;
    cursor: pointer;
}
.related {
    float: left;
    width: 100%;
    height: auto;
    padding: 20px 0 0;
    margin: 20px 0 0 0;
    border-top: #e8e8e8 solid 1px;
}
.doc-post-img {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px;
    padding-top: 56.25%;
    display: block;
    background-position: center;
    background-size: cover;
}
.doc-post-img img {
    width: 100%;
    height: auto;
}
.excerpt {
    display: block;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 4.5em;
    line-height: 1.5em;
    margin-bottom: 25px;
}
.offset-extra-content {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    z-index: 50;
    overflow: visible;
    box-sizing: border-box;
    padding: 20px;
}
.offset-extra-content ul {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.offset-extra-content ul li {
    float: left;
    width: 50%;
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.offset-extra-content ul li a:link, .offset-extra-content ul li a:visited {
    text-decoration: none;
    color: #ffffff;
}
.offset-extra-content ul li a:hover {
    text-decoration: underline;
    color: #ffffff;
}
.offset-product-image-left, .offset-product-image-right {
    box-sizing: border-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 40;
    width: 50%;
}
.offset-product-image-right, .offset-product-content-right {
    left: 50%;
}
.offset-product-image-top, .offset-product-image-bottom {
    box-sizing: border-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 225px;
    position: absolute;
    top: 0;
    z-index: 3;
    width: 100%;
}
.offset-product-content-left, .offset-product-content-right {
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
    width: 50%;
}
.offset-product-image-right {
    left: 50%;
}
.offset-product-content-top, .offset-product-content-bottom {
    box-sizing: border-box;
    height: 225px;
    position: absolute;
    z-index: 3;
    width: 100%;
}
.offset-product-content-top {
    top: 0;
}
.offset-product-content-bottom {
    bottom: 0;
}
.offset-text {
    position: absolute;
    bottom: 0px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px 20px 20px;
}
.offset-text h3 {
    font-size: 24px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.3em;
    font-weight: 600;
}
.offset-text p {
    opacity: 0.6;
    margin-bottom: 5px;
}
.arrow-top, .arrow-bottom, .arrow-left, .arrow-right {
    background-repeat: no-repeat;
    cursor: pointer;
}
.arrow-top {
    background-image: url(../images/arrow-top.png);
    background-position: top center;
}
.arrow-bottom {
    background-image: url(../images/arrow-bottom.png);
    background-position: bottom center;
}
.arrow-left {
    background-image: url(../images/arrow-left.png);
    background-position: left center;
}
.arrow-right {
    background-image: url(../images/arrow-right.png);
    background-position: right center;
}
.disipline-wrapper, .product-wrapper, .vacancy-wrapper {
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    background-color: #ffffff;
}
.vacancy-wrapper {
    background-color: #ffffff;
}
.vacancy-wrapper a:link, .vacancy-wrapper a:visited {
    float: left;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 20px;
    background-color: #ffffff;
    border-bottom: #45b384 solid 5px;
    text-decoration: none;
}
.vacancy-wrapper a:hover {
    box-shadow: 0px 6px 5px 0px rgba(51,51,51,0.30);
    text-decoration: none;
}
.vacancy-image-wrapper {
    float: left;
    width: 25%;
}
.vacancy-image {
    float: left;
    width: 100%;
    min-height: 155px;
    padding-top: 56.25%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 75%;
    text-indent: -3000px;
}
.provincie-DR {
    background-image: url(../images/provincie_DR.png)
}
.provincie-FL {
    background-image: url(../images/provincie_FL.png)
}
.provincie-FR {
    background-image: url(../images/provincie_FR.png)
}
.provincie-GD {
    background-image: url(../images/provincie_GD.png)
}
.provincie-GR {
    background-image: url(../images/provincie_GR.png)
}
.provincie-LB {
    background-image: url(../images/provincie_LB.png)
}
.provincie-NB {
    background-image: url(../images/provincie_NB.png)
}
.provincie-NH {
    background-image: url(../images/provincie_NH.png)
}
.provincie-OV {
    background-image: url(../images/provincie_OV.png)
}
.provincie-UT {
    background-image: url(../images/provincie_UT.png)
}
.provincie-ZH {
    background-image: url(../images/provincie_ZH.png)
}
.provincie-ZL {
    background-image: url(../images/provincie_ZL.png)
}
.vacancy-content {
    float: right;
    width: 70%;
    height: auto;
}
.vacancy-content h3, .vacancy-content h4 {
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5em;
}
.vacancy-content h3 {
    color: #0055b8;
    height: 4.5em;
}
.vacancy-content h4 {
    margin-bottom: 20px;
    max-height: 1.5em;
}
.vacancy-btn {
    float: left;
    width: auto;
    border-radius: 8px;
    border: #575756 solid 2px;
    padding: 5px 15px 5px 15px;
    color: #575756;
    font-size: 16px;
    text-transform: uppercase;
    box-sizing: border-box;
}
.vacancy-header {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    height: auto;
    background-color: #282d33;
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 206px;
    padding-left: 20%;
    padding-right: 20%;
}
.vacancy-header .text {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 24px;
}
.vacancy-header h3 {
    color: #45b384;
}
.news-header {
    position: relative;
    width: 100%;
    height: 50px;
    margin-bottom: 60px;
}
.news-header-inner {
    position: absolute;
    left: 50%;
    top: -55px;
    margin-left: -55px;
    width: 110px;
    height: 110px;
    z-index: 100;
}
.news-header-date {
    position: absolute;
    height: 110px;
    line-height: 95px;
    width: 110px;
    background: #f0f4fc;
    border-radius: 110px;
    background-color: #45b384;
    border: #FFFFFF solid 5px;
}
.vacancy-filter, .news-filter, .search-filter {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    padding-left: 15%;
    padding-right: 15%;
    box-sizing: border-box;
    margin: 40px 0 60px 0;
    text-align: center;
}
.vacancy-filter input[type='text'], .news-filter input[type='text'], .search-filter input[type='text'] {
    float: left;
    height: 35px;
    border: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 5px 10px 5px 10px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #575756;
    background-color: #ffffff;
    vertical-align: middle;
    margin: 0;
    box-sizing: border-box;
}
.search-field {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.vacancy-filter input[type='text'] {
    width: 37.5%;
}
.vacancy-filter input[type='text']:focus, .news-filter input[type='text']:focus {
    color: #5c2483;
}
.vacancy-filter .vacancy-dropdown, .news-filter .news-dropdown {
    float: left;
    border: 0 none;
    height: 35px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 2.0px;
    text-transform: uppercase;
    line-height: 1;
    display: inline-block;
    color: #575756;
    border-radius: 0px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    padding-right: 15px;
}
.vacancy-filter .vacancy-dropdown {
    width: 30%;
    border-radius: 0px;
}
.form {
    font-size: 14px;
}
.form .note, .hidden-field {
    float: left;
    width: 100%;
    height: auto;
}
.form .note {
    color: #45b384;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}
.form .note ul {
    margin-left: 18px;
}
.form .tr h4 {
    margin-top: 6px;
    margin-bottom: 5px;
}
.vacancy-filter select, .form select, .form .dropdown, .news-filter select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/btn-select.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-size: 16px;
    cursor: pointer;
    border: none;
}
.form .dropdown {
    width: 100%;
}
.form button {
    float: left;
    color: #ffffff;
    border: #ffffff solid 2px;
    background-color: transparent;
    height: 35px;
    box-sizing: border-box;
    padding: 5px 10px 5px 10px;
    margin-top: 25px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2.0px;
    cursor: pointer;
}
.form .fa {
    margin-right: 7px;
}
.vacancy-filter button:hover, .news-filter button:hover {
    opacity: 0.9;
    background-color: #45b384;
    color: #5c2483;
}
.vacancy-filter .vacancy-submit, .vacancy-filter .vacancy-reset, .news-filter .news-submit, .news-filter .news-reset, .search-filter .search-submit, .search-filter .search-reset {
    float: left;
    border: 0 none;
    height: 35px;
    box-sizing: border-box;
    font-weight: 400;
    letter-spacing: 2.0px;
    text-transform: uppercase;
    line-height: 1;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
}
.vacancy-filter .vacancy-submit, .news-filter .news-submit, .search-filter .search-submit {
    background-color: #5c2483;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 13px;
}
.vacancy-filter .vacancy-submit {
    background-color: #5c2483;
}
.vacancy-filter .vacancy-reset, .news-filter .news-reset, .search-filter .search-reset {
    background-color: #45b384;
}
.vacancy-filter .vacancy-submit, .vacancy-filter .vacancy-reset, .news-filter .news-reset, .search-filter .search-reset {
    width: 10%;
}
.news-filter input[type='text'], .news-filter .news-submit, .news-filter .news-dropdown, .vacancy-filter .vacancy-submit, .search-filter .search-submit {
    width: 22.5%;
}
.search-filter input[type='text'] {
    width: 67.5%;
}
.vacancy-filter .vacancy-reset:link, .news-filter .news-reset:link, .search-filter .search-reset:link {
    opacity: 1.0;
}
.vacancy-filter .vacancy-reset:hover, .news-filter .news-reset:hover, .search-filter .search-reset:hover {
    opacity: 0.8;
}
.vacancy-menu-wrapper {
    position: relative;
    max-width: 1000px;
    margin: 0px auto;
    padding: 0 3%;
    height: auto;
    z-index: 1;
}
.vacancy-menu {
    float: left;
    width: 100%;
    margin-top: -20%;
}
.vacancy-menu ul, .vacancy-menu li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.vacancy-menu li {
    float: left;
    width: 20%;
    overflow: hidden;
}
.vacancy-menu-inner {
    float: left;
    position: relative;
    padding-bottom: 100%;
    width: 100%;
}
.vacancy-menu li a:link, .vacancy-menu li a:visited {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    background: #ffffff;
    color: #575756;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 12px;
}
.vacancy-menu li a:hover {
    background: #45b384;
    color: #ffffff;
}
.vacancy-menu li.white {
    background: #ffffff;
}
.vacancy-menu li.grey {
    background: #e3e4e5;
}
.vacancy-menu li.grey a:link, .vacancy-menu li.grey a:visited {
    background: #e3e4e5;
}
.vacancy-menu li.grey a:hover {
    background: #45b384;
}
.vacancy-menu li.white a:link, .vacancy-menu li.white a:visited {
    background: #ffffff;
}
.vacancy-menu li.white a:hover {
    background: #45b384;
    color: #575756;
}
.vacancy-menu li.blue a:link, .vacancy-menu li.blue a:visited {
    background: #5c2483;
    color: #ffffff;
}
.vacancy-menu li.blue a:hover {
    opacity: 0.8;
    font-weight: bold;
}
.vacancy-menu li a:link h3, .vacancy-menu li a:visited h3 {
    text-transform: uppercase;
    display: block;
    font-size: 12px;
}
.vacancy-menu li a:link .text {
    display: none;
    font-size: 12px;
}
.vacancy-menu li a:hover .text {
    display: block;
    font-size: 12px;
}
.vacancy-menu li a:hover h3 {
    display: none;
}
.vacancy-menu-content {
    position: absolute;
    bottom: 10px;
    height: auto;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
}
.cols-1 .product-wrapper {
    margin-bottom: 40px;
}
.landscape-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    padding-top: 56.25%;
    display: block;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.landscape-img img {
    width: 100%;
}
.disipline-wrapper .landscape-img, .product-wrapper .landscape-img {
    margin-bottom: 0px;
}
.disipline-wrapper h3, .product-wrapper h3 {
    text-align: center;
    line-height: 50px;
    text-transform: uppercase;
    color: #45b384;
    font-weight: 600;
}
.disipline-wrapper a, .product-wrapper a {
    float: left;
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    text-decoration: none;
}
.disipline-wrapper a:hover, .product-wrapper a:hover {
    color: #45b384;
    box-shadow: 0px 6px 5px 0px rgba(51,51,51,0.30);
}
.team-wrapper {
    float: left;
    padding: 15px 10px 15px 10px;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
}
.team-wrapper h3 {
    color: #5c2483;
    margin-bottom: 20px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5em;
    height: 1.5em;
}
.team-wrapper .text {
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5em;
    height: 1.5em;
}
.team-wrapper .ammount {
    font-size: 14px;
    padding: 12px 30px;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    line-height: normal;
    overflow-wrap: break-word;
    position: relative;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #5c2483;
    color: #FFFFFF;
    letter-spacing: 1px;
    min-width: 130px;
    margin-top: -55px;
}
.team-wrapper {
}
.cols-1 .team-wrapper {
    width: 100%;
    margin-bottom: 10px;
    background-color: #f8f8f8;
}
.cols-3 .team-wrapper {
    margin-right: 3.2%;
    width: 31.2%;
    margin-bottom: 35px;
    background-color: #FFFFFF;
}
.team-active {
    box-shadow: 0px 6px 5px 0px rgba(51,51,51,0.30);
    background-color: #FFFFFF !important;
}
.cols-3 .team-wrapper:nth-of-type(3n) {
    margin-right: 0%;
}
.team-image {
    height: 0px;
    width: 100%;
    padding-top: 100%;
    border-radius: 100%;
    overflow: hidden;
    display: block;
    background-position: center;
    background-size: cover;
}
.team-content {
    box-sizing: border-box;
    padding: 0;
    text-align: left;
}
.team-content h3 {
    font-size: 14px;
}
.team-content h4 {
    font-size: 12px;
    color: #9d9d9c;
}
.team-content .contact-info {
    float: left;
    width: 100%;
    font-size: 12px;
    text-align: left;
    color: #5c2483;
    line-height: 30px;
}
.team-content .contact-info a {
    color: #5c2483;
    font-size: 14px;
    text-decoration: none;
}
.team-content .contact-info span {
    margin: 0 0 0 5px;
    padding: 0 0 0 5px;
    border-left: #5c2483 solid 1px;
}
.team-content .contact-info .fa {
    font-size: 14px;
    min-width: 13px;
}
.team-wrapper .social-icons {
    margin-top: 15px;
    padding-left: 5px;
}
.team-link {
    height: 25px;
    text-align: right;
    box-sizing: border-box;
}
.team-link a:link {
    width: 100%;
    height: 60px;
    margin-top: -25px;
}
.preview-label {
    float: right;
    padding: 7px 15px 7px 15px;
    background-color: #45b384;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    width: auto;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
    margin-top: 15px;
    line-height: normal;
    overflow-wrap: break-word;
    vertical-align: middle;
}
.preview-gallery {
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0 20px 0;
    overflow: hidden;
}
.preview-gallery .thumb {
    float: left;
    position: relative;
    width: 21.8%;
    display: block;
    overflow: hidden;
    padding-top: 21.8%;
    height: 1px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 3.2%;
    margin-bottom: 15px;
}
.features ul {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    list-style: none;
}
.features li, .features-fo {
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 15px 10px 15px;
    margin: 0 0 0 0;
    box-sizing: border-box;
    border-top: #dfdfdf solid 1px;
    color: #9d9d9c;
}
.features li {
    text-align: center;
}
.features-fo {
    text-align: right;
}
.calendar {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 40px 0;
    color: #ffffff;
    text-transform: uppercase;
}
.calendar-header {
    float: left;
    width: 100%;
    height: auto;
    background: #066228;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 15px 15px 5px 15px;
    box-sizing: border-box;
}
.calendar-header .btn-left, .calendar-header .btn-right {
    width: 10%;
    height: auto;
}
.calendar-header .btn-left a, .calendar-header .btn-right a {
    color: #ffffff;
}
.calendar-header .btn-left {
    float: left;
    text-align: left;
}
.calendar-header .btn-right {
    float: right;
    text-align: right;
}
.calendar-title {
    float: left;
    width: 80%;
    text-align: center;
}
.calendar-sub-title {
    float: left;
    width: 100%;
    text-align: center;
    opacity: 0.8;
    font-size: 10px;
}
.calendar-content {
    float: left;
    width: 100%;
    height: auto;
    background: #5c2483;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-sizing: border-box;
    padding: 15px;
}
.calendar-row {
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.calendar-cell {
    float: left;
    width: 14.285714%;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
}
.calendar-cell .day a:link, .calendar-cell .day a:visited {
    float: left;
    height: 25px;
    width: 25px;
    font-size: 13px;
    background: #5c2483;
    color: #ffffff;
    border-radius: 25px;
    text-decoration: none;
}
.calendar-cell .day a:hover {
    color: #ffffff;
    text-decoration: none;
}
.calendar-cell .day-active {
    background: url(../images/bg-day-active.png) no-repeat center;
}
.calendar-cell .day-active a:link, .calendar-cell .day-active a:visited {
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
}
.event-wrapper {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 40px 0;
}
.event-item {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: #dfdfdf solid 1px;
}
.event-wrapper h3 {
    margin: 0;
    padding: 0;
}
.event-wrapper a {
    text-decoration: none;
}
.event-day, .toggle-date {
    float: left;
    width: 30%;
    max-width: 80px;
    box-sizing: border-box;
    padding: 15px 7px 15px 7px;
    border-radius: 5px;
    background: #45b384;
    text-align: center;
    color: #ffffff;
    line-height: 1.3em;
    text-transform: none;
    font-size: 14px;
}
.event-item a:hover .event-day, .event-wrapper .active a:link .event-day, .event-wrapper .active a:visited .event-day, .event-wrapper .active a:hover .event-day {
    background-color: #e30613;
}
.toggle-date {
    float: left;
    width: auto;
    min-width: 80px;
}
.event-content {
    float: left;
    width: 65%;
    height: auto;
    padding-left: 10px;
    box-sizing: border-box;
}
.event-sub {
    color: #9d9d9c;
    font-size: 12px;
}
.event-wrapper .fa {
    float: right;
    margin-top: 30px;
}
.event-date {
    float: left;
    width: 75%;
    height: auto;
    box-sizing: border-box;
    padding: 50px 20px 50px 20px;
    text-align: center;
    color: #ffffff;
    font-size: 38px;
    line-height: 1.3em;
    background-color: #45b384;
    font-weight: 200;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 40px;
}
.offset-blocks {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.offset-image-left, .offset-image-right {
    box-sizing: border-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
}
.offset-image-left, .offset-image-right {
    width: 50%;
}
.offset-image-left {
    left: 0;
}
.offset-image-right {
    right: 0;
}
.offset-image-left .content-right {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding-left: 14%;
    background: #45b384;
}
.offset-image-right .content-left {
    position: relative;
    width: 40%;
    height: 100%;
    box-sizing: border-box;
    margin-left: 22%;
    background: #45b384;
}
.offset-cols {
    float: left;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    min-height: 1px;
    position: relative;
}
.offset-content-right {
    clear: both;
    display: table;
    box-sizing: border-box;
}
.offset-content-right {
    margin-left: 50%;
    width: 50%;
}
.offset-content-left {
    margin-right: 50%;
    width: 50%;
}
.offset-content-right .offset-content, .offset-content-left .offset-content {
    box-sizing: border-box;
    padding: 60px 15% !important;
    text-align: left;
}
.offset-content-right .offset-content .text, .offset-content-left .offset-content .text, .offset-content-right .offset-content .form, .offset-content-left .offset-content .form {
    clear: both;
    float: none;
    margin-bottom: 40px;
}
.offset-content-right .offset-content .text p, .offset-content-left .offset-content .text p {
    margin-bottom: 24px;
}
.offset-content .heading .section-subtitle {
    text-align: left;
    color: #5c2483;
    text-transform: uppercase;
    opacity: 0.8;
    margin-bottom: 5px;
}
.offset-menu-wrapper {
    clear: both;
    float: none;
    width: 100%;
    height: auto;
    min-height: 44px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.cols-1 .offset-menu-wrapper {
    margin-bottom: 20px;
}
.offset-content .text h3 {
    text-transform: uppercase;
    margin-bottom: 10px;
}
.offset-content h2 {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
}
.offset-content h3 {
    text-transform: none;
    font-weight: 400;
}
.offset-content .quote {
    margin-bottom: 20px;
    font-style: italic;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
.offset-image-left .fa-border, .offset-image-right .fa-border {
    position: relative;
    margin-top: -100px;
    margin-left: -100px;
    left: 50%;
    top: 50%;
    height: 200px;
    width: 200px;
    border-radius: 200px;
    border: #dad9d7 solid 7px;
}
.offset-image-left .fa, .offset-image-right .fa {
    position: relative;
    left: 0;
    top: 25px;
    color: #FFFFFF;
    font-size: 100px;
}
.offset-image-left .fa {
}
.offset-image-right .fa {
}
.offset-icon {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.overview-wrapper, .teaser-wrapper {
    float: left;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background-color: #ffffff;
    box-shadow: 0px 3px 3px 0px rgba(51,51,51,0.10);
}
.overview-wrapper {
    width: 100%;
}
.offset-content .teaser-wrapper {
    width: 60%;
    margin-bottom: 40px;
}
.overview-wrapper .teaser, .offset-content .teaser {
    float: left;
    position: relative;
    width: 100%;
    padding-top: 66.25%;
    overflow: hidden;
    display: block;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-sizing: border-box;
}
.overview-wrapper .teaser {
    margin-bottom: 30px;
}
.overview-content {
    float: left;
    width: 100%;
    height: auto;
    padding: 0px 18px 20px 18px;
    box-sizing: border-box;
}
.overview-filter, .offset-content .filter {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/filter-video.png);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}
.overview-content .overview-filter {
    background-image: url(../images/filter-video.png);
}
.offset-content .overview-filter {
    background-image: url(../images/filter-video-purple.png);
}
.overview-wrapper h3 {
    margin-bottom: 10px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    height: 3.0em;
    line-height: 1.5em;
}
.overview-wrapper .text {
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    height: 6.0em;
    line-height: 1.5em;
    color: #979797;
}
.overview-wrapper .date {
    color: #45b384;
    font-size: 14px;
    margin-bottom: 5px;
}
.overview-wrapper a:link, .overview-wrapper a:visited, .offset-content a:link, .offset-content a:visited {
    opacity: 1.0;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
}
.overview-wrapper a:hover, .offset-content a:hover {
    opacity: 0.8;
    text-decoration: none;
}
.overview-filter span {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.overview-icon {
	float: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overview-icon .fa {
	width: 50px;
	height: 50px;
	font-size: 50px;
	text-align: center;
	color:#FFFFFF;
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-25px;
	margin-top:-25px;
}

.section-light .offset-btn-outline a:link, .section-light .offset-btn-outline a:visited, .section-dark .offset-btn-outline a:link, .section-dark .offset-btn-outline a:visited, .section-light .offset-btn a:link, .section-light .offset-btn a:visited, .section-dark .offset-btn a:link, .section-dark .offset-btn a:visited {
    float: left;
    position: relative;
    width: auto;
    margin-right: 15px;
    border-radius: 10px;
    color: #ffffff !important;
    font-size: 16px;
    text-decoration: none !important;
    text-transform: uppercase;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out 0s;
    margin-bottom: 20px;
}
.section-light .offset-btn a:link, .section-light .offset-btn a:visited, .section-dark .offset-btn a:link, .section-dark .offset-btn a:visited {
    padding: 10px 22px 10px 22px;
}
.section-light .offset-btn-outline a:link, .section-light .offset-btn-outline a:visited, .section-dark .offset-btn-outline a:link, .section-dark .offset-btn-outline a:visited {
    padding: 8px 20px 8px 20px;
}
.section-light .offset-btn-outline a:link, .section-light .offset-btn-outline a:visited {
    background: none;
    border: #45b384 solid 2px;
    color: #45b384 !important;
}
.section-dark .offset-btn-outline a:link, .section-dark .offset-btn-outline a:visited {
    background: none;
    border: #ffffff solid 2px;
    color: #ffffff !important;
}
.section-light .offset-btn a:link, .section-light .offset-btn a:visited {
    background: #45b384;
}
.section-dark .offset-btn a:link, .section-dark .offset-btn a:visited {
    background: #45b384;
}
.section-light .offset-btn a:hover, .section-dark .offset-btn a:hover, .section-light .offset-btn-outline a:hover, .section-dark .offset-btn-outline a:hover {
    opacity: 0.8;
    text-decoration: none;
}
.section-light .offset-btn-outline a:hover, .section-dark .offset-btn-outline a:hover {
}
.offset-image-left .offset-date, .offset-image-right .offset-date {
    position: absolute;
    height: 100px;
    width: 100px;
    margin-top: -50px;
    top: 50%;
    font-size: 14px;
    background: #45b384;
    color: #575756;
    border-radius: 100px;
    font-weight: 600;
    line-height: 100px;
    text-align: center;
    border: #ffffff solid 4px;
}
.offset-image-left .offset-date {
    right: -50px;
}
.offset-image-right .offset-date {
    left: -50px;
}
ul.offset-menu {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.offset-menu > li i {
    margin: 0 15px 0 0;
    float: right;
    font-size: 24px;
}
.offset-menu > li {
    float: left;
    position: relative;
    list-style: none;
}
.offset-menu li a {
    display: block;
}
.offset-menu li ul {
    display: none;
    z-index: 10;
    width: 100%;
    position: absolute;
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.offset-menu li:hover ul {
    display: block;
}
.offset-menu > li {
    width: 55%;
    border: #5c2483 solid 1px;
    border-radius: 5px;
    margin: 0 0 0 0;
    padding: 10px 0 10px 15px;
    box-sizing: border-box;
}
.offset-menu li a:link, .offset-menu li a:link {
    color: #5c2483;
    text-decoration: none;
    font-weight: 700;
    opacity: 0.9;
}
.offset-menu li a:hover {
    color: #5c2483;
}
.offset-menu > li > a {
    color: #5c2483;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 24px;
    padding: 0 0 0 0;
}
.offset-menu li ul {
    background-color: #ffffff;
    overflow: hidden;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: #5c2483 solid 1px;
    padding: 0;
    margin-left: -16px;
    margin-top: 7px;
    box-shadow: 0px 6px 5px 0px rgba(51,51,51,0.30);
}
.offset-menu li ul li {
    padding: 0;
}
.offset-menu li ul li a:link, .offset-menu li ul li a:link {
    padding: 10px;
    background: #ffffff;
    color: #5c2483;
}
.offset-menu li ul li a:hover {
    background: #ebebeb;
    color: #45b384;
}
a.btn-play:link, a.btn-play:visited {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/btn-play-video.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 110px 110px;
    background-color: rgba(0, 0, 0, 0.3);
    text-indent: -3500px;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
}
a.btn-play:hover {
    opacity: 0.8;
    background-color: rgba(0, 0, 0, 0.1);
}
.team-filter-wrapper {
    float: left;
    width: 100%;
    height: auto;
    border-radius: 5px;
    border: #5c2483 solid 1px;
    box-sizing: border-box;
    padding: 0;
    margin-bottom: 40px;
}
.team-filter-wrapper .filter-title {
    float: left;
    width: 31.2%;
    color: #5c2483;
    padding: 10px 15px 10px 15px;
    box-sizing: border-box;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}
.team-filter-reset {
    float: right;
    width: 13.7%;
}
.team-filter-reset a:link, .team-filter-reset a:visited {
    float: left;
    width: 100%;
    box-sizing: border-box;
    color: #9d9d9c;
    padding: 10px 15px 10px 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
}
.team-filter-reset a:hover {
    color: #1d1d1b;
    text-decoration: none;
}
.team-filter-reset .fa {
    float: right;
    margin-top: 5px;
}
ul.team-filter {
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 28.0%;
    border-right: #5c2483 solid 1px;
    box-sizing: border-box;
}
.team-filter > li i {
    margin: 0 15px 0 0;
    float: right;
    font-size: 24px;
}
.team-filter > li {
    float: left;
    position: relative;
    list-style: none;
}
.team-filter li a {
    display: block;
}
.team-filter li ul {
    display: none;
    z-index: 100;
    width: 100%;
    position: absolute;
    list-style: none;
    padding: 0 0 0 0;
    margin-left: 0%;
}
.team-filter li:hover ul {
    display: block;
}
.team-filter > li {
    width: 100%;
    margin: 0 0 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4%;
    box-sizing: border-box;
    border: none;
}
.team-filter li a:link, .team-filter li a:link {
    color: #5c2483;
    text-decoration: none;
    font-weight: 700;
    opacity: 0.9;
}
.team-filter li a:hover {
    color: #5c2483;
}
.team-filter > li > a {
    color: #5c2483;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 24px;
    padding: 0 0 0 0;
}
.team-filter li ul {
    background-color: #ffffff;
    overflow: hidden;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: #5c2483 solid 1px;
    padding: 0;
    margin-left: -12px;
    margin-top: 10px;
    box-shadow: 0px 6px 5px 0px rgba(51,51,51,0.30);
}
.team-filter li ul li {
    padding: 0;
}
.team-filter li ul li a:link, .team-filter li ul li a:link {
    padding: 10px;
    background: #ffffff;
    color: #5c2483;
}
.team-filter li ul li a:hover {
    background: #ebebeb;
    color: #45b384;
}
.team-filter li ul li.active a:link, .team-filter li ul li.active a:link {
    padding: 10px;
    background-color: #ffffff;
    background-image: url(../images/bg-team-filter-active.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #45b384;
}
.team-filter li ul li.active a:hover {
    background-color: #ebebeb;
    background-image: url(../images/bg-team-filter-active.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #45b384;
}
.section-light .disipline-wrapper a:link h3, .section-light .disipline-wrapper a:visited h3 {
    color: #45b384;
}
.section-light .disipline-wrapper a:hover h3 {
    color: #5c2483;
}
.doc-header-wrapper {
    float: left;
    height: auto;
    width: 65.6%;
    margin-left: 34.4%;
    margin-bottom: 30px;
}
.doc-header, .doc-teaser, .box-teaser, .content-slider-thumb {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    padding-top: 56.25%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}
.doc-teaser {
}
.media-wrapper {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    padding-top: 46.25%;
    background-color: #282d33;
    box-sizing: border-box;
    min-height: 300px;
}
.media-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.media-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11;
    background: rgba(0, 0, 0, .5);
    background-position: 0 0;
    background-repeat: repeat;
    opacity: 1;
}
.media-video {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}
.media-video video {
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.media-content, .media-content-top, .media-content-bottom {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 20;
    padding: 0 20%;
    box-sizing: border-box;
}
.media-content, .media-content-top {
    top: 50px;
}
.media-content-bottom {
    bottom: 50px;
}
.media-content-top .heading, .media-content-bottom .media-text {
    margin: 0px auto;
    max-width: 1000px;
}
.media-content-bottom .media-text {
    text-align: left;
}
.media-content .media-text {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5em;
}
.col2-col3 .intro {
    margin-left: 0%;
    margin-top: 0px;
    width: 100%;
}
.intro, .intro-blocks {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 55px;
    padding: 0 0 0 0;
    font-weight: 400;
    color: #575756;
}

.intro-blocks {
	float:left;
	margin-top:50px;
}
.text, .excerpt {
    float: left;
    width: 100%;
    font-size: 16px;
}
.text h3 {
    text-transform: none;
    font-size: 16px;
}
.text p {
    margin-bottom: 1.7em;
}
.testimonial-wrapper {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    background-image: url(../images/bg-testimonial-wrapper.png);
    background-repeat: no-repeat;
    background-position: right bottom -20px;
    box-sizing: border-box;
    min-height: 300px;
    height: auto;
}
.testimonial-wrapper .btn-left, .testimonial-wrapper .btn-right {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: 50%;
    margin-top: -25px;
    background-color: #5c2483;
    z-index: 10;
}
.testimonial-wrapper .btn-left {
    left: 0px;
    transform: rotate(180deg);
}
.testimonial-wrapper .btn-right {
    right: 0px;
}
.testimonial-wrapper .btn-left .fa, .testimonial-wrapper .btn-right .fa {
    font-size: 30px;
    line-height: 40px;
    color: #45b384;
}
.testimonial-wrapper .btn-left a:link, .testimonial-wrapper .btn-left a:visited, .testimonial-wrapper .btn-right a:link, .testimonial-wrapper .btn-right a:visited {
    color: #45b384;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
.testimonial-wrapper .btn-left a:hover, .testimonial-wrapper .btn-right a:hover {
    color: #45b384;
    opacity: 0.8;
}
.testimonial-slider {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;
    padding: 60px 0 60px 0;
    box-sizing: border-box;
}
.testimonial-portrait {
    position: relative;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
}
.testimonial-content {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 14% 0 14%;
    margin: 0 0 0 0;
    box-sizing: border-box;
}
.testimonial-content .text {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 300;
}
.testimonial-content .quote {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 28px;
    line-height: 1;
    text-align: center;
    font-weight: 300;
    margin: 20px 0 20px 0;
}
.testimonial-content h4 {
    color: #45b384;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Droid Serif', Georgia, serif;
    letter-spacing: 1px;
}
.testimonial-content h3 {
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 30px;
}

.round-image {
	width: 100%;
    padding-top:90%;
    border-radius: 100%;
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
	border:#ebebeb solid 10px;
	box-sizing: border-box;
	height: 1px;
}

.main-header-container {
    float: left;
    width: 100%;
    height: 430px;
    position: relative;
}
.main-header-container .header {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
}
.main-header-container .header-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(00, 00, 00, 0.30);
	background-image:url(../images/header-filter.png);
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat !important;
    z-index: 5;
}

.main-header-container .header-content {
	max-width: 1000px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 3%;
padding-right: 3%;
bottom: 0px;
z-index: 3;
}

.header-title-wrapper {
	position: absolute;
	width:50%;
	right:0px;
	height: 100%;
	top: 0;
	z-index: 10;
}
.header-icon {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.header-icon .fa {
position: relative;
top: 16px;
color: #FFFFFF;
font-size: 70px;
}

.header-icon .fa-border {
	position: relative;
margin-top: -60px;
margin-left: -60px;
left: 50%;
top: 60%;
height: 120px;
width: 120px;
border-radius: 120px;
border: #dad9d7 solid 5px;
}

.header-title-wrapper h1 {
	position: relative;
	width: 100%;
	text-align: center;
	color:#FFF;
	font-size:36px;
	text-transform: uppercase;
	margin-top:100px;
}

.profile-wrapper {
	position: absolute;
	bottom:0px;
	height: auto;
	width: 235px;
	text-align: left;
	padding-bottom:40px;
}

.profile-wrapper h2 .fa {
	color:#5c2483;
	margin-right:15px;
}

.profile-wrapper .text, .profile-wrapper .text h3 {
	color: #575756;
}

.form input[type='text'], .form input[type='password'], .form select, .form textarea, .form input[type='email'], .form input[type='date'], .form input[type='tel'] {
    color: #aaaaaa /*!important;*/
}
.main-header-container .heading {
    position: absolute;
    height: auto;
    bottom: 60px;
    width: 100%;
    text-align: center;
    z-index: 10;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    padding-left: 20%;
    padding-right: 20%;
}
.main-header-container .heading h1 {
    color: #45b384;
}
.main-header-container .heading .subtitle {
    float: left;
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.section-light .page-content .subtitle {
    color: #575756;
    margin-bottom: 20px;
}
.section-dark .page-content .subtitle {
    color: #ffffff;
    margin-bottom: 20px;
}
.profile-image-wrapper-admin {
    float: left;
    position: relative;
    width: 100%;
    height: 260px;
    margin-top: 15px;
}
.profile-image-inner-admin {
    position: absolute;
    left: 50%;
    margin-left: -120px;
    width: 240px;
    height: 240px;
    z-index: 100;
    background: #ffffff;
    border-radius: 240px;
    padding: 10px;
    box-sizing: border-box;
}
.profile-image-inner-admin .profile-image {
    position: relative;
    height: 220px;
    width: 220px;
    background-color: #575756;
    border-radius: 220px;
    background-position: center;
    background-size: cover;
}
.profile-header {
    position: relative;
    width: 100%;
    height: 135px;
    margin-bottom: 60px;
}
.profile-header-inner {
    position: absolute;
    left: 50%;
    top: -135px;
    margin-left: -135px;
    width: 280px;
    height: 280px;
    z-index: 100;
}
.profile-image-wrapper {
    position: absolute;
    height: 270px;
    width: 270px;
    background: #f0f4fc;
    border-radius: 270px;
    padding: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: #FFFFFF solid 5px;
}
.target-0 {
    background-image: url(../images/target-0.png);
}
.target-5 {
    background-image: url(../images/target-5.png);
}
.target-10 {
    background-image: url(../images/target-10.png);
}
.target-15 {
    background-image: url(../images/target-15.png);
}
.target-20 {
    background-image: url(../images/target-20.png);
}
.target-25 {
    background-image: url(../images/target-25.png);
}
.target-30 {
    background-image: url(../images/target-30.png);
}
.target-35 {
    background-image: url(../images/target-35.png);
}
.target-40 {
    background-image: url(../images/target-40.png);
}
.target-45 {
    background-image: url(../images/target-45.png);
}
.target-50 {
    background-image: url(../images/target-50.png);
}
.target-55 {
    background-image: url(../images/target-55.png);
}
.target-60 {
    background-image: url(../images/target-60.png);
}
.target-65 {
    background-image: url(../images/target-65.png);
}
.target-70 {
    background-image: url(../images/target-70.png);
}
.target-75 {
    background-image: url(../images/target-75.png);
}
.target-80 {
    background-image: url(../images/target-80.png);
}
.target-85 {
    background-image: url(../images/target-85.png);
}
.target-90 {
    background-image: url(../images/target-90.png);
}
.target-95 {
    background-image: url(../images/target-95.png);
}
.target-100 {
    background-image: url(../images/target-100.png);
}
.profile-image {
    position: relative;
    height: 220px;
    width: 220px;
    background-color: #575756;
    border-radius: 220px;
    background-position: center;
    background-size: cover;
}
.profile-image-content {
    position: absolute;
    width: 320px;
    height: 80px;
    bottom: -30px;
    left: -25px;
}
.percentage-left, .percentage-right {
    width: 55px;
    height: 40px;
}
.percentage-left {
    float: left;
    text-align: right;
}
.percentage-right {
    float: right;
    text-align: left;
}
.profile-image-content .ammount {
    width: 130px;
    margin-left: 40px;
    margin-right: 40px;
    font-size: 14px;
    padding: 10px 0 10px 0;
    line-height: 20px;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    overflow-wrap: break-word;
    position: relative;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #5c2483;
    color: #FFFFFF;
    letter-spacing: 1px;
}
.profile-target {
    float: left;
    width: 100%;
    text-align: center;
    color: #5c2483;
    height: 20px;
    margin-top: 20px;
    font-weight: 600;
}
.heading .subtitle {
    font-size: 18px;
    text-transform: none;
    margin-top: 10px;
}
.btn-top {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 10px;
    right: 20px;
    z-index: 100000000;
}
#backToTop {
    visibility: hidden;
}
.btn-top img {
    width: 100%;
}
.centered {
    margin: 0 auto;
}
.center {
    text-align: center !important;
}
.posts, .references {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.post-box {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding: 0;
    margin: 0 0 20px 0;
    box-sizing: border-box;
    border: #dfdfdf solid 1px;
}
.post-box a:link, .post-box a:visited {
    height: 100%;
    width: 100%;
    float: left;
    background: #ebebeb;
    color: #575756;
    text-decoration: none;
}
.post-box a:hover {
    background: #ffffff;
    color: #575756;
    text-decoration: none;
    box-shadow: -1px 9px 16px 0px rgba(0,0,0,0.25);
}
.post-image {
    box-sizing: border-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
    width: 30.133333%;
}
.post-cols {
    float: left;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    min-height: 1px;
    position: relative;
}
.post-content-right {
    clear: both;
    margin-left: 30.133333%;
    display: table;
    box-sizing: border-box;
}
.post-content {
    box-sizing: border-box;
    padding: 0 0 0 0;
    text-align: left;
}
.post-content h3 {
    margin-bottom: 10px;
}
.post-content .post-text {
    clear: both;
    float: none;
    height: auto;
    font-size: 14px;
    color: #575756;
}
.post-content-top, .post-content-bottom {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-left: 6.4%;
    padding-right: 3.2%;
}
.post-content-top {
    padding-top: 15px;
    margin-bottom: 10px;
}
.post-content-bottom {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: #dfdfdf solid 1px;
}
.post-content-bottom i {
    float: right;
}
.thumb-round-small {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: none;
    overflow: hidden;
    display: block;
    background-position: center;
    background-size: cover;
}
.post-content .name, .post-content .date {
    float: left;
    height: 25px;
    line-height: 25px;
    width: 80%;
    margin-left: 15px;
}
.post-content .name {
    font-weight: bold;
}
.reference-box {
    float: left;
    width: 31.2%;
    margin-right: 3.2%;
    height: auto;
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: #dfdfdf solid 1px;
}
.references .reference-box:nth-of-type(3n) {
    clear: right;
    margin-right: 0;
}
.col1 .reference-box {
    width: 100%;
    margin-right: 0;
    border-bottom: none;
    margin-bottom: 30px;
    padding-bottom: 0px;
}
.col1 .wrapper h3 {
    margin-bottom: 10px;
}
.col1 .heading {
    margin-bottom: 20px;
}
.reference-box .box-teaser {
    margin-bottom: 30px;
}
.reference-box .heading {
    margin-bottom: 20px;
}
.reference-box .heading h2 {
    font-size: 16px;
}
.reference-box .heading h3 {
    font-size: 14px;
    color: #878787;
    font-weight: 200;
}
.reference-box .text {
    margin-bottom: 20px;
    height: 124px;
    overflow: hidden;
}
.content-slider {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding: 0;
    position: relative;
    width: 100%;
}
.content-slider-header {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    top: 0;
    width: 65.6%;
    z-index: 3;
}
.content-slider-inner {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding: 0;
    position: relative;
    width: 100%;
}
.content-slider-thumbs {
    padding-left: 65.6%;
    width: 100%;
    box-sizing: border-box;
    clear: both;
    display: table;
    cursor: pointer;
}
.content-slider-thumb {
    margin: 0 0 0 0;
}
.content-slider-btn-top, .content-slider-btn-bottom {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 20;
    right: 0;
    overflow: hidden;
}
.bg-btn-top, .bg-btn-bottom {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 10;
    right: 0;
    overflow: hidden;
    background: #dadada;
}
.content-slider-btn-top a:link, .content-slider-btn-top a:visited, .content-slider-btn-bottom a:link, .content-slider-btn-bottom a:visited {
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #45b384;
    color: #ffffff;
    text-decoration: none;
}
.content-slider-btn-top a:hover, .content-slider-btn-bottom a:hover {
    background: #45b384;
    color: #ffffff;
    text-decoration: none;
}
.content-slider-btn-top .fa, .content-slider-btn-bottom .fa {
    font-size: 30px;
    line-height: 50px;
}
.content-slider-btn-top, .bg-btn-top {
    top: 0;
}
.content-slider-btn-bottom, .bg-btn-bottom {
    bottom: 0;
}
.blend-wrapper {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 0 40px 0;
}
.blend-bars {
    float: left;
    width: 100%;
    height: auto;
    line-height: 25px;
    background: #ebebeb;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}
.blend-bar {
    float: left;
    text-align: left;
    color: #ffffff;
    box-sizing: border-box;
    padding-left: 6px;
    font-size: 10px;
    text-transform: none;
    height: 25px;
    overflow: visible;
}
.blend-bar span {
    float: left;
    min-width: 100px;
}
.bg-lightbrown {
    background-color: #9b6614;
}
.bg-darkbrown {
    background-color: #6f4909;
}
.bg-darkgrey {
    background-color: #abadad;
}
.blend-graphic {
    float: left;
    width: 10%;
    min-width: 40px;
    max-width: 60px;
    height: 70px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 15px;
}
.blend-wrapper .heading {
    margin-bottom: 20px;
}
.blend-wrapper .heading h2 {
    font-size: 16px;
}
.mySlides {
    display: none
}
.demo {
    cursor: pointer
}
.map-wrapper {
    float: left;
    width: 100%;
    height: 600px;
    overflow: hidden;
    text-align: left;
    position: relative;
}
.map-inner, .map {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #cccccc;
}
.map-overlay {
    opacity : 1.0;
    transition : all 0.3s ease;
    position : absolute;
    top : 0;
    width : 100%;
    height : 100%;
    background-color : rgba(255, 255, 255, 0.00);
    background-position: center;
    background-size: cover;
    z-index : 1;
}
.map-popup {
    position: absolute;
    width: 230px;
    height: 160px;
    left: 50%;
    top: 50%;
    margin-left: -115px;
    margin-top: -70px;
    z-index: 50;
    text-align: left;
}
.map-popup-content {
    float: left;
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    padding: 10px 15px 0 15px;
    box-shadow: -1px 9px 16px 0px rgba(0,0,0,0.25);
}
.map-popup-content .heading {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
}
.map-popup-content .heading h2 {
    float: left;
    height: auto;
    text-transform: none;
    margin-bottom: 15px;
}
.map-popup-content .text {
    font-size: 14px;
    font-weight: bold;
    color: #575756;
}
.map-popup-content .contact-info {
    float: left;
    width: 100%;
    font-size: 14px;
    text-align: left;
    color: #5c2483;
    line-height: 30px;
}
.map-popup-content .contact-info a {
    color: #5c2483;
    font-size: 14px;
    text-decoration: none;
}
.map-popup-content .contact-info span {
    margin: 0 20px 0 7px;
    padding: 0 0 0 7px;
    border-left: #5c2483 solid 1px;
}
.map-popup-content .contact-info .fa {
    font-size: 14px;
}
.map-popup-bottom {
    float: left;
    width: 100%;
    height: 23px;
    background-image: url(../images/map-popup-bottom.png);
    background-repeat: no-repeat;
    background-position: right top;
}
.map-popup span {
    margin: 0 20px 0 7px;
    padding: 0 0 0 7px;
    border-left: #5c2483 solid 1px;
}
.map-flag {
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: none;
    overflow: hidden;
    display: block;
    background-position: center;
    background-size: cover;
}
.abbr-NL {
    background-image: url(../images/flag-NL.png)
}
.map-close {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 30px;
    top: 20px;
}
.map-close img {
    border: none;
    width: 35px;
    height: 35px;
}
.picto {
    position: absolute;
    width: 35px;
    height: 35px;
    z-index: 10;
    cursor: pointer;
}
.maps {
    float: left;
    width: 100%;
    height: 600px;
    overflow: hidden;
}
.maps img {
    float: left;
    width: 100%;
    min-height: 600px;
    border: 0;
}

.header-container {
	float: left;
width: 100%;
height: 100%;
max-height: 600px;
position: relative;
text-align: center;
}

.section-light .btn-more, .section-dark .btn-more {
    clear: both;
    border-radius: 28px;
    color: #ffffff !important;
    font-size: 16px;
    padding: 10px 22px 10px 22px;
    text-decoration: none !important;
    text-transform: uppercase;
}
.section-light .btn-more {
    background: #5c2483;
}
.section-dark .btn-more {
    background: #45b384;
}
.section-light .btn-more:hover {
    background: #45b384;
    text-decoration: none;
}
.section-dark .btn-more:hover {
    background: #45b384;
    text-decoration: none;
}
.layer {
    position: absolute;
    left: 0px;
    top: 0px;
    vertical-align: middle;
    opacity: 0.80;
    z-index: 5000;
    width: 100% !important;
    height: 100%;
    display: none;
}
.popup-container {
    background: rgba(40, 21, 56, 0.9) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5000;
    display: none;
}
.popup-container .popup {
    background: #ffffff none repeat scroll 0 0;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
    left: 50%;
    max-width: 1000px;
    padding: 15px 15px;
    position: fixed;
    text-align: center;
    top: 50px;
    transform: translate(-50%);
    width: 70%;
    z-index: 5001;
    color: #575756;
}
.popup-btn {
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: right;
    margin-bottom: 15px;
}
.popup-btn a:link, .popup-btn a:visited, .search-btn a:link, .search-btn a:visited, .popup-btn-purple a:link, .popup-btn-purple a:visited {
    float: right;
    height: 30px;
    width: 30px;
    background-position: right center;
    background-repeat: no-repeat;
    text-decoration: none;
    text-indent: 3000px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
.popup-btn a:hover, .search-btn a:hover, .popup-btn-purple a:hover {
    color: #5c2483;
    text-decoration: none;
}
.popup-btn a:link, .popup-btn a:visited {
    background-image: url(../images/btn-close.png);
}
.popup-btn a:hover {
    background-image: url(../images/btn-close-active.png);
}
.search-btn a:link, .search-btn a:visited {
    background-image: url(../images/btn-close-white.png);
}
.popup-btn-purple a:link, .popup-btn-purple a:visited {
    background-image: url(../images/btn-close.png);
}
.popup-btn-purple a:hover {
    background-image: url(../images/btn-close-active.png);
}
.popup-container .search-content {
    left: 50%;
    max-width: 800px;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    z-index: 5001;
}
.popup .cols-1 .col {
    text-align: left;
}
.footenote, .required-note, .info-box, .conditions {
    float: left;
    width: 100%;
    height: auto;
}
.conditions {
    margin-top: 50px;
}
.conditions .text {
    text-align: center;
    color: #a4a6a9;
    font-size: 13px;
}
.input-nb, .text-nb {
    float: left;
    height: auto;
}
.input-nb {
    width: 5%;
}
.text-nb {
    width: 95%;
}
.info-box {
    color: #45b384;
}
.required-note {
    text-align: left;
    margin-bottom: 15px;
    font-size: 14px;
    color: #45b384;
}
.footnote {
    margin-bottom: 15px;
}
.popup .footnote {
    font-size: 11px;
    margin-top: 25px;
    margin-bottom: 25px;
    color: #8c8f92;
}
.popup .footnote a:link, .popup .footnote a:visited {
    font-size: 11px;
    color: #8c8f92;
    text-decoration: underline;
}
.popup .footnote a:hover {
    color: #5c2483;
}
.popup .intro {
    margin-bottom: 20px;
}
.popup .intro, .popup .form, .popup .footnote {
    padding-left: 5%;
    padding-right: 5%;
}
.search-btn {
    position: absolute;
    right: 40px;
    top: 40px;
    z-index: 5002;
}
.searchform .text-field {
    background-color: transparent;
    border-color: #aaaaaa;
    border-radius: 0;
    border-width: 0 0 2px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.8px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 40px;
    text-transform: none;
    line-height: 1;
    transition: all 0.5s ease 0s;
    box-sizing: border-box;
    width: 100%;
}
.searchform .search-submit {
    border: 0 none;
    height: 30px;
    margin-top: -15px;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 30px;
    box-sizing: border-box;
    border-radius: 80px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    line-height: 1;
    display: inline-block;
    background: none;
    cursor: pointer;
}
.searchform .search-submit .icon {
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    width: 30px;
    color: #ffffff;
    transition: all 0.5s ease 0s;
}
.searchform input[type='text']:focus {
    color: #45b384;
}
.form input[type='text'] {
    color: #ffffff;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    opacity: 0.5;
    outline: 0 none;
}
.historyContainer {
    position: relative;
    overflow: hidden;
}
.historyContainer .left, .historyContainer .right {
    width: 50%;
    margin-top: 50px;
    padding-bottom: 50px;
}
.historyContainer .left {
    float: left;
    text-align: left;
}
.historyContainer .right {
    float: right;
    text-align: left;
}
.historyContainer .meta, .historyContainer div {
    float: left;
    width: 100%;
    height: auto;
    line-height: 2em;
    font-size: 13px;
    padding: 2px 0 2px 0;
}
.historyContainer .meta, .historyContainer div .author {
    margin-bottom: 20px;
}
.historyContainer div .author {
    float: left;
    width: auto;
    color: #5c2483;
}
.historyContainer div .category {
    float: right;
    width: auto;
    color: #45b384;
}
.historyContainer .timeline {
    background: #dedede;
    height: 100%;
    left: 50%;
    margin-left: -1px;
    margin-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: -1;
}
.historyContainer .year {
    width: 170px;
    line-height: 40px;
    left: 50%;
    margin-left: -85px;
    position: absolute;
    z-index: 10;
    color: #45b384;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    box-sizing: border-box;
    padding: 0 0 0 0;
    border: #45b384 solid 2px;
    border-radius: 7px;
    background-color: #ebebeb;
}
.bg-white .historyContainer .year {
    background-color: #ffffff;
}
.historyContainer .year[data-period]:after {
    content: attr(data-period);
    display: inline;
}
.historyContainer .year[data-period="heden"] {
    bottom: 0px;
}
.historyContainer .left .month {
    width: 170px;
    line-height: 40px;
    position: relative;
    z-index: 10;
    right: -85px;
    color: #45b384;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    box-sizing: border-box;
    padding: 0 0 0 0;
    border: #45b384 solid 2px;
    border-radius: 7px;
    background-color: #ebebeb;
}
.historyContainer ul {
    float: left;
    width: 100%;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.historyContainer li {
    float: left;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}
.historyContainer .left li {
    background: url(../images/bg-bullet-history.png) no-repeat center right;
}
.historyContainer .right li {
    background: url(../images/bg-bullet-history.png) no-repeat center left;
}
.bg-white .historyContainer .left li {
    background: url(../images/bg-white-bullet-history.png) no-repeat center right;
}
.bg-white .historyContainer .right li {
    background: url(../images/bg-white-bullet-history.png) no-repeat center left;
}
.historyContainer li .inner {
    float: left;
    height: auto;
    padding: 10px;
    background: #ffffff;
    box-sizing: border-box;
    width: 100%;
}
.bg-white .historyContainer li .inner {
    background: #ebebeb;
}
.historyContainer li:first-child {
    margin-top: 20px;
}
.historyContainer .right li:first-child {
    margin-top: 80px;
}
.historyContainer .left .teaser, .historyContainer .right .teaser {
    float: left;
    width: 100%;
    padding-top: 45%;
    border-radius: 1px;
    border: #dfdfdf solid 1px;
    overflow: hidden;
    display: block;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
}
.historyContainer .teaser img {
    min-height: 100%;
}
.historyContainer .left .box, .historyContainer .right .box {
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.historyContainer .box h2 {
    margin-bottom: 20px;
    font-size: 18px;
    text-transform: uppercase;
}
.historyContainer .heading {
    margin-bottom: 0px;
}
.historyContainer .heading h2 {
    text-align: left;
}
.btn-wrapper .fa {
    float: left;
    margin-top: 25px;
    margin-right: 20px;
}
.share {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px;
    text-align: left;
}
.share img {
    height: 30px;
}
.header-bottom {
    background: url(../images/header-bottom.png) no-repeat left bottom;
    position: absolute;
    width: 100%;
    height: 90px;
    bottom: 0px;
    background-size : auto 90px;
    z-index: 30;
    opacity: 0.6;
}
.scroll-to-top {
    border-radius: 4px;
    bottom: 15px;
    cursor: pointer;
    height: 35px;
    margin-bottom: -30px;
    opacity: 0;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 35px;
    z-index: 100;
}
.filter-menu-top {
    width: 100%;
    float: left;
    height: auto;
}
.filter-menu-top ul {
    position: relative;
    margin: 20px auto;
    padding: 0 0 0 0;
    width: auto;
    min-height: 60px;
}
.filter-menu-top li {
    display: inline;
    list-style: none;
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin: 0 2px 10px 2px;
}
.filter-menu-top li a:link, .filter-menu-top li a:visited {
    clear: both;
    background: #45b384;
    border-radius: 28px;
    color: #ffffff;
    padding: 9px 18px 9px 18px;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 12px;
}
.filter-menu-top li a:hover {
    color: #ffffff;
    text-decoration: none;
    background: #45b384;
}
.filter-menu-top li.active a {
    color: #ffffff;
    text-decoration: none;
    background: #45b384;
}
.filter-menu-top li.reset a:link, .filter-menu-top li.reset a:visited {
    clear: both;
    background: #777776;
    border-radius: 42px;
    color: #ffffff;
    padding: 9px 12px 9px 12px;
    text-decoration: none !important;
}
.filter-menu-top li.reset a:hover {
    background: #5b5c5b;
    color: #ffffff;
    text-decoration: none !important;
}
.filter-wrapper {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.filter-menu ul, .filter-menu li {
    clear: both;
    float: left;
    width: 100%;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: auto;
}
.filter-menu ul {
    margin-bottom: 30px;
}
.filter-menu li {
    display: inline;
    border-bottom: #e8e8e8 solid 1px;
}
.filter-menu li a:link, .filter-menu li a:visited {
    float: left;
    width: 100%;
    height: auto;
    line-height: 25px;
    color: #575756;
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
    padding: 5px 0 5px 0;
    box-sizing: border-box;
}
.filter-menu li a:hover, .filter-menu .selection.selected {
    color: #45b384;
}
.filter-menu li.active a {
    color: #45b384;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}
a.btn-filter:link, a.btn-filter:visited {
    float: left;
    width: 100%;
    line-height: 25px;
    padding: 5px 10px 5px 10px;
    margin: 0 0 20px 0;
    opacity: 1.0;
    box-sizing: border-box;
    color: #FFFFFF;
    text-decoration: none;
    background: #45b384 url(../images/mob-nav-filter.png) no-repeat right;
    text-transform: uppercase;
    font-size: 14px;
}
a.btn-filter a:hover {
    opacity: 0.8;
}
.tags {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.tags a {
    float: left;
    background: #5c2483;
    border-radius: 24px;
    color: #ffffff !important;
    font-size: 14px;
    padding: 6px 16px 6px 16px;
    text-decoration: none !important;
    text-transform: uppercase;
    margin-right: 6px;
    margin-bottom: 10px;
}
.tags a:hover {
    background: #45b384;
    text-decoration: none;
}
.button {
    float: left;
    background: #5c2483;
    border-radius: 24px;
    color: #ffffff !important;
    font-size: 14px;
    padding: 6px 16px 6px 16px;
    text-decoration: none !important;
    text-transform: uppercase;
    margin: 30px 0 0 0;
}
.button:hover {
    background: #45b384;
    text-decoration: none;
}
.contactform, .loginform {
    padding-left: 14%;
    padding-right: 14%;
    text-align: center !important;
}
.contactform input[type='text'], .contactform textarea[type='text'], .contactform select, .contactform input[type='tel'], .contactform textarea, .loginform input[type='text'], .loginform textarea[type='text'], .loginform select, .loginform input[type='tel'], .loginform textarea {
    text-align: center !important;
}
.loginform a.btn-file:link, .loginform a.btn-file:visited, .loginform a.btn-file:hover {
    text-align: center !important;
}
.form {
    width: 100%;
    height: auto;
    text-align: left;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    margin: 30px 0 0 0;
}
.form h3 {
    color: #333146;
    margin-bottom: 15px;
	font-size: 18px;
}

.form h3 .fa {
	float:left;
	color:#333146;
	font-size: 20px;
	margin-right:15px;
}

.form h3 span {
	float:left;
	width: 80%;
	margin-bottom:5px;
}
.form h3 .fase {
	float:left;
	width: auto;
}
.form h3 .input {
	float:left;
	width: 60%;
	padding: 0 0 20px 20px;
}

.form h3 .icon-right {
	margin: 0 0px 5px 10px;
	float:right;
}
.footer-content .form-fo {
    margin: 0 0 25px 0;
}
.form input[type='text']:focus, .form input[type='password']:focus, .form input[type='email']:focus, .form select:focus, .form textarea:focus, .form input[type='date']:focus, .form input[type='tel']:focus {
    background-color: #ffffff;
    border: #5c2483 solid 1px;
    color: #5c2483;
    border-radius: 5px;
}
.form input[type='text'], .form input[type='password'], .form select, .form textarea, .form input[type='email'], .form input[type='date'], .form input[type='tel'] {
    width: 100%;
    border: #dadada solid 1px;
    height: 35px;
    line-height: 30px;
    font-size: 14px;
    color: #8f8f90;
    vertical-align: middle;
    background: #ffffff;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 5px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    padding-right: 15px;
}
.form option, .vacancy-filter option, .news-filter option {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    border-bottom: #ebebeb solid 1px;
}
.form select {
    background-color: #f0f4fc;
}
.form textarea {
    width: 100%;
    max-width: 100%;
    resize: vertical;
    border: #dfdfdf solid 1px;
    padding: 5px;
    min-height: 80px;
    text-align: left;
    box-sizing: border-box;
    line-height: 30px;
    font-size: 14px;
    color: #808080;
    border-radius: 5px;
}
textarea.large-text {
    min-height: 160px;
}
.form input[type='file'] {
    width: 100%;
    background-color: #45b384;
}
.form label {
}
.form input.required {
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    width: 100%;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin-bottom: 0;
    overflow-wrap: break-word;
    position: relative;
    text-align: left;
    top: 0;
    transition: all 0.2s ease-in-out 0s;
    vertical-align: middle;
    font-weight: 400;
    text-decoration: none;
    margin-right: 10px;
    border: #dadada solid 1px;
    background-color: #FFFFFF;
    color: #5c2483;
    text-align: center;
}
.inputfile:focus + label, .inputfile + label:hover {
    text-decoration: none;
    border: #0055b6 solid 1px;
    background-color: #5c2483;
    color: #ffffff;
}
.inputfile:focus + label {
    text-decoration: none;
    border: #0055b6 solid 1px;
    background-color: #5c2483;
    color: #ffffff;
}
.form input.required-error, .form textarea.required-error, .form select.required-error, a.btn-file.required-error:link, a.btn-file.required-error:visited, .required-error {
    border: #45b384 solid 2px;
    color: #45b384;
}
a.btn-file.required-error:hover {
    background-color: #45b384;
    color: #ffffff;
}
.required-error a:link, .required-error a:visited {
    color: #45b384;
}
.required-error a:hover {
    color: #575756;
}
.tr.required-error {
    box-sizing: border-box;
    padding: 10px !important;
}
.field-validation {
    display: none;
}
.field-validation-error {
    color: #45b384;
    display: block;
    margin-bottom: 8px;
}
.field-validation-error .fa-exclamation-triangle {
    font-size: 12px;
    margin-right: 5px;
}
.fa-exclamation-triangle {
    margin-right: 7px;
}
a.btn-file:link, a.btn-file:visited, a.btn-file.required:link, a.btn-file.required:visited {
    width: 100%;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin-bottom: 0;
    overflow-wrap: break-word;
    position: relative;
    text-align: left;
    top: 0;
    transition: all 0.2s ease-in-out 0s;
    vertical-align: middle;
    font-weight: 400;
    text-decoration: none;
    margin-right: 10px;
    border: #dadada solid 1px;
    background-color: #FFFFFF;
    color: #5c2483;
}
a.btn-file:hover, a.btn-file.required:hover {
    text-decoration: none;
    border: #0055b6 solid 1px;
    background-color: #5c2483;
    color: #ffffff;
}
.form-fo input[type='text']:focus, .form-fo input[type='password']:focus, .form-fo select:focus, .form-fo textarea:focus, .form-fo input[type='email']:focus {
    border: #ffffff solid 1px;
    color: #ffffff;
    border-radius: 5px;
}
.form-fo input[type='text'], .form-fo input[type='password'], .form-fo select, .form-fo textarea, .form-fo input[type='email'] {
    width: 100%;
    border: #45b384 solid 1px;
    height: 40px;
    line-height: 30px;
    font-size: 14px;
    color: #45b384;
    vertical-align: middle;
    background: none;
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 5px;
}

.section-dark .form input[type='text'], .section-dark .form input[type='password'], .section-dark .form select, .section-dark .form textarea, .section-dark .form input[type='email'], .section-dark .form input[type='date'], .section-dark .form input[type='tel'] {
    width: 100%;
    border-bottom: #685481 solid 1px;
	border-top:none;
	border-left:none;
	border-right:none;
    height: 35px;
    line-height: 30px;
    font-size: 14px;
    color: #89868e;
    vertical-align: middle;
    background: #5c2483;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 5px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    padding-right: 15px;
}
.section-dark .form input[type='text']:focus, .section-dark .form input[type='password']:focus, .section-dark .form input[type='email']:focus, .section-dark .form select:focus, .section-dark .form textarea:focus, .section-dark .form input[type='date']:focus, .section-dark .form input[type='tel']:focus {
    background-color: #5c2483;
	border-top:none;
	border-left:none;
	border-right:none;
    border-bottom: #fff solid 1px;
    color: #fff;
    border-radius: 0px;
}
.form .dropdown {
    border: #dadada solid 1px;
}
.align-left {
    text-align: left !important;
}
.align-center {
    text-align: center !important;
}
.align-right {
    text-align: right !important;
}


.switch-wrap {
	float:left;
	position: relative;
	width: 100%;
	min-height: 40px;
}
.switch-text {
	width: 100%;
	box-sizing: border-box;
	padding-right:75px;
	text-align: right;
	position: absolute;
	top:0;
}
.switch {
    width: 50px;
    height: 25px;
    position: absolute;
	right:0px;
}
.switch label {
    display: block;
    width: 50px;
    height: 25px;
    position: relative;
    background: #585857;
    border-radius: 25px;
	border: #575756 solid 1px;
   
}
.switch label:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px; right: 0px; bottom: 0px; left: 0px;
    border-radius: inherit;
    background: #fff; /* Fallback */

}
.switch label:before {
    content: "";
    position: absolute;
    z-index: -1;
   }
.switch label i {
    display: block;
    height: 50px;
    width: 25px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    border-radius: inherit;
    
}
.switch label i:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 25px;
    height: 25px;
    background: #FFF; /* Fallback */
    border-radius: inherit;
	border:#575756 solid 1px;
}
.switch label i:before {
	content: "";
    position: absolute;
    top: 50%;
    right: -50%;
    margin-top: -12px;
    color: #fff; /* Fallback */
    color: rgba(0,0,0,0.4);
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}
.switch input:checked ~ label { /* Background */
    background: #45b384;
}
 
.switch input:checked ~ label i { /* Toggle */
    left: 25px;
    right: -1px;
}
 
.switch input:checked ~ label i:before { /* On/off */
    content: "";
    
}
.switch input {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}


.empty-space-25, .empty-space-50, .empty-space-75, .empty-space-100, .empty-space-125, .empty-space-150, .empty-space-175, .empty-space-200, .empty-space-225, .empty-space-250, .empty-space-275, .empty-space-300, .empty-space-325, .empty-space-350, .empty-space-375, .empty-space-400, .empty-space-425, .empty-space-450, .empty-space-475, .empty-space-500 {
    width: 100%;
}
.empty-space-25 {
    height: 25px;
}
.empty-space-50 {
    height: 50px;
}
.empty-space-75 {
    height: 75px;
}
.empty-space-100 {
    height: 100px;
}
.empty-space-125 {
    height: 125px;
}
.empty-space-150 {
    height: 150px;
}
.empty-space-175 {
    height: 175px;
}
.empty-space-200 {
    height: 200px;
}
.empty-space-225 {
    height: 225px;
}
.empty-space-250 {
    height: 250px;
}
.empty-space-275 {
    height: 275px;
}
.empty-space-300 {
    height: 300px;
}
.empty-space-325 {
    height: 325px;
}
.empty-space-350 {
    height: 350px;
}
.empty-space-375 {
    height: 375px;
}
.empty-space-400 {
    height: 400px;
}
.empty-space-425 {
    height: 425px;
}
.empty-space-450 {
    height: 450px;
}
.empty-space-475 {
    height: 475px;
}
.empty-space-500 {
    height: 500px;
}
.tr {
    width: 100%;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
}
.form .tr {
    margin-bottom: 10px;
}

.progress-wrapper {
	width: 100%;
}

.progress-bar {
	float:left;
	width: 80%;
	height: 20px;
	background-color: #45b384;
	margin-top:7px;
}

.progress-wrapper .percentage {
	float: left;
	width: auto;
	height: 20px;
	line-height: 20px;
	margin:8px 0 0 15px;
}

.progress-wrapper span {
	font-size: 14px;
}
.progress {
	float: left;
	height: 20px;
	background-color: #5c2483;
}

.no-margin-bottom {
	margin-bottom:0px !important;
}

.table-wrapper {
	float:left;
	width: 100%;
	box-sizing: border-box;
}
.wrap, .progress-wrapper, .form-fo, .tr, .td-1, .td-2, .td-3, .td-4, .td-5, .td-6, .td-7, .td-8, .td-9, .td-10, .td-11, .td-12, .td-13, .td-14, .td-15, .td-16, .td-17, .td-18, .td-19, .td-20, .td-21, .td-22, .td-23, .td-24, .td-25, .td-26, .td-27, .td-28, .td-29, .td-30, .td-31, .td-32, .td-33, .td-34, .td-35, .td-36, .td-37, .td-38, .td-39, .td-40, .td-41, .td-42, .td-43, .td-44, .td-45, .td-46, .td-47, .td-48, .td-49, .td-50, .td-51, .td-52, .td-53, .td-54, .td-55, .td-56, .td-57, .td-58, .td-59, .td-60, .td-61, .td-62, .td-63, .td-64, .td-65, .td-66, .td-67, .td-68, .td-69, .td-70, .td-71, .td-72, .td-73, .td-74, .td-75, .td-76, .td-77, .td-78, .td-79, .td-80, .td-81, .td-82, .td-83, .td-84, .td-85, .td-86, .td-87, .td-88, .td-89, .td-90, .td-91, .td-92, .td-93, .td-94, .td-95, .td-96, .td-97, .td-98, .td-99, .td-100, .table-cell, .table-row, .table-col {
    float: left;
    height: auto;
    display: table;
    table-layout: fixed;
}

.bg-lightgrey .table-row {
	border-bottom:#ffffff solid 1px;
}

.bg-lightgrey .bg-white .table-row {
		border-bottom:#cccccc solid 1px;
}

.table-cell {
	float:left;
	width: 100%;
padding: 10px 10px 10px 10px;
	box-sizing: border-box;
}

.td-1, .width-1, .cell-1 {
    width: 1%;
}
.td-2, .width-2, .cell-2 {
    width: 2%;
}
.td-3, .width-3, .cell-3 {
    width: 3%;
}
.td-4, .width-4, .cell-4 {
    width: 4%;
}
.td-5, .width-5, .cell-5 {
    width: 5%;
}
.td-6, .width-6, .cell-6 {
    width: 6%;
}
.td-7, .width-7, .cell-7 {
    width: 7%;
}
.td-8, .width-8, .cell-8 {
    width: 8%;
}
.td-9, .width-9, .cell-9 {
    width: 9%;
}
.td-10, .width-10, .cell-10 {
    width: 10%;
}
.td-11, .width-11, .cell-11 {
    width: 11%;
}
.td-12, .width-12, .cell-12 {
    width: 12%;
}
.td-13, .width-13, .cell-13 {
    width: 13%;
}
.td-14, .width-14, .cell-14 {
    width: 14%;
}
.td-15, .width-15, .cell-15 {
    width: 15%;
}
.td-16, .width-16, .cell-16 {
    width: 16%;
}
.td-17, .width-17, .cell-17 {
    width: 17%;
}
.td-18, .width-18, .cell-18 {
    width: 18%;
}
.td-19, .width-19, .cell-19 {
    width: 19%;
}
.td-20, .width-20, .cell-20 {
    width: 20%;
}
.td-21, .width-21, .cell-21 {
    width: 21%;
}
.td-22, .width-22, .cell-22 {
    width: 22%;
}
.td-23, .width-23, .cell-23 {
    width: 23%;
}
.td-24, .width-24, .cell-24 {
    width: 24%;
}
.td-25, .width-25, .cell-25 {
    width: 25%;
}
.td-26, .width-26, .cell-26 {
    width: 26%;
}
.td-27, .width-27, .cell-27 {
    width: 27%;
}
.td-28, .width-28, .cell-28 {
    width: 28%;
}
.td-29, .width-29, .cell-29 {
    width: 29%;
}
.td-30, .width-30, .cell-30 {
    width: 30%;
}
.td-31, .width-31, .cell-31 {
    width: 31%;
}
.td-32, .width-32, .cell-32 {
    width: 32%;
}
.td-33, .width-33, .cell-33 {
    width: 33%;
}
.td-34, .width-34, .cell-34 {
    width: 34%;
}
.td-35, .width-35, .cell-35 {
    width: 35%;
}
.td-36, .width-36, .cell-36 {
    width: 36%;
}
.td-37, .width-37, .cell-37 {
    width: 37%;
}
.td-38, .width-38, .cell-38 {
    width: 38%;
}
.td-39, .width-39, .cell-39 {
    width: 39%;
}
.td-40, .width-40, .cell-40 {
    width: 40%;
}
.td-41, .width-41, .cell-41 {
    width: 41%;
}
.td-42, .width-42, .cell-42 {
    width: 42%;
}
.td-43, .width-43, .cell-43 {
    width: 43%;
}
.td-44, .width-44, .cell-44 {
    width: 44%;
}
.td-45, .width-45, .cell-45 {
    width: 45%;
}
.td-46, .width-46, .cell-46 {
    width: 46%;
}
.td-47, .width-47, .cell-47 {
    width: 47%;
}
.td-48, .width-48, .cell-48 {
    width: 48%;
}
.td-49, .width-49, .cell-49 {
    width: 49%;
}
.td-50, .width-50, .cell-50 {
    width: 50%;
}
.td-51, .width-51, .cell-51 {
    width: 51%;
}
.td-52, .width-52, .cell-52 {
    width: 52%;
}
.td-53, .width-53, .cell-53 {
    width: 53%;
}
.td-54, .width-54, .cell-54 {
    width: 54%;
}
.td-55, .width-55, .cell-55 {
    width: 55%;
}
.td-56, .width-56, .cell-56 {
    width: 56%;
}
.td-57, .width-57, .cell-57 {
    width: 57%;
}
.td-58, .width-58, .cell-58 {
    width: 58%;
}
.td-59, .width-59, .cell-59 {
    width: 59%;
}
.td-60, .width-60, .cell-60 {
    width: 60%;
}
.td-61, .width-61, .cell-61 {
    width: 61%;
}
.td-62, .width-62, .cell-62 {
    width: 62%;
}
.td-63, .width-63, .cell-63 {
    width: 63%;
}
.td-64, .width-64, .cell-64 {
    width: 64%;
}
.td-65, .width-65, .cell-65 {
    width: 65%;
}
.td-66, .width-66, .cell-66 {
    width: 66%;
}
.td-67, .width-67, .cell-67 {
    width: 67%;
}
.td-68, .width-68, .cell-68 {
    width: 68%;
}
.td-69, .width-69, .cell-69 {
    width: 69%;
}
.td-70, .width-70, .cell-70 {
    width: 70%;
}
.td-71, .width-71, .cell-71 {
    width: 71%;
}
.td-72, .width-72, .cell-72 {
    width: 72%;
}
.td-73, .width-73, .cell-73 {
    width: 73%;
}
.td-74, .width-74, .cell-74 {
    width: 74%;
}
.td-75, .width-75, .cell-75 {
    width: 75%;
}
.td-76, .width-76, .cell-76 {
    width: 76%;
}
.td-77, .width-77, .cell-77 {
    width: 77%;
}
.td-78, .width-78, .cell-78 {
    width: 78%;
}
.td-79, .width-79, .cell-79 {
    width: 79%;
}
.td-80, .width-80, .cell-80 {
    width: 80%;
}
.td-81, .width-81, .cell-81 {
    width: 81%;
}
.td-82, .width-82, .cell-82 {
    width: 82%;
}
.td-83, .width-83, .cell-83 {
    width: 83%;
}
.td-84, .width-84, .cell-84 {
    width: 84%;
}
.td-85, .width-85, .cell-85 {
    width: 85%;
}
.td-86, .width-86, .cell-86 {
    width: 86%;
}
.td-87, .width-87, .cell-87 {
    width: 87%;
}
.td-88, .width-88, .cell-88 {
    width: 88%;
}
.td-89, .width-89, .cell-89 {
    width: 89%;
}
.td-90, .width-90, .cell-90 {
    width: 90%;
}
.td-91, .width-91, .cell-91 {
    width: 91%;
}
.td-92, .width-92, .cell-92 {
    width: 92%;
}
.td-93, .width-93, .cell-93 {
    width: 93%;
}
.td-94, .width-94, .cell-94 {
    width: 94%;
}
.td-95, .width-95, .cell-95 {
    width: 95%;
}
.td-96, .width-96, .cell-96 {
    width: 96%;
}
.td-97, .width-97, .cell-97 {
    width: 97%;
}
.td-98, .width-98, .cell-98 {
    width: 98%;
}
.td-99, .width-99, .cell-99 {
    width: 99%;
}
.td-100, .width-100, .wrap, .cell-100 {
    width: 100%;
}

.wrap {
	margin-bottom:30px;
}
.cols-4 .col:nth-of-type(4n) {
    clear: right;
    margin-right: 0;
}
.cols-2 .col:nth-of-type(2n) {
    clear: right;
    margin-right: 0;
}
.filter-wrapper {
    display: block;
}
.menu-footer {
    float: left;
    width: 100%;
    height: auto;
}
.menu-footer ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}
.menu-footer ul li {
    float: left;
    width: 100%;
    text-align: left;
}
.menu-footer ul li a:link, .menu-footer ul li a:visited {
    color: #ffffff;
    font-size: 13px;
    text-decoration: none;
}
.menu-footer ul li a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.menu-bottom {
    float: left;
    width: 100%;
    height: auto;
    color: #979797;
    font-size: 13px;
}
.menu-bottom ul {
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: auto;
    list-style: none;
}
.menu-bottom ul li {
    float: left;
    width: auto;
    text-align: left;
    margin: 0 15px 0 0;
}
.menu-bottom ul li a:link, .menu-bottom ul li a:visited, .login-bottom a:link, .login-bottom a:visited {
    color: #979797;
    font-size: 13px;
    text-decoration: none;
}
.menu-bottom ul li a:hover, .login-bottom a:hover {
    color: #ffffff;
    text-decoration: none;
}
.login-bottom {
    float: right;
    width: 31.2%;
    text-align: left;
}
.cta-block {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}
.cta-block-content {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 230px;
}
.cta-block-content .heading {
    margin-bottom: 20px;
}
.cta-block h3 {
    text-transform: uppercase;
}
.cta-block-content .text span {
    font-size: 17px;
}
.cta-block-content .cta-text {
    color: #575756;
}
.cta-block-content .cta-text, .cta-block-content .text {
    display: block;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    height: 4.5em;
    line-height: 1.5em;
}
.cta-amount {
    position: absolute;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #45b384;
    font-size: 26px;
}
.cta-btn {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 40px;
}
.cta-donate-button {
    float: left;
    position: relative;
    width: 100%;
    background-color: #5c2483;
    margin-top: 20px;
    height: 35px;
    border-radius: 5px;
}
.cta-donate-button .cta-btn-left, .cta-donate-button .cta-btn-right {
    position: absolute;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    z-index: 10;
}
.cta-donate-button .cta-btn-left {
    left: 0px;
    transform: rotate(180deg);
}
.cta-donate-button .cta-btn-right {
    right: 0px;
}
.cta-donate-button .cta-btn-left .fa, .cta-donate-button .cta-btn-right .fa {
    font-size: 28px;
    line-height: 35px;
    color: #ffffff;
}
.cta-donate-button .cta-btn-left a:link, .cta-donate-button .cta-btn-left a:visited, .cta-donate-button .cta-btn-right a:link, .cta-donate-button .cta-btn-right a:visited {
    color: #ffffff;
    text-decoration: none;
}
.cta-donate-button .cta-btn-left a:hover, .cta-donate-button .cta-btn-right a:hover {
    color: #ffffff;
    opacity: 0.8;
}
.download-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.download-content {
    float: left;
    width: 100%;
}
.download-content ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    list-style: none;
}
.download-content li {
    float: left;
    box-sizing: border-box;
}
.download-content li.filename {
    width: 60%;
    padding-right: 20px;
    padding-top: 6px;
    text-align: left;
}
.download-content li.filetype {
    width: 10%;
    padding-right: 20px;
    padding-top: 6px;
    text-align: left;
}
.download-content li.filesize {
    width: 10%;
    padding-top: 6px;
    text-align: left;
}
.download-content li.filebutton {
    float: right;
    width: 20%;
    text-align: right;
}
.filebutton a.btn-outline {
    margin: 0;
}
@media screen and (max-width:1000px) {
.offset-btn a:link, .offset-btn a:visited {
    float: right;
    border-radius: 28px;
    font-size: 14px;
    padding: 10px 15px;
}
.offset-menu > li {
    width: 55%;
    padding: 10px 0 10px 10px;
}
.offset-menu li ul {
    margin-left: -11px;
}
.cols-4 .col {
    width : 48.4%;
}
.cols-4 .col:nth-of-type(2n) {
    clear: right;
    margin-right: 0;
}
.header-bottom {
    height: 90px;
    background-size : auto 60px;
}
.footer-content .cols-3 .col {
    width : 31.2%;
}
.cols-3 .post:nth-of-type(3n) {
    clear: right;
    margin-right: 0;
}
.filter-wrapper {
    display: block;
}
.vacancy-header {
    padding-left: 5%;
    padding-right: 5%;
}
.vacancy-filter, .news-filter, .search-filter {
    padding-left: 15%;
    padding-right: 15%;
}
.vacancy-header {
    padding-bottom: 23%;
}
}

@media screen and (max-width:786px) {
	.blocks-menu-wrapper {
    height: 200px;
}
.blocks-menu .blocks-menu-button {
    width: 25%;
}
	.blocks-menu .fa {
    margin-top: 30px;
}
	
	.blocks-menu-wrapper {
    padding: 0px 0 0 0;
}
	
.vacancy-header {
    padding-left: 5%;
    padding-right: 5%;
}
.vacancy-filter, .news-filter, .search-filter {
    padding-left: 10%;
    padding-right: 10%;
}
#larger-devices {
    display: none;
}
#smaller-devices {
    height: 100%;
    width: 100%;
    text-align: left;
}
.main-heading-inner {
    padding-bottom: 0;
}
.main-heading-inner {
    background-color: #ffffff;
    box-sizing: border-box;
    float: left;
    height: auto;
    margin-top: 0;
    position: relative;
    width: 100%;
}
.main-heading {
    float: left;
    margin-bottom: 40px;
}
.main-heading {
    clear: both;
    height: auto;
    min-height: 1px;
    position: relative;
    width: 100%;
}
.main-heading-bg {
    display: none;
}

}

@media screen and (max-width:768px) {
	.download-content li.filename, .download-content li.filetype, .download-content li.filesize {
    width: 75%;
}
.download-content li.filebutton {
    width: 25%;
}
.offset-content .teaser-wrapper {
    width: 100%;
    margin-bottom: 40px;
}
.input-nb {
    width: 10%;
}
.text-nb {
    width: 90%;
}
.ammount-button span {
    font-size: 16px;
}
.vacancy-menu {
    margin-top: -20%;
}
.vacancy-menu li {
    float: left;
    width: 33.333333%;
    overflow: hidden;
}
.vacancy-menu-inner {
    padding-bottom: 100%;
}
.main-header-container .heading {
    padding-left: 14%;
    padding-right: 14%;
}
.page-offset-content-left, .page-offset-content-right {
    width: 100%;
}
.page-offset-content-right-small, .page-offset-content-left-small {
    width: 100%;
}
.page-offset-content-right-small {
    padding-right: 3.2%;
}
#hide-mob {
    display: none;
}
.blocks {
    width: 50%;
    padding-bottom: 50%;
}
.media-wrapper {
    padding-top: 56.25%;
}
.nav-mobile {
    position: fixed;
    padding: 0 0 40px 0;
    width: 100%;
    height: 100%;
    z-index: 45;
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #ffffff;
}
.nav-container .inner {
    padding: 15px 0 10px 0;
}
.cols-3 .team-wrapper, .cols-3 .team-wrapper:nth-of-type(3n) {
    width : 48.4%;
    margin-right: 3.2%;
}
.cols-3 .team-wrapper:nth-of-type(2n) {
    margin-right: 0%;
}
.blend-bar {
    clear: both;
}
.toggle-wrapper .col1 {
    margin-bottom: 20px;
}
.doc-header, .doc-teaser, .event-date {
    margin-top: 40px;
}
.doc-nav, .doc-footer .social-icons {
    margin-top: 30px;
}
.event-date {
    width: 45%;
}
.offset-menu-wrapper {
    height: 108px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.offset-btn a:link, .offset-btn a:visited {
    float: left;
    border-radius: 28px;
    font-size: 14px;
    padding: 10px 15px;
}
.offset-btn {
    width: 100%;
    margin-top: 20px;
}
.offset-menu > li {
    width: 100%;
    padding: 10px 0 10px 10px;
}
.offset-menu li ul {
    margin-left: -11px;
}
.main-heading {
    float: left;
    margin-bottom: 40px;
}
.main-heading-inner {
    background-color: #ffffff;
    box-sizing: border-box;
    height: auto;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 0;
    padding-bottom: 60px;
}
.main-heading-bg {
    display: none;
}
.offset-blocks {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.offset-image-left, .offset-image-right {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
    min-height: 220px;
}
.offset-cols {
    float: left;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    min-height: 1px;
    position: relative;
}
.offset-content-right {
    clear: both;
    display: table;
    box-sizing: border-box;
}
.offset-content-right {
    margin-left: 50%;
}
.offset-content-left {
    margin-right: 50%;
}
.offset-content-right .offset-content, .offset-content-left .offset-content {
    box-sizing: border-box;
    padding: 60px 15% !important;
    text-align: left;
    display: inline-table;
}
.offset-content-right .offset-content .text, .offset-content-left .offset-content .text {
    clear: both;
    float: none;
    margin-bottom: 40px;
}
.offset-content-right .offset-content .text p, .offset-content-left .offset-content .text p {
    margin-bottom: 24px;
}
.offset-image-left .offset-date, .offset-image-right .offset-date {
    margin-top: auto;
    top: auto;
}
.offset-image-left .offset-date {
    right: 50%;
    margin-right: -50px;
    bottom: -50px;
}
.offset-image-right .offset-date {
    left: auto;
    right: 50%;
    margin-right: -50px;
    bottom: -50px;
}
.offset-image-left, .offset-image-right {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
}
.offset-cols {
    position: relative;
    float: left;
}
.offset-content-right, .offset-content-left {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 100%;
}
.post-image {
    width: 45%;
}
.post-content-right {
    margin-left: 45%;
}
.team-filter-wrapper .filter-title {
    display: none;
}
.team-filter-reset {
    width: 100%;
    border-left: none;
}
.team-filter-reset a:link, .team-filter-reset a:visited {
    width: 100%;
}
ul.team-filter {
    width: 100%;
    border-left: none;
    border-right: none;
    border-bottom: #5c2483 solid 1px;
}
.team-filter li ul {
    width: 104%;
    position: relative;
    margin-left: -4%;
}
.team-filter-reset span {
    display: block;
    width: 80%;
    float: left;
}
.btn-nav-mobile {
    display : block;
    float : right;
    margin : 18px 3.06%;
    margin-right : 0;
    cursor : pointer;
    color: #5c2483;
}
.btn-nav-mobile a {
    text-decoration: none;
    color: #5c2483 !important;
}
.btn-nav-mobile a:hover {
    text-decoration: none;
    color: #45b384 !important;
}
.btn-filter {
    display: block;
}
.filter-wrapper {
    display: none;
}
.header-bottom {
    height: 90px;
    background-size : auto 40px;
}
.mob-nav-btn {
    display : block;
    width: 27px;
    height : 27px;
    color : #ffffff;
    line-height : 27px;
    cursor : pointer;
}
#larger-devices {
    display: none;
}
.filter-menu-top li {
    float: left;
    width: 100%;
}
.cols-6 .col {
    width : 48.4%;
}
.cols-6 .col:nth-of-type(2n) {
    margin-right: 0%;
}
.cols-7 .col {
    width: 31.2%;
}
.cols-7 .col:nth-of-type(3n), .cols-7 .col:nth-of-type(6n) {
    margin-right: 0%;
}
.cols-7 .col:nth-of-type(7n) {
    margin-right: 0%;
    margin-left: 34.4%;
}
.reference-box {
    width : 48.4%;
    margin-right: 3.2%;
}
.references .reference-box:nth-of-type(3n) {
    clear : none;
    margin-right : 3.2%;
}
.references .reference-box:nth-of-type(2n) {
    clear : none;
    margin-right : 0%;
}
.cols3 .col1-col2 {
    width: 100%;
}
.col1, .col2, .col3, .col4, .col2-col4 {
    width: 100%;
}
.cols-4 .col, .cols-3 .col {
    width : 48.4%;
}
.cols-3 .col:nth-of-type(3n), .cols-4 .col:nth-of-type(3n) {
    clear : none;
    margin-right : 3.2%;
}
.cols-3 .col:nth-of-type(2n), .cols-4 .col:nth-of-type(2n) {
    clear : right;
    margin-right : 0;
}
.cols-5 .col {
    width : 48.4%;
}
.cols-5 .col:nth-of-type(2n) {
    margin-right: 0%;
}
.cols-5 .col:nth-of-type(5n) {
    margin-right: 3.2%;
}

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

.col1-col3, .col2-col3 {
    width: 100%;
}
.cols-3 .col:nth-of-type(2n) {
    clear : right;
    margin-right : 0;
}
.col1-col2, .col3-col4 {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin-bottom: 20px;
}
.page-content, .footer-content {
    padding: 0 6%;
}
.filter-wrapper {
    display: none;
}
.main-heading-inner {
    padding-bottom: 0px;
}
.footer-bottom .lang-wrapper {
    margin-right: 50px;
}
.packaging-image a.losgestort:link, .packaging-image a.losgestort:visited, .packaging-image a.bigbale:link, .packaging-image a.bigbale:visited, .packaging-image a.bigbag:link, .packaging-image a.bigbag:visited, .packaging-image a.minibigbag:link, .packaging-image a.minibigbag:visited, .packaging-image a.growbag:link, .packaging-image a.growbag:visited, .packaging-image a.bags:link, .packaging-image a.bags:visited {
    background-size: 75%;
    margin-bottom: 0px;
}
.desktop-off {
    display: block;
}
.media-content-top {
    top: 40px;
}
.media-content-bottom {
    bottom: 40px;
}
.map-wrapper {
    height: 600px;
}
.btn-nav-mobile {
    display: block;
}
#larger-devices {
    display: none;
}
#smaller-devices {
    height: 100%;
    width: 100%;
    text-align: left;
}
.logo-fo {
    float: left;
    height: auto;
    min-height: 65px;
    margin-bottom: 40px;
}
.logo-fo img {
    top: 0px;
    width: 190px;
}
.footer-bottom {
    line-height: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.menu-bottom ul {
    width: 100%;
    max-width: 100%;
}
.menu-bottom ul li {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 0 0;
}
.seperator {
    display: none;
}
.login-bottom {
    float: left;
    width: 100%;
    text-align: center;
}
.page-offset-content-right-small .cta-block {
    padding-bottom: 50%;
}
}

@media screen and (max-width:700px) {
.cta-block {
    padding-bottom: 46.25%;
}
.cta-block-content {
    min-height: 270px;
}
.page-content-no-spaces .cols-wrapper .col {
    min-height: 350px;
}
.cta-btn {
    height: 40px;
    padding-top: 50px;
}
.bg-donation, .bg-volunteer, .bg-register {
    background-position: left top;
}
.page-offset-content-right-small .cta-block {
    padding-bottom: 50%;
}
.page-offset-content-right-small .cta-block .cta-btn {
    padding-top: 0px;
}
.page-offset-content-right-small .cta-block .bg-donation, .page-offset-content-right-small .cta-block .bg-volunteer, .page-offset-content-right-small .cta-block .bg-register {
    background-position: right top;
}
}

@media screen and (max-width:520px) {
	.main-header-container {
    height: 640px;
}
	
	.header-title-wrapper {
	position: absolute;
	width:100%;
	right:0px;
	height: 50%;
	top: 0;
	z-index: 10;
		background-image: url(../images/bg-raster-rectangle.jpg);
		    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

	.main-header-container .header-content {
		float: left;
		position: relative;
		background-color: #ebecee;
		    max-width: 1000px;
		width: 100%;
		box-sizing: border-box;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
    bottom: 0px;
    z-index: 3;
}
	
	.header-title-wrapper h1 {
	font-size:20px;
	margin-top:100px;
}
	.main-header-container .header-layer {
	background-position: left;
    background-size : cover 50%;

}
.blocks-menu .blocks-menu-button {
    width: 50%;
}
		.blocks-menu .fa {
    margin-top: 50px;
}
.offset-image-left .fa-border, .offset-image-right .fa-border {
    margin-top: -75px;
    margin-left: -75px;
    height: 150px;
    width: 150px;
    border-radius: 150px;
}
.offset-image-left .fa, .offset-image-right .fa {
    position: relative;
    left: 0;
    top: 25px;
    color: #FFFFFF;
    font-size: 75px;
}
.input-nb {
    width: 10%;
}
.text-nb {
    width: 90%;
}
.checkbox {
    margin-left: 0px;
    left: 0%;
}
checkbox .section-light .offset-btn-outline a:link, .section-light .offset-btn-outline a:visited, .section-dark .offset-btn-outline a:link, .section-dark .offset-btn-outline a:visited, .section-light .offset-btn a:link, .section-light .offset-btn a:visited, .section-dark .offset-btn a:link, .section-dark .offset-btn a:visited {
    width: 100%;
    margin-right: 0px;
}
.ammount-button span {
    font-size: 14px;
}
.popup-container .popup {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 10px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
    left: 0;
    max-width: 1000px;
    padding: 15px 15px 30px 15px;
    position: absolute;
    text-align: center;
    top: 0;
    transform: none;
    width: 100%;
    height: 100%;
    z-index: 5001;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.search-filter {
    padding-left: 10%;
    padding-right: 10%;
}
.offset-menu-wrapper {
    height: auto;
}
.empty {
    display: none;
}

.contactform, .list-wrapper {
    padding-left: 0%;
    padding-right: 0%;
}
.vacancy-filter input[type='text'], .news-filter input[type='text'], .search-filter input[type='text'] {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
}
.vacancy-filter .vacancy-submit, .news-filter .news-submit, .search-filter .search-submit {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
}
.vacancy-filter .vacancy-reset, .news-filter .news-reset, .search-filter .search-reset {
    width: 25%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 5px;
}
.news-filter input[type='text'], .news-filter .news-dropdown, .vacancy-filter input[type='text'], .vacancy-filter .vacancy-dropdown, .search-filter input[type='text'] {
    width: 100%;
    text-align: left;
    padding-left: 7px;
}
.news-filter .news-submit, .vacancy-filter .vacancy-submit, .search-filter .search-submit {
    width: 75%;
}
.search-filter input[type="text"] {
    width: 100%;
}
.vacancy-menu {
    margin-top: -20%;
}
.vacancy-menu li {
    float: left;
    width: 100%;
    overflow: hidden;
}
.vacancy-menu-inner {
    padding-bottom: 30%;
}
.vacancy-menu li a:link h3, .vacancy-menu li a:visited h3 {
    font-size: 16px;
}
.vacancy-menu li a:link .text {
    font-size: 14px;
}
.vacancy-menu li a:hover .text {
    display: block;
    font-size: 14px;
}
.vacancy-menu li.blue a:hover .text {
    font-size: 16px;
}
.vacancy-content h3, .vacancy-content h4 {
    min-height: 4.5em;
    height: auto;
}
.vacancy-content h4 {
    max-height: 3.0em;
    height: auto;
}
.media-wrapper {
    padding-top: 56.25%;
}
.content-slider-btn-top, .content-slider-btn-bottom, .bg-btn-top, .bg-btn-bottom {
    height: 40px;
    width: 40px;
}
.content-slider-btn-top a:link, .content-slider-btn-top a:visited, .content-slider-btn-bottom a:link, .content-slider-btn-bottom a:visited {
    line-height: 40px;
}
.content-slider-btn-top .fa, .content-slider-btn-bottom .fa {
    font-size: 20px;
}
.content-slider-btn-top a:link, .content-slider-btn-top a:visited, .content-slider-btn-bottom a:link, .content-slider-btn-bottom a:visited {
    height: 40px;
    width: 40px;
}
.content-slider-btn-top .fa, .content-slider-btn-bottom .fa {
    line-height: 40px;
}
.toggle-wrapper .col1 {
    margin-bottom: 20px;
}
.doc-header, .doc-teaser, .event-date {
    margin-top: 40px;
}
.main-heading-inner {
    padding-bottom: 0px;
}
.event-date {
    width: 70%;
}
.offset-menu li ul {
    margin-left: -11px;
}
.logo-slide {
    width: 400%;
}
.logos-4 .logo-slider-item {
    width : 25%;
}
.logos-4 .logo-slider-item:nth-of-type(1n) {
    clear: right;
    margin-right: 0;
}
.contact-toggle-box {
    float: left;
    width: auto;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.post-box {
    float: left;
    width: 100%;
    position: relative;
}
.post-image {
    height: 240px;
    position: absolute;
    top: 0;
    width: 100%;
}
.post-cols {
    width: 100%;
    padding: 240px 0 0 0;
    position: relative;
}
.post-content-right {
    clear: both;
    margin-left: 0%;
}
.post-content-top, .post-content-bottom {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-left: 6.4%;
    padding-right: 3.2%;
}
.post-content .name, .post-content .date {
    width: 80%;
    margin-left: 15px;
}
.post-content .name {
    margin-top: 0px;
}
.doc-nav {
    margin-left: 5%;
    width: 95%;
}
.offset-product-blocks-col1-col2 {
    width: 100%;
    min-height: 450px;
}
.offset-product-blocks-col2-col3 {
    float: left;
    width: 100%;
    min-height: 450px;
}
.offset-product-blocks-col3 {
    float: left;
    width: 100%;
    min-height: 450px;
}
.offset-product-blocks-col1 {
    width: 100%;
    min-height: 450px;
}
.offset-product-image-left, .offset-product-image-right {
    width: 100%;
    height: 225px;
}
.offset-product-image-right, .offset-product-content-right {
    left: 0%;
}
.offset-product-image-top, .offset-product-image-bottom {
    height: 225px;
    width: 100%;
    margin-left: 0%;
}
.offset-product-content-left, .offset-product-content-right {
    width: 100%;
    height: 225px;
    left: 0%;
    margin-top: 225px;
}
.offset-product-image-right {
    left: 0%;
}
.offset-content-left {
    margin-right: 0%;
    width: 100%;
}
.offset-product-content-top, .offset-product-content-bottom {
    box-sizing: border-box;
    height: 225px;
    position: absolute;
    z-index: 3;
    width: 100%;
}
.offset-product-content-top {
    top: 0;
}
.offset-product-content-bottom {
    bottom: 0;
}
.arrow-right {
    background-image: url(../images/arrow-top.png);
    background-position: top center;
}
.arrow-left {
    background-image: url(../images/arrow-top.png);
    background-position: top center;
}
.arrow-top {
    background-image: url(../images/arrow-top.png);
    background-position: top center;
}
.nav-container-top .contact-info span {
    display: none;
}
.nav-container-top .contact-info i {
    margin-right: 10px;
    margin-left: 10px;
}
.offset-image-left, .offset-image-right {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
}
.offset-cols {
    position: relative;
    float: left;
}
.offset-content-right {
    clear: both;
    float: left;
    margin-left: 0%;
    width: 100%;
}
.margin-no-heading {
    margin-top: 0px;
}
.testimonial .quote {
    font-size: 28px;
    line-height: 1.5em;
    text-align: center;
}
.historyContainer .left .box h2 {
    text-align: left;
    float: left;
}
.historyContainer .left li {
    background: url(../images/bg-bullet-history.png) no-repeat center left;
}
.bg-white .historyContainer .left li {
    background: rgba(0, 0, 0, 0) url("../images/bg-white-bullet-history.png") no-repeat scroll left center;
}
.cols-3 .team-wrapper, .cols-3 .team-wrapper:nth-of-type(3n) {
    width : 100%;
    margin-right: 0%;
}
.team-filter-wrapper .filter-title {
    display: none;
}
.team-filter-reset {
    width: 100%;
}
.team-filter-reset a:link, .team-filter-reset a:visited {
    width: 100%;
}
ul.team-filter {
    width: 100%;
    border-bottom: #5c2483 solid 1px;
}
.team-filter li ul {
    width: 104%;
    position: relative;
    margin-left: -4%;
}
.team-filter-reset span {
    display: block;
    width: 80%;
    float: left;
}
.filter-wrapper {
    display: none;
}
.reference-box {
    width : 100%;
    margin-right: 0%;
}
.references .reference-box:nth-of-type(3n) {
    clear : none;
    margin-right : 0%;
}
.references .reference-box:nth-of-type(2n) {
    clear : none;
    margin-right : 0%;
}
.col1-col2, .col3-col4 {
    width: 100%;
    display: table;
    table-layout: fixed;
}
.col {
    clear: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}
.cols-3 .col1, .cols-3 .col2, .cols-3 .col3, .cols3 .col1, .cols3 .col2, .cols3 .col3 {
    width : 100%;
    margin-right: 0%;
}
.col1-col3, .col2-col3, .cols3 .col1-col2, .cols-3 .col2-col3 {
    width: 100%;
}
.col4 {
    float: left;
    width: 100%;
    text-align: left;
}
.filter-menu-top ul {
    float: left;
    width: 100%;
}
.filter-menu-top li {
    float: left;
    width: 100%;
}
.historyContainer .left, .historyContainer .right {
    width: 100%;
    margin-top: 50px;
    padding-bottom: 50px;
    margin-left: 20px;
}
.historyContainer .left, .historyContainer .right {
    float: left;
    text-align: left;
}
.historyContainer .timeline {
    left: 21px;
    margin-left: -1px;
}
.historyContainer .left .teaser, .historyContainer .right .teaser {
    float: left;
}
.historyContainer .teaser img {
    min-height: 100%;
}
.historyContainer .box h2 {
    margin-bottom: 20px;
    font-size: 22px;
    text-transform: uppercase;
}
.page-content, .footer-content {
    padding: 0 6%;
    box-sizing: border-box;
    width: 100%;
}
.quote {
    font-size: 1.0em;
    line-height: 1.4em;
}
.footer-bottom .lang-wrapper {
    margin-right: 50px;
}
.packaging-image a.losgestort:link, .packaging-image a.losgestort:visited, .packaging-image a.bigbale:link, .packaging-image a.bigbale:visited, .packaging-image a.bigbag:link, .packaging-image a.bigbag:visited, .packaging-image a.minibigbag:link, .packaging-image a.minibigbag:visited, .packaging-image a.growbag:link, .packaging-image a.growbag:visited, .packaging-image a.bags:link, .packaging-image a.bags:visited {
    background-size: 40%;
    margin-bottom: 0px;
}
.desktop-off {
    display: block;
}
.media-content-top {
    top: 30px;
}
.media-content-bottom {
    bottom: 30px;
}
.call-to-action .text {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.call-to-action .btn {
    float: left;
    width: 100%;
}
.call-to-action .btn a:link, .call-to-action .btn a:visited {
    float: left;
    position: relative;
    width: 100px;
    left: 50%;
    margin-left: -75px;
    text-align: center;
}
.offset-image-left .offset-date, .offset-image-right .offset-date {
    margin-top: auto;
    top: auto;
}
.offset-image-left .offset-date {
    right: 50%;
    margin-right: -50px;
    bottom: -50px;
}
.offset-image-right .offset-date {
    left: auto;
    right: 50%;
    margin-right: -50px;
    bottom: -50px;
}
.news-block .heading {
    margin-top: 20px;
}
.blocks {
    width: 100%;
    padding-bottom: 100%;
}
.page-content-no-spaces .page-content {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.page-offset-content-right {
    float: left;
    width: 100%;
}
.page-content-no-spaces .cols-wrapper .col {
    min-height: 270px;
}
.cta-btn {
    height: 40px;
    padding-top: 0px;
}
.bg-donation, .bg-volunteer, .bg-register {
    background-position: right top;
}
.cta-block {
    padding-bottom: 46.25%;
}
.cta-block-content {
    min-height: 230px;
}
.page-offset-content-right-small .cta-block {
    padding-bottom: 55%;
    min-height: 300px;
}
	.download-content li.filename, .download-content li.filetype, .download-content li.filesize, .download-content li.filebutton {
    width: 100%;
    text-align: center;
}
.download-content li.filebutton {
    margin-top: 30px;
}

.responsive .cell-1, .responsive .cell-2, .responsive .cell-3, .responsive .cell-4, .responsive .cell-5, .responsive .cell-6 .responsive .cell-7, .responsive .cell-8, .responsive .cell-9, .responsive .cell-10,
.responsive .cell-11, .responsive .cell-12, .responsive .cell-13, .responsive .cell-14, .responsive .cell-15, .responsive .cell-16 .responsive .cell-17, .responsive .cell-18, .responsive .cell-19, .responsive .cell-20,
.responsive .cell-21, .responsive .cell-22, .responsive .cell-23, .responsive .cell-24, .responsive .cell-25, .responsive .cell-26 .responsive .cell-27, .responsive .cell-28, .responsive .cell-29, .responsive .cell-30,
.responsive .cell-31, .responsive .cell-32, .responsive .cell-33, .responsive .cell-34, .responsive .cell-35, .responsive .cell-36 .responsive .cell-37, .responsive .cell-38, .responsive .cell-39, .responsive .cell-40,
.responsive .cell-41, .responsive .cell-42, .responsive .cell-43, .responsive .cell-44, .responsive .cell-45, .responsive .cell-46 .responsive .cell-47, .responsive .cell-48, .responsive .cell-49, .responsive .cell-50,
.responsive .cell-51, .responsive .cell-52, .responsive .cell-53, .responsive .cell-54, .responsive .cell-55, .responsive .cell-56 .responsive .cell-57, .responsive .cell-58, .responsive .cell-59, .responsive .cell-60,
.responsive .cell-61, .responsive .cell-62, .responsive .cell-63, .responsive .cell-64, .responsive .cell-65, .responsive .cell-66 .responsive .cell-67, .responsive .cell-68, .responsive .cell-69, .responsive .cell-70,
.responsive .cell-71, .responsive .cell-72, .responsive .cell-73, .responsive .cell-74, .responsive .cell-75, .responsive .cell-76 .responsive .cell-77, .responsive .cell-78, .responsive .cell-79, .responsive .cell-80,
.responsive .cell-81, .responsive .cell-82, .responsive .cell-83, .responsive .cell-84, .responsive .cell-85, .responsive .cell-86 .responsive .cell-87, .responsive .cell-88, .responsive .cell-89, .responsive .cell-90,
.responsive .cell-91, .responsive .cell-92, .responsive .cell-93, .responsive .cell-94, .responsive .cell-95, .responsive .cell-96 .responsive .cell-97, .responsive .cell-98, .responsive .cell-99, .responsive .cell-100 { 
	width: 100% !important;
}

}