@import url(fonts/font-awesome.min.css);

:root {
  --main-bg-color: #6bb848;
  --main-hover-color: #3f6a2c;
  --sec-bg-color: #2683ce;
  --sec-hover-color: #1f5987;
  --ter-bg-color: #454544;
}

html{-webkit-text-size-adjust:none;}
body,
button,
input,
select,
textarea {
	color: #202020;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 2;
}
iframe {
	border: none;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	clear: both;
	margin: 0;
	padding: 0;
}
h1, .h1,
h2, .h2,
h3, .h3 {
}
* {
	box-sizing: border-box;
}
html {
	margin: 0;
}
body {
	background: #fff; 
	margin: 0;
}
fieldset {
	border: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
table {
	width: 100%;
}
a {
	color: var(--main-bg-color);
	cursor: pointer;
	text-decoration: underline;
}
a:hover,
a:focus,
a:active {
	color: #000;
	text-decoration: none;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}
.container {
	width: 100%;
	max-width: 1300px;
	height: auto;
	margin: 0 auto;
	padding: 0 10px;
}
.inner {
	width: 100%;
	max-width: 1280px;
	height: auto;
	margin: 0 auto;
}
h1, .h1 {
	color: var(--main-bg-color);
	font-size: 6rem;
	margin-bottom: 24px;
	line-height: 2;
	text-transform: uppercase;
}
h2, .h2 {
	color: var(--main-hover-color);
	font-size: 4rem;
	line-height: 2;
	margin: 24px 0;
	text-transform: uppercase;
}
h3, .h3 {
	color: var(--main-hover-color);
	font-size: 3rem;
	margin: 24px 0;
}
h2.blue,
h3.blue {
	color: var(--sec-bg-color)
}
h2.green,
h3.green {
	color: var(--main-bg-color)
}
h3.gray {
	color: #333;
	text-transform: none;
}
h3.white {
	color: #FFF;
	text-transform: none;
}
h4, .h4 {
	margin: 12px 0;
	font-size: 2rem;
	color: var(--ter-bg-color);
}
.box-title-line {
	display: block;
	width: 100%;
	border-bottom: 6px solid var(--main-bg-color);
}
.box-title-line.blue {
	border-bottom: 6px solid var(--sec-bg-color);
}
.box-title-line h2,
.box-title-line .h2,
.box-title-line h3,
.box-title-line .h3 {
	display: inline-block;
	width: auto;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1;
	color: var(--main-bg-color);
	background: #FFF;
}
.box-title-line.blue h2,
.box-title-line.blue .h2,
.box-title-line.blue h3,
.box-title-line.blue .h3 {
	color: var(--sec-bg-color);
}
.box-title-line h2 span,
.box-title-line .h2 span,
.box-title-line h3 span,
.box-title-line .h3 span {
	position: absolute;
	top: 0;
	background: #FFF;
	padding: 7px 5px 0 0;	 
}
.subtitle {
	font-size: 2em;
}
.news-item .thumbnail {
	min-height: 580px;
	position: relative;
}
.news-item .thumbnail h2,
.news-item .thumbnail h3 {
	height: 70px;
	overflow: hidden;
}
.news-item .thumbnail h2 a,
.news-item .thumbnail h3 a {
	text-decoration: none;
}
.news-item .thumbnail .button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 24px;
	margin: 0 auto;
	width: 160px;
}

.xl {
	font-size: 36px;
}
.background-blue {
	color: #FFF !important;
	background: var(--sec-bg-color);
	padding: 10px;
	display: block;
}
.background-green {
	color: #FFF !important;
	background: var(--main-bg-color);
	padding: 10px;
	display: block;
}
.w100,
.w80,
.w75,
.w66,
.w50,
.w40,
.w34,
.w33,
.w25,
.w20,
.w10,
.w5 {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.w100 {
	width: 100% !important;
}
.w80 {
	width: 80%;
}
.w75 {
	width: 75%;
}
.w66 {
	width: 66.66666%;
}
.w50 {
	width: 50%;
}
.w40 {
	width: 40%;
}
.w34,
.w33 {
	width: 33.33333%;
}
.w30 {
	width: 30%;
}
.w25 {
	width: 25%;
}
.w22 {
	width: 22%;
}
.w20 {
	width: 20%;
}
.w10 {
	width: 10%;
}
.w5 {
	width: 5%;
}

/* #page */

header {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 10px solid #FFF;
	position: fixed;
	top: 0;
	z-index: 100000;
}
header,
header * {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
header .container {
	height: 80px;
	margin: 10px auto;
	position: relative;
}
#nav-header {
	position: absolute;
	top: -10px;
	right: 0;
	width: auto;
	min-width: 200px;
	height: 32px;
	margin: 0;
	padding: 0 5px;
	line-height: 32px;
}
#content {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
#page.cl1 #content {
	margin-top: 0;
}
#center,
.column-left {
	float: left;
	display: inline;
	width: 860px;
	height: 100%;
	margin: 0 20px 0 0;
	padding: 0;
	position: relative;
}
#center.static,
#center.widepage {
	padding-top: 20px;
	padding-bottom: 20px;
}
#center.widepage {
	width: 1280px;
}
#center.widepage.wide {
	width: 100%;
	padding: 0 0 20px 0;
}
#center.landingpage {
	padding-top: 100px;
}
#right,
.column-right {
	float: left;
	display: inline;
	width: 400px;
	height: 100%;
	margin: 0;
	padding: 0;
}
#right {
	padding-top: 20px;
}
footer {
	width: 100%;
	height: auto;
	min-height: 240px;
	margin: 0 auto;
	padding: 0;
	background: #FFF;
	color: var(--main-bg-color);
	clear: both;
	bottom: 0;
	position: relative;
	z-index: 1;
}

/* header */

#logo {
	float: left;
	display: inline;
	width: 391px;
	height: 80px;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/logo-x2.png) top left no-repeat;
	background-size: auto 100%;
}
#logo-small {
    float: left;
    width: 244px;
    height: 50px;
    margin: 10px 0 10px 15px;
    background: url(../images/logo-x2.png) left top no-repeat;
	background-size: 244px 50px;
}
@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi) { 
	#logo
	{
		background: url(../images/logo-x2.png) top left no-repeat;
		background-size: auto 100%;
	}
    #logo-small {
    }
}
#logo-small a {
    display: block;
    width: 100%;
    height: 100%;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-decoration: none;
}
#logo img,
#logo span {
	opacity: 0;
	visibility: hidden;
}
#logo span {
	color: var(--main-bg-color);
	font-size: 20px;
}

/*
#search {
	float: left;
	display: inline;
}
#search input {
	outline: none;
}
#search input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
#search input::-webkit-search-decoration,
#search input::-webkit-search-cancel-button {
	display: none; 
}
#search input[type=search] {
	background: url(../images/search-icon.png) no-repeat 9px center;
	border: solid 1px #93c01f;
	padding: 7px 10px 7px 32px;
	width: 55px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
#search input[type=search]:focus {
	width: 160px;
	background-color: #FFF;
	border-color: #F0F0F0;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}
#search input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#search input[type=search]:hover {
	border-color: #FFF;
	background-color: #FFF;
}
#search input[type=search]:focus {

	width: 160px;
	padding-left: 40px;
	border-color: #F0F0F0;
	color: #000;
	background-color: #FFF;
	cursor: auto;
}
#search input:-moz-placeholder {
	color: transparent;
}
#search input::-webkit-input-placeholder {
	color: transparent;
}
*/

/* navbar */

#page.nav-correction,
#page.layout.no-header-image.nav-correction {
    padding-top: 54px;
}
#header-image.nav-correction {
    height: 380px;
}
#nav-header:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background: var(--ter-bg-color);
    transform-origin: bottom right;
    -ms-transform: skew(45deg, 0deg);
    -webkit-transform: skew(45deg, 0deg);
    transform: skew(45deg, 0deg);
}
#nav-header ul {
}
#nav-header ul li {
	list-style: none;
}
#nav-header ul li a {
	color: #FFF;
	text-decoration: none;
}
#nav-top {
	margin: 32px auto 0 0;
    z-index: 20;
}
#nav-top .navbar-default {
	background-color: transparent;
}
#nav-top .container-fluid {
	padding-left: 0;
}
#nav-top.nav-down {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 20;
}
#nav-top.nav-up {
    position: fixed;
    left: 0;
    right: 0;
    top: -54px;
    z-index: 20;
}
#nav-top ul.nav li.dropdown .caret3 {
        display: none;
    }
#nav-top ul.nav li.dropdown.open .caret2 {
        display: none;
    }
#nav-top ul.nav li.dropdown.open .caret3 {
        display: inline-block;
    }
#nav-top .nav-down,
#nav-top .nav-up {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
    }

.navbar {
	margin-bottom: 0;
     z-index: 20;
}
.navbar-nav li.menu-item {
}
.nav li,
.nav li a {
    transition: all 0.2s;
    outline: none;
}
.nav li .icon-home {
	margin-top: -2px;
	height: 24px;
	width: auto;
}
#nav-top .nav > li a {
 color: var(--main-hover-color);
 font-size: 18px;
 outline: none;
 font-weight: 700;
 text-decoration: none;
 text-transform: uppercase;
}
#nav-top .nav > li a:hover,
#nav-top .nav > li.active a {
 color: var(--main-bg-color);
}
#nav-top .nav > li a:hover {
}
.navbar-nav > li:not(.last) {
	margin-right: 12px;
}
#nav-top .nav > li.first a,
#nav-top .nav > li:nth-child(2) {
}
#nav-top .nav-down .nav > li:nth-child(2) {
    border-left: none;
}
#nav-top .nav li.sub a,
#nav-top .nav li.sub.first a {
 font-size: 16px;
 border-left: none;
 border-right: none;
 text-transform: none;
}
#nav-top .nav li:not(.icon) > a {
	padding-right: 10px;
	padding-left: 10px;
}
#nav-top .navbar-nav .open .dropdown-menu .dropdown-header,
#nav-top .navbar-nav .open .dropdown-menu > li > a {
}
#nav-top .nav > li.icon.rounded > a {
}
#nav-top .nav > li.icon.rounded a {
}
#nav-top .navbar-nav > .active > a,
#nav-top .navbar-nav > .active > a:focus,
#nav-top .navbar-nav > .active > a:hover {
}
#nav-top .navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}
#nav-top .dropdown-menu {
    margin: 0;
/*    padding: 10px 0;*/
    background: #f4f4f4;
}
#nav-top .dropdown-menu:before {
/*
    content: " ";
    display: block;
    width: 99px;
    height: 11px;
    margin: 0 auto;
    background: url(../images/nav-arrow-up.png) top center no-repeat;
    position: absolute;
    z-index: 2;
    top: -11px;
    left: 30px;
*/
}
#nav-top .nav .arrow-up {
    display: none;
    width: 0; 
    height: 0;
    margin: 0 auto; 
    border-left: 48px solid transparent;
    border-right: 48px solid transparent;
    border-bottom: 16px solid #ccc;
    position: absolute;
    z-index: 2;
    top: 40px;
    left: 0;
}
#nav-top .nav .dropdown.open .arrow-up {
    /*display: block;*/
}
.navbar-default {
	background: none;
}
.navbar-search {
    position: relative;
    float: right;
    margin-top: 14px;
    padding: 9px 5px;
    border: none;
    background: transparent;
}
.navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}
.carets {
    display: inline-block;
	margin-top: -5px;
    margin-left: 12px;
    vertical-align: middle;
}
.carets * {
}
.caret2,
.caret3 {
    width: 0;
    height: 0;
}
.caret2:before,
.caret3:before {
    transition: all 0.2s;
}
header a {
    transition: all 0.2s;
}
header a:hover {
    color: var(--sec-bg-color);
}
header .icons {
    display: inline-block;
}
header .icons span {
}
header .glyphicon {
    font-size: 15px;
}
#nav-top ul li.button a {
	display: inline-block;
	height: 32px;
	line-height: 1;
	font-size: 16px !important;
	margin-top: 9px;
	padding: 6px;
	min-width: auto;
	width: auto;
	text-align: center;
	color: var(--sec-bg-color);
	background: #FFF;
	font-style: normal;
	text-decoration: none;
	border: 2px solid;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
#nav-top ul li.button a:hover {
	background: var(--sec-bg-color);
	color: #FFF;
}

/* .fixed-nav */

header.scroll,
header.regular {
	background: #FFF;
}
header.scroll {
	height: 80px;
	background: #FFF;
	border-color: #FFF;
}
header.scroll .container {
	height: 60px;
	margin: 10px auto;
	position: relative;
}
header.scroll #logo {
	width: 232px;
	height: 60px;
	background-size: 100% auto;
}
header.scroll #nav-top {
	margin: 0 auto 0 0;
}

/* #nav-home-cta */

#nav-home-cta {
	width: 100%;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	background: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	z-index: 1000;
}
#nav-home-cta ul {
	display: block;
	width: 100%;
	max-width: 1280px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
}
#nav-home-cta ul li {
	float: right;
	display: inline-block;
	width: auto;
	height: 32px;
	margin: 0 15px;
	padding: 0;
	position: relative;
}
#nav-home-cta ul li.left {
/*	float: left;
	margin-left: 0;
*/
}
#nav-home-cta ul li a {
}
#nav-home-cta ul li a.button {
	float: left;
	margin-top: 0;
	padding-right: 30px;
	background-image: url(../images/arrow-white.png);
	background-position: right;
	background-size: auto 12px;
	background-repeat: no-repeat;
	border-right: 6px solid var(--main-bg-color);
}

/* #nav-right */
/*
#nav-right ul {
	list-style: none;
}
#nav-right ul li a {
	display: block;
	height: 38px;
	margin: 0 0 7px 0;
	padding: 0 15px 0 15px;
	line-height: 38px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	color: #FFF;
	background: #51585c;
	text-decoration: none;
}
#nav-right ul li.na a {
	background: #808080;
	cursor: not-allowed;
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#nav-right ul li.orange a {
	background: #f47920;
}
#nav-right ul li.orange a:hover {
	background: #d35d07;
}
#nav-right ul li a:hover {
	background-color: #303030;
}
#nav-right ul li.lock a {
	padding-right: 45px;
	background: #51585c url('../images/icon-lock.png?v=1.20') top right no-repeat;
}
#nav-right ul li.lock.na a {
	background-color: #808080;
}
#nav-right ul li.na a:hover {
	background-color: #808080;
}
*/

/* Content */

#center h1,
.column-left h1 {
	font-size: 4rem;
	line-height: 1.4;
}
#center h2,
.column-left h2 {
}
#center h3,
.column-left h3 {
}
#center h4,
.column-left h4 {
}
#center p,
#center ul,
.column-left p,
.column-left ul {
}
.column-left .text ul.downloads {
	margin: 0 0 10px 0;
	padding: 0;
}
#center .text ul li,
.column-left .text ul li {
	margin: 0 0 0 15px;
	padding: 0 0 0 5px;
	clear: both;
}



#content .container,
footer .container {
	float: left;
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
	padding: 40px 0 80px;
	height: auto;
	background: #FFF;
}
#content .container.light,
footer .container.light {
	background: #F6F6F6;
}
#content .container.gray,
footer .container.gray {
	background: var(--ter-bg-color);
}
footer .container.gray {
	border-top: 10px solid #FFF;
}
#content .container.dark,
footer .container.dark {
}
#content .container.green,
footer .container.green {
	background: var(--main-bg-color);
}
#content .container.blue,
footer .container.blue {
	background: var(--sec-bg-color);
}
#content .container.photo,
footer .container.photo {
	background-position: center;
	background-size: cover;
}
#content .container.dark h2 {
	color: #FFF;
}
#content .container.green h2,
#content .container.green h3,
#content .container.green p,
#content .container.gray h2,
#content .container.gray h3,
#content .container.dark h3,
#content .container.dark p {
	color: #FFF;
}
#content #block-1 {
}
#content #block-1 #block-top-1 {
	margin-top: -161px;
	margin-bottom: 161px;
	position: relative;
	z-index: 2;
}
#content #block-1 #block-top-1 .panel {
	background: none;
	box-shadow: none;
}
#content #block-1 #block-top-1 .panel .panel-heading {
	height: 160px;
	padding-top: 80px;
	background-color: rgba(107,184,72,0.7);
	position: relative;
}
#content #block-1 #block-top-1 .panel .panel-heading h3 {
	color: #FFF;
	font-size: 3rem;
	text-transform: uppercase;
}
#content #block-1 #block-top-1 .panel .panel-heading .fa {
	width: 120px;
	height: 120px;
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #FFF;
	border: 4px solid var(--main-hover-color);
	border-radius: 50%;
	color: var(--main-hover-color);
	padding: 24px;
	text-align:center;
}
#content #block-1 #block-top-1 .panel .panel-body {
	min-height: 260px;
	background: #F2F2F2;
	position: relative;
}
#content #block-1 #block-top-1 .panel .panel-body a.button {
	width: 80%;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 24px;
}
#content #block-5 {
}
#content #block-6 {
	padding: 50px 0;
}
#content #block-7 {
	min-height: 320px;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
#content #block-3 .title,
#content #block-3 .text,
#content #block-7 .title,
#content #block-7 .text {
}
#content #block-3 h2,
#content #block-3 h3,
#content #block-3 p,
#content #block-7 h2,
#content #block-7 h3,
#content #block-7 p {
}
#content .container.static {
	float: none;
	display: block;
	width: 1280px;
	height: auto;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
}
#content .container.static.wide {
	width: 100%;
	max-width: 100%;
}
#block-3 .inner,
#block-7 .inner {
	padding: 20px;
	background-color: rgba(255,255,255,0.9);
}
#block-3,
#block-7 {
	text-align: center;
}
#block-3 .inner,
#block-7 .inner {
	display: inline-block;
	text-align: left;
}
#content ul.photos.medium {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #FFF;
}
#content ul.photos.medium li {
	float: left;
	display: inline;
	width: 23%;
	min-height: 540px;
	margin: 0 1% 20px;
	padding: 0;
	position: relative;
	clear: none;
}
#content ul.photos.medium li h3 {
	background: url(../images/background-quotes.jpg);
	background-size: cover;
	min-height: 72px;
	text-align:center;
	margin: 0;
	padding: 6px;
	line-height: 1.2;
	text-transform: uppercase;
	font-size: 2.5rem;
	color: #FFF;
}
#content ul.photos.medium li h3 a {
	color: #FFF;
	text-decoration: none;
}
#content ul.photos.medium li.bestuur h3 {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
}
#content ul.photos.medium li.bestuur p {
	font-size: 1.5rem;
}
#content ul.photos.medium li .block-info {
	background: #F5F5F5 url(../images/beeldmerk-faded.png) center no-repeat;
	background-size: cover;
	text-align: left;
	min-height: 260px;
}

#content ul.photos.medium li h4 {
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
}
#content ul.photos.medium li img {
	width: 100%;
	height: auto;
}
#content ul.photos.medium li p {
}
#content ul.photos.medium li:hover {
}
#content ul.photos.medium li:hover h3,
#content ul.photos.medium li:hover p {
}
#content ul.photos.medium li .buttons-social {
	float: left;
	width: 100%;
/*	position: absolute;
	left: 0;
	bottom: -60px;
	z-index: 2;
*/	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
#content ul.photos.medium li .buttons-social a {
	float: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 5px;
	line-height: 30px;
	font-size: 20px;
	text-align: center;
	background: #FFF;
	color: #000;
	text-decoration: none;
}
#content ul.photos.medium li .buttons-social a:hover {
	background: #404040;
	color: #FFF;
}
#content ul.photos.medium li .buttons-social a.fa-twitter:hover {
	background: #5ea9dd;
}
#content ul.photos.medium li .buttons-social a.fa-linkedin:hover {
	background: #007bb6;
}
#content ul.photos.medium li .buttons-social a.fa-facebook:hover {
	background: #3b5998;
}
#content ul.photos.medium li .buttons-social a.fa-youtube:hover {
	background: #d12122;
}
#content ul.photos.medium li .buttons-social a.fa-google-plus:hover {
	background: #dc4a38;
}
#content ul.photos.medium li .buttons-social a.fa-flickr:hover {
	background: #ff0080;
}
#content ul.photos.medium li:hover .buttons-social {
	bottom: 30px;
}
#content ul.photos.medium li .button.bottom {
	position: absolute;
	width: 180px;
	margin: 0 auto;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 20px;
}
#content ul#team.photos.medium {
	padding: 0;
	background: none;
}
#content ul#team.photos.medium li {
	width: 23%;
	height: auto;
	overflow: visible;
}
#content ul#team.photos.medium li img {
	margin-bottom: 0;
}
#content ul#team.photos.medium li h3 {
	padding-left: 48px;
	text-align: left;
	font-size: 18px;
	position: relative;
}
#content ul#team.photos.medium li .block-gray {
	display: block;
	width: 100%;
	height: 92px;
	margin: 0;
	padding: 12px 24px;
	background: #575756;
	color: #FFF;
}

#content ul.logos.medium {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	padding-bottom: 0;
	text-align: center;
	border-top: 1px solid #DDD;
}
/*
#content ul.logos.medium li {
	display: inline-block;
	width: 25%;
	height: auto;
	min-height: 60px;
	margin: 0 auto 20px;
	padding: 0;
	position: relative;
	clear: none;
}
#content .column-left ul.logos.medium li {
	float: left;
	width: 25%;
}
#content ul.logos.medium li img {
	display: block;
	width: 96%;
	height: auto;
	margin: 0;
	padding: 10px;
	border: 1px solid #DDD;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
#content ul.logos.medium li:hover img {
	border-color: #575756;
}
*/
#content ul#sponsoren-small,
#content #slider-sponsoren {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 2%;
	background-color: rgba(250,250,250,0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
}
#content #slider-sponsoren .swiper-slide {
	width: 18%;
	height: auto;
	margin: 0 1%;
}
#content #slider-sponsoren .swiper-slide img {
	width: 100%;
	height: auto;
}

#content ul.items.medium,
#content ul.items.large {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 20px 0 0 0;
	padding: 0;
}
#content ul.items.medium li,
#content ul.items.large li {
	float: left;
	display: inline;
	width: 30%;
	height: auto;
	min-height: 520px;
	margin: 0 1.6666% 20px;
	padding: 0;
	clear: none;
	position: relative;
}
#content ul.items.medium li:nth-child(3n+3) {
}
#content ul.items.large li {
}
#content ul.items.medium li img:not(.std),
#content ul.items.large li img:not(.std) {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid #F2F2F2;
	box-sizing: border-box;
}
#content ul.items.medium li .info,
#content ul.items.large li .info {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px;
	background: #F2F2F2;
	position: absolute;
	z-index: 2;
	top: 200px;
}
#content ul.items.medium li .info h3,
#content ul.items.large li .info h3 {
	margin-top: 10px;
	height: 90px;
	overflow: hidden;
	line-height: 1.4;
}
#content ul.items.medium li .info h3 a,
#content ul.items.large li .info h3 a {
	text-decoration: none;
	color: #000;
}
#content ul.items.medium li .info p,
#content ul.items.large li .info p {
	height: 70px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.7;
}
#content ul.items.medium li .info p.date,
#content ul.items.large li .info p.date {
	line-height: 1;
	height: auto;
	color: #808080;
	overflow: visible;
}
#content ul.items.medium li .info p.date span,
#content ul.items.large li .info p.date span {
}
#content ul.items.medium li .info p a.button,
#content ul.items.large li .info p a.button {
	margin-top: 15px;
}
#content ul.items.medium li .desc {
	display: block;
	min-height: 280px;
	padding: 20px;
	font-size: 14px;
	background-color: #303030;
	position: relative;
}
#content ul.items.medium li .desc .button.bottom {
	position: absolute;
	width: 140px;
	margin: 0 auto;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 20px;
}
#content ul.items.small {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#content ul.items.small li {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #EDEDED;
	clear: both;
	position: relative;
}
#content ul.items.small li.latest {
	margin: 0;
	padding: 0;
	border-bottom: none;
}
#content ul.items.small li img {
	float: left;
	display: inline-block;
	width: 100px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}
#content ul.items.small li .info {
	float: left;
	display: inline;
	width: 238px;
	height: auto;
	margin: 0;
	padding: 0;
}
#content ul.items.small li .info h3 {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.2;
}
#content ul.items.small li .info h3 a {
	text-decoration: none;
	color: #000;
}
#content ul.items.small li .info p {
	font-size: 13px;
}
#content ul.items.small li .info p.date {
	height: auto;
	color: #808080;
}
#content ul.items.small li .info p.date .fa {
	margin-top: 0;
	margin-bottom: 0;
	color: var(--sec-bg-color);
}

#content ul#testimonials-home {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 20px 0 0;
	padding: 0;
	padding: 2%;
	padding-bottom: 0;
	background-color: rgba(250,250,250,0.8);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content ul#testimonials-home li {
	float: left;
	display: inline;
	width: 32%;
	height: auto;
	min-height: 320px;
	margin: 0 2% 2% 0;
	padding: 20px;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 5px 5px rgba(64,64,64,.1);
	-moz-box-shadow: 0 0 5px 5px rgba(64,64,64,.1);
	box-shadow: 0 0 5px 5px rgba(64,64,64,.1);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear: none;
	position: relative;
}
#content ul#testimonials-home li:nth-child(3n+3) {
	margin-right: 0;
}
#content ul#testimonials-home li .testimonial {
	float: left;
	display: inline;
	width: 100%;
	height: 240px;
	margin: 0 0 20px 0;
	overflow: hidden;
}
#content ul#testimonials-home li .testimonial p {
	color: #000;
	font-size: 13px;
}
#content ul#testimonials-home li img {
	float: left;
	display: inline;
	width: 100px;
	height: auto;
	margin: 0 20px 0 0;
	border: 4px solid var(--sec-bg-color);
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
#content ul#testimonials-home li .info {
	float: left;
	display: inline-block;
	width: 190px;
	height: 80px;
	margin: 10px 0 0 0;
	overflow: hidden;
}
#content ul#testimonials-home li .info h3 {
	margin-top: 15px;
	color: #000;
	font-size: 16px;
}
#content ul#testimonials-home li .info h4 {
	color: #CCC;
	font-size: 14px;
}


/* event */

.header-image {
	position: relative;
	margin-bottom: 24px;
}
.header-image img {
	position: relative;
	z-index: 1;
}
.header-image .layer {
	position: absolute;
	z-index: 2;
	top: 100px;
	left: 0;
	right: 0;
	width: 60%;
	background: rgba(0, 0, 0, 0.2);	
	margin: auto;
	padding: 24px;
}
.header-image .layer * {
	color: #FFF;
	text-shadow: 1px 1px #000;
}
.sidebar-block {
	padding-left: 20px;
	border-left: 1px solid #DDD;
}
.sidebar-block .fa {
	width: 64px;
	color: var(--sec-bg-color);
}


#center .text {
	display: block;
	width: 100%;
	height: auto;
}
p.spacer {
	line-height: 1;
}
p.spacer-with-line {
	line-height: 1;
	border-top: 1px solid var(--main-bg-color);
}

#center ul#buttons,
#center .moreinfo {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 10px 0 20px 0;
	padding: 0;
	list-style: none;
}
#center ul#buttons li {
	float: left;
	display: inline;
	width: auto;
	height: 20px;
	margin: 0 10px 10px 0;
	padding: 0;
	line-height: 20px;
	text-align: left;
	clear: none;
}
#center ul#buttons li.b1 {
	width: 110px;
}
#center ul#buttons li.b2 {
	width: auto;
}
#center ul#buttons li.b3 {
}
#center ul#buttons li.b3 .twleft {
	float: left;
	display: inline;
	width: 72px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/twitter_tweet_button_small.png) top left no-repeat;
}
@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi) { 
	#center ul#buttons li.b3 .twleft
	{
		background: url(../images/twitter_tweet_button.png) top left no-repeat;
		background-size: 72px;
	}
}
#center ul#buttons li.b3 .twleft:hover {
	background-position: bottom left;
}
#center ul#buttons li.b3 .twleft a {
	display: block;
	width: 100%;
	height: 100%;
}
#center ul#buttons li.b3 .twright {
	float: left;
	display: inline;
	width: auto;
	height: 18px;
	margin: 0;
	border: 1px solid #caccce;
	border-left: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#center ul#buttons li.b3 a.twcount {
	float: left;
	height: 18px;
	margin-top: -1px;
	padding: 1px 6px 1px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #606060;
	line-height: 20px;
	background: url(../images/twitter_count_left.png) left no-repeat;
	text-decoration: none;
}
#center ul#buttons li.b3 a.twcount:hover {
	color: #404040;
	text-decoration: none;
}
#center ul#buttons li.b4 {
	width: 80px;
}
#center ul#buttons li.b5 {
	float: right;
	margin: 0;
	text-align: right;
}
#center ul#buttons li.b5 a {
}
#center ul#buttons li.b5 a:hover {
}
/*
#center #client,
#center #partner {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	padding: 10px;
	background: #FFF;
	position: relative;
}
#center #client img#clientphoto {
	float: right;
	display: inline;
	width: 150px;
	height: auto;
	margin: 0 0 10px 10px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: relative;
	top: -45px;
}
*/
h1.heading,
h2.heading,
h3.heading,
#center #client h1.heading,
#center #organization h1.heading {
	/*display: block;
	width: 100%;
	margin: 0;
	padding-left: 48px;
	height: 48px;
	line-height: 48px;
	background: url(../images/block-user-heading.png) left top;
	background-size: auto 60px;
	color: #FFF;
	text-align: left;*/
}
#center #client h1.heading,
#center #organization h1.heading {
	font-size: 24px;
}
#center #client h1.heading a,
#center #organization h1.heading a {
	color: #000;
	text-decoration: none;
}

#center #client .company_function {
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0;
}
#center #client .company_function p {
	margin: 0 0 7px 0;
}
#center #map {
	float: left;
	display: block;
	width: 100%;
	height: 500px;
	margin: 0 0 10px 0;
	padding: 0;
}
#center ul#items {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
#center ul#items li {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0 0 10px 0 !important;
	padding: 0 0 5px 0 !important;
	list-style: none;
	border-bottom: 1px solid #DDD;
	clear: none !important;
}
#center ul#items li.p50 {
	width: 50%;
}
#center ul#items.small li {
	margin: 0 0 2px 0;
	padding: 0;
	border: none;
}
#center ul#items li .event_date {
}
#center ul#items li .event_date .month {
}
#center ul#items li .event_date .day {
}
#center ul#items li img {
	float: left;
	display: inline;
	width: 120px;
	height: auto;
	margin: 0 20px 0 0;
	padding: 0;
}
#center ul#items li h2,
#center ul#items li p,
#center ul#items li .published_up {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	line-height: 1.2;
}
#center ul#items li h2 {
	font-size: 20px;
}
#center ul#items li h3 {
	margin: 5px 0;
	line-height: 1.2;


}
#center ul#items li h2 a:hover {
	text-decoration: none;
}
#center ul#items li h3 a {
	color: #404040;
}
#center ul#items li p strong {
	font-size: 14px;
}
#center ul#items li .readmore {
	float: left;
	width: 25%;
	font-size: 13px;
}
#center ul#items li .published_up {
	float: right;
	width: 75%;
	color: #999;
	font-size: 13px;
	text-align: right;
}
#center ul#items.small li h4 {
	margin: 0;
}
#center ul#items.small li h4 a {
	color: var(--sec-bg-color);
}
#center ul#items.small li h4 a:hover {
	color: #202020;
}
#center ul#items.small li h4 time {
	margin: 0 10px 0 0;


	font-size: 12px;
	color: #999;
}
#center p.moreinfo {
	font-size: 14px;
}
#center p.moreinfo .left,
#center p.moreinfo .right {
	float: left;
	display: inline;
	width: 70%;
	height: auto;
	margin: 0;
}
#center p.moreinfo .right {
	width: 30%;
}
/*
#center .event_date {
	width: 40px;
	margin: 0 10px 0 0;
}
#center .event_date .month {
	height: 20px;
	line-height: 20px;
	font-size: 13px;
}
#center .event_date .day {
	height: 30px;
	font-size: 24px;
	line-height: 30px;
}
*/
#center ul.center_navigation li {
	font-size: 18px;
}
#center #att_photo img {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}
#center ul#att_photos {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}
#center ul#att_photos li {
	float: left;
	display: inline;
	width: auto;
	height: auto;
	margin: 0 10px 0 0;
	clear: none;
}
#center ul#att_photos li img {
	width: 120px;
	height: auto;
	margin: 0;
	padding: 0;
}
#center .text.searchresults p {
	font-size: 16px;
}
#center .text.searchresults p a span {
	float: left;
	display: inline;
	width: 240px;
	color: #000;
}
#center ul#searchresults {
}
#center ul#searchresults li {
	width: 100%;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#center ul#searchresults li.small {
	padding-bottom: 5px;
	border-bottom: 1px dotted #DDD;
	font-size: 12px;
	color: #999;
}
#center ul#searchresults li span {
	float: left;
	display: inline;
	width: 20px;
	margin: 0 10px 0 0;
}

#center ul#page_numbers,
#center ul#page_numbers_top {
	float: left;
	display: inline;
	list-style: none;
	width: 100%;
	padding: 10px 0 0 0;
}
#center ul#page_numbers_top.top {
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
}
#center ul#page_numbers li,
#center ul#page_numbers_top li {
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 10px 10px 0 !important;
	padding: 0;
	clear: none;
}
#center ul#page_numbers li.right,
#center ul#page_numbers_top li.right {
	float: right;
	width: auto;
	margin: 0 0 10px 0 !important;
}
#center ul#page_numbers li a,
#center ul#page_numbers_top li a {
	display: block;
	padding: 12px 12px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #CCC;
	background: #FFF;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
	border: 2px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
#center ul#page_numbers li a:hover,
#center ul#page_numbers_top li a:hover {
	color: #404040;
	border-color: #404040;
}
#center ul#page_numbers li a.active,
#center ul#page_numbers_top li a.active {
	color: #FFF;
	background: #514F4F;
	border-color: #514F4F;
}
#center ul#attlinks {
	margin: 0;
}
#right ul.navigation {
	margin: 0;
	padding: 0;
}
#right ul.navigation li {
	margin: 0 0 0 20px;
	padding: 0 0 0 10px;
	clear: both;
}
#right ul.navigation  li.title {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style: none;
}
#center ul.navigation li.title a, {
	color: #000;
}
#center .text p {
	margin: 0 0 10px 0;
}
#center .text table {
	margin: 0 0 10px 0;
}

/* #center ul.tags */
#center ul.tags {
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}
#center ul.tags.large {
	margin: 0;
}
#center ul.tags li {
	float: left;
	display: inline;
	width: auto;
	height: auto;
	margin: 0 10px 10px 0 !important;
	padding: 0;
	position: relative;
	clear: none !important;
}
#center ul.tags li a {
	display: block;
	margin: 0;
	padding: 10px;
	background: #F2F2F2;
	color: var(--main-bg-color);
	text-shadow: 1px 1px #FFF;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 1.5rem;
}
#center nav ul.tags li a {
}
#center ul.tags li a:hover {
	background: var(--sec-bg-color);
	color: #FFF;
	text-decoration: none;
}
#center ul.tags li.active a,
#center ul.tags li a.active {
	background: var(--sec-bg-color);
	color: #FFF;
}
#center ul.tags li.active:hover {
	background: var(--sec-hover-color);
	color: #FFF;
	text-shadow: 1px 1px #000;
}
#center ul.tags.large li {
	width: 32%;
	margin: 0 0.5% !important;
}
#center ul.tags.large li.last {
}
#center ul.tags li a:hover {
	background: #000;
	color: #FFF;
	text-shadow: 1px 1px #000;
	text-decoration: none;
}
#center ul.tags li.active a,
#center ul.tags li a.active {
	background: var(--sec-bg-color);
	color: #FFF;
	text-shadow: 1px 1px #000;
}
#center ul.tags li.active:hover {
	background: #000;
	color: #FFF;
	text-shadow: 1px 1px #000;
}
#center ul.tags.large li a {
	padding: 10px 12px;
	background: #FFF;
	color: #999;
	border: 3px solid #999;
	border-bottom: none;
	text-shadow: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	font-size: 20px;
}
#center ul.tags.large li a span {
	font-size: 24px;
	font-weight: bold;
}
#center ul.tags.large li a:hover {
	color: #514F4F;
	border-color: #514F4F;
	text-shadow: none;
}
#center ul.tags.large li a.active {
	background: #514F4F;
	color: #FFF;
	border-color: #514F4F;
	text-shadow: none;
}
#center ul.tags.large li a.active:hover {
	text-decoration: underline;
}
ul.items {
}
ul.items li {
	clear: both;
	position: relative;
}
ul.items li .event_date {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
}
ul.items li .img {
}
ul.items li iframe {
	float: left;
	display: inline;
	width: 150px;
	height: auto;
	margin: 0 20px 0 0;
	padding: 0;
}

ul.items li h3 {
	display: inline-block;
	height: auto;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 18px;
}
ul.items li p {
	display: inline-block;
	height: auto;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 13px;
}
ul.items li a {
}

ul#testimonials-small {
}
ul#testimonials li {
	float: left;
	display: inline;
	width: 100%;
	height: 160px;
	margin: 0 0 10px 0;
	padding: 0;
}
ul#testimonials-small li {
	float: left;
	display: inline;
	width: 50%;
}
ul#testimonials li .img,
ul#testimonials-small li .img {
	float: left;
	display: inline;
	width: 200px;
	height: 200px;
	margin: 0 20px 0 0;
	overflow: hidden;
	position: relative;
}
ul#testimonials li .img {
	width: 140px;
	height: 140px;
	margin: 10px 20px 10px 0;
}
ul#testimonials li.second .img,
ul#testimonials-small li.last .img {
	float: right;
	margin: 0 0 0 20px;
}
ul#testimonials li .img img,
ul#testimonials-small li .img img {
	width: 200px;
}
ul#testimonials li .img img {
	width: 140px;
}
ul#testimonials li .img .circle,
ul#testimonials-small li .img .circle {
	display: block;
	width: 200px;
	height: 200px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	background: url(../images/layer-photo.png) left top no-repeat;
}
ul#testimonials li .img .circle {
	width: 140px;
	height: 140px;
	background-size: 140px 140px;
}
ul#testimonials li h4,
ul#testimonials-small li h4 {
	font-size: 20px;
	color: #0079b4;
	line-height: 1.2;
	margin: 0 0 10px 0;
}
ul#testimonials li p,
ul#testimonials-small li p {
	font-size: 14px;
	line-height: 1.3;
}
ul#testimonials li.second h4,
ul#testimonials li.second p,
ul#testimonials-small li.last h4,
ul#testimonials-small li.last p {
	text-align: right;
}
 
#center .block {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	min-height: 20px;
	margin: 0 0 15px 0;
	padding: 10px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: ease-in 1s;
	-moz-transition: ease-in 1s;
	transition: ease-in 1s;
}
#center .block.light {
	background: #F6F6F6;
}
#center .block.green {
	background: var(--main-bg-color);
}
#center .block.green {
	background: var(--main-bg-color);
}
#center .block.min {
	height: 40px;
}
#center .block a.min-max {
	display: block;
	width: auto;
	height: 20px;
	margin: 0;
	padding: 0 27px 0 0;
	background: url(../images/min_max.png) top right no-repeat;
	background-size: 20px 40px;
	font-size: 13px;
	line-height: 20px;
	cursor: pointer;
	text-align: right;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
}
#center .block a.min-max:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}
#center .block a.min-max.maximize {
	background-position: bottom right;
}
#center .block .filters {
	display: block;
	visibility: visible;
	filter: alpha(opacity=1);
    -moz-opacity: 1;
	opacity: 1;
	-webkit-transition: opacity .5s linear;
	-moz-transition: opacity .5s linear;
	transition: opacity .5s linear;
}
#center .block .hide {
	visibility: hidden;
	filter: alpha(opacity=0);
    -moz-opacity: 0;
	opacity: 0;
}
#center .block h2 {
	margin: 0 0 10px 0;
	padding: 0;
}
#center .block h2 a {
	color: #0079b4;
}
#center .block h2 a:hover {
	color: #000;
	text-decoration: none;
}
#center .block.green h2,
#center .block.green h3,
#center .block.green p,
#center .block.green a {
	color: #FFF;
}
#center .block.darker a {
	color: #0079b4;
}
#center .block h2.stand {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 40px;
	line-height: 40px;
}
#center .block h2.stand span {
	float: left;
	display: inline;
	width: 90px;
	font-weight: normal;
	font-size: 30px;
}
#center .block h2.stand a {
	float: right;
	margin-right: 10px;
	padding-left: 36px;
	background: url(../images/marker.png) left center no-repeat;
	background-size: auto 32px;
	font-weight: normal;
}
#center .block ul.items li {
	border: none;
}
#center .block ul.items li h3 {
	margin: 0 0 5px 0;
	line-height: 1.2;
}
#center .block h2.stand a,
#center .block ul.items li h3 a {
	color: var(--sec-bg-color);
	font-size: 22px;
}
#center .block ul.items li h3 a:hover {
	text-decoration: none;
}
#center .block ul.items li img,
#center .block ul.items li iframe {
}
#content ul.list.normal {
	margin: 0;
	padding: 0;
	list-style-type: square;
}
#content ul.list.normal li {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 12px;
}
#content ul.list.normal li h3 {
	margin: 0;
	line-height: 1.3;
}
#content ul.list.normal li h3 a {
	color: #000;
	text-decoration: none;
}
#content ul.items.program,
#content ul.items.list,
#content ol.items.list {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#content ul.items.list,
#content ol.items.list {
	-webkit-box-shadow: 0 0 3px 3px rgba(64,64,64,.1);
	-moz-box-shadow: 0 0 3px 3px rgba(64,64,64,.1);
	box-shadow: 0 0 3px 3px rgba(64,64,64,.1);
}
#content ul#program {
	margin: 0 0 10px 0;
}
#content ul.items.program li,
#content ul.items.list li,
#content ol.items.list li {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 5px 2% 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content ul.items.program li.sub .time {
	/*padding-left: 12px;*/
}
#content ul.items.program li.sub a.button {
	background: #C0C0C0;
}
#content ul.items.list li h4.title,
#content ol.items.list li h4.title,
#content ul.items.list li div,
#content ol.items.list li div {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 5px 0 0 0;
	padding: 0;
}
#content ul.items.list li h4.title,
#content ol.items.list li h4.title {
	font-size: 14px;
	cursor: pointer;
}
#content ul.items.list li div,
#content ol.items.list li div {
	visibility: hidden;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
#content ul.items.list li.active div,
#content ol.items.list li.active div {
	height: auto;
	overflow: visible;
	visibility: visible;
	opacity: 1;
}
#content ul#program li,
#content ul.items.program li .ptext,
#content ul.items.list li,
#content ol.items.list li {
	background: #FFF;
}
#content ul#program li:nth-child(even),
#content ul.items.program li:nth-child(even) .ptext,
#content ul.items.list li:nth-child(even),
#content ol.items.list li:nth-child(even) {
	background: #f6f6f6;
}
#content ul#program li:hover {
	-webkit-box-shadow: 0 0 3px 3px rgba(64,64,64,.1);
	-moz-box-shadow: 0 0 3px 3px rgba(64,64,64,.1);
	box-shadow: 0 0 3px 3px rgba(64,64,64,.1);
}
#content ul#program-header li,
#content ul#program-header li span {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	color: #514F4F;
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content ul#program-header li {
	float: left;
	display: inline;
	width: 100%;
	background: url(../images/block-program-heading.png) left;
	background-size: auto 100%;
}
#content ul#program-header li span {
}
#content ul#program-header li span.fa {
	padding: 0;
	font-weight: normal;
	color: #514F4F;
}
#content ul#program-header li .time span.fa-2x,
#content ul#program-header li .title span.fa-2x {
	font-size: 1.6em
}
#content ul.items.program li .title a {
	color: #000;
	text-decoration: underline;
}
#content ul.items.program li .title a:hover {
	text-decoration: none;
}
#content ul.items.program li .ptext a {
	color: var(--sec-bg-color);
}
#content ul.items.program li a.button {
}
#content ul.items.program li a.button.yellow {
	color: #514F4F !important;
}
#content ul.items.program li span {
	float: left;
	display: inline-block;
}
#content ul.items.program li .ptext span {
	float: none;
}
#content ul.items.program li span.hide,
#content ul.items.program li div.hide {
	display: none;
}
#content ul.items.program li .time {
	width: 15%;
}
#content ul.items.program li .title {
	width: 40%;
	padding-top: 5px;
	font-weight: bold;
	color: #000;
}
#content ul.items.program li .img {
	width: 35%;
}
#content ul.items.program li .theme {
	display: none;
}
#content ul.items.program li .location {
	width: 10%;
	padding-top: 5px;
}
#content ul#program li .theme,
#content ul#program li .location {
}
#content ul.items.program li .theme a,
#content ul.items.program li .location a {
	color: #0079b4;
}
#content ul.items.program li img {
	margin: 0 10px 10px 0;
}
#content ul.items.program li img.logo,
#content ul.items.program li img.client {
	width: auto;
	height: auto;
	max-width: 100px;
	max-height: 40px;
}
#content ul.items.program li img.client {
	margin-right: 10px;
	width: 64px;
	height: 64px;
	max-height: none;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
#content ul.items.program li .img .fa-2x {
	width: 40px;
	height: 40px;
	background: var(--sec-bg-color);
	color: #FFF;
	line-height: 40px;
	text-align: center;
	font-size: 1.6em;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
#content ul.items.program li .img .desc {
	padding-top: 5px;
}
#content ul.items.program li .fr img.logo {
	max-width: none;
}
#content ul.items.program li img.spacer {
	width: 10px;
	height: 40px;
}
#content ul.items.program li .ptext {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #FFF;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
#content ul.items.program li .ptext h4 {
	margin: 0 0 10px 0;
	color: #0079b4;
}
#content ul.items.program li .ptext table.program-items {
	width: 100%;
	height: auto;
	border: none;
}
#content ul.items.program li .ptext table.program-items tr {
	display: block;
	width: 100%;
	min-height: 40px;
}
#content ul.items.program li .ptext table.program-items td {
	padding-top: 5px;
	border: none;
}
#content ul.items.program li .ptext table.program-items td,
#content ul.items.program li .ptext table.program-items td p {
	height: auto;
	line-height: 1.2;
}
#content ul.items.program li .ptext table.program-items td p {
	margin: 0;
}
#content ul.items.program li .ptext table.program-items td.time {
	width: 20%;
}
#content ul.items.program li .ptext table.program-items td.title {
	width: 30%;
	padding-top: 5px;
	font-weight: bold;
	color: #000;
}
#content ul.items.program li .ptext table.program-items td.img {
	width: 30%;
}
#content ul.items.program li .ptext table.program-items td.img img {
	width: 40px;
	height: auto;
	margin: 0 10px 0 0;
	border-radius: 100%;
}
#content ul.items.program li .ptext table.program-items td.location {
	width: 20%;
	padding-top: 5px;
}
#center .block p {
	margin-bottom: 0;
	font-size: 14px;
}
#center .block img.icon {
	width: 36px;
	height: auto;
}
#center .block.darker p a {
	color: var(--sec-bg-color);
}
#center img.client-logo-small {
	float: left;
	width: auto;
	height: 60px;
	margin-right: 12px;
	border-right: 6px solid var(--sec-bg-color);
}




#center .block ul.tags li a {
	padding: 2px 4px;
	background: #FFF;
	font-size: 13px;
}
#center .block ul.tags li a:hover,
#center .block ul.tags li a.active {
	background: #0079b4;
	color: #FFF;
	text-shadow: 1px 1px #000;
}



#center ul.buttons-small {
	float: right;
	display: inline;
	list-style: none;
	width: auto;
	margin: 0;
}

#content .buttons-small {
}
#content .buttons-small a {
	float: left;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 7px 0 0;
	background: url(../images/icons/social.png) top left;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
    overflow: hidden;
    zoom: 0.5;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 0;
}
#content .buttons-small a.i_f {
	background-position: 0px -40px;
}
#content .buttons-small a.i_l {
	background-position: -161px -40px;
}
#content .buttons-small a.i_t {
	background-position: -322px -40px;
}
#content .buttons-small a.i_g {
	background-position: -121px -40px;
}
#content .buttons-small a:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: none;
	-webkit-filter: grayscale(0%);
}
#center ul.downloads li {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	min-height: 40px;
	margin: 0;
	padding: 3px 0;
	border-bottom: 1px dotted #EDEDED;
	position: relative;
}
#center  ul.downloads li span.ext {
	float: left;
	display: block;
	width: 39px;
	height: 39px;
	margin: 0 7px 0 0;
	padding: 0;
	background: url(../images/icons/icons.gif) top left no-repeat;
}
#center  ul.downloads li.doc span.ext,
#center  ul.downloads li.docx span.ext {
	background-position: -2px -1px;
}
#center  ul.downloads li.xls span.ext,
#center  ul.downloads li.xlsx span.ext {
	background-position: -41px -1px;
}
#center  ul.downloads li.pps span.ext,
#center  ul.downloads li.ppsx span.ext,
#center  ul.downloads li.ppt span.ext,
#center  ul.downloads li.pptx span.ext {
	background-position: -80px -1px;
}
#center  ul.downloads li.bmp span.ext {
	background-position: -2px -39px;
}
#center  ul.downloads li.jpg span.ext,
#center  ul.downloads li.jpeg span.ext {
	background-position: -41px -39px;
}
#center  ul.downloads li.png span.ext {
	background-position: -80px -39px;
}
#center  ul.downloads li.gif span.ext {
	background-position: -119px -39px;
}
#center  ul.downloads li.file span.ext,
#center  ul.downloads li span.ext {
	background-position: -2px -80px;
}
#center  ul.downloads li.txt span.ext {
	background-position: -41px -80px;
}
#center  ul.downloads li.pdf span.ext {
	background-position: -119px -80px;

}
#center  ul.downloads li h4 {
	display: inline-block;
	width: auto;
	margin: 4px 0 0 0;
	line-height: 1.3;
	font-size: 110%
}
#center  ul.downloads li h4 a {
	display: block;
	color: var(--sec-bg-color);
}
#center  ul.downloads li:hover,
#center  ul.downloads li:hover a {
	background: none !important;
	color: #202020;
}
#center  ul.downloads li p.date {
	color: #808080;
	font-size: 90%;
}


#center .blog-item {
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
}
#center .blog-item h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #000;
	font-size: 20px;
}
#center .blog-item h2 a {
	color: #000;
	text-decoration: none;
}
#center a.header-page-link {
}
#center img.header-page {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}
#center .content-page {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 20px;
	background: #F2F2F2;
	position: relative;
}
#center .blog-item .content-page {
}
#content .container.photo.dark .blocks3x2 {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 20px 0 0;
	padding: 15px;
	background-color: rgba(250,250,250,0.8);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content .text .block-small {
	float: left;
	display: block;
	width: 32%;
	height: 340px;
	margin: 0 1% 1% 1%;
	padding: 20px;
	text-align: center;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content .text .block-small:nth-child(2),
#content .text .block-small:nth-child(3),
#content .text .block-small:nth-child(5),
#content .text .block-small:nth-child(6) {
	margin-left: 0;
}
#content .text .block-small.medium {
	height: 260px;
}
#content .text .block-small.smaller {
	width: 23%;
	height: 240px;
	margin-left: 1% !important;
	-webkit-box-shadow: 0 0 5px 5px rgba(64,64,64,.1);
	-moz-box-shadow: 0 0 5px 5px rgba(64,64,64,.1);
	box-shadow: 0 0 5px 5px rgba(64,64,64,.1);
}
#content .text .block-small .circle {
	float: none;
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: 20px auto;
	padding: 14px;
	color: #FFF;
	font-size: 40px;
	line-height: 60px;
	text-align: center;
	background: #76a1c3;
	-webkit-box-shadow: 0 0 5px 5px rgba(64,64,64,.1);
	-moz-box-shadow: 0 0 5px 5px rgba(64,64,64,.1);
	box-shadow: 0 0 5px 5px rgba(64,64,64,.1);
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
#content .text .block-small.smaller .circle {
	width: 90px;
	height: 90px;
	padding: 0;
	color: #FFF;
	font-size: 24px;
	line-height: 90px;
}
#content .text .block-small .circle.green {
	background: #38ae6a;
}
#content .text .block-small .circle.green.ok img {
	width: 40px;
	height: 40px;
}
#content .container.photo.dark .block-small h3,
#content .container.photo.dark .block-small p {
	color: #999;
}
#content .text .block-price {
	float: left;
	display: inline-block;
	width: 35%;
	height: auto;
	min-height: 760px;
	margin: 0 7.5% 20px 7.5%;
	padding: 12px;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 5px 5px rgba(64,64,64,.1);
	-moz-box-shadow: 0 0 5px 5px rgba(64,64,64,.1);
	box-shadow: 0 0 5px 5px rgba(64,64,64,.1);
	position: relative;
}
#content .text .block-price.special {
	border: 12px solid #a8c712;
}
#content .text .block-price.bird {
	background: url(../images/vogel.png) top 80px left 10px no-repeat;
	background-size: 48px auto;
}
#content .text .block-price.uitverkocht:before {
	content: "";
	width: 100%;
	height: 600px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/layer-uitverkocht.png) top left no-repeat;
	background-size: 100% auto;
}
#content .text .block-price:last-child {
}
#content .text .block-price p.price {
	color: #e52522;
	font-weight: bold;
	font-size: 32px;
	text-align: center;
	line-height: 1;
}
#content .text .block-price.special p.price {
}
#content .text .block-price p.price span {
	color: #CCC;
	font-size: 14px;
}
#content .text .block-price h3.button-blue {
	float: none;
	width: 240px;
	height: 60px;
	margin: 20px auto;
	padding: 0 5px;
	line-height: 60px;
	color: #FFF;
	background: #36a9e1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	text-align: center;
}
#content .text .block-price ul.list-ok-nok {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#content .text .block-price ul.list-ok-nok li {
	height: auto;
	margin-left: 0;
	padding-left: 30px;
	text-align: left;
	clear: both;
	line-height: 1.6;
	margin-bottom: 12px;
}
#content .text .block-price ul.list-ok-nok li.ok {
	background-image: url(../images/vinkje-gevuld.png);
	background-size: 20px auto;
	background-position: top left;
	background-repeat: no-repeat;
}
#content .text .block-price ul.list-ok-nok li.nok {
	background-image: url(../images/kruisje-gevuld.png);
	background-size: 20px auto;
	background-position: top left;
	background-repeat: no-repeat;
}
#content .text .block-price .button.bottom {
	position: absolute;
	width: 240px;
	margin: 0 auto;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 20px;
}
.block-package {
	float: left;
	display: inline-block;
	width: 98%;
	min-height: 500px;
	margin: 0 1% 20px;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.block-package.w50 {
	width: 48%;
	margin: 0 1% 20px;
}
.block-package.w33 {
	width: 31%;
	margin: 0 1% 20px;
}
.block-package .heading {
	float: left;
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-size: 18px;
	background: var(--sec-bg-color);
	padding-left: 10px;
	position: relative;
	box-sizing: border-box;
}
.block-package .heading.gray {
	background: #575756;
}
.block-package .heading .credits {
	position: absolute;
	top: 0;
	right: 0;
	width: 215px;
	height: 50px;
	padding-right: 10px;
	line-height: 50px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	background: url('https://www.workplacexperience.nl/images/block-package-heading.png') no-repeat;
	background-size: 100% auto;
	box-sizing: border-box;
}
.block-package .image {
	float: left;
	display: inline-block;
	width: 100%;
	height: auto;
	max-height: 360px;
	margin-bottom: 20px;
}
.block-package .image img {
	max-width: 100%;
	height: auto;
	max-height: 360px;
}
.block-package .text {
	float: left;
	display: inline-block;
	width: 100%;
	color: #575756;
	background: #F2F2F2;
	padding: 24px;
}
.block-package .text ul {
	padding-left: 0;
}
#content #fivesteps {
}
#content #fivesteps h4 {
	float: left;
	display: inline-block;
	width: 100%;
	text-transform: none;
	font-size: 16px;
	font-weight: normal;
	line-height: 2;
	margin-bottom: 24px;
}
#content #fivesteps h4 .number {
	float: left;
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 100%;
	margin-right: 12px;
	background: #EDEDED;
	font-size: 24px;
	text-align: center;
}
#content #fivesteps h4 .desc {
	float: left;
	display: inline-block;
}
#content .number-line {
	width: 100%;
	min-height: 48px;
	margin-bottom: 12px;
	line-height: 48px;
	font-size: 20px;
	font-weight: bold;
}
#content .number-line .number.rounded {
	float: left;
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 100%;
	margin-right: 12px;
	background: #FFF;
	text-align: center;
	line-height: 40px;
	border: 4px solid var(--main-bg-color);
}

/* #right */

#right .w100,
.column-right .w100 {
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 20px;
	border: 1px solid #DDD;
}
#right h2.title,
#right h3.title {
	color: #575756;
}
#right h3.title {
	font-size: 24px;
}
#right h2.title a,
#right h3.title a {
	text-decoration: none;
}
#right a.button {
	margin-bottom: 20px !important;
}
.column-right h2.tweets {
	font-size: 20px;
	margin-bottom: 20px;
}
ul#tweets {
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#tweets li {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0 !important;
	padding: 0 0 5px 0 !important;
	border-bottom: 1px solid #FFF;
	position: relative;
}
ul#tweets li:hover {
}
ul#tweets li img {
	float: left;
	display: inline;
	width: 48px;
	height: auto;
	margin: 0 12px 20px 0;
}
ul#tweets li p.summary {
	margin: 0 0 5px 0;
	font-size: 13px;
	line-height: 1.2;
	clear: none;
}
ul#tweets li p.summary a {
	color: #404040;
	text-decoration: none;
}
ul#tweets li p.summary a:hover {
	color: #000;
}
ul#tweets li p.date {
	margin: 0;
	font-size: 12px;
	color: #999;
}
ul#tweets li p .rt {
	float: right;
	margin: 0;
	padding: 0 4px;
	background: var(--sec-bg-color);
	color: #FFF;
}
ul#tweets li#user_info {
	padding: 5px 0;
}
ul#tweets li#user_info img {
	float: right;
	width: 36px;
}
ul#tweets li#user_info a.img {
	float: right;
	display: inline;
	width: 20%;
}

ul#tweets li#user_info h3,
ul#tweets li#user_info p {
	float: left;
	display: inline;
	width: 80%;
	margin: 0 0 5px 0;
	line-height: 1.2;
}
#right .w100.sidebar .text .fa,
.column-right .w100.sidebar .text .fa,
footer .sidebar .fa {
	float: left;
	display: inline-block;
	width: 55px;
	height: 40px;
	margin-right: 10px;
	line-height: 40px;
	color: var(--sec-bg-color);
	text-align: center;
}
footer .sidebar .fa {
	height: 32px;
	line-height: 32px;
}
#right .w100.sidebar .text h3,
.column-right .w100.sidebar .text h3,
footer .sidebar h3 {
	margin: 0 0 5px 0;
	color: #000;
	font-size: 16px;
	text-transform: none;
	clear: none;
}
footer .sidebar h3 {
	margin: 0 0 2px 0;
	font-size: 16px;
}
#right .w100.sidebar .text p,
.column-right .w100.sidebar .text p,
footer .sidebar {
	color: #999;
	margin: 0;
	clear: none;
}
#right .w100.sidebar .text h3.blue,
.column-right .w100.sidebar .text h3.blue {
	margin-bottom: 15px;
	color: var(--main-bg-color);
	font-size: 16px;
}

/* #right ul.calendar.medium */
#right ul.calendar.medium li,
#right ul.news.medium li {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #EFEFEF;
	position: relative;
}
#right ul.calendar.medium li .date {
	float: left;
	display: inline;
	width: 28px;
	height: 30px;
	margin: 0 8px 0 0;
	padding: 2px 4px 6px 4px;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	background: #768aa6;
	background: -moz-linear-gradient(top,  #94a4ba 0%, #768aa6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94a4ba), color-stop(100%,#768aa6));
	background: -webkit-linear-gradient(top,  #94a4ba 0%,#768aa6 100%);
	background: -o-linear-gradient(top,  #94a4ba 0%,#768aa6 100%);
	background: -ms-linear-gradient(top,  #94a4ba 0%,#768aa6 100%);
	background: linear-gradient(to bottom,  #94a4ba 0%,#768aa6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94a4ba', endColorstr='#768aa6',GradientType=0 );
	border: 1px solid #5e7492;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#right ul.calendar.medium li .date a,
#right ul.calendar.medium li .date a:hover {
	color: #FFF;
	text-decoration: none;
}
#right ul.calendar.medium li .date span {
	float: left;
	display: inline;
	width: 100%;
	line-height: 1;
	text-shadow: 1px 1px #808080;
}
#right ul.calendar.medium li .date span.month {
	font-size: 14px;
	font-weight: normal;
}
#right ul.calendar.medium li:hover .date {
	background: var(--sec-bg-color);
	border: 1px solid var(--sec-bg-color);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#right ul.calendar.medium li:hover .date a {
	color: #FFF;
}
#right ul.calendar.medium li h3,
#right ul.news.medium li h3 {
	float: left;
	display: inline;
	width: 192px;
	height: auto;
	margin: 0;
	padding: 3px 0;
	line-height: 1.2;
	font-size: 14px;
}
#right ul.calendar.medium li h3 a {
	display: block;
	min-height: 34px;
	color: #202020;
}
#right ul.calendar.medium li h3 a:hover,
#right ul.news.medium li h3 a:hover {
	text-decoration: none;
	color: #000;
}
#right ul.news.medium li h3 a {
	display: block;
	min-height: 34px;
	color: #404040;
}
/* #right .w100.green ul.calendar.medium */
#right .w100.green ul.calendar.medium li {
	border-bottom: 1px solid #a3d53f;
}
#right .w100.green ul.calendar.medium li .date {
	color: #768aa6;
	background: #FFF;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e9f2d7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9f2d7));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e9f2d7 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e9f2d7 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e9f2d7 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e9f2d7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9f2d7',GradientType=0 );
	border: 1px solid #84b327;
}
#right .w100.green ul.calendar.medium li .date a,
#right .w100.green ul.calendar.medium li .date a:hover {
	color: #768aa6;
}
#right .w100.green ul.calendar.medium li .date span {
	text-shadow: none;
}
#right .w100.green ul.calendar.medium li:hover .date a {

	color: #202020;
}
#right .w100.green ul.calendar.medium li h3 {
}
#right .w100.green ul.calendar.medium li h3 a {
	color: #FFF;
	text-shadow: 1px 1px #77a125;
}
#right .w100.green ul.calendar.medium li h3 a:hover {
	color: #000;
	text-shadow: 1px 1px #ccc;
}
/* */
#right .event_date {
	width: 34px;
	margin: 0 8px 0 0;
	padding: 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#right .event_date .month {
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
}
#right .event_date .day {
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
#right .blocks h4 {
	margin: 10px 0;
	font-size: 16px;
	line-height: 1.4;
}
#right ul.navigation li {
	margin: 0 0 0 15px !important;
	padding: 0 0 0 5px !important;
	clear: both;
}
#right ul.navigation li.active a
 {
	color: #000;
	text-decoration: underline;
}
#right .w100 .text ul.items {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}
#right .w100 .text ul.items {
}
#right .w100 .text ul.items li {
	float: left;
	display: inline;
	width: inherit;
	height: auto;
	margin: 0 0 5px 0 !important;
	padding: 0 !important;
	border: none !important;
	list-style: none;
	clear: none !important;
}
#right .w100 .text ul.items li:hover {
}
#right .w100 .text ul.items li .img {
	float: left;
	display: inline;
	width: 80px;
	height: auto;
	margin: 0 10px 0 0;
	padding: 0;
}
#right .w100 .text ul.items li .img img {
	width: 80px;
	height: auto;
}
#right .w100 .text ul.items li h3 {
	width: auto !important;
	margin: 0 0 2px 0;
	font-size: 15px;
	line-height: 1.2;
}
#right .w100 .text ul.items li h3 a {
	display: block;
	color: #000;
	text-decoration: none;
}
#right .w100 .text ul.items li h3 a:hover {
	color: var(--sec-bg-color);
}
#right .w100 .text ul.items li p {
	float: left;
	display: inline;
	width: 100%;
	font-size: 14px;
	line-height: 1.1;
}
#right .w100 .text ul.items li p a {
	display: block;
	text-decoration: none;
}
#right .w100 .text ul.items li p .pubdate {
	color: #808080;
}

#right ul.list li {
}
#right ul.list li.hiding {
  opacity:0.5;
}
#right ul.list li.hidden {
  display:none;
}

/* footer */

footer .w33 {
	padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
footer .w33:last-child {
	padding-right: 0;
}
footer #f-block-1 {
	padding: 20px 0;
	border-top: 10px solid #F2F2F2;
}
footer #f-block-2 {
	height: 480px;
	padding: 0;
}
footer #f-block-2 iframe {
	width: 100% !important;
	height: 480px;
    pointer-events: none;
}
footer #f-block-2.map-bckg {
}
footer #f-block-3 h4 {
	font-size: 18px;
	margin-bottom: 20px;
}
footer h3,
footer h4,
footer p {
	clear: none;
}
footer h3 {
}
footer .container.gray h3 {
	color: #F2F2F2;
	margin-bottom: 10px;
}
footer .fa {
}
footer .sidebar .fa {
	margin: 5px 10px 5px 0;
}
footer .sidebar p {
	line-height: 1;
}
footer .container a:hover {
	text-decoration: underline;
}
footer .container.green h3,
footer .container.green h4,
footer .container.green p,
footer .container.green a,
footer .container.dark h3,
footer .container.dark h4,
footer .container.dark p,
footer .container.dark a {
	color: #FFF;
}
footer .container.yellow h3,
footer .container.yellow h4,
footer .container.yellow p,
footer .container.yellow a:not(.button),
footer .container.white h3,
footer .container.white h4,
footer .container.white p,
footer .container.white li,
footer .container.white a:not(.button),
footer .container.light h3,
footer .container.light h4,
footer .container.light p,
footer .container.light li,
footer .container.light a:not(.button) {
	color: #202020;
}
footer form,
footer fieldset {
	margin: 20px 0 0 0;
	padding: 0;
	border: none;
}
footer .container.blue fieldset {
	display: block;
	width: 100%;
	position: relative;
}
footer .container.blue input {
	float: left;
	display: inline;
	width: 200px;
	height: 24px;
	margin: 0;
	padding: 4px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
	background: #36a9e1;
	border: 2px solid #FFF;
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
footer .container.blue input::-webkit-input-placeholder,
footer .container.blue input:-moz-placeholder,
footer .container.blue input::-moz-placeholder,
footer .container.blue input:-ms-input-placeholder {
	color: #85b7d7;
}
footer .container.blue input:hover,
footer .container.blue input:focus,
footer .container.blue input:active {
}
footer .container.blue input.button-small {
	float: left;
	display: block;
	width: 36px;
	height: 36px;
	padding: 0;
	border: none;
	background: #FFF;
	color: #514F4F;
	font-size: 24px;
	line-height: 100%;
	border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
}
footer .container.blue input.button-small:hover,
footer .container.blue input.button-small:focus,
footer .container.blue input.button-small:active {
}
footer ul.items.medium {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
footer ul.items.medium li {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	min-height: 100px;
	margin: 0;
	padding: 0;
	clear: both;
	position: relative;
}
footer ul.items.medium li img {
	float: left;
	display: inline-block;
	width: 100px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
footer ul.items.medium li .info {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
footer ul.items.medium li .info h3 {
	height: 56px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.1;
	text-transform: uppercase;
}
footer ul.items.medium li .info h3 a {
	text-decoration: none;
	color: #000;
}
footer ul.items.medium li .info p {
	font-size: 13px;
}
footer ul.items.medium li .info p.date {
	height: auto;
	color: #CCC;
}
footer ul.items.medium li .info p.date .fa {
	margin-top: 0;
	margin-bottom: 0;
	color: #FFF;
}
footer .blue * {
	color: #FFF;
}
footer a {
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
}
footer a:hover {
	color: #202020;
	text-decoration: none;
}
footer .container.blue a:hover,
footer .container.gray a:hover {
	color: #FFF;
	text-decoration: underline;
}



/* Slider */

#slider-top .swiper-button-next,
#slider-top .swiper-button-prev {
	top: 10px;
	margin: auto 0;
	width: 54px;
	height: 54px;
	background: url(../images/slideshow-arrows.png) right top no-repeat;
	filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.1s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.1s;
	transition: opacity 0.3s 0s, visibility 0s 0.1s;
}
#slider-top .swiper-button-prev {
	background-position: left top;
}
#slider-top .swiper-button-next {
	left: 74px;
}
#slider-top:hover .swiper-button-next,
#slider-top:hover .swiper-button-prev {
	filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#slider-top .swiper-button-next:hover,
#slider-top .swiper-button-prev:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
#slider-top .swiper-pagination {
	text-align: right;
}
#slider-top .swiper-pagination span {
	margin: 0 10px 0 0;
}
#slider-top {
	position: relative;
	display: block;
	width: 100%;
	height: 720px;
	margin: 100px auto 0;
	overflow: hidden;
	background: url(../images/background-gradient.png) top center no-repeat;
	background-size: 100% 100%;
}
#slider-top.responsive {
	min-height: auto;
	max-height: none;
	height: 480px;
/*
	background: #FFF url(../images/header-image-responsive.png) top 80px center no-repeat;
	background-size: cover;
*/
}
#slider-top.small {
	height: 480px;
	min-height: auto;
	max-height: none;
	background-size: cover;
}
#slider-top.smaller {
	height: 240px;
}
#slider-top a.transparent-button {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
#slider-top .swiper-container {
}
#slider-top #swiper-layer {
}
#slider-top .swiper-slide {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 320px;
	padding: 0;
	background-position: top center;
	background-size: cover;
}
#slider-top.small .swiper-slide {
	background-repeat: no-repeat;
}
#slider-top .layer {
/*	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1002;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0; 
	background: url(../images/bckg-slider.png) center bottom no-repeat;
	background-size: 100% auto;*/
}
#slider-top .text {
	position: absolute;
	top: 48px;
	left: 0;
	right: 0;
	z-index: 1003;
	width: 100%;
	max-width: 1280px;
	height: auto;
	margin: 0 auto;
}
#slider-top .text.wb.w1 {
}
#slider-top .text h1,
#slider-top .text h2,
#slider-top .text h3,
#slider-top .text h4 {
	color: #FFF;
	line-height: 1.1;
}
#slider-top .text h1 {
	font-size: 6rem;
}
#slider-top .text h2 {
	font-size: 4rem;
}
#slider-top .text h3 {
	font-size: 3rem;
	color: #FFF;
}
#slider-top .text h4 {
	font-size: 2rem;
	color: #FFF;
}
#slider-top .text p {
	color: #FFF;
	line-height: 1.2;
	font-size: 2.3rem;
}
#slider-top .text a {
	color: #FFF;
}
#slider-top .text a:hover {
	color: var(--sec-bg-color);
}
#slider-top.small .text {
}
#slider-top video {
	width: 100%;
	height: auto;
	margin-top: 80px;
}
#slider-top button {
	position: absolute;
	z-index: 10;
	top: 110px;
	left: 20px;
}
.mute-video {
	background: #FFF url(../images/icon-mute.png) no-repeat center;
	background-size: 32px auto;
	border: 0;
	width: 52px;
	height: 52px;
	padding: 10px;
	text-indent: -999px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
}
.unmute-video {
	background: #FFF url(../images/icon-unmute.png) no-repeat center;
	background-size: 32px auto;
	border-radius: 100%;
	-webkit-border-radius: 100%;
}
#slider-logos,
.slider-logos,
#slider-photos,
.slider-photos {
	position: relative;
	display: block;
	width: 100%;
	height: 200px;
	min-height: 80px;
	margin: 10px auto;
	padding: 0 40px;
	overflow: hidden;
}
#content ul.logos.medium li {
	float: left;
	display: inline-block;
	width: 25%;
	min-height: 200px;
	margin: 0;
	padding: 0;
	clear: none;
	position: relative;
}
#slider-logos .swiper-slide,
.slider-logos .swiper-slide,
#slider-photos .swiper-slide,
.slider-photos .swiper-slide {
	display: block;
	width: 198px;
	height: 198px;
	position: relative;
}
#content ul.logos.medium li img,
#slider-logos .swiper-slide img,
.slider-logos .swiper-slide img {
	width: auto;
	height: 80px;
	margin: 59px auto;
	padding: 12px;
	/*filter: grayscale(100%);*/
}
#slider-photos .swiper-slide img,
.slider-photos .swiper-slide img {
	width: auto;
	height: 100%;
	margin: 0 auto;
}
#content ul.logos.medium li img {
	width: auto;
	height: auto;
	max-height: 100px;
	margin: 50px auto;
}
#content ul.logos.medium li a,
#slider-logos .swiper-slide a,
.slider-logos .swiper-slide a {
	display: block;
	border: 1px solid #DDD;
	border-right: none;
	text-align: center;
}
#content ul.logos.medium li a {
	border-top: none;
}
#content ul.logos.medium li:nth-child(4n+4) a,
#content ul.logos.medium li:last-child a {
	border-right: 1px solid #DDD;
}
#content ul.logos.medium li a:hover,
#slider-logos .swiper-slide a:hover,
.slider-logos .swiper-slide a:hover {
	display: block;
	background: #C0C0C0;
	color: #FFF;
}
#content ul.logos.medium li a:hover img,
#slider-logos .swiper-slide a:hover img,
.slider-logos .swiper-slide a:hover img {
	visibility: hidden;
	filter: alpha(opacity=0);
    -moz-opacity: 0;
	opacity: 0;
}
#content ul.logos.medium li a span,
#slider-logos .swiper-slide a span,
.slider-logos .swiper-slide a span {
	display: none;
}
#content ul.logos.medium li a:hover span,
#slider-logos .swiper-slide a:hover span,
.slider-logos .swiper-slide a:hover span {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 20px;
	padding: 90px 0;
	font-weight: bold;
	margin: auto;
	color: #FFF;
	text-align: center;
}
#content ul.logos.medium li a:hover span {
	font-size: 20px;
}
#slider-logos.ac,
.slider-logos.ac {
	text-align: center;
}
#slider-logos.ac .swiper-slide,
.slider-logos.ac .swiper-slide {
	display: inline-block;
	margin: 0 auto;
}
#slider-top.video {
	min-height: 480px;
	max-height: 880px;
}
/* logo sliders*/
.slider-logos .slider-button-next,
.slider-logos .slider-button-prev,
.slider-photos .slider-button-next,
.slider-photos .slider-button-prev {
	position: absolute;
	z-index: 20;
	top: 0;
	margin: auto 0;
	width: 40px;
	height: 40px;
	color: var(--main-bg-color);
	cursor: pointer;
}
.slider-logos .slider-button-next:hover,
.slider-logos .slider-button-prev:hover,
.slider-photos .slider-button-next:hover,
.slider-photos .slider-button-prev:hover {
	color: var(--main-hover-color);
}
.slider-logos .slider-button-prev,
.slider-photos .slider-button-prev {
	left: 0;
	text-align: left;
}
.slider-logos .slider-button-next,
.slider-photos .slider-button-next {
	right: 0;
	text-align: right;
}

#nav-br {
	color: #FFF;
	margin: -80px auto 10px;
}

#page.cl1 #nav-br {
	position: absolute;
	left: 0;
	top: -40px;
	z-index: 1005;
	padding: 0;
	margin: 0;
	border: none;
}
#page.cl1 #nav-br p {
    background: var(--sec-bg-color);
}
#nav-br p {
    width: auto;
    display: inline;
    padding-right: 4px;
}
#nav-br a {
	color: #FFF;
	text-decoration: underline;
}
#nav-br a:hover {
	color: #202020;
	text-decoration: none;
}
/*
#nav-br h2,
#nav-br h1.nav {
	color: #FFF;
	font-size: 32px;
	text-shadow: 1px 1px #000;
}
#nav-br p,
#nav-br p a {
	color: #FFF;
	text-shadow: 1px 1px #000;
}
#nav-br p a.button {
	text-shadow: none;
}
*/
#nav-br p span {
}










/* misc */

.xl {
	font-size: 8rem;
}
.xxl {
	font-size: 12rem;
}
.lc {
	text-transform: lowercase;
}
.uc {
	text-transform: uppercase;
}
.ntd {
	text-decoration: none;
}
.error,
.red {
	color: #F00;
}
.white {
	color: #FFF !important
}
p.blue,
span.blue,
a.blue
{
	color: var(--sec-bg-color);
}
p.green,
span.green,
a.green
{
	color: var(--main-bg-color);
}
.tdn {
	text-decoration: none;
}
.fn {
	float: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.ar {
	text-align: right;
}
.ac {
	text-align: center;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt12 {
	margin-top: 12px !important;
}
.mt24 {
	margin-top: 24px !important;
}
.mt48 {
	margin-top: 48px !important;
}
.mt96 {
	margin-top: 96px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr24 {
	margin-right: 24px !important;
}
.mr48 {
	margin-right: 48px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb12 {
	margin-bottom: 12px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb24 {
	margin-bottom: 24px !important;
}
.mb48 {
	margin-bottom: 48px !important;
}
.mb96 {
	margin-bottom: 96px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml24 {
	margin-left: 24px !important;
}
.ml48 {
	margin-left: 48px !important;
}
.m10 {
	margin: 10px !important;
}
.m20 {
	margin: 20px !important;
}
.m24 {
	margin: 24px !important;
}
.m48 {
	margin: 48px !important;
}
.m96 {
	margin: 96px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt24 {
	padding-top: 24px !important;
}
.pt48 {
	padding-top: 48px !important;
}
.pt96 {
	padding-top: 96px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr24 {
	padding-right: 24px !important;
}
.pr48 {
	padding-right: 48px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb24 {
	padding-bottom: 24px !important;
}
.pb48 {
	padding-bottom: 48px !important;
}
.pb96 {
	padding-bottom: 96px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl24 {
	padding-left: 24px !important;
}
.pl48 {
	padding-left: 48px !important;
}
.p5 {
	padding: 5px !important;
}
.p10 {
	padding: 10px !important;
}
.p20 {
	padding: 20px !important;
}
.p24 {
	padding: 24px !important;
}
.p48 {
	padding: 48px !important;
}
.nm {
	margin: 0 !important;
}
.np {
	padding: 0 !important;
}
.nmt {
	margin-top: 0 !important;
}
.nmb {
	margin-bottom: 0 !important;
}
.npt {
	padding-top: 0 !important;
}
.npr {
	padding-right: 0 !important;
}
.npb {
	padding-bottom: 0 !important;
}
.npl {
	padding-left: 0 !important;
}
.cb{clear:both}
.border-left {
	border-left: 4px solid var(--sec-bg-color);
}
.rounded-image {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.hide {
	visibility: hidden;
	filter: alpha(opacity=0);
    -moz-opacity: 0;
	opacity: 0;
}
#ticket-price-old {
	text-decoration: line-through;
}
p.red,
span.red,
a.red {
	color: #F00;
}
p.na,
span.na,
a.na {
	color: #CCC;
}
input.button {
	margin-top: 0;
}
a.button,
input.button,
input.button.green,
.actions ul li a {
	display: inline-block;
	font-size: 18px !important;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 12px;
	min-width: 160px;
	width: auto;
	text-align: center;
	color: #FFF;
	background: var(--main-bg-color);
	text-decoration: none;
	border: 2px solid var(--main-bg-color);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	border-radius: 26px;
}
a.button.square,
input.button.square {
	min-width: auto;
	width: 30px;
	height: 30px;
	line-height: 1;
	text-align: center;
}
a.button.smaller {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 4px 8px;
	min-width: 100px;
	border-radius: 3px;
}
a.button.smallest {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 4px 2px;
	min-width: 16px;
	border-radius: 3px;
	font-size: 14px;
}
.actions ul li a {
	color: #FFF !important;
	background: var(--main-bg-color);
	border-color:var(--main-bg-color);
}
.button.blue,
input.button.blue {
	color: #FFF !important;
	background: var(--sec-bg-color);
	border-color: var(--sec-bg-color);
}
.button.gray,
input.button.gray {
	color: #FFF !important;
	background: #575756;
	border-color: #575756;
}
.button.na,
input.button.na,
.actions ul li.disabled a {
	color: #FFF !important;
	background: #EDEDED;
	border-color: #EDEDED;
	cursor: not-allowed;
}
.button:hover {
	text-decoration: none;
}
.button:hover,
input.button:hover,
input.button:focus,
input.button:active,
.button.green:hover,
input.button.green:hover,
input.button.green:focus,
input.button.green:active {
	background-color: var(--main-hover-color);
	color: #fff !important;
	border-color: var(--main-hover-color);
}
.actions ul li a:hover {
	background: #FFF;
	color: var(--main-hover-color) !important;
	border-color: var(--main-hover-color);
}
.button.blue:hover,
input.button.blue:hover,
input.button.blue:focus,
input.button.blue:active {
	background-color: var(--sec-hover-color);
	color: #FFF !important;
	border-color: var(--sec-hover-color) !important;
}
.button.gray:hover,
input.button.gray:hover,
input.button.gray:focus,
input.button.gray:active {
	background-color: #FFF;
	color: #575756 !important;
	border-color: #575756;
}
.button.na:hover,
input.button.na:hover,
input.button.na:focus,
input.button.na:active,
.actions ul li.disabled a:hover {
	color: #F2F2F2 !important;
	background-color: #DDD !important;
	border-color: #DDD!important;
}
.actions ul li:first-child a {
	background: #FFF;
	border-color: var(--main-bg-color);
	color: var(--main-bg-color) !important;
}
.button.white,
input.button.white {
	background-color: #FFF;
	border-color: var(--main-bg-color);
	color: var(--main-bg-color) !important;
}
.button.white.blue,
input.button.white.blue {
	background-color: #FFF;
	border-color: var(--sec-bg-color);
	color: var(--sec-bg-color) !important;
}
.button.white.gray,
input.button.white.gray {
	background-color: #FFF;
	border-color: #575756;
	color: #575756 !important;
}
.actions ul li:first-child a:hover {
	background: var(--main-hover-color);
	color: #FFF !important;
}
.button.white:hover,
input.button.white:hover,
input.button.white:focus,
input.button.white:active {
	background-color: var(--main-hover-color);
	color: #FFF !important;
}
.button.white.blue:hover,
input.button.white.blue:hover,
input.button.white.blue:focus,
input.button.white.blue:active {
	background-color: var(--sec-hover-color);
	color: #FFF !important;
}
.button.white.gray:hover,
input.button.white.gray:hover,
input.button.white.gray:focus,
input.button.white.gray:active {
	background: #575756;
	color: #FFF !important;
}

.quote {
	display: block;
	margin: 10px 0 20px 0;
	padding: 0 0 0 60px;
	background: url(../images/quote-left.png) left top no-repeat;
	background-size: 40px auto;
}
.quote h2 {
    display: block;
	margin: 0;
	font-weight: normal;
	color: #000;
	text-transform: none;
}
.quote .source::before {
    content: '';
    display: inline-block;
    width: 1.5em;
    height: .4em;
    margin-right: 1em;
    border-top: 1px solid #E3E3E3;
}
.quote .source {
    display: block;
	color: #999;
}
table td, table th {
}
table.mo,
table.wh {
	width: 100% !important;
	height: auto;
	border: none;
	margin: 15px 0;
	padding: 0;
	border-spacing: 0px;
	border-collapse: separate;
}
table.mo th,
table.wh th /*, table.wh tr:first-child td*/ {
    background-color: var(--sec-bg-color);
    color: #FFF;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	line-height: 1.5;
	border-color: var(--sec-bg-color);
}
table.mo th strong,
table.mo th p strong,
table.wh th strong,
table.wh th p strong {
	font-weight: bold;
}
table.wh th p,
table.wh th p /*, table.wh tr:first-child td p*/ {
	margin: 0;
	padding: 0;
}
table.mo tr:first-child td,
table.wh tr:first-child td {
	border-top: 1px solid #DDD;
}
table.mo tfoot tr:first-child td,
table.wh tfoot tr:first-child td {
	border-top: none;
}
table.mo tr:nth-child(even),
table.wh tr:nth-child(even) {
}
table.mo tr, table.mo th, table.mo td,
table.wh tr, table.wh th, table.wh td {
	border: none;
}
table.mo tr,
table.wh tr {
	border-bottom: 1px solid #DDD;
}
table.mo tr:hover,
table.wh tr:hover {
	background-color: #f5f5f5
}
table.mo td,
table.wh td {
	vertical-align: top;
	padding: 5px;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
}
table.mo td:last-child,
table.wh td:last-child {
    border-right: 1px solid #DDD;
}
table.geenopmaak th {
    background-color: none;
    color: #000;
	border: none;
}
table.geenopmaak tr:hover {
    background-color: #FFF;
}
table.geenopmaak tr, table.geenopmaak th, table.geenopmaak td, table.geenopmaak tr:first-child td {
	border: none;
}
table.table-buttons {
	width: 100% !important;
	height: auto;
	border: none;
	margin: 10px 0;
	padding: 0;
	border-spacing: 0px;
	border-collapse: separate;
}
table.table-buttons tr {
}
table.table-buttons td {
	padding: 5px 10px;
	background: #F6F6F6;
	border: none;
	border-bottom: 4px solid #FFF;
	vertical-align: top;
}
table.table-buttons td:nth-child(2) {
	border-right: 4px solid #FFF;
}
table.table-buttons td:nth-child(2n+2) {
	width: 400px;
}

table.table-buttons td p {
	margin: 0;
}
table.table-buttons td .button.green {
	width: 140px;
	min-width: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px 10px;
	font-size: 13px !important;
}

#center .blocks .text p.ar a.button,
.ar a.button {
}
hr.line {
	float: left;
	display: inline;
	width: 100%;
	height: 1px;
	margin: 5px 0;
	background: #cccccc;
	background: -moz-linear-gradient(left,  #cccccc 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cccccc), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,  #cccccc 0%,#ffffff 100%);
	background: -o-linear-gradient(left,  #cccccc 0%,#ffffff 100%);
	background: -ms-linear-gradient(left,  #cccccc 0%,#ffffff 100%);
	background: linear-gradient(to right,  #cccccc 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=1 );
}
#center .blocks .text hr.line {
	max-width: 940px;
}
#right .w100.green hr.line {
	float: left;
	display: inline;
	width: 100%;
	height: 2px;
	margin: 5px 0;
	background: #FFF;
}
hr {
	float: left;
	display: inline;
	width: 100%;
	height: 2px;
	margin: 15px 0;
	background: #ededed;
}
.event_date {
	float: left;
	display: inline;
	width: 82px;
	height: auto;
	margin: 0 10px 10px 0;
	padding: 3px;
	border: 1px solid #DDD;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
}
.event_date .month {
	float: left;
	display: inline;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #C00;
	color: #FFF;
	text-align: center;
	line-height: 30px;
}
.event_date .day {
	float: left;
	display: inline;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	background: #FFF;
	font-size: 36px;
	color: #000;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
}
#center .blocks .text p.container_notice,
.notice {
	margin: 0 0 10px 0;
	padding: 9px 2%;
	width: 96%;	
	height: auto;
	line-height: 1.2;
	background: #f6efba;
}
.notice.orange,
.notice.green {
	margin: 0;
	padding: 4px;
	width: auto;	
	height: auto;
	line-height: 1;
	background: #f7941e;
	color: #FFF;
}
.notice.green {
	background: #93c01f;
}
#backtotop {
	display: none;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 5px;
	color: transparent;
    background-color: #999;
	background-image: url(../images/icon-top.png);
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;  
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 2;
} 

#backtotop:hover {	
	background-color: var(--main-bg-color);
	filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}	


/* .video */
.video {
	display: block;
	position: relative;
}
.video img {
}
.video a#play {
	display: block;
	width: 100%;
	height: 100%;
	background: url('../images/play.png') center center no-repeat;
	filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	position: absolute;
	z-index: 2;
	top: 0;
}
.video:hover a#play {
	background: url('../images/play.png') center center no-repeat;
	filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi) { 
	.video a#play
	{
		background: url('../images/retina/play.png') center center no-repeat;
		background-size: 64px 63px;
	}
	.video:hover a#play

	{
		background: #FFF url('../images/retina/play.png') center center no-repeat;
		background-size: 64px 63px;
	}
}
.ns{display:none;}
.na {
	color: #999;
}
.personal-video h2,
.personal-video p {
	float: none !important;
	width: 800px;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}
a.button.personal-video {
	display: block;
	width: 780px;
	font-size: 20px;
	font-style: normal;
}
.personal-video img.logo {
	width: auto;
	max-height: 60px;
}
/*
table{border-collapse:collapse;border-spacing:0}
*/

/* projects */

.project-item .thumbnail {
	min-height: 160px;
}
.project-item:hover .thumbnail {
	border-color: var(--main-bg-color);
}
.project-item h3 {
	margin: 10px 0;
	font-size: 2rem;
}
.project-item h3 a {
	text-decoration: none;
}
.project-item .days {
	position: absolute;
	right: 5px;
	top: 0;
	display: none;
}

.number-circle {
	display: inline-block;
	margin-right: 12px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background: var(--sec-bg-color);
	border-radius: 100%;
}
.swiper.project-photos {
	overflow: hidden;
}

/* form */

.column-left form,
.column-left fieldset,
.column-right form,
.column-right fieldset {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-family: 'Roboto', sans-serif;font-size:100%;margin:0;padding:4px;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:not-allowed}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
[hidden]{display:none!important}
input[type] {
    border: 1px solid #ddd;
    box-shadow: none;
    font-size: 100%;
}
label {
	cursor: pointer;
}
.column-left div.line {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0 0 7px 0;
}
.column-left div.line.small,
.column-left div.line.check {
	margin: 0 0 2px 0;
}
.column-left legend {
}
.column-left div.line .left,
.column-left .form-new div.line label {
	float: left;
	display: inline;
	width: 50%;
	height: auto;
	margin: 0;
	min-height: 30px;
	position: relative;
}
.column-left div.line .right,
.column-left .form-new div.line .right {
	float: left;
	display: inline;
	width: 50%;
	margin: 0;
	text-align: left;
	position: relative;
}
.column-left .form-new div.line .right,
.column-left .form-new div.line .right input[type="radio"] {
	min-height: 30px;
	line-height: 30px;
}
.column-left div.line.small .left {
}
.column-left .line.check .left,
.column-left .line.radio .left {
	width: 15%;
}
.column-left .line.check label,
.column-left .line.radio label {
	width: 85%;
}
.column-left div.line.small .right {
}
.column-left div.line .right input,
.column-left div.line .right select {
	float: left;
	display: inline;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.column-left div.line .right .input {
	width: 100%;
}
.column-left div.line .right .select {
	width: 100%;
}
.column-left div.line .textarea {
	width: 100%;
}
.column-left .w50 div.line .right .input {
	width: 100%;
}
.column-left .w50 div.line .right .select {
	width: 100%;
}
.column-left .w50 div.line .textarea {
	width: 100%;
}
.column-right .input,
.column-right .select {
	width: 230px;
	margin: 0 0 5px 0;
}
.input,
.select {
	display: block;
	width: inherit;
	border-color: #CCC;
}
.input.error,
.select.error,
.textarea.error {
	border-color: #F00;
}
.input,
.select,
.textarea {
	transition: box-shadow 0.3s, border 0.3s;
	width: 100%;
	padding: 20px 10px;
	margin: 6px 0 4px;
	border: solid 1px #DDD;
	background: #fafafa;
	color: #000;
	font-size: 100%;
	line-height: normal;
	border-radius: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.select {
	padding: 5px 10px;
	height: 42px;	
}
.textarea {
	height: 120px;
}
.input:focus,

.select:focus,
.textarea:focus {
	outline: none;
	border: solid 1px #707070;
	box-shadow: 0 0 5px 1px #969696;
}







/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}


/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,

.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

/* bh-reg-popup */

.bh-popup {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.bh-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.bh-popup-container {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 4em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.bh-popup-container p {
  padding: 3em 1em;
}
.bh-popup-container .bh-popup-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.bh-popup-container ul {
  list-style: none;
}
.bh-popup-container .bh-popup-buttons li {
  float: left;
  width: 70%;
}
.bh-popup-container .bh-popup-buttons li:last-child {
  width: 30%;
}
.bh-popup-container .bh-popup-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.bh-popup-container .bh-popup-buttons li:first-child a {
	background: #f47920;
  border-radius: 0 0 0 .25em;
}

.no-touch .bh-popup-container .bh-popup-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.bh-popup-container .bh-popup-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .bh-popup-container .bh-popup-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.bh-popup-container .bh-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.bh-popup-container .bh-popup-close::before, .bh-popup-container .bh-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.bh-popup-container .bh-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.bh-popup-container .bh-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .bh-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .bh-popup-container {
    margin: 8em auto;
  }
}
.bh-popup .img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}





.column-left .text table {
	width: 100% !important;
	height: auto;
	border: none;
	margin: 15px 0;
	padding: 0;
	border-spacing: 0px;
	border-collapse: separate;
}
.column-left .text table.wh th /*, .column-left .text table tr:first-child td*/ {
    background-color: #59b924;
    color: #FFF;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	line-height: 1.5;
	border-color: #59b924;
}
.column-left .text table.wh th strong, .column-left .text table.wh th p strong {
	font-weight: bold;
}
.column-left .text table.wh th p /*, .column-left .text table.wh tr:first-child td p*/ {
	margin: 0;
	padding: 0;
}
.column-left .text table.wh tr:first-child td {
	border-top: 1px solid #DDD;
}
.column-left .text table.wh tr:nth-child(even) {
}
.column-left .text table.wh tr, .column-left .text table.wh th, .column-left .text table.wh td {
	border: none;
}
.column-left .text table.wh tr {
	border-bottom: 1px solid #DDD;
}
.column-left .text table.wh tr:hover {
	background-color: #f5f5f5
}
.column-left .text table.wh td {
	vertical-align: top;
	padding: 5px;
}
.column-left .text table.wh td {
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
}
.column-left .text table.wh td:last-child {
    border-right: 1px solid #DDD;
}
.column-left .text table.geenopmaak th {
    background-color: none;
    color: #000;
	border: none;
}
.column-left .text table.geenopmaak tr:hover {

    background-color: #FFF;
}
.column-left .text table.geenopmaak tr, .column-left .text table.geenopmaak th, .column-left .text table.geenopmaak td, .column-left .text table.geenopmaak tr:first-child td {
	border: none;
}


/* Countdown */

#countdown-container {
	display: block;
	width: 540px;
	position: absolute;
    left: 0;
    bottom: 20px;
}
#header-countdown {
	display:none;
}
.countdown-box {
	float: left;
	width: 72px;
	height: 72px;
	background: url(../images/web_bckg_grey.png);
	border: 2px solid;
	margin-right: 10px;
	border-color: #FFF;
	text-align: center;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.countdown-box {
	position:relative;
	overflow:hidden;
}
.countdown-box:first-child {
	margin-left:0;
}
.countdown-box .box-bg {
	position: absolute;
	top: 0px;
    left: -2px;
    border: 38px solid;
	border-color: #F5931F;
	width:0;
	height:0;
	opacity:.6;
	z-index: -1;
	-webkit-animation: countdown-bg 1s linear forwards;	
	animation: countdown-bg 1s linear forwards;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
.countdown-box.box-min .box-bg {
	-webkit-animation-duration: 60s;	
	animation-duration: 60s;
}
.countdown-box.box-hrs .box-bg {
	-webkit-animation-duration: 3600s;	
	animation-duration: 3600s;
}
.countdown-box.box-days .box-bg,
.countdown-box .box-bg.mobile-bg {
	-webkit-animation: none;	
	animation: none;
	opacity:1;
	-webkit-transform:translateY(42.5%);
	transform:translateY(42.5%);
}
@-webkit-keyframes countdown-bg {
	100% {
		opacity:1;
		-webkit-transform:translateY(83%);
	}
}
@keyframes countdown-bg {
	100% {
		opacity:1;
		transform:translateY(83%)
	}
}
.countdown-box .box-value {
	font-size:32px;
	line-height:32px;
	margin:12px 0 3px;
	font-weight:bold;
	color: #fff;
	z-index: 1;
}
.countdown-box .box-label {
	font-size:14px;
	opacity:1;
	color: #fff;
}
.box-days:before {
	position: absolute;
	content: "dag";
	left: 0;
	top: 100%;
	width: 100%;
	text-align: center;
}



/*
@media screen and (min-width:1200px) {
	#content ul#program li
	{
		width: 100%;
	}
	#content ul.items.program li .time,
	#content ul.items.program li .ptext table.program-items td.time
	{
		width: 140px;
	}
	#content ul.items.program li .title,
	#content ul.items.program li .ptext table.program-items td.title
	{
		width: 240px;
	}
	#content ul.items.program li .img,
	#content ul.items.program li .ptext table.program-items td.img
	{
		width: 200px;
	}
	#content ul.items.program li .location,
	#content ul.items.program li .ptext table.program-items td.location
	{
		width: 149px;
	}
}
*/
.steps,
.steps ul,
.actions ul {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.steps {
	margin-bottom: 10px;
	border-bottom: 4px solid #93c01f;
}
.steps li {
	float: left;
	display: inline;
	width: 18%;
	height: auto;
	margin: 0 1%;
	line-height: 1.2;
	clear: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.steps li .number {
	display: none;
}
.steps h2 a,
.steps li a {
	display: block;
	padding: 12px 10px;
	color: #000;
	text-decoration: none;
	background: #F2F2F2;
	color: #000;
	font-size: 14px;
	-webkit-box-shadow: 0px 4px 7px 2px rgba(64,64,64,.15);
	-moz-box-shadow: 0px 4px 7px 2px rgba(64,64,64,.15);
	box-shadow: 0px 4px 7px 2px rgba(64,64,64,.15);
}
.steps h2 a.not-active {
	color: #999;
}
.steps h2 a .fa.na,
.steps h2 a.not-active .fa.na {
	color: #DDD;
}
.steps h2 a:hover {
	-webkit-box-shadow: 0px 4px 7px 2px rgba(64,64,64,.3);
	-moz-box-shadow: 0px 4px 7px 2px rgba(64,64,64,.3);
	box-shadow: 0px 4px 7px 2px rgba(64,64,64,.3);
}
.steps h2 a.active,
.steps li.current a {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.steps h2 a.active .fa.na {
	color: #ebccb5;
}
.steps h2 a.active,
.steps li.current a {
	padding: 12px 10px 24px;
	background: #93c01f;
	color: #FFF;
}
.steps h2 a.active.done,
.steps li.finished a {
	background: #93c01f;
}
.steps h2 a span,
.steps li a span {
	font-size: 20px;
}
.steps h2 a .fa {
	color: #93c01f;
}
.content.clearfix h3.title {
	display: none;
}
.steps ul li,
.actions ul li {
	list-style: none;
}
.actions ul {
	float: right;
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
}
.actions ul li {
	float: left;
	display: inline;
	margin-left: 12px;
}
#inschrijven h2 {
	margin-bottom: 20px;
}
@media screen and (max-width:900px) {
	.steps h2,
	.steps li,
	.steps li a span {
		font-size: 14px;
	}
}
@media screen and (max-width:640px) {
	.steps h2,
	.steps li {
		width: 33.3%;
		margin: 0;
		border: none;
	}
	.steps h2 a,
	.steps h2 a:hover,
	.steps li a,
	.steps li a:hover {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.steps h2 a.active,
	.steps li.current a {
		padding: 12px 10px;
	}
	.steps h2 a.active,
	.steps li.current a {
	}
	.steps h2 a span,
	.steps li a span {
		font-size: 15px;
	}
}
@media screen and (max-width:485px) {
	#nav-br h2 {
		font-size: 18px;
	}
	.steps h2,
	.steps li,
	.steps li a {
		font-size: 14px;
	}
	.steps li a span {
		font-size: 12px;
	}
}
@media screen and (max-width:360px) {
	.steps h2,
	.steps li {
		width: 100%;
		border: none;
		border-bottom: 1px solid #CCC;
	}
	.steps li a span {
		font-size: 11px;
	}
}
label.error {
/* 	display: none !important;*/
	display: block;
	width: auto !important;
	padding: 0 5px;
	background: #F00;
	color: #FFF;
	font-size: 11px;
	position: absolute !important;
	right: 0;
	top: 0;
}

/* POP-UPs */

.mo-popup {
	display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 110, 141, 0.4);
}
.mo-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s
}
.mo-popup .content {
    position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    width: 90%;
	height: 320px;
	overflow-y: scroll;
    max-width: 420px;
    margin: auto auto;
	padding: 32px 12px 12px 12px;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s
}
.close-button-small {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: #CCC;
	color: #FFF;
	line-height: 22px;
	text-align: center;
	font-size: 16px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.close-button-small:hover {
	background: #999;
	color: #FFF;
}
.mo-popup .content .close-button-small {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
}
.smaller {
	font-size: 60%;
}



input:read-only,
.input:read-only,
input:-moz-read-only,
.input:-moz-read-only { 
 /*   background-color: #DDD; */
}
.input.read-only {
    background: url(../images/loading_icon.gif) right 2px top no-repeat !important;
	background-size: auto 28px !important;
}
.label-info {
	font-size: 100%;
}
.badge {
	float: left;
	display: table;
	width: 260px;
	margin-right: 12px;
	padding: 0;
	background: #FFF;
	border: 1px solid #000;
	-webkit-box-shadow: 0px 4px 7px 2px rgba(64,64,64,.3);
	-moz-box-shadow: 0px 4px 7px 2px rgba(64,64,64,.3);
	box-shadow: 0px 4px 7px 2px rgba(64,64,64,.3);
}
.badge td {
	padding: 80px 10px 60px;
	background: #FFF url(../images/badge-preview-v1.png) top 12px center no-repeat;
	background-size: 180px auto;
	text-transform: uppercase;
	font-size: 17px;
	text-align: center;
	color: #333;
}



/* Move sphere from left to right */
@-moz-keyframes moveLeftToRight {
  0%   { left: 0; }
  100% { left: calc(100% - 80px); }
}
@-ms-keyframes moveLeftToRight {
  0%   { left: 0; }
  100% { left: calc(100% - 80px); }
}
@keyframes moveLeftToRight {
  0%   { left: 0; }
  100% { left: calc(100% - 80px); }
}
@-webkit-keyframes moveLeftToRight {
  0%   { left: 0; }
  100% { left: calc(100% - 80px); }
}
/* Spinning the sphere using key frames */
@-ms-keyframes spin {
  from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}

/* popup onder */

#popup-onder {
    display: block;
	width: 440px;
    height: 250px;
    margin: 0 auto;
	padding: 20px 24px 24px;
	max-width: 100%;
    background: #FFF;
    position: fixed;
    z-index: 100000;
    bottom: 0;
    left: 120px;
    right: auto;
	-webkit-box-shadow: 0 0 5px 5px rgba(64,64,64,.2);
	-moz-box-shadow: 0 0 5px 5px rgba(64,64,64,.2);
	box-shadow: 0 0 5px 5px rgba(64,64,64,.2);
}
#popup-onder.colapse {
    width: 440px;
    height: 64px;
}
#popup-onder .icon-down {
	display: block;
}
#popup-onder .icon-up {
	display: none;
}
#popup-onder.colapse .icon-down {
	display: none;
}
#popup-onder.colapse .icon-up {
	display: block;
}
#popup-onder.colapse .noshow-colapse {
}
#popup-onder #toggle-popup-onder {
	position: absolute;
	top: 15px;
	right: 15px;
	text-decoration: none;
	background: #F2F2F2;
}
#popup-onder.colapse #toggle-popup-onder {
}
#popup-onder #toggle-popup-onder span {
	padding: 10px;
	color: #575756;
}
#popup-onder.colapse #toggle-popup-onder span {
 /*   width: 44px;
    height: 44px;
	padding-top: 8px;
	line-height: 1;
	text-align: center;
	color: #FFF;
*/}
#popup-onder #toggle-popup-onder span:hover {
	color: #202020;
}
#popup-onder h2 {
    float: none;
    display: block;
    width: 100%;
    height: auto;
	margin: 0 auto 20px;
	font-size: 18px;
}
#popup-onder h2 a {
}
#popup-onder h2 a:hover {
}
#popup-onder p {
    float: none;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #575756;
}
#popup-onder a {
    cursor: pointer;
}
#popup-onder a:hover {
}


/* full-width */

.full-width {
	display: inline-block;
	width: calc( 100vw - 16px );
	margin-left: calc(-100vw / 2 + 1280px / 2);
	margin-right: calc(-100vw / 2 + 1280px / 2);
}

/* timeline */

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 80%;
  height: auto;
  position: relative;
  left: 30%;
  top: 30%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #99cc00;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 30px;
    height: 30px;
    left: 50%;
    margin-left: -15px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #999;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 40%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 140%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 140%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}
@media only screen and (max-width: 1170px) {
	.cd-timeline-img img {
	  left: 16px;
	  top: 16px;
	}
}
@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/* barrating */
.br-theme-bars-square .br-widget {
    height: 15px;
    white-space: nowrap
}
.br-theme-bars-square .br-widget a {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    border: 2px solid #575757;
    background-color: white;
    margin: 2px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    text-align: center;
    color: #575757;
    font-weight: 600;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    line-height: 28px;
}
.br-theme-bars-square .br-widget a.br-active,
.br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid #575757;
    color: #FFF;
    background-color: #575757
}
@media print {
    .br-theme-bars-square .br-widget a {
        border: 2px solid #b3b3b3;
        color: #b3b3b3
    }
    .br-theme-bars-square .br-widget a.br-active,
    .br-theme-bars-square .br-widget a.br-selected {
        border: 2px solid black;
        color: black
    }
}
.br-theme-bars-round-big {
    width: 100%;
	position: absolute;
	bottom: 0;
}
.br-theme-bars-round-big .br-widget {
    white-space: nowrap;
	position: relative;
}
.br-theme-bars-round-big .br-widget a:before {
	content: " ";
	width: 32px;
	height: 32px;
    border-radius: 100%;
    border: 2px solid #575757;
    background-color: white;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
	position: absolute;
	top: -40px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.br-theme-bars-round-big .br-widget a {
    float: left;
    display: block;
    width: 20%;
    height: auto;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    color: #575757;
	position: relative;
}
.br-theme-bars-round-big .br-widget a.br-current {
    color: #000;
}
.br-theme-bars-round-big .br-widget a.br-current:before {
	background: #FFF url(../images/circle-green.png) center no-repeat;
}
@media print {
    .br-theme-bars-square .br-widget a {
        border: 2px solid #b3b3b3;
        color: #b3b3b3
    }
    .br-theme-bars-square .br-widget a.br-active,
    .br-theme-bars-square .br-widget a.br-selected {
        border: 2px solid black;
        color: black
    }
}