/* variables */
/*
:root {
--main-color: #42951A;
}
*/
/* */
html,
body {
font-family: Roboto, sans-serif;
font-size: 16px;
color: #262626;
background: #FFF;
}
/* general */
.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
margin-top: 15px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
color: #262626;
}
a {
color: #262626;
text-decoration: none;
outline: none;
}
a:focus, a:hover {
color: #000;
}
#adblock-top {
display: block;
height: 60px;
}
#adblock-top.banner {
height: 120px;
}
#header-image {
width: 100%;
height: 320px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#page {
min-height: 1200px;
padding-top: 20px;
}
#page.fixed-nav {
padding-top: 80px;
}
#page.fixed-nav.small {
padding-top: 60px;
}
#header {
padding-top: 20px;
padding-bottom: 20px;
}
#center,
.center {
}
#right {
padding-right: 0;
}
.row:not(.mlmr) {
margin-left: 0;
margin-right: 0;
}
footer {
padding: 20px 0;
background: #474B52;
}
/* navbar */
#page.nav-correction,
#page.layout.no-header-image.nav-correction {
padding-top: 54px;
}
#header-image.nav-correction {
height: 380px;
}
#nav-top {
transition: top 0.3s ease-in-out;
margin-left: auto;
margin-right: auto;
z-index: 20;
}
#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;
}
.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.home {
position: relative;
}
@media (min-width: 768px) {
.nav li.home a span {
/*
display: none;
*/
}
.nav li.home a span.glyphicon {
display: none;
}
.nav-down .nav li.home a span.glyphicon,
.nav-up .nav li.home a span.glyphicon {
display: inline-block;
line-height: 50px;
font-size: 20px;
color: #262626;
margin-left: -10px;
}
.nav li.home,
.nav li.home a {
width: 0px;
padding: 0;
}
.nav-down .nav li.home,
.nav-up .nav li.home {
display: block;
width: 50px;
height: 50px;
font-size: 20px;
}
.nav-down .nav li.home a,
.nav-up .nav li.home a {
padding-left: 24px;
padding-right: 24px;
height: 50px;
width: auto;
}
.nav-up .nav li.home a,
.nav-up .nav li.home {
/*
padding-left: 0;
padding-right: 0;
width: 0px;
*/
}
.nav li.home:before {
display: none;
}
.nav-down .nav li.home:before,
.nav-up .nav li.home:before {
display: block;
position: absolute;
top: 15px;
left: 10px;
}
}
.nav li.home a:hover .glyphicon-home:before {
color: #63B22E;
}
.nav > li a {
font-family: Roboto;
color: #262626;
font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase;
outline: none;
}
.nav > li.first a,
.nav > li:nth-child(2) {
}
.nav-down .nav > li:nth-child(2) {
border-left: none;
}
.nav li.sub a,
.nav li.sub.first a {
font-size: 14px;
letter-spacing: 1px;
border-left: none;
border-right: none;
}
.nav li:not(.icon) > a {
padding-right: 16px;
padding-left: 16px;
}
.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-nav .open .dropdown-menu > li > a {
}
.nav > li.icon.rounded > a {
}
.nav > li.icon.rounded a {
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
}
.navbar-collapse {
padding-right: 0;
padding-left: 0;
}
.dropdown-menu {
margin: 0;
/* padding: 10px 0;*/
background: #f4f4f4;
}
.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 .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 .dropdown.open .arrow-up {
/*display: block;*/
}
.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-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: #63B22E;
}
header .icons {
display: inline-block;
}
header .icons span {
}
header .glyphicon {
font-size: 15px;
}
/* logo / slogan */
#logo {
width: 300px;
height: 57px;
margin-top: 0;
margin-bottom: 0;
background: url(../images/logo-300x57.png) left top no-repeat;
}
#logo a {
display: block;
width: 100%;
height: 100%;
}
#logo img {
width: 300px;
height: auto;
display: none;
}
#logo-small {
float: left;
width: 160px;
height: 30px;
margin: 20px 0 20px 15px;
background: url(../images/logo-190x36.png) left top no-repeat;
background-size: 160px 30px;
}
@media (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {
#logo img {
display: none;
}
#logo {
background: url(../images/logo.png) left top no-repeat;
background-size: auto 57px;
}
#logo-small {
background: url(../images/logo.png) left top no-repeat;
background-size: auto 30px;
}
}
#logo-small a {
display: block;
width: 100%;
height: 100%;
}
.box-search .btn.np span,
#nav-center .box-search .btn.np span {
width: auto;
height: auto;
padding: 3px 7px 1px;
font-size: 24px;
}
.box-search .btn {
height: 34px;
}
header a {
letter-spacing: 1px;
font-size: 95%;
}
#nav-top .nav-thumb-user {
float: right;
margin: 22px 10px 0 0;
}
#nav-top .nav-thumb-user img {
height: 26px;
width: auto;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%)
}
#nav-top .nav-thumb-user:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: none;
-webkit-filter: grayscale(0%)
}
#nav-top .nav-thumb-user span {
padding: 4px 5px;
}
.nav-thumb-user .dropdown-menu {
left: auto;
right: -20px;
margin-top: 12px;
}
.nav-thumb-user .dropdown-menu>li>a {
padding: 5px 20px;
}
/* #slider */
#slider-home {
overflow: hidden;
}
.gallery-top {
height: 540px;
}
.gallery-top .swiper-slide {
width: 100% !important;
height: 100%;
}
.gallery-top .swiper-slide .sp-img {
width: 100%;
height: 100%;
background-size: cover;
background-position: left;
}
.gallery-thumbs {
height: 540px;
overflow: visible;
}
.sp-thumbnail {
cursor: pointer;
}
.sp-thumbnail-container {
border-right: 1px solid #c2c2c2;
}
.sp-thumbnail-container.swiper-slide-active {
border-right: none;
}
.sp-thumbnail {
display: block;
width: 100%;
height: 160px;
background: #FFF;
border: 1px solid #c2c2c2;
border-top: none;
}
.sp-thumbnail-text {
width: auto;
padding: 24px;
}
.sp-caption-container *,
.swiper-slide-active .sp-thumbnail-text * {
color: #FFF;
}
.sp-thumbnail-text h4 {
margin-top: 0;
font-size: 0.9em;
text-transform: uppercase;
font-weight: 300;
}
.sp-thumbnail-text h2 {
margin-top: 0;
font-size: 1.2em;
font-weight: 300;
}
.sp-thumbnail:after {
content: '';
position: absolute;
width: 0;
height: 0;
z-index: 2;
left: -13px;
top: 50%;
margin-top: -8px;
border-right: 13px solid transparent;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
}
.swiper-slide-active.sp-thumbnail.magazine:after {
border-right: 13px solid #42951A;
}
.swiper-slide-active.sp-thumbnail.agenda:after {
border-right: 13px solid #64A2AE;
}
.swiper-slide-active.sp-thumbnail.artikel:after {
border-right: 13px solid #27475E;
}
.swiper-slide-active.sp-thumbnail.download:after,
.swiper-slide-active.sp-thumbnail.whitepaper:after {
border-right: 13px solid #8FB3D7;
}
.swiper-slide-active.sp-thumbnail.ebook:after {
border-right: 13px solid #58bca5;
}
.swiper-slide-active.sp-thumbnail.expertpost:after {
border-right: 13px solid #3D5D37;
}
.swiper-slide-active.sp-thumbnail.project:after {
border-right: 13px solid #879C59;
}
.swiper-slide-active.sp-thumbnail.cursus:after {
border-right: 13px solid #5b4e68;
}
.swiper-slide-active.sp-thumbnail.vacature:after {
border-right: 13px solid #3884bc;
}
.swiper-slide-active.sp-thumbnail.magazine {
background-color: #42951A;
border-color: #42951A;
}
.swiper-slide-active.sp-thumbnail.agenda {
background-color: #64A2AE;
border-color: #64A2AE;
}
.swiper-slide-active.sp-thumbnail.artikel {
background-color: #27475E;
border-color: #27475E;
}
.swiper-slide-active.sp-thumbnail.download,
.swiper-slide-active.sp-thumbnail.whitepaper {
background-color: #8FB3D7;
border-color: #8FB3D7;
}
.swiper-slide-active.sp-thumbnail.ebook {
background-color: #58bca5;
border-color: #58bca5;
}
.swiper-slide-active.sp-thumbnail.expertpost {
background-color: #3D5D37;
border-color: #3D5D37;
}
.swiper-slide-active.sp-thumbnail.project {
background-color: #879C59;
border-color: #879C59;
}
.swiper-slide-active.sp-thumbnail.cursus {
background-color: #5b4e68;
border-color: #5b4e68;
}
.swiper-slide-active.sp-thumbnail.vacature {
background-color: #3884bc;
border-color: #3884bc;
}
.sp-caption-container {
width: 65%;
padding: 0;
text-align: left;
top: 250px;
left: 60px;
position: absolute;
z-index: 0;
}
.sp-gradient {
width: 100%;
height: 50%;
background: url(../images/slider-dark-gradient.png) bottom repeat-x;
background-size: auto 100%;
bottom: 0;
position: absolute;
z-index: 0;
}
.sp-gradient.light {
background: url(../images/light-gradient.png) bottom repeat-x;
}
/*
.sp-slides-container:before {
content: "";
width: 100%;
height: 100%;
background: url(../images/slider-dark-gradient.png) bottom repeat-x;
position: absolute;
z-index: 0;
left: 0;
bottom: 0;
}
*/
.content-type {
min-width: 180px;
height: 44px;
line-height: 1;
text-transform: uppercase;
text-align: left;
font-size: 12px;
letter-spacing: 1px;
line-height: 30px;
}
.content-type .material-icons,
.content-type.btn .material-icons {
float: left;
font-size: 24px;
}
.sp-thumbnails.sp-grab {
}
.sp-thumbnails-container {
padding-top: 60px;
}
.sp-thumbnails {
padding-bottom: 60px;
}
.sp-thumbnail .material-icons,
.content-type .icon,
.sp-thumbnail .icon {
width: 26px;
height: 26px;
margin: 0;
padding: 0;
font-size: 32px;
color: #000;
}
.sp-thumbnail .small .material-icons {
width: 16px;
height: 16px;
font-size: 16px;
}
.sp-thumbnail .icon {
fill: #000;
}
.content-type .icon,
.swiper-slide-active.sp-thumbnail .icon {
fill: #FFF;
}
.swiper-slide-active.sp-thumbnail .material-icons {
color: #FFF;
}
.btn.content-type,
.btn.content-type:hover,
.btn.content-type a,
.btn.content-type a:hover {
color: #FFF;
}
.sp-caption-container h2 {
line-height: 1.2;
font-size: 26px;
}
.sp-caption-container h2 a,
.sp-caption-container h2 a:hover {
color: #FFF;
text-decoration: none;
}
.sp-caption-container .text {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 1.1em;
}
.sp-right-thumbnails {
/*
padding-top: 60px;
*/
}
.thumbnail-heading {
position: absolute;
z-index: 2;
top: 0;
right: 0;
width: 100%;
height: 60px;
line-height: 60px;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
background: #000;
color: #FFF;
text-align: center;
}
.sp-buttons {
position: absolute;
bottom: 20px;
width: auto;
text-align: left;
padding-left: 60px;
}
.sp-button {
border-color: #FFF;
}
.sp-button.sp-selected-button {
background-color: #FFF;
}
#slider-home .sp-caption-container .row.nm {
line-height: 1.2;
}
#slider-home .swiper-container-horizontal > .swiper-pagination-bullets {
width: auto;
text-align: right;
right: 20px;
bottom: 20px;
z-index: 1;
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.swiper-pagination-bullet {
background: #FFF;
}
#slider-tiles .swiper-button-prev {
left: 15px;
}
#slider-tiles .swiper-button-next {
right: 15px;
}
.slider-flickr
{
position: relative;
display: block;
width: 100%;
height: 480px;
margin: 0 auto 20px;
overflow: hidden;
}
#slider-photos {
z-index: 0;
}
.slider-flickr {
height: 320px;
}
.slider-flickr .swiper-slide a {
display: block;
width: 100%;
height: 100%;
}
#slider-top.small
{
height: 240px;
border-bottom: 5px solid #ccd3e4;
}
#slider-top .swiper-container
{
}
#slider-top .swiper-slide,
#slider-photos .swiper-slide,
.slider-flickr .swiper-slide
{
display: block;
width: 100%;
height: 460px;
text-align: center;
font-size: 18px;
background-position: top right;
background-size: cover;
}
#slider-photos .swiper-slide,
#slider-photos .swiper-slide img {
width: 719px;
height: 480px;
cursor: move;
}
.slider-flickr .swiper-slide,
.slider-flickr .swiper-slide img {
width: 479px;
height: 320px;
cursor: move;
}
#slider-top.small .swiper-slide
{
height: 240px;
}
#slider-logos,
.slider-logos,
.slider-profiles
{
float: none;
position: relative;
display: block;
width: 100%;
height: 70px;
margin: 10px auto;
overflow: hidden;
}
.slider-profiles {
height: 150px;
}
#slider-logos .swiper-slide,
.slider-logos .swiper-slide
{
display: block;
width: 158px;
height: 70px;
margin-right: 20px;
background-size: 158px 70px;
}
#slider-logos .swiper-slide img,
.slider-logos .swiper-slide img
{
width: 158px;
height: auto;
}
#slider-logos .swiper-slide a,
.slider-logos .swiper-slide a
{
display: block;
width: 158px;
height: 70px;
}
.button-next,
.button-prev {
position: absolute;
right: 10px;
bottom: 10px;
z-index: 10;
cursor: pointer;
}
.button-prev {
right: auto;
left: 10px;
}
.row-slider-profiles {
position: relative;
}
.row-slider-profiles .button-next,
.row-slider-profiles .button-prev {
top: 0;
}
.row-slider-profiles .swiper-button-prev,
.row-slider-profiles .swiper-button-next {
height: 24px;
top: 18px;
margin-top: 0;
}
.slider-profiles .swiper-slide {
display: inline-block;
}
.slider-flickr .button-next,
.slider-flickr .button-prev
{
width: 27px;
height: 27px;
background: url(../images/slideshow-arrows.png) right top no-repeat;
background-size: auto 27px;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
-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-flickr .button-prev
{
background-position: left top;
}
.slider-flickr:hover .button-next,
.slider-flickr:hover .button-prev
{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
.slider-flickr .button-next:hover,
.slider-flickr .button-prev:hover
{
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
.slider-flickr .swiper-pagination
{
text-align: right;
}
.slider-flickr .swiper-pagination span
{
margin: 0 10px 0 0;
}
#popup-slider,
#popup-slider .swiper-slide {
width: 100%;
height: 400px;
}
#popup-slider .swiper-slide .sp-img {
margin: 170px auto;
}
#popup-slider .swiper-slide .sp-caption {
margin: 90px auto;
padding-right: 60px;
}
#popup-slider .swiper-pagination {
bottom: 24px;
}
#popup-slider .swiper-pagination-bullet {
width: 12px;
height: 12px;
opacity: 1;
}
#popup-slider .swiper-slide:not(.swiper-slide-active){
opacity: 0 !important;
}
/* popup onder */
#popup-onder {
display: block;
width: 100%;
height: 330px;
margin: 0 auto;
background: #000;
transition: height 1s;
-webkit-transition: height 1s;
-moz-transition: height 1s;
position: fixed;
z-index: 10;
bottom: 0;
left: 0;
right: 0
}
#popup-onder.colapse {
height: 124px
}
#popup-onder.colapse .noshow-colapse {
display: none
}
#popup-onder h2 {
float: none;
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
font-size: 32px;
color: #000;
text-transform: uppercase;
text-align: center
}
#popup-onder h2 a {
display: block;
color: #FFF;
text-decoration: none
}
#popup-onder h2 a:hover {
color: #FFF;
text-decoration: underline
}
#popup-onder p {
float: none;
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
font-size: 14px;
color: #FFF;
text-align: center
}
#popup-onder a {
cursor: pointer;
color: #FFF;
}
#popup-onder a:hover {
color: #FFF;
}
/* #center */
#page.layout-item {
padding-top: 0;
}
#page.layout-item.nav-correction #center {
}
#page.layout #center,
#page .center {
width: 80%;
margin: 0 10%;
padding: 48px 96px;
background-color: #f9f9f9;
color: #4c4c4c;
}
#page.layout-9 .center,
#page.layout-31 .center,
#center.zoeken .center {
width: 100%;
margin: 0;
padding: 0;
background-color: #FFF;
}
#page.p228 .center {
width: 100%;
margin: 0 0 24px 0;
}
#page.p255 .center,
#page.p256 .center {
width: 100%;
margin: 0 0 24px 0;
}
#page.layout-4 #center.widepage,
#page.layout-5 #center.widepage {
width: 96%;
margin: 0 2%;
}
#page #center.center-left {
margin: 0;
}
#page.layout .center label,
#page.layout .center .line,
#page.layout .center p,
#page.layout .center .text ul li,
#page.layout .center .text ol li,
#page.layout #center label,
#page.layout #center .line,
#page.layout #center p,
#page.layout #center .text ul li,
#page.layout #center .text ol li {
font-size: 18px;
line-height: 1.6;
}
#page.layout .center .tile p,
#page.layout #center .tile p {
line-height: 1.42857143;
}
#page.layout .center .tile-user *,
#page.layout #center .tile-user * {
line-height: 1.1;
}
#page.layout .center .tile p,
#page.layout #center .tile p {
font-size: 16px;
}
#page.layout .center .info * {
color: #808080;
}
article {
position: relative;
}
#page-header {
position: relative;
width: calc( 100% + 384px );
margin-bottom: 24px;
left: -192px;
}
#page-header .header-image {
height: 360px;
max-height: 360px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
position: relative;
}
#page-header h1 {
position: absolute;
}
#page-header .white-block {
display: block;
height: 360px;
background: #FFF;
position: relative;
}
#page-header .white-block .button-fw {
position: absolute;
left: 0;
bottom: 0;
}
#page-header .icon-date {
position: absolute;
top: 24px;
right: 24px;
}
#page-header .price-info {
position: absolute;
bottom: 24px;
right: 24px;
}
#content-text {
margin-bottom: 24px;
position: relative;
}
#content-text .alert-top {
max-width: 540px;
margin: 0 auto;
background: #FFF;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-webkit-box-shadow: 0px 0px 5px 3px rgba(64,64,64,0.2);
-moz-box-shadow: 0px 0px 5px 3px rgba(64,64,64,0.2);
box-shadow: 0px 0px 5px 3px rgba(64,64,64,0.2);
}
.event-client {
float: left;
margin-right: 12px;
}
.event-client img {
max-height: 80px;
}
.att-small {
float: right;
max-width: 320px;
height: auto;
margin-bottom: 12px;
margin-left: 12px;
border: 1px solid #ededed;
}
.author-img {
display: inline-block;
width: 100px;
height: 100px;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
overflow: hidden;
}
.author-img img {
width: 100px;
height: auto;
margin-top: -10px;
}
ul.photos.medium .author-img img {
margin-top: 0;
}
.company-img {
display: inline-block;
padding: 12px;
background: #FFF;
border: 1px solid #adadad;
}
.company-img img {
width: 100%;
height: auto;
}
.text.author h4 {
margin-top: 0;
font-weight: 300;
color: #000;
}
.text.author h4 a {
color: #000;
text-decoration: none;
}
.text.author h4 a:hover {
text-decoration: underline;
}
#page.layout-item #center .text.author p,
.text.author p {
font-size: 16px;
}
.text.author .btn {
text-decoration: none;
}
h1.title {
color: #4c4c4c;
line-height: 1.2;
}
#center img:not(.main) {
max-width: 100%;
height: auto;
}
#center .blog-item {
min-height: 320px;
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
#center .blog-item img.header {
width: auto;
max-width: none;
min-height: 320px;
height: auto;
}
#center .blog-item .content {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 30px 10px 10px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
position: absolute;
bottom: 0;
z-index: 2;
}
#center .uitverkocht {
background: url('https://duurzaamgebouwd.lingacms.nl/upload/dg_8fd9sluf/files/balk-uitverkocht.png') top right no-repeat;
background-size: 100% auto;
width: 600px;
height: 600px;
max-width: 90%;
position: absolute;
z-index: 3;
top: 0;
right: 0;
}
#center .blur {
background: url('https://www.duurzaamgebouwd.nl/images/web_bckg_white.png') repeat;
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
}
#center .blog-item .content *,
#center .blog-item .content a {
color: #FFF;
}
#center .blog-item .content h2 {
font-size: 1.2em;
}
#center .blog-item .content p {
font-size: 1em;
}
#center ul.tags,
#center .blog-item ul.tags,
#center .blog-item ul.share-buttons {
display: inline-block;
width: auto;
margin: 0;
padding: 0;
list-style: none;
}
#center ul.tags li,
#page.layout-item #center ul.tags li,
#center .blog-item ul.tags li,
#center .blog-item ul.share-buttons li {
float: left;
width: auto;
margin: 0 12px 12px 0;
min-width: auto;
font-size: 16px;
}
.content-type.background-expertpost a span {
float: left;
}
#center .blog-item ul.share-buttons li {
margin: 0 0 0 12px;
}
.title {
}
.subtitle {
font-size: 2em;
}
ul.logos,
ul.logos li,
ul.photos,
ul.photos li,
ul.list,
ul.list li {
margin-left: 0;
padding-left: 0;
list-style: none;
}
ul.list {
margin-top: 10px;
}
ul.logos li,
ul.photos li {
padding-bottom: 15px;
}
ul.photos.small li h4 {
margin-top: 0;
margin-bottom: 0;
}
ul.photos.small li p {
line-height: 1.2;
}
.tile {
min-height: 510px;
max-width: 322.5px;
}
.tile-small {
min-height: 280px;
}
.tile-small div {
display: block;
min-height: 268px;
padding: 12px;
border: 1px solid #ededed;
position: relative;
}
.tile-small:hover div {
border: 2px solid #DDD;
}
.tile-small div h3 {
width: calc( 100% - 24px);
position: absolute;
bottom: 12px;
}
.tile.smaller .box .col-left,
.tile.smaller .box .col-right {
width: 100%;
}
.tile.tile-2col {
max-width: none
}
.tile .body.fixed {
min-height: 380px;
}
.tile .body.fixed .col {
min-height: 468px;
}
.tile.smaller .body.fixed .col {
min-height: auto;
}
.tile .body.fixed .col.col-left {
}
.tile .material-icons.smaller {
font-size: 12px;
}
.box {
min-height: 544px;
position: relative;
border-left: 1px solid #ededed;
border-right: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
.box.background-light {
background-color: #f9f9f9;
border-bottom: none;
}
.box * {
color: #4c4c4e;
}
.box .heading {
height: 38px;
padding: 7px 10px;
line-height: 24px;
font-size: 15px;
}
.box .heading,
.box .heading * {
color: #FFF;
fill: #FFF;
}
.box .img,
.tile.smaller .box .col-left .img {
max-height: 145px;
overflow: hidden;
}
.box .magazine .img,
.tile.smaller .box .magazine .col-left .img {
max-height: none;
}
.tile.smaller .magazine .button {
display: none;
}
.col-left {
background: #FFF;
}
.box .col-left .img {
max-height: none;
overflow: visible
}
.box .img .icon-date {
position: absolute;
top: 48px;
left: 24px;
}
.box .img .price {
padding: 5px 10px;
background: #FFF;
position: absolute;
top: 48px;
right: 0;
}
.box .body {
padding: 10px;
padding-top: 0;
}
.box h2 {
height: 80px;
margin-top: 10px;
font-size: 18px;
line-height: 1.4;
word-break: keep-words
}
.box h2 small {
font-size: 85%;
font-weight: bold;
}
.box p {
font-size: 16px;
line-height: 1.6;
}
.box .bottom {
position: absolute;
bottom: 38px;
left: 0;
}
.box .col-right .bottom {
bottom: 0;
}
.box .bottom-top {
position: absolute;
bottom: 76px;
left: 0;
}
.box .footer {
width: 100%;
height: 38px;
padding: 7px 10px;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
position: absolute;
bottom: 0;
left: 0;
}
.box .footer.static {
position: absolute;
bottom: 0;
right: 0;
padding: 0;
}
.box .footer.static.double {
height: 76px;
}
.box .footer p,
.box .footer .tags {
font-size: 12px;
}
.box .footer .tags {
width: calc(100% - 35px);
padding-left: 12px;
line-height: 24px;
position: absolute;
left: 0;
z-index: 1;
}
.button-fw {
float: left;
display: block;
width: 100%;
height: 38px;
line-height: 38px;
}
.button-fw.black {
background-color: #000;
color: #FFF;
}
.button-fw.green {
background-color: #42951A;
color: #FFF;
}
.button-fw *,
.button-fw.black *,
.button-fw.green * {
color: #FFF;
}
.button-fw:hover {
}
.btn .material-icons,
.button-fw .material-icons {
font-size: 14px;
}
.col-lg-3 .button-fw {
font-size: 14px;
}
.box .footer ul.social-actions {
width: 100%;
height: 38px;
margin: 0;
list-style: none;
position: absolute;
right: 0;
bottom: -1px;
overflow: hidden;
}
.box .footer ul.social-actions li.button {
float: right;
width: 36px;
height: 36px;
margin: 1px 0 0 0;
padding: 7px;
border-left: 1px solid #ededed;
font-size: 22px;
cursor: pointer;
z-index: 2;
}
.box .footer ul.social-actions li.button.green,
.box .footer ul.social-actions li.button.green span {
background: #42951A;
color: #FFF;
}
.box .footer ul.social-actions li.button.green:hover,
.box .footer ul.social-actions li.button.green:hover span {
background: #474B52;
}
.box .footer ul.social-actions li.button.like span {
color: #474B52;
}
.box .footer ul.social-actions li.button.like:hover,
.box .footer ul.social-actions li.button.like:hover span {
background: #474B52;
color: #FFF;
}
.box .footer ul.social-actions ul.sub {
visibility: hidden;
width: calc(100% - 35px);
max-width: 200px;
height: 36px;
margin: 0;
padding: 0;
list-style: none;
transition: all .75s ease;
background-color: #F9F9F9;
border-left: 1px solid #ededed;
position: absolute;
right: -500px;
top: 1px;
z-index: 1;
}
.box.background-light .footer ul.actions ul.sub {
background-color: #f9f9f9
}
/*.box .footer ul.social-actions li.share:hover,*/
.box .footer ul.social-actions li.share.active {
background-color: #FFF;
}
/*.box .footer ul.social-actions li.share:hover ul.sub,*/
.box .footer ul.social-actions li.share.active ul.sub {
visibility: visible;
right: 35px;
}
.box .footer ul.social-actions ul.sub li a {
float: left;
display: inline;
width: 20%;
max-width: 40px;
height: 38px;
padding: 0;
font-size: 1px;
color: transparent;
text-align: center;
border-right: 1px solid #ededed;
background-repeat: no-repeat;
background-position: center;
}
.tile.tile-2col .box .img {
max-height: 240px;
}
.tile.tile-2col .box .img img {
}
.tile.tile-2col .box h2 {
height: 48px;
}
.tile.tile-2col .box .body.whitepaper h2 {
height: auto;
}
.tile.tile-2col .box .body.event h2 {
height: 24px;
}
#buttons li a,
.box .footer ul.social-actions ul.sub li a {
background-size: auto 24px;
background-position: center;
background-repeat: no-repeat;
}
#buttons li.twitter a,
.box .footer ul.social-actions ul.sub li.twitter a {
background-image: url(../images/icons/social/twitter.png);
}
#buttons li.twitter a:hover,
.box .footer ul.social-actions ul.sub li.twitter:hover a {
background-color: #1da1f2;
background-image: url(../images/icons/social/twitter-2.png);
}
#buttons li.facebook a,
.box .footer ul.social-actions ul.sub li.facebook a {
background-image: url(../images/icons/social/facebook.png);
}
#buttons li.facebook a:hover,
.box .footer ul.social-actions ul.sub li.facebook:hover a {
background-color: #4867aa;
background-image: url(../images/icons/social/facebook-2.png);
}
#buttons li.googleplus a,
.box .footer ul.social-actions ul.sub li.googleplus a {
background-image: url(../images/icons/social/google-plus.png);
}
#buttons li.googleplus a:hover,
.box .footer ul.social-actions ul.sub li.googleplus:hover a {
background-color: #dc4a38;
background-image: url(../images/icons/social/google-plus-2.png);
}
#buttons li.linkedin a,
.box .footer ul.social-actions ul.sub li.linkedin a {
background-image: url(../images/icons/social/linkedin.png);
}
#buttons li.linkedin a:hover,
.box .footer ul.social-actions ul.sub li.linkedin:hover a {
background-color: #0077b5;
background-image: url(../images/icons/social/linkedin-2.png);
}
#buttons li.mail a,
.box .footer ul.social-actions ul.sub li.mail a {
background-image: url(../images/icons/social/contact.png);
}
#buttons li.mail a:hover,
.box .footer ul.social-actions ul.sub li.mail:hover a {
background-color: #999;
background-image: url(../images/icons/social/contact-2.png);
}
.full-width {
display: inline-block;
width: calc(100% + 192px);
margin: 24px 0 24px -96px;
padding: 24px 96px;
position: relative;
}
.full-width.empty {
padding-top: 12px !important;
padding-bottom: 0 !important;
}
.full-width.pmin {
padding: 24px 48px !important;
}
.full-width.background-white {
background-color: #FFF;
}
.full-width.background-light {
background-color: #EAEAEA;
}
.full-width.background-green {
background-color: #42951A;
color: #FFF;
}
#buttons-wrapper {
position: absolute;
top: 3px;
left: -168px;
z-index: 2;
}
#page:not(.layout-item) #buttons-wrapper {
top: 36px;
left: -36px;
}
#page.layout-88 #buttons-wrapper {
top: 430px;
left: -36px;
}
#buttons-wrapper.affix {
position: fixed;
top: 72px;
left: auto;
}
#buttons-wrapper.fixed-bottom {
position: absolute;
top: auto;
left: -168px;
bottom: 48px;
}
#buttons {
float: left;
width: auto;
height: auto;
margin: 0;
padding: 0;
background-color: #f9f9f9;
list-style: none;
}
#buttons-wrapper.affix #buttons {
position: absolute;
left: -168px;
}
#buttons li {
margin: 0;
padding: 0;
}
#buttons li a {
float: left;
display: inline;
width: 72px;
height: 72px;
margin: 0;
padding: 0;
border: 1px solid #cbcbcb;
border-bottom: none;
}
#buttons li:last-child a {
border-bottom: 1px solid #cbcbcb;
}
#buttons li.text a {
padding: 12px 6px;
text-align: center;
font-size: 16px;
line-height: 1.2;
color: #4c4c4c;
text-decoration: none;
}
#buttons li.text.smaller a {
padding: 6px 2px;
font-size: 14px;
}
ul.items.calendar,
ul.items.jobs {
margin: 0;
padding: 0;
list-style: none;
}
ul.items.calendar li,
ul.items.jobs li {
min-height: 80px;
margin-bottom: 10px;
}
ul.items.jobs li {
border-bottom: 1px solid #EDEDED;
position: relative;
}
.icon-date {
float: left;
width: 50px;
height: 60px;
min-height: 70px;
padding: 10px;
margin-right: 20px;
}
.icon-date .month,
.icon-date .day {
float: left;
width: 100%;
text-align: center;
}
.icon-date .month {
color: #FFF;
font-size: 12px;
}
.icon-date .day {
color: #000;
font-size: 18px;
line-height: 1.2;
}
ul.items.calendar h3,
ul.items.jobs h3 {
margin-top: 0;
margin-bottom: 0;
font-family: Roboto;
font-size: 17px;
font-weight: normal;
}
.box ul.items.calendar h3,
.box ul.items.jobs h3 {
margin-top: 12px;
}
ul.items.calendar h3 a,
ul.items.jobs h3 a {
color: #000;
}
ul.items.calendar p,
ul.items.jobs p {
margin-top: 5px;
font-size: 13px;
line-height: 1;
}
ul.items.jobs li p {
position: absolute;
bottom: 0;
right: 0;
}
.icon-date {
background: url(../images/icons/icon-kalender.png) left top no-repeat;
background-size: 100% auto;
}
.quote {
display: block;
margin: 24px 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 0 12px;
font-family: Roboto;
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;
}
.beam-lightgray {
padding: 20px 10px;
text-align: center;
background: #F2F2F2;
border-bottom: 2px solid #CCC;
}
.beam-gray {
padding: 5px 10px;
background: #3c3c3b;
color: #FFF;
}
.beam-gray a {
color: #FFF;
text-decoration: none;
}
ul#partners li {
position: relative;
}
ul#partners li {
padding: 20px 10px 10px;
}
ul#partners li img {
border: 1px solid #DDD;
}
.highlight {
padding: 2px 5px;
background: #1ea638;
color: #FFF;
font-size: 80%;
position: absolute;
top: 5px;
right: 5px;
}
#experts-small li p {
margin-bottom: 0;
}
.event-date {
display: inline-block;
min-width: 40px;
margin-bottom: 5px;
background: #1ea638;
text-align: center;
}
.event-date *,
.event-date a {
color: #FFF;
text-decoration: none;
}
.event-date .month {
display: block;
font-size: 80%;
}
.event-date .day {
display: block;
font-weight: 600;
font-size: 1.6em;
}
.background-white {
background: #FFF;
}
ul.themes li {
display: inline;
padding: 2px;
text-transform: uppercase;
font-weight: 600;
background: #1ea638;
color: #FFF;
}
.text p a:not(.btn),
.text ul li a:not(.btn),
.text ol li a {
color: #1ea638;
text-decoration: underline;
}
.text p a:hover,
.text ul li a:hover,
.text ol li a:hover,
.text p a:focus,
.text ul li a:focus,
.text ol li a:focus {
color: #000;
}
.text iframe,
.blog-item iframe,
.text img {
max-width: 100%;
}
#tag-cloud a {
margin-bottom: 5px;
}
#nav-center {
}
#nav-center .icon,
#nav-center .material-icons {
width: 36px;
height: 36px;
font-size: 36px;
color: #808080;
fill: #808080;
}
#nav-center .icon:hover,
#nav-center .material-icons:hover {
color: #202020;
fill: #202020;
}
/*
#nav-center .active .icon,
#nav-center .active .material-icons {
color: #63B22E;
fill: #63B22E;
}
*/
#nav-center .icon-magazine .material-icons,
#nav-center .icon-thema .material-icons {
color: #42951A;
fill: #42951A;
}
#nav-center .icon-agenda .material-icons,
#nav-center .icon-event .material-icons,
#nav-center .icon-evenement .material-icons {
color: #64A2AE;
fill: #64A2AE;
}
#nav-center .icon-artikel .material-icons {
color: #27475E;
fill: #27475E;
}
#nav-center .icon-download .material-icons,
#nav-center .icon-whitepaper .material-icons {
color: #8FB3D7;
fill: #8FB3D7;
}
#nav-center .icon-ebook .material-icons {
color: #58bca5;
fill: #58bca5;
}
#nav-center .icon-expertpost .icon {
color: #3D5D37;
fill: #3D5D37;
}
#nav-center .icon-project .material-icons {
color: #879C59;
fill: #879C59;
}
#nav-center .icon-cursus .material-icons {
color: #5b4e68;
fill: #5b4e68;
}
#nav-center .icon-vacature .material-icons {
color: #3884bc;
fill: #3884bc;
}
#nav-center .icon-nieuwinnetwerk .material-icons {
color: #509A93;
fill: #509A93;
}
#nav-center .icon-showcase .material-icons {
color: #86A696;
fill: #86A696;
}
#nav-center .icon-video .material-icons {
color: #657E8D;
fill: #657E8D;
}
#nav-center .icon-succesverhaal .material-icons {
color: #898D9E;
fill: #898D9E;
}
#nav-center .icon-quote .material-icons {
color: #97B885;
fill: #97B885;
}
.block-featured {
}
.block-featured-small {
}
.block-featured .thumbnail {
min-height: 380px;
position: relative;
}
.block-featured-small .thumbnail {
min-height: 160px;
position: relative;
}
.block-featured-xs .thumbnail {
min-height: 100px;
position: relative;
}
.block-featured .btn-bottom,
.block-featured-small .btn-bottom {
width: 90%;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 12px;
}
.block-featured-xs .btn {
}
#de-mensen .thumbnail {
overflow: hidden;
}
#searchresults {
}
#searchresults * {
margin: 0;
}
#searchresults li {
margin-bottom: 12px;
}
#searchresults h4 {
margin: 0;
font-size: 16px;
font-weight: normal;
color: #1a0dab
}
#searchresults p {
}
#searchresults .url {
color: #006621;
}
.slider-search {
overflow: hidden;
position: relative;
}
.slider-search .swiper-wrapper {
}
.slider-search .swiper-pagination-bullet {
opacity: 1;
}
.slider-search .swiper-pagination-bullet-active a {
background-color: #63B22E;
border-color: #63B22E;
color: #FFF;
}
.slider-search {
height: auto;
padding-bottom: 48px;
}
.slider-search .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 0;
}
.slider-search .pagination {
margin: 0;
}
.thumbnail {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.filters .thumbnail {
min-height: 48px;
line-height: 48px;
text-align: left;
margin-bottom: 12px;
}
.filters .thumbnail,
.thumbnail.partners,
.thumbnail.contentpartners,
.thumbnail.expertpanel,
.thumbnail.bedrijfsleden,
.thumbnail.leden,
.thumbnail.persoonlijke-leden {
background-position: top 12px left 12px;
background-repeat: no-repeat;
background-size: auto 32px;
padding-left: 56px;
}
.thumbnail.partners,
.thumbnail.contentpartners {
background-image: url('../images/icons/icoon-partner.png');
}
.thumbnail.expertpanel {
background-image: url('../images/icons/icoon-expert.png');
}
.thumbnail.bedrijfsleden {
background-image: url('../images/icons/icoon-bedrijfslid.png');
}
.thumbnail.leden,
.thumbnail.persoonlijke-leden {
background-image: url('../images/icons/icoon-persoonlijk-lid.png');
}
.thumbnail.profile.partners,
.thumbnail.profile.contentpartners,
.thumbnail.profile.expertpanel,
.thumbnail.profile.bedrijfsleden,
.thumbnail.profile.leden,
.thumbnail.profile.persoonlijke-leden {
background-position: bottom 11px right 10px;
background-size: auto 36px;
}
.thumbnail.profile {
height: 150px;
}
.thumbnail.profile .col-left,
.thumbnail.profile .col-right {
height: 148px;
}
.thumbnail.profile .col-left {
overflow: hidden;
border-right: 1px solid #DDD;
text-align: center;
}
.thumbnail.profile .col-left img {
max-width: none !important;
}
.thumbnail.profile.client .col-left img {
margin: -20px 0 0 -15px;
width: auto;
height: 180px !important;
}
#de-mensen .thumbnail.profile.client .col-left img {
margin: -5px 0 0 -15px;
}
.thumbnail.profile.logo .col-left img {
width: 90%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
margin-left: 5%;
}
.thumbnail.profile .col-right {
display: block;
position: relative;
}
.thumbnail.profile.logo {
background-color: #f9f9f9;
}
.thumbnail.profile h4 {
font-size: 16px;
}
.thumbnail.profile p {
line-height: 1.1;
}
.thumbnail.profile small {
font-size: 70%;
}
.thumbnail.profile .btn {
position: absolute;
left: 12px;
bottom: 12px;
}
.tile-user-small .thumbnail.profile .btn {
display: none;
}
.tile-user-small .thumbnail.partners,
.tile-user-small .thumbnail.contentpartners,
.tile-user-small .thumbnail.expertpanel,
.tile-user-small .thumbnail.bedrijfsleden,
.tile-user-small .thumbnail.leden,
.tile-user-small .thumbnail.persoonlijke-leden {
background-image: none;
}
.event-recap .thumbnail {
height: 180px;
}
.br-theme-bars-square .br-widget {
height: 15px;
white-space: nowrap
}
.br-theme-bars-square .br-widget a {
display: block;
width: 36px;
height: 36px;
float: left;
border: 2px solid #58b925;
background-color: white;
margin: 2px;
text-decoration: none;
font-size: 14px;
font-weight: 400;
line-height: 2;
text-align: center;
color: #58b925;
font-weight: 600;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
line-height: 32px;
}
.br-theme-bars-square .br-widget a.br-active,
.br-theme-bars-square .br-widget a.br-selected {
border: 2px solid #58b925;
color: #FFF;
background-color: #58b925
}
@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 #58b925;
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: #58b925;
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
}
}
.line .left.enquete,
.line .right.enquete {
width: 100%;
}
.line .left.enquete {
}
.line .right.enquete {
height: 70px;
}
.line .right.enquete .br-widget a {
width: 20%;
font-size: 11px;
}
.block-readmore {
position: relative;
}
.block-readmore.longread {
max-height: 400px;
padding-bottom: 40px !important;
overflow: hidden;
}
.block-readmore.longread.show-all {
max-height: none;
padding-bottom: 20px !important;
overflow: auto;
}
.block-readmore.longread:after {
width: 100%;
height: 80px;
background: url(../images/bottom-fadeout-gray.png) repeat-x;
content: " ";
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
}
.block-readmore.longread.show-all:after {
display: none;
background: none;
}
.block-readmore .readmore,
.block-readmore.longread.show-all .readmore {
display: none;
}
.block-readmore.longread .readmore {
display: block;
width: 36px;
height: 20px;
background: url(../images/bottom-button-readmore.png) no-repeat;
background-size: 36px auto;
margin: 0 auto;
cursor: pointer;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
z-index: 3;
}
.block-readmore .readmore span {
display: none;
}
#center ul.checklist li {
display: block;
width: auto;
height: auto;
margin: 0 0 4px 0;
padding-left: 32px;
background: url(../images/icons/icoon-vinkje.png) left no-repeat;
background-size: 20px auto;
font-size: 13px;
color: #7a8aa0;
text-decoration: none;
}
#center ul.checklist li a {
color: #7a8aa0;
text-decoration: none;
}
.client-icon {
width: 80px;
height: auto;
position: absolute;
top: 15px;
right: 15px;
}
#center img.client-sub-icon {
width: auto;
height: 32px;
}
/* jasper shine */
#center .text .tb_dg_product {
width: 100%;
text-align: center;
}
#center .text .tb_dg_product th,
#center .text .tb_dg_product td {
width: 10%;
border-spacing: 2px;
border-collapse: separate;
}
#center .text .tb_dg_product td {
cursor: pointer;
}
#center .text .tb_dg_product > thead > tr > th {
border: 1px solid #7b8aa2;
font-size: 16px;
line-height: 1.2;
}
#center .text .tb_dg_product > thead > tr > th:first-child {
width: 60%;
background-color: #fff;
}
#center .text .tb_dg_product thead th {
position: relative;
}
#center .text .tb_dg_product thead th.nieuw img {
width: 85px;
position: absolute;
top: -20px;
right: 0;
}
#center .text .tb_dg_product thead th {
background-color: #7b8aa2;
color: #fff;
padding: 16px 8px 8px;
text-align: left;
}
#center .text .tb_dg_product.regular thead th {
padding: 6px 12px;
background-color: #7b8aa2 !important;
font-size: 12px;
}
#center .text .tb_dg_product thead th img {
max-width: 240px;
}
#center .text .tb_dg_product > tbody > tr:nth-child(2n),
#center .text .tb_dg_product > tbody > tr.graybackground,
#center .text .tb_dg_product > tfoot > tr.graybackground,
#center .text .tb_dg_product > thead > tr.graybackground {
background-color: #eaedf2;
}
#center .text .tb_dg_product > tbody > tr > td,
#center .text .tb_dg_product > tfoot > tr > td {
padding: 6px 12px;
color: #58b925;
font-weight: bold;
}
#center .text .tb_dg_product > tbody > tr > td:first-child,
#center .text .tb_dg_product > tfoot > tr > td:first-child{
color: #7b8aa1;
font-weight: bold;
text-align: left;
}
#center .text .tb_dg_product tbody img {
max-width: 24px;
height: auto;
}
#center .text .tb_dg_product > tbody > tr:last-child > td {
color: #7b8aa1;
font-weight: bold;
}
#center .text .tb_dg_product > tbody > tr:last-child > td,
#center .text .tb_dg_product > tfoot > tr:first-child > td {
font-size: 110%;
}
#center .text .tb_dg_product.regular > tbody > tr:last-child > td,
#center .text .tb_dg_product.regular > tfoot > tr:first-child > td {
font-size: 100%;
}
#center .text .tb_dg_product.regular > tbody > tr:last-child > td:not(:first-child),
#center .text .tb_dg_product.regular > tbody > tr td.green,
#center .text .tb_dg_product.regular > tfoot > tr td.green,
#center .text .tb_dg_product > tfoot > tr > td.green:first-child {
color: #58b925
}
#center .text .tb_dg_product > tfoot > tr:first-child > td {
border-top: 1px solid #eaedf2;
}
#center .text .tb_dg_product > tbody > tr:last-child > td.title,
#center .text .tb_dg_product > tfoot > tr:first-child > td.title {
font-size: 170%;
font-weight: normal;
}
#center .text .tb_dg_product a.round {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#center .text .tb_dg_product > tfoot > tr.buttons > td {
padding: 12px 4px;
}
#center .text .tb_dg_product tr:first-child td,
#center .text .tb_dg_product td,
#center .text .tb_dg_product td:last-child {
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
}
.block-shadow {
padding: 10px;
-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);
}
.block-rounded {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.opsomming-block {
display: inline-block;
position: relative;
}
.opsomming-block .inhoud {
float: left;
padding: 10px;
background: #eaedf2;
border-top: 4px solid #58b925;
}
.opsomming-block .inhoud ul.vinkjes,
ul.vinkjes {
margin-left: 0;
padding-left: 0;
}
.opsomming-block .inhoud ul.vinkjes li,
ul.vinkjes li {
margin-left: 0 !important;
padding-left: 30px !important;
list-style: none;
background: url(../images/check.png) top left no-repeat;
background-size: 20px auto;
color: #7a8aa0;
}
.opsomming-block a.button {
/*width: 120px !important;*/
display: inline-block;
margin: 0 auto !important;
position: absolute;
right: 0;
left: 0;
bottom: -18px;
z-index: 2;
}
.layout-58 #att-photo {
display: none;
}
/* Custom page footer */
footer *,
footer a:hover {
color: #FFF;
}
footer h4 {
padding-bottom: 10px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 1px;
}
footer ul {
list-style: none;
margin: 0 0 20px 0;
padding-left: 0;
}
footer ul li {
padding-top: 7px;
padding-bottom: 7px;
}
footer .na a {
color: #CCC;
}
/* Customize container */
@media (min-width: 768px) {
.container {
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
ul.nav li.dropdown:hover .carets {
}
ul.nav li.dropdown:hover .caret2 {
display: none;
}
ul.nav li.dropdown .caret3 {
display: none;
}
ul.nav li.dropdown:hover .caret3 {
display: inline-block;
}
ul.nav li.dropdown:hover .arrow-up {
}
.navbar-nav>li>a {
padding-bottom: 10px;
line-height: 25px;
}
}
.container-narrow > hr {
margin: 30px 0;
}
.sp-image {
max-width: none !important;
}
.table-scroll {
}
table.dg {
width: 100% !important;
height: auto;
border: none;
margin: 15px 0;
padding: 0;
border-spacing: 0px;
border-collapse: separate
}
table.dg th {
background-color: #59b924;
color: #FFF;
text-align: left;
vertical-align: top;
padding: 12px;
line-height: 1.5;
border-color: #59b924
}
table.dg.tl th {
padding: 10px 5px;
background-color: #002060;
border-color: #002060
}
table.dg.tl tr.footer td {
padding: 10px 5px;
background-color: #59b924;
border-color: #59b924;
color: #FFF;
}
table.dg th strong,
table.dg th p strong {
font-weight: bold
}
table.dg th p {
margin: 0;
padding: 0
}
table.dg tr:first-child td,
table.with-border tr:first-child td {
border-top: 1px solid #DDD
}
table.dg tfoot tr:first-child td {
border-top: none;
}
table.dg tr,
table.dg th,
table.dg td {
border: none
}
table.dg tr,
table.with-border tr {
border-bottom: 1px solid #DDD
}
table.dg tr:hover {
background-color: #f5f5f5
}
table.dg td {
vertical-align: top;
padding: 18px 12px;
background: #FFF;
}
table.dg td,
table.with-border td {
border-bottom: 1px solid #DDD;
border-left: 1px solid #DDD
}
table.dg td:last-child,
table.with-border td:last-child {
border-right: 1px solid #DDD
}
table.geenopmaak th {
background-color: none;
color: #000;
border: none
}
table.geenopmaak td {
padding: 6px 0;
}
table.with-border tr,
table.with-border td {
border-color: #CCC;
}
table.with-border td {
padding: 6px 12px;
}
table.dg tr.nhover:hover {
background-color: #FFF
}
table.geenopmaak tr,
table.geenopmaak th,
table.geenopmaak td,
table.geenopmaak tr:first-child td {
border: none
}
label.error {
display: inline-block;
width: auto !important;
padding: 0 2px;
background: #F00;
color: #FFF;
font-size: 11px;
}
#center table.badge-dg {
width: 320px !important;
border: 1px solid #CCC;
background: #FFF;
-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);
}
#center table.badge-dg td {
padding: 80px 24px 24px;
background: url(../images/badge-preview-v1.png) top 10px center no-repeat;
background-size: 100% auto;
font-size: 16px;
text-align: center;
}
.ad {
max-width: 100%;
height: auto;
position: relative;
}
.ad * {
}
.ad iframe {
}
.ad.ad336x280 {
height: 280px;
margin-bottom: 12px;
}
.ad.ad336x280 iframe {
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
margin-left: -36px;
}
.ad.ad336x280 a.layer,
.ad.ad336x280 img.layer,
.ad.ad728x90 a.layer,
.ad.ad728x90 img.layer {
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
}
.ad.ad728x90 a.layer,
.ad.ad728x90 img.layer {
max-width: 728px;
max-height: 90px;
}
.ad.ad336x280 a.layer,
.ad.ad336x280 img.layer {
max-width: 336px;
max-height: 280px;
}
.ad.ad336x280 img.layer,
.ad.ad728x90 img.layer {
left:0;
}
#poll .stats,
.poll .stats {
float: left;
display: inline;
width: 100%;
height: 24px;
margin: 0 10px 5px 0;
padding: 0;
background: #c2dace
}
#center .tile .poll .stats {
width: 200px;
}
#center .poll .stats {
width: 320px;
}
#center .poll .stats img {
float: left;
display: inline;
height: 24px;
}
#poll .stats p.stats_txt,
.poll .stats p.stats_txt {
float: right;
display: inline;
width: 30px;
height: 20px;
line-height: 20px;
margin: 0 0 5px 0;
padding: 0;
font-weight: bold;
}
/* misc */
#themes-type.pager li a {
font-size: 18px;
padding: 10px 14px;
}
.pager li a.active {
text-decoration: none;
background-color: #eee;
}
button {
outline: none;
}
img.img-responsive {
display: inline-block;
}
.background-magazine,
.background-thema {
background-color: #42951A;
}
.background-agenda,
.background-event,
.background-evenement {
background-color: #64A2AE;
}
.background-artikel {
background-color: #27475E;
}
.background-download,
.background-whitepaper {
background-color: #8FB3D7;
}
.background-ebook {
background-color: #58bca5;
}
.background-expertpost {
background-color: #3D5D37;
}
.background-project {
background-color: #879C59;
}
.background-advertentie,
.tile.c35 .background-agenda {
background-color: #9C9C9C;
}
.background-cursus {
background-color: #5b4e68;
}
.background-vacature {
background-color: #3884bc;
}
a.background-evenement {
color: #FFF;
}
.background-nieuwinnetwerk {
background-color: #509A93;
}
.background-showcase {
background-color: #86A696;
}
.background-video {
background-color: #657E8D;
}
.background-succesverhaal {
background-color: #898D9E;
}
.background-quote {
background-color: #97B885;
}
.background_thema_234,
.btn.content-type.background_thema_234 a {
background-color: #FFF;
color: #ea2117;
}
.background_c35,
.btn.content-type.background_c35 a {
background-color: #C9C9C9;
color: #FFF;
}
.background-poll {
background-color: #86A696;
}
.alert,
.list-group-item {
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
}
.line-left {
border-left: 1px solid #F2F2F2;
}
.line-right {
border-right: 1px solid #F2F2F2;
}
.btn-primary {
font-size: 18px;
border-color: #40771f;
}
.btn-white,
.btn-white .material-icons {
color: #000;
}
.body .btn-white {
position: absolute;
bottom: 50px;
}
.col-right .body .btn-white {
bottom: 12px;
}
.btn.rounded {
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
.with-border {
border: 1px solid #DDD;
}
.round-icon {
display: inline-block;
width: 36px;
height: 36px;
padding: 5px;
text-align: center;
color: #FFF;
transition: all 0.2s;
background-color: #42951A;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}
.round-icon:hover {
background-color: #40771f;
}
.round-icon img {
width: 20px;
height: auto;
}
.icon {
display: inline-block;
}
.icon.icon-community {
width: 21px;
height: 18px;
background: url(../images/icons/icon-community.png) center no-repeat;
background-size: auto 18px;
}
legend {
border-bottom: none;
}
footer .round-icon.fa-2x {
font-size: 1.6em;
}
.btn-green {
color: #FFF !important;
background-color: #5AA929;
border-color: #40771f;
}
.btn-green:hover {
background-color: #40771f;
border-color: #356517;
}
.badge {
background-color: #63B22E;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.badge.gray {
background-color: #C0C0C0;
color: #FFF;
}
.badge.orange {
background-color: #F90;
color: #FFF;
}
.badge.red {
background-color: #F00;
color: #FFF;
}
.badge.white-gray {
background-color: #FFF;
color: #9C9C9C;
}
.heading .badge {
margin-top: 4px;
}
label {
font-weight: normal;
}
fieldset,
iframe {
border: none;
}
.old-price {
text-decoration: line-through;
}
.na,
.gray {
color: #999;
}
.green {
color: #1ea638;
}
.line-bottom {
border-bottom: 2px solid #e8e8e8;
}
.line-bottom.dark {
border-bottom: 2px solid #CCC;
}
.line-top {
border-top: 1px solid #FFF;
}
.error,
.red {
color: #F00;
}
.h100 {
height: 100%;
}
.w-auto {
width: auto !important;
}
.h4, h4 {
line-height: 1.5;
}
.rt {
padding: 2px 4px;
background: #1ea638;
color: #FFF;
}
.fn {
float: none;
}
.fl {
float: left;
}
.fr {
float: right;
}
.al {
text-align: left;
}
.ar {
text-align: right;
}
.ac {
text-align: center;
}
.uc {
text-transform: uppercase;
}
.nm {
margin: 0 !important;
}
.np {
padding: 0 !important;
}
.npb {
padding-bottom: 0 !important;
}
.npr {
padding-right: 0 !important;
}
.npl {
padding-left: 0 !important;
}
.nmt {
margin-top: 0 !important;
}
.nmb {
margin-bottom: 0 !important;
}
.mt12m {
margin-top: -12px !important;
}
.mt10
{
margin-top: 10px !important;
}
.mt12 {
margin-top: 12px !important;
}
.mt20
{
margin-top: 20px !important;
}
.mt24
{
margin-top: 24px !important;
}
.mt48
{
margin-top: 48px !important;
}
.mr10
{
margin-right: 10px !important;
}
.mr12 {
margin-right: 12px !important;
}
.mr20
{
margin-right: 20px !important;
}
.mr24
{
margin-right: 24px !important;
}
.mr48
{
margin-right: 48px !important;
}
.mb5
{
margin-bottom: 5px !important;
}
.mb10
{
margin-bottom: 10px !important;
}
.mb12 {
margin-bottom: 12px !important;
}
.mb15
{
margin-bottom: 15px !important;
}
.mb20
{
margin-bottom: 20px !important;
}
.mb24
{
margin-bottom: 24px !important;
}
.mb48
{
margin-bottom: 48px !important;
}
.ml10
{
margin-left: 10px !important;
}
.ml12 {
margin-left: 12px !important;
}
.ml20
{
margin-left: 20px !important;
}
.ml24
{
margin-left: 24px !important;
}
.ml48
{
margin-left: 48px !important;
}
.m10
{
margin: 10px !important;
}
.m12 {
margin: 12px !important;
}
.m20
{
margin: 20px !important;
}
.m24
{
margin: 24px !important;
}
.m48
{
margin: m48 !important;
}
.pt5 {
padding-top: 5px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt12 {
padding-top: 12px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pt20
{
padding-top: 20px !important;
}
.pt24
{
padding-top: 24px !important;
}
.pt48
{
padding-top: 48px !important;
}
.pr10
{
padding-right: 10px !important;
}
.pr12 {
padding-right: 12px !important;
}
.pr20
{
padding-right: 20px !important;
}
.pr24
{
padding-right: 24px !important;
}
.pr48
{
padding-right: 48px !important;
}
.pb10
{
padding-bottom: 10px !important;
}
.pb12 {
padding-bottom: 12px !important;
}
.pb15
{
padding-bottom: 15px !important;
}
.pb20
{
padding-bottom: 20px !important;
}
.pb24
{
padding-bottom: 24px !important;
}
.pb48 {
padding-bottom: 48px !important;
}
.pb96 {
padding-bottom: 96px !important
}
.pb200 {
padding-bottom: 200px !important
}
.pl10
{
padding-left: 10px !important;
}
.pl12 {
padding-left: 12px !important;
}
.pl20
{
padding-left: 20px !important;
}
.pl24
{
padding-left: 24px !important;
}
.pl48
{
padding-left: 48px !important;
}
.p10
{
padding: 10px !important;
}
.p12 {
padding: 12px !important;
}
.p20
{
padding: 20px !important;
}
.p24
{
padding: 24px !important;
}
.p48
{
padding: 48px !important;
}
.w100,
.w80,
.w75,
.w66,
.w60,
.w50,
.w40,
.w34,
.w33,
.w25,
.w20,
.w10,
.w5 {
float: left;
display: inline;
width: 100%;
height: auto;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.w80 {
width: 80%;
}
.w75 {
width: 75%;
}
.w66 {
width: 67%;
}
.w60 {
width: 60%;
}
.w50 {
width: 50%;
}
.w40 {
width: 40%;
}
.w34 {
width: 34%;
}
.w33 {
width: 33%;
}
.w30 {
width: 30%;
}
.w25 {
width: 25%;
}
.w22 {
width: 22%;
}
.w20 {
width: 20%;
}
.w10 {
width: 10%;
}
.w5 {
width: 5%;
}
.has-error .form-control,
.has-error .form-control:focus {
border-color: #F00;
}
p.has-error,
.has-error .left {
color: #F00;
}
#backtotop,
.floating-button {
display: none;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
color: #FFF;
text-align: center;
background-color: #CCC;
/*
background-image: url(../images/icon-top.png);
background-size: 30px 30px;
background-repeat: no-repeat;
background-position: 5px 5px;
*/
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
position: fixed;
bottom: 24px;
right: 24px;
z-index: 2;
}
#backtotop:hover,
.floating-button:hover {
background-color: #63B22E;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
color: #FFF;
}
#backtotop i,
.floating-button i {
font-size: 40px;
line-height: 40px;
color: #FFF;
}
#openpopup {
display: block;
top: 160px;
right: auto;
bottom: auto;
left: 0;
background-color: #63B22E;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#openpopup i {
font-size: 32px;
}
#openpopup:hover {
background-color: #202020;
}
/*
#backtotop span {
display: none;
}
*/
.pagination {
margin: 0 0 24px;
}
.pagination > li > a {
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
padding: 6px 10px;
background-color: #f9f9f9;
color: #000;
}
.pagination.empty > li > a {
background: none;
border-color: transparent;
}
.pagination > li.active > a {
background-color: #63B22E;
color: #FFF;
}
.pagination > li.empty > a {
background-color: transparent;
border-top: none;
border-bottom: none;
border-right: none;
}
.pagination > li > a:hover {
color: #000;
}
/* POP-UP DG */
.dg-popup {
display: none;
position: fixed;
z-index: 10000;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(94, 110, 141, 0.4);
}
.dg-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
}
.dg-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;
}
.dg-popup .content .close-button-small {
position: absolute;
top: 12px;
right: 12px;
z-index: 2;
}
/* oude pin(s) */
#center ul.columns {
display: block;
width: 100%;
height: auto;
margin: 20px 0;
padding: 0;
list-style: none
}
#center ul.columns li.pin {
float: left;
display: inline-block;
width: 196px;
height: 280px;
background: #fefefe;
border: 2px solid #fcfcfc;
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
margin: 0 5px 15px;
padding: 15px;
padding-bottom: 10px;
transition: opacity .4s ease-in-out;
column-break-inside: avoid;
position: relative
}
#center ul.columns li.pin .cat {
display: none
}
#center ul.columns li.pin .img {
display: block;
height: 90px;
margin-bottom: 10px;
overflow: hidden
}
#center ul.columns li.pin .date {
display: none;
}
#center ul.columns li.pin h2 {
display: inline-block;
width: 100%;
line-height: 1.1;
margin-bottom: 10px;
font-size: 1em
}
#center ul.columns li.pin h2 a:hover {
text-decoration: none
}
#center ul.columns li.pin p {
float: left;
width: 100%;
line-height: 1.5;
margin-bottom: 10px;
font-size: .9em !important;
}
#center ul.columns li.pin img,
#center ul.columns li.pin iframe,
#center ul.columns li.pin .ad {
width: 100%;
height: auto;
margin-bottom: 5px
}
#center ul.columns li.pin object,
#center ul.columns li.pin iframe {
width: 100%
}
#center ul.columns li.pin .event-date-box {
float: left;
display: inline-block;
width: 25%;
margin-right: 2%
}
#center ul.columns li.pin .event-date-box .event-date {
max-width: 100%;
margin-right: 0
}
#center ul.columns li.pin ul.buttons_small,
#center ul.columns li.pin .social-media-buttons {
float: none;
display: block;
width: inherit;
position: absolute;
bottom: 0;
right: 10px
}
#center ul.columns li.pin .social-media-buttons a {
float: right;
margin: 0 0 0 7px;
transition: opacity .4s ease-in-out
}
#center ul.columns li.pin:hover .social-media-buttons a {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: none;
-webkit-filter: grayscale(0%)
}
#center .columns:hover .pin:not(:hover) {
opacity: 0.5
}
#center ul.columns li.pin.banner {
width: 216px;
padding-right: 5px;
padding-left: 5px
}
#center .theme-icon {
position: absolute;
left: 12px;
top: 12px;
}
#center .theme-icon img {
width: 80px;
}
#preview-intro,
#left-menu {
width: 220px;
height: auto;
padding: 12px;
background: #59b924;
top: 0;
right: 0;
position: absolute;
z-index: 2;
}
#preview-intro {
position: relative;
width: auto;
margin-bottom: 12px;
}
#left-menu {
float: left;
width: 20%;
position: relative;
right: auto;
}
#left-menu ul,
#left-menu ul li {
margin-left: 0;
padding-left: 0;
list-style: none;
}
#left-menu ul {
border: 1px dotted #FFF;
border-bottom: none;
}
#left-menu ul li {
border-bottom: 1px dotted #FFF;
}
#left-menu ul li a {
display: block;
padding: 5px;
}
#left-menu ul li a:hover {
background: #7dd252;
}
#left-menu ul li a.active {
background: #3f9b11;
}
#left-menu .badge {
background: #FFF;
color: #59b924;
}
#left-menu *,
#preview-intro h2,
#preview-intro h3,
#preview-intro p,
#preview-intro a:not(.btn) {
color: #FFF;
}
#preview-intro h2 {
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #FFF;
}
#preview-intro p {
margin-bottom: 10px;
font-size: 14px;
}
.thumb-user {
position: relative;
}
.thumb-user .glyphicon {
font-size: 24px;
}
.thumb-user img {
border-radius: 100%;
}
.thumb-user .edit {
display: none;
}
.thumb-user:hover .edit {
display: inline;
position: absolute;
top: 54px;
left: 0;
right: 0;
}
#preview-progress {
}
.progress-circle{font-size:28px;margin:20px;position:relative;padding:0;width:5em;height:5em;background-color:#cfe4c2;border-radius:50%;line-height:5em;left:0;right:0;margin-left:auto;margin-right:auto}.progress-circle:after{border:none;position:absolute;top:0.35em;left:0.35em;text-align:center;display:block;border-radius:50%;width:4.3em;height:4.3em;background-color:#59b924;content:" ";}.progress-circle span{position:absolute;line-height:5em;width:5em;text-align:center;display:block;color:#FFF;z-index:2;}.left-half-clipper{border-radius:50%;width:5em;height:5em;position:absolute;clip:rect(0,5em,5em,2.5em);}.progress-circle.over50 .left-half-clipper{clip:rect(auto,auto,auto,auto);}.value-bar{position:absolute;clip:rect(0,2.5em,5em,0);width:5em;height:5em;border-radius:50%;border:0.45em solid #FFF;box-sizing:border-box;}.progress-circle.over50 .first50-bar{position:absolute;clip:rect(0,5em,5em,2.5em);background-color:#FFF;border-radius:50%;width:5em;height:5em;}.progress-circle:not(.over50) .first50-bar{display:none;}.progress-circle.prc0 .value-bar{display:none;}.progress-circle.prc1 .value-bar{transform:rotate(4deg);}.progress-circle.prc2 .value-bar{transform:rotate(7deg);}.progress-circle.prc3 .value-bar{transform:rotate(11deg);}.progress-circle.prc4 .value-bar{transform:rotate(14deg);}.progress-circle.prc5 .value-bar{transform:rotate(18deg);}.progress-circle.prc6 .value-bar{transform:rotate(22deg);}.progress-circle.prc7 .value-bar{transform:rotate(25deg);}.progress-circle.prc8 .value-bar{transform:rotate(29deg);}.progress-circle.prc9 .value-bar{transform:rotate(32deg);}.progress-circle.prc10 .value-bar{transform:rotate(36deg);}.progress-circle.prc11 .value-bar{transform:rotate(40deg);}.progress-circle.prc12 .value-bar{transform:rotate(43deg);}.progress-circle.prc13 .value-bar{transform:rotate(47deg);}.progress-circle.prc14 .value-bar{transform:rotate(50deg);}.progress-circle.prc15 .value-bar{transform:rotate(54deg);}.progress-circle.prc16 .value-bar{transform:rotate(58deg);}.progress-circle.prc17 .value-bar{transform:rotate(61deg);}.progress-circle.prc18 .value-bar{transform:rotate(65deg);}.progress-circle.prc19 .value-bar{transform:rotate(68deg);}.progress-circle.prc20 .value-bar{transform:rotate(72deg);}.progress-circle.prc21 .value-bar{transform:rotate(76deg);}.progress-circle.prc22 .value-bar{transform:rotate(79deg);}.progress-circle.prc23 .value-bar{transform:rotate(83deg);}.progress-circle.prc24 .value-bar{transform:rotate(86deg);}.progress-circle.prc25 .value-bar{transform:rotate(90deg);}.progress-circle.prc26 .value-bar{transform:rotate(94deg);}.progress-circle.prc27 .value-bar{transform:rotate(97deg);}.progress-circle.prc28 .value-bar{transform:rotate(101deg);}.progress-circle.prc29 .value-bar{transform:rotate(104deg);}.progress-circle.prc30 .value-bar{transform:rotate(108deg);}.progress-circle.prc31 .value-bar{transform:rotate(112deg);}.progress-circle.prc32 .value-bar{transform:rotate(115deg);}.progress-circle.prc33 .value-bar{transform:rotate(119deg);}.progress-circle.prc34 .value-bar{transform:rotate(122deg);}.progress-circle.prc35 .value-bar{transform:rotate(126deg);}.progress-circle.prc36 .value-bar{transform:rotate(130deg);}.progress-circle.prc37 .value-bar{transform:rotate(133deg);}.progress-circle.prc38 .value-bar{transform:rotate(137deg);}.progress-circle.prc39 .value-bar{transform:rotate(140deg);}.progress-circle.prc40 .value-bar{transform:rotate(144deg);}.progress-circle.prc41 .value-bar{transform:rotate(148deg);}.progress-circle.prc42 .value-bar{transform:rotate(151deg);}.progress-circle.prc43 .value-bar{transform:rotate(155deg);}.progress-circle.prc44 .value-bar{transform:rotate(158deg);}.progress-circle.prc45 .value-bar{transform:rotate(162deg);}.progress-circle.prc46 .value-bar{transform:rotate(166deg);}.progress-circle.prc47 .value-bar{transform:rotate(169deg);}.progress-circle.prc48 .value-bar{transform:rotate(173deg);}.progress-circle.prc49 .value-bar{transform:rotate(176deg);}.progress-circle.prc50 .value-bar{transform:rotate(180deg);}.progress-circle.prc51 .value-bar{transform:rotate(184deg);}.progress-circle.prc52 .value-bar{transform:rotate(187deg);}.progress-circle.prc53 .value-bar{transform:rotate(191deg);}.progress-circle.prc54 .value-bar{transform:rotate(194deg);}.progress-circle.prc55 .value-bar{transform:rotate(198deg);}.progress-circle.prc56 .value-bar{transform:rotate(202deg);}.progress-circle.prc57 .value-bar{transform:rotate(205deg);}.progress-circle.prc58 .value-bar{transform:rotate(209deg);}.progress-circle.prc59 .value-bar{transform:rotate(212deg);}.progress-circle.prc60 .value-bar{transform:rotate(216deg);}.progress-circle.prc61 .value-bar{transform:rotate(220deg);}.progress-circle.prc62 .value-bar{transform:rotate(223deg);}.progress-circle.prc63 .value-bar{transform:rotate(227deg);}.progress-circle.prc64 .value-bar{transform:rotate(230deg);}.progress-circle.prc65 .value-bar{transform:rotate(234deg);}.progress-circle.prc66 .value-bar{transform:rotate(238deg);}.progress-circle.prc67 .value-bar{transform:rotate(241deg);}.progress-circle.prc68 .value-bar{transform:rotate(245deg);}.progress-circle.prc69 .value-bar{transform:rotate(248deg);}.progress-circle.prc70 .value-bar{transform:rotate(252deg);}.progress-circle.prc71 .value-bar{transform:rotate(256deg);}.progress-circle.prc72 .value-bar{transform:rotate(259deg);}.progress-circle.prc73 .value-bar{transform:rotate(263deg);}.progress-circle.prc74 .value-bar{transform:rotate(266deg);}.progress-circle.prc75 .value-bar{transform:rotate(270deg);}.progress-circle.prc76 .value-bar{transform:rotate(274deg);}.progress-circle.prc77 .value-bar{transform:rotate(277deg);}.progress-circle.prc78 .value-bar{transform:rotate(281deg);}.progress-circle.prc79 .value-bar{transform:rotate(284deg);}.progress-circle.prc80 .value-bar{transform:rotate(288deg);}.progress-circle.prc81 .value-bar{transform:rotate(292deg);}.progress-circle.prc82 .value-bar{transform:rotate(295deg);}.progress-circle.prc83 .value-bar{transform:rotate(299deg);}.progress-circle.prc84 .value-bar{transform:rotate(302deg);}.progress-circle.prc85 .value-bar{transform:rotate(306deg);}.progress-circle.prc86 .value-bar{transform:rotate(310deg);}.progress-circle.prc87 .value-bar{transform:rotate(313deg);}.progress-circle.prc88 .value-bar{transform:rotate(317deg);}.progress-circle.prc89 .value-bar{transform:rotate(320deg);}.progress-circle.prc90 .value-bar{transform:rotate(324deg);}.progress-circle.prc91 .value-bar{transform:rotate(328deg);}.progress-circle.prc92 .value-bar{transform:rotate(331deg);}.progress-circle.prc93 .value-bar{transform:rotate(335deg);}.progress-circle.prc94 .value-bar{transform:rotate(338deg);}.progress-circle.prc95 .value-bar{transform:rotate(342deg);}.progress-circle.prc96 .value-bar{transform:rotate(346deg);}.progress-circle.prc97 .value-bar{transform:rotate(349deg);}.progress-circle.prc98 .value-bar{transform:rotate(353deg);}.progress-circle.prc99 .value-bar{transform:rotate(356deg);}.progress-circle.prc100 .value-bar{transform:rotate(360deg);}
/*witte container*/
.container-light {
background-color: #fff;
padding: 40px;
}
.container-light .glyphicon {
color: #40771f;
}
.form-control {
padding-top: 2px;
padding-bottom: 2px;
font-size: 18px;
}
/*Selectfield with arrows)*/
select {
background: #F0F3FB;
border: 1px solid #a2a2a2;
width: 100%;
padding: 20px;
color: #3F3F3F;
/* Here's the code we need */
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.select-wrapper {
position: relative;
}
.select-wrapper:not(.cijfer):after {
font-family: 'Glyphicons Halflings';
content: '\e252';
font-size: 16px;
position: absolute;
bottom: 4px;
right: 30px;
color: #a2a2a2;
pointer-events: none;
}
.cijfers .select-wrapper:after {
content: '';
}
.col-xs-4 .select-wrapper:after {
right: 0;
}
select::-ms-expand {
display: none;
}
form.form-new-1702 .line {
float: left;
display: inline-block;
width: 100%;
margin-bottom: 12px;
}
form.form-new-1702 input[type=checkbox],
form.form-new-1702 input[type=radio]
{
display: none !important;
}
form.form-new-1702 input[type="checkbox"] + label,
form.form-new-1702 input[type="radio"] + label
{
float: left;
}
form.form-new-1702 input[type="checkbox"] + label span,
form.form-new-1702 input[type="radio"] + label span
{
float: left;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 10px 0 0;
vertical-align: middle;
cursor: pointer;
}
form.form-new-1702 input[type="checkbox"] + label span
{
background: url('../images/background-input-2.png') left top no-repeat;
background-size: auto 20px;
}
form.form-new-1702 input[type="checkbox"]:checked + label span
{
background: url('../images/background-input-2.png') -21px top no-repeat;
background-size: auto 20px;
}
form.form-new-1702 input[type="radio"] + label span
{
background: url('../images/background-input-1.png') left top no-repeat;
background-size: auto 20px;
}
form.form-new-1702 input[type="radio"]:checked + label span
{
background: url('../images/background-input-1.png') -22px top no-repeat;
background-size: auto 20px;
}
form.form-new-1702 input[type="checkbox"] + label,
form.form-new-1702 input[type="radio"] + label
{
margin-right: 10px;
}
form.form-new-1702 .line .input:focus {
box-shadow: none;
}
form.form-new-1702 input[type="checkbox"] + label.visible span {
background: url('../images/2017/icon-show.png') left top no-repeat;
background-size: auto 20px;
}
form.form-new-1702 input[type="checkbox"]:checked + label.visible span
{
background: url('../images/2017/icon-show.png') right top no-repeat;
background-size: auto 20px;
}
ul li.invalid {
line-height:24px;
color:#ec3f41;
}
ul li.valid {
line-height:24px;
color:#3a7d34;
}
ul li.invalid .check,
ul li.valid .open {
display: none;
}
ul li.invalid .open,
ul li.valid .check {
display: inline-block;
}
#pswd_info {
width: 100%;
padding: 24px;
background: #fefefe;
font-size: 1em;
box-shadow: 0 1px 3px #ccc;
border: 1px solid #ddd;
}
#pswd_info ul {
list-style: none;
padding-left: 0;
}
#pswd_info ul li {
padding-left: 0;
margin-bottom: 6px;
}
#pswd_info ul li .material-icons {
float: left;
}
.input.loading {
background-image: url("../images/loading.gif");
background-size: 20px 20px;
background-position: right 12px center ;
background-repeat: no-repeat;
}
.input.success {
background-image: url("../images/icons/icoon-vinkje.png");
background-size: 20px 20px;
background-position: right 12px center ;
background-repeat: no-repeat;
text-decoration: underline;
}
.input.no_valid_selection {
background-image: url("../images/question_mark.png");
background-size: 20px 20px;
background-position: right 12px center ;
background-repeat: no-repeat;
text-decoration: underline;
}
.input.success,
.input.no_valid_selection {
cursor: pointer;
}
/*Lijst met vinkjes*/
ul.checked {
list-style-type: none;
}
ul.checked li {
/* text-indent: -2.5em; */
}
ul.checked li:before {
font-family: 'Glyphicons Halflings';
content: '\e013';
color: #40771f;
font-size: 16px;
float: left;
width: 2.5em;
}
.panel-body.small {
}
.panel-body.small ul li {
line-height: 1.2;
}
.panel-body.small ul li small {
font-size: 85% !important;
}
/* popup */
#popupWelkom,
#popupData {
top: 50%;
margin-top: -235px;
}
#popupWelkom .modal-dialog,
#popupData .modal-dialog {
width: 860px;
}
#popupWelkom .modal-content,
#popupData .modal-content {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
#popupWelkom .modal-body,
#popupData .modal-body {
min-height: 400px;
background-image: url(../images/2018/DG-verbouwd_achtergrond.png);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
#popupData .modal-body {
background-image: url('https://duurzaamgebouwd.lingacms.nl/upload/dg_8fd9sluf/images/2020/06/DG-popup-achtergrond.png');
}
#popupData .sp-img {
margin: 162px auto 0;
}
#popupData .sp-caption {
margin: 90px auto 0;
padding-right: 60px;
}
/* timeline */
.full-width,
#cd-timeline,
#cd-timeline * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#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: 40px;
height: 40px;
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: 60px;
height: 60px;
left: 50%;
margin-left: -30px;
/* 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;
}
.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);
}
}
/* program */
#center ul.tags-new {
float: left;
display: inline;
width: 100%;
height: auto;
margin: 0;
padding: 0;
list-style: none;
}
#center ul.tags-new li {
float: left;
display: inline;
width: 29.33%;
height: auto;
margin: 0 2% 20px 2% !important;
padding: 0;
text-align: center;
clear: none !important;
position: relative;
}
#center ul.tags-new li.last {
}
#center ul.tags-new li a {
display: block;
margin: 0;
padding: 7px 0;
background: #FFF;
color: #59b924;
font-size: 16px;
font-weight: 500;
text-decoration: none;
border: 1px solid #59b924;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#center ul#tags-date.tags-new li a {
padding: 12px 0;
font-size: 17px;
}
#center ul.tags-new li a:hover {
background: #59b924;
color: #FFF;
}
#center ul.tags-new li a.active {
background: #59b924;
color: #FFF;
}
#center ul.tags-new li.dropdown a span {
float: right;
width: 20px;
height: 14px;
margin: 5px 12px 0 0;
background-image: url(../images/arrows.png);
background-repeat: no-repeat;
background-size: 40px auto;
background-position: bottom right;
}
#center ul.tags-new li.dropdown a:hover span {
background-position: bottom left;
}
#center ul.tags-new li.dropdown ul.sub {
display: none;
background: #FFF;
border: 1px solid #59b924;
position: absolute;
z-index: 1;
top: 100%;
left: 0;
}
#center ul.tags-new li.dropdown:hover ul.sub {
display: block;
}
#center ul.tags-new li.dropdown ul.sub li {
width: 100%;
margin: 0 !important;
}
#center ul.tags-new li.dropdown ul.sub li a {
padding: 5px 0;
font-size: 14px;
line-height: 24px;
border: none;
border-radius: none;
-moz-border-radius: none;
-webkit-border-radius: none;
}
#center ul#program,
#center ul#program *,
#center ul#program-header,
#center ul#program-header * {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 0;
padding: 0;
}
#center ul.items.program li {
float: left;
display: block;
width: 100%;
margin: 0 !important;
padding: 7px 0 7px !important;
border-bottom: 1px solid #CCC;
position: relative
}
#center ul#program-header {
float: left;
width: 100%;
padding: 5px 10px;
background: #59b924;
}
#center ul#program-header li {
height: 40px;
color: #FFF;
border: none;
}
#center ul#program-header li span {
font-size: 15px;
}
#center ul#program-header li span:first-child,
#center ul#program li span:first-child {
padding-left: 7px;
}
#center ul.items.program li a {
color: #222d56
}
#center ul.items.program li span {
float: left;
display: inline-block;
font-size: 15px;
}
#center ul.items.program li span input {
margin-left: 7px;
}
#center ul.items.program li .ptext span {
float: none
}
.hide,
#center ul.items.program li span.hide,
#center ul.items.program li div.hide {
display: none
}
#center ul.items.program li .time {
width: 16%
}
#center ul.items.program li .title {
width: 32%;
}
#center ul.items.program li .img {
width: 20%
}
#center ul.items.program li .theme {
width: 16%
}
#center ul.items.program li .location {
width: 16%
}
#center ul#program li .theme,
#center ul#program li .location {
line-height: 1
}
#center ul.items.program li .theme a,
#center ul.items.program li .location a {
}
#center ul.items.program li img {
margin: 0 10px 10px 0
}
#center ul.items.program li img.logo,
#center ul.items.program li img.client {
width: auto;
height: auto;
max-width: 100px;
max-height: 60px
}
#center ul.items.program li .fr img.logo {
max-width: none
}
#center ul.items.program li img.spacer {
width: 10px;
height: 40px
}
#center ul.items.program li .ptext {
float: left;
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 10px;
background: #f3f3f3;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease
}
#center ul.items.program li .ptext h4 {
margin: 0 0 10px 0;
}
@media screen and (max-width: 980px) {
ul.items.program li .img {
margin-bottom: 0;
}
ul.items.program li .title {
}
#center ul.tags-new li {
}
#center ul.tags-new li.last {
}
#center ul#program-header li span:first-child, #center ul#program li span:first-child {
padding-left: 0;
}
}
@media screen and (max-width: 700px) {
#center ul#program-header li {
height: 40px;
line-height: 1.2;
}
#center ul.items.program li .theme {
display: none;
}
#center ul.items.program li .time {
width: 24%;
}
#center ul.items.program li .location {
width: 16%;
}
#center ul.items.program li .theme {
width: 28%;
}
ul.items.program li .img {
margin-right: 0;
}
}
@media screen and (max-width: 568px) {
#center ul.items.program li .program-title {
float: left;
display: inline;
width: 100%;
}
}
@media screen and (max-width: 380px) {
#center ul.items.program li .time, #center ul.items.program li .img {
width: 25%;
}
#center ul.items.program li .title {
width: 50%;
}
#center ul.items.program li .location {
display: none;
}
#center ul.items.program li .fr img.logo {
margin: 0 0 7px 7px;
}
#center ul.items.program li .ptext h4 {
line-height: 1.2;
}
#center ul.items.program li img.logo {
max-width: 100%;
}
}
/* jquery steps */
.wizard *,
.steps * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wizard fieldset {
}
.steps {
position: relative;
margin-left: -72px;
margin-right: -72px;
}
.steps:before {
content: "";
position: absolute;
width: 100%;
border-bottom: 4px solid #CCC;
top: 22px;
z-index: 0;
}
.steps ul {
margin: 0;
padding: 0;
}
.steps li {
float: left;
display: inline-block;
text-align: center;
position: relative;
}
.steps li .number {
display: none;
}
.steps-3 .steps li {
width: 33.33%;
}
.steps-4 .steps li {
width: 25%;
}
.steps-5 .steps li {
width: 20%;
}
.steps-6 .steps li {
width: 16.66%;
}
.steps-7 .steps li {
width: 14.28%;
}
.steps li a span {
display: none;
line-height: 48px;
}
.steps li a span.number {
display: inline-block;
width: 48px;
height: 48px;
margin: 0 auto;
background-color: #DDD;
border: 2px solid #CCC;
font-size: 1.4em;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}
.steps li.current a span.number {
background-color: #42951A;
border-color: #42951A;
color: #FFF;
}
.steps li a span.smaller {
display: block;
width: 100%;
margin: 12px 0;
font-weight: normal;
font-size: 65%;
text-transform: uppercase;
line-height: 16px;
}
.steps li.done a span.number,
.steps li.finished a span.number,
.steps li.ready a span.number {
background-color: #a9dd8f;
border-color: #42951A;
color: #42951A;
}
.steps ul li,
.actions ul,
.actions ul li {
list-style: none;
margin: 0;
padding: 0;
}
.actions ul {
margin: 24px 0;
}
.content.clearfix h3.title {
display: none;
width: 100%;
margin: 0 0 12px;
padding: 0 0 12px;
border-bottom: 4px solid #1ea638;
}
.content.clearfix h3.title.current {
display: block;
}
.actions ul li:first-child {
float: left;
}
.actions ul li:nth-child(2),
.actions ul li:nth-child(3) {
float: right;
}
.actions ul li a {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #40771f;
text-transform: uppercase;
letter-spacing: 1px;
color: #FFF;
background-color: #5AA929;
}
.actions ul li a:hover {
background-color: #40771f;
border-color: #356517;
text-decoration: none;
}
.actions ul li a {
padding: 5px 20px;
}
.actions ul li:first-child a {
color: #1ea638;
background: #FFF;
border-color: #1ea638;
}
.actions ul li:first-child a:hover {
color: #000;
background: #FFF;
}
.actions ul li.disabled a {
color: #999 !important;
background: #EDEDED;
border-color: #DDD;
cursor: not-allowed;
}
#center label.button.new:hover,
#center input.button.new:hover,
#center a.button.new:hover,
#right a.button.green.new:hover,
.actions ul li a:hover {
background: #44931d
}
.notice-required {
text-align: right;
font-weight: bold;
position: absolute;
top: -30px;
right: 0;
}
.notice-reset {
text-align: left;
font-style: italic;
color: #999;
position: absolute;
bottom: 12px;
}
#coupon-message {
font-size: 20px;
font-weight: bold;
}
#dgscan label.error {
color: #f00;
font-size: 18px;
position: relative;
}
#dgscan label {
display: block;
margin: 0 0 7px 0;
padding: 10px;
background: #FFF;
border: 1px solid #CCC;
font-size: 14px;
cursor: pointer;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s
}
#dgscan label:hover {
background: #FFC
}
#dgscan label.active {
background: #FF9;
border-color: #000
}
#dgscan .button,
#center.widepage input.button,
#center.newcf input.button {
height: auto;
background: #58b925;
font-weight: bold;
font-size: 15px;
margin-top: 10px;
margin-bottom: 10px;
padding: 8px 10px;
min-width: 120px;
width: auto;
text-align: center;
color: #FFF;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
border: none;
cursor: pointer
}
#dgscan .button:hover,
#center.widepage input.button:hover,
#center.widepage input.button:focus,
#center.widepage input.button:active,
#center.newcf input.button:hover,
#center.newcf input.button:focus,
#center.newcf input.button:active {
background: #44931d
}
#dgscan .button.forward {
float: right
}
#dgscan .button[disabled] {
background: #CCC
}
#dgscan p {
font-size: 15px;
line-height: 1.4
}
/* pace */
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pace-inactive {
display: none;
}
.pace .pace-progress {
background: #42951A;
position: fixed;
z-index: 2000;
top: 0;
right: 100%;
width: 100%;
height: 5px;
}
/* Responsive */
@media screen and (min-width: 768px) {
.mvp768 {
display: none !important;
}
.nav-up .open > .dropdown-menu {
display: none;
}
}
@media (max-width: 1400px) {
.nav li:not(.icon) > a {
}
.nav > li:nth-child(2) {
border-left: none;
}
}
@media (max-width: 1320px) {
.navbar-nav>li:not(.last) {
margin-right: 50px;
}
.nav-down .navbar-nav>li:not(.last),
.nav-up .navbar-nav>li:not(.last) {
margin-right: 40px;
}
.sp-caption-container {
width: 80%;
}
}
@media (max-width: 1280px) {
.navbar-nav>li:not(.last) {
margin-right: 24px;
}
.nav-down .navbar-nav>li:not(.last),
.nav-up .navbar-nav>li:not(.last) {
margin-right: 12px;
}
.ad.ad336x280 iframe {
margin-left: -48px;
}
}
@media (max-width: 1180px) {
.navbar-nav>li:not(.last) {
margin-right: 12px;
}
.nav-down .navbar-nav>li:not(.last),
.nav-up .navbar-nav>li:not(.last) {
margin-right: 0;
}
.thumbnail-heading {
}
#slider-home {
}
.sp-caption-container .text {
}
.ad.ad336x280 iframe {
margin-left: -40px;
}
}
@media (max-width: 1080px) {
.nav li:not(.icon) > a {
padding-right: 10px;
padding-left: 10px;
}
.nav > li a {
font-size: 15px;
}
.sp-thumbnail-text h2 {
font-size: 1em;
}
.sp-caption-container {
top: 160px;
}
.thumbnail-heading {
}
#slider-home {
}
#buttons-wrapper {
left: -30px;
}
#page.layout-item #buttons-wrapper {
left: -128px;
}
#buttons-wrapper.fixed #buttons {
left: -156px;
}
#buttons li a {
width: 60px;
height: 60px;
}
#buttons li.text a {
font-size: 14px;
}
}
@media (max-width: 992px) {
.nav li:not(.icon) > a {
}
.thumbnail-heading {
display: none;
}
.mvp992 {
display: inline-block !important;
}
.hvp992 {
display: none !important;
}
#page.layout #center,
#page .center,
#page.layout .center {
width: 90%;
margin: 0 5%;
}
#page-header .header-image {
height: 240px;
}
#page-header .white-block {
height: auto;
max-height: none;
min-height: 300px;
}
#left-menu {
width: 30%;
}
#page #center.center-left {
float: left;
width: 70%;
margin: 0;
}
}
@media (max-width: 991px) {
#center {
}
.gallery-top {
height: 440px;
}
.sp-caption-container {
top: 140px;
}
.sp-buttons {
bottom: 120px;
}
.gallery-thumbs {
height: auto;
overflow: hidden;
}
.sp-thumbnail:after {
display: none;
}
.sp-thumbnail {
border-right: none;
}
.sp-thumbnail {
width: 33.3%;
}
.sp-thumbnail *,
.sp-thumbnail .material-icons {
color: #FFF;
}
.sp-thumbnail .icon {
fill: #FFF;
}
.swiper-slide.sp-thumbnail.magazine {
background-color: #42951A;
border-color: #42951A;
}
.swiper-slide.sp-thumbnail.evenement,
.swiper-slide.sp-thumbnail.agenda {
background-color: #64A2AE;
border-color: #64A2AE;
}
.swiper-slide.sp-thumbnail.artikel {
background-color: #27475E;
border-color: #27475E;
}
.swiper-slide.sp-thumbnail.download,
.swiper-slide.sp-thumbnail.whitepaper {
background-color: #8FB3D7;
border-color: #8FB3D7;
}
.swiper-slide.sp-thumbnail.ebook {
background-color: #58bca5;
border-color: #58bca5;
}
.swiper-slide.sp-thumbnail.expertpost {
background-color: #3D5D37;
border-color: #3D5D37;
}
.swiper-slide.sp-thumbnail.project {
background-color: #879C59;
border-color: #879C59;
}
.swiper-slide.sp-thumbnail.cursus {
background-color: #5b4e68;
border-color: #5b4e68;
}
.swiper-slide.sp-thumbnail.vacature {
background-color: #3884bc;
border-color: #3884bc;
}
#page-header {
width: 100%;
left: auto;
}
#buttons-wrapper,
.layout-88 #buttons-wrapper {
/*
top: 36px;
left: -36px;
*/
}
#buttons li.text.smaller a {
height: auto;
}
.ad.ad336x280 iframe {
-webkit-transform: scale(0.65);
-moz-transform: scale(0.65);
margin-left: -50px;
}
.nav > li a {
font-size: 14px;
}
}
@media (max-width: 880px) {
.box h2 {
font-size: 17px;
}
.box .body,
.box p {
font-size: 15px;
}
#breadcrumbs * {
font-size: 14px !important;
}
}
@media (max-width: 920px) and (min-width: 768px) {
.nav > li a {
font-size: 13px;
letter-spacing: 0px;
}
.sp-caption-container {
top: 120px;
}
.ad.ad336x280 iframe {
-webkit-transform: scale(0.55);
-moz-transform: scale(0.55);
margin-left: -70px;
}
#logo {
width: 240px;
background-size: 100% auto;
}
header a {
letter-spacing: normal;
font-size: 90%;
}
}
@media (max-width: 820px) and (min-width: 768px) {
.row:not(.mlmr) {
margin-left: 0;
margin-right: 0;
}
.nav > li a,
header a {
font-size: 12px;
}
}
@media (max-width: 767px) {
.mvp768 {
display: inline-block !important;
}
.hvp768 {
display: none !important;
}
#page.layout.no-header-image {
padding-top: 60px;
}
#center,
.center {
padding-right: 0;
padding-left: 0;
}
h1.title {
/* margin-left: -15px;
margin-right: -15px;
*/ }
.tile {
float: left;
}
/*
.tile:nth-child(even) {
padding-right: 0;
}
.tile:nth-child(odd) {
padding-left: 0;
}
*/
.col-right .body .btn-white {
bottom: 50px;
}
.nav .arrow-up {
border-color: transparent;
}
#nav-top,
#nav-top.nav-up {
width: 100%;
height: 70px;
position: fixed;
top: 0;
}
#nav-top.search {
top: 64px;
}
#nav-top.search .navbar-search {
color: #CCC;
}
.navbar-nav {
padding: 20px;
}
.navbar-header {
height: 70px;
}
#header {
width: 100%;
height: 64px;
padding-top: 10px;
padding-bottom: 10px;
transition: top 0.3s ease-in-out;
position: fixed;
z-index: 2;
top: -64px;
background: #f6f6f6;
}
#header.open {
top: 0;
}
#header .box-search {
visibility: hidden;
width: 0px;
height: 0px;
padding: 0;
}
#header.open .box-search {
visibility: visible;
display: block;
width: 100%;
height: 40px;
position: relative;
top: 0;
z-index: 2;
left: 0;
}
.box-search input {
width: 100%;
}
#center {
/*display: inline-block;*/
}
#page {
padding-top: 70px;
}
#page.layout #center,
#page .center,
#page.layout .center {
width: 100%;
margin: 0;
padding: 48px 96px;
}
#center .blog-item img.header {
width: 100%;
height: auto;
min-height: auto;
}
#center .blog-item .content {
padding: 10px;
background: #FFF;
position: relative;
}
#center .blog-item .content *,
#center .blog-item .content a {
color: #3c3c3b;
}
#page.layout #center .info * {
font-size: 15px;
}
#right {
padding-left: 0;
}
.navbar-toggle .arrow {
width: 22px;
color: #888;
}
.dropdown-menu {
padding: 10px 0;
}
.nav li.sub a {
font-size: 13px;
}
/*
.navbar-toggle .icon-bar,
.navbar-toggle.collapsed .arrow {
display: none;
}
.navbar-toggle.collapsed .icon-bar,
.navbar-toggle .arrow {
display: block;
}
*/
ul.nav li.dropdown .caret3 {
display: none;
}
ul.nav li.dropdown.open .caret2 {
display: none;
}
ul.nav li.dropdown.open .caret3 {
display: inline-block;
}
.nav-down,
.nav-up {
position: fixed;
left: 0;
right: 0;
top: 0;
}
.sp-thumbnail {
width: 50.01%;
}
.tile .body.fixed .col {
min-height: auto;
}
.tile .body.fixed .col-right {
padding-bottom: 80px;
}
.layout-88 #buttons-wrapper,
#buttons-wrapper,
#page:not(.layout-item) #buttons-wrapper {
top: 48px;
left: 0;
right: auto;
}
#buttons-wrapper.fixed #buttons {
left: -96px;
}
#buttons-wrapper.fixed {
top: 144px;
}
#buttons-wrapper.fixed-bottom {
left: 0;
}
#page.layout-item #buttons-wrapper {
left: -92px;
}
#buttons li a {
width: 48px;
height: 48px;
}
#buttons li.text a {
padding-top: 7px;
font-size: 12px;
}
.tile.tile-2col .box h2,
.tile.tile-2col .box .body.event h2 {
height: auto;
}
#buttons li.text.smaller a {
font-size: 13px;
}
.filters .col-xs-12 {
padding: 0;
}
.filters .thumbnail {
min-height: 48px;
line-height: 48px;
margin-bottom: 0;
font-size: 14px;
}
.thumbnail.partners,
.thumbnail.contentpartners,
.thumbnail.expertpanel,
.thumbnail.bedrijfsleden,
.thumbnail.leden,
.thumbnail.persoonlijke-leden {
}
#page:not(.layout-4) .row.mlmr {
margin-left: 0;
margin-right: 0;
}
.table-scroll {
max-width: 100%;
overflow-x: scroll;
}
.box .col-left .img {
overflow: hidden;
}
.ad.ad728x90 a.layer,
.ad.ad728x90 img.layer {
max-width: 100%;
}
}
@media (max-width: 728px) {
.ad.ad728x90 iframe {
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
margin-left: -80px;
}
}
@media (max-width: 674px) {
.tile {
max-width: 50%;
}
}
@media (max-width: 640px) {
.gallery-top {
height: 360px;
}
.gallery-top .swiper-slide h2 {
font-size: 24px;
line-height: 1.4
}
.gallery-top .swiper-slide .text {
display: none;
}
.sp-thumbnail-text {
padding: 24px 12px;
}
#page.layout #center,
#page .center,
#page.layout .center {
padding: 24px;
}
.full-width {
width: calc(100% + 48px);
margin: 24px 0 24px -24px;
padding: 48px 24px;
}
.layout-88 #buttons-wrapper,
#buttons-wrapper,
#buttons-wrapper.fixed,
#buttons-wrapper.fixed-bottom {
transition: bottom 0.3s ease-in-out;
width: 100%;
background-color: #f9f9f9;
border-top: 1px solid #cbcbcb;
position: fixed;
top: auto !important;
left: 0 !important;
bottom: 0 !important;
z-index: 11;
}
#buttons-wrapper.nav-up {
left: 0;
right: 0;
bottom: -50px;
z-index: 10;
}
#buttons-wrapper.nav-down,
#buttons-wrapper.fixed-bottom {
left: 0;
right: 0;
bottom: 0;
z-index: 10;
}
#buttons-wrapper.fixed #buttons {
position: static;
left: auto;
}
#buttons {
width: 96%;
height: auto;
margin: 0 2%;
background: none;
}
#buttons li a {
border: 1px solid #cbcbcb;
border-top: none;
border-right: none;
}
#buttons li:last-child a {
border-right: 1px solid #cbcbcb;
}
#buttons li.text a {
width: 96px;
}
#buttons li.text.smaller a {
height: 48px;
}
.h1, h1 {
font-size: 32px;
}
.h2, h2 {
font-size: 28px;
}
.h3, h3 {
font-size: 24px;
}
.steps {
margin-left: -24px;
margin-right: -24px;
}
.tile {
min-width: 260px;
}
.sp-gradient {
height: 240px;
background-size: auto 100%;
}
}
@media (max-width: 568px) and (min-width: 480px) {
.ad.ad336x280 iframe {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
margin-left: -75px;
}
}
@media (max-width: 568px) {
.box h2 {
height: auto;
}
.button-fw {
}
.content-type {
height: auto;
line-height: 20px;
}
.content-type .icon {
width: 20px;
height: 20px;
font-size: 20px;
}
#center ul.tags li,
#page.layout #center ul.tags li {
font-size: 14px;
}
#center ul.tags li span {
font-size: 14px;
}
.quote h2 {
font-size: 24px;
}
#header-image {
height: 240px;
margin-top: 70px;
background-attachment: inherit;
}
#buttons li.text a {
width: 64px;
}
.swiper-button-prev,
.swiper-button-next {
width: 20px;
height: 32px;
margin-top: -16px;
background-size: 20px 32px;
}
.sp-thumbnail {
width: 50.03%;
}
.content-type .material-icons,
.content-type.btn .material-icons {
float: none;
}
#buttons li.text.smaller a{
padding: 2px;
}
#nav-center a.icon.ml12 {
margin-left: 0px !important;
}
}
@media (max-width: 568px) {
.ad.ad728x90 iframe {
-webkit-transform: scale(0.65);
-moz-transform: scale(0.65);
margin-left: -150px;
}
}
@media (max-width: 480px) and (min-width: 360px) {
.ad.ad336x280 iframe {
-webkit-transform: scale(1);
-moz-transform: scale(1);
margin: 12px auto;
}
}
@media (max-width: 480px) {
#slider-home {
margin-left: -15px;
margin-right: -15px;
}
.tile {
max-width: none;
min-height: auto;
padding-left: 0;
padding-right: 0;
}
.box,
.tile .body.fixed {
min-height: auto;
}
.body .btn-white,
.col-right .body .btn-white {
position: relative;
bottom: auto;
}
.box .body {
padding-bottom: 40px;
}
.tile-2col .box .body {
padding-bottom: 80px;
}
.tile .body.fixed .col-right {
padding-bottom: 0;
}
.box .body.event,
.tile .body.event.fixed {
padding-bottom: 120px;
}
#center .blog-item img.header {
}
.sp-thumbnail-text h2 {
font-size: 1em;
}
.sp-thumbnail-text h5 {
}
.content-type {
height: 32px;
line-height: 24px;
}
.h1, h1 {
font-size: 22px;
}
.h2, h2 {
font-size: 20px;
}
.h3, h3 {
font-size: 18px;
}
.h4, h4 {
font-size: 16px;
}
.btn {
font-size: 14px;
}
.sp-thumbnail-text h2 {
font-size: 0.9em;
}
.sp-thumbnail {
width: 50.04%;
}
.tile-user {
padding-left: 0;
padding-right: 0;
}
.btn {
padding: 3px 6px;
}
#center ul.tags li,
#page.layout #center ul.tags li {
font-size: 13px;
}
#center ul.tags li,
#page.layout-item #center ul.tags li,
#center .blog-item ul.tags li,
#center .blog-item ul.share-buttons li {
margin: 0 6px 6px 0;
}
.full-width-mobile {
float: left;
display: inline-block;
width: calc(100% + 48px);
margin: 12px 0 24px -24px !important;
padding: 0;
background: #FFF;
position: relative;
}
#page-header .price-info {
position: static;
bottom: auto;
right: auto;
}
#page-header .icon-date {
top: 64px;
}
}
@media (max-width: 480px) {
.ad.ad728x90 iframe {
-webkit-transform: scale(0.55);
-moz-transform: scale(0.55);
margin-left: -160px;
}
}
@media (max-width: 400px) {
.ad.ad728x90 iframe {
-webkit-transform: scale(0.45);
-moz-transform: scale(0.45);
margin-left: -200px;
}
}
@media (max-width: 375px) {
.sp-thumbnail-text h2 {
display: none;
}
.sp-thumbnail {
height: 80px;
}
.sp-thumbnail-text {
padding: 24px 0;
}
.sp-thumbnail-text h5,
.sp-thumbnail-text .small {
display: none;
}
.sp-thumbnail .material-icons,
.sp-thumbnail .icon {
width: auto;
height: auto;
}
.gallery-top .swiper-slide h2 {
font-size: 20px;
}
.sp-thumbnail .material-icons {
font-size: 22px;
}
#page.layout #center,
#page .center,
#page.layout .center {
}
.full-width {
width: calc(100% + 48px);
margin: 12px 0 12px -24px;
padding: 24px;
}
#center ul.tags li,
#page.layout #center ul.tags li {
}
#page.layout.container-fluid {
padding-left: 0;
padding-right: 0;
}
.sp-thumbnail {
width: 50.05%;
}
.steps {
margin-left: -12px;
margin-right: -12px;
}
#buttons li.text.smaller a {
padding: 2px;
font-size: 12px;
}
#slider-tiles .swiper-button-next,
#slider-tiles .swiper-button-prev {
}
#slider-tiles .tile {
width: 100%;
min-width: 100%;
}
}
@media (max-width: 360px) {
.steps li a span.smaller {
font-size: 50%;
color: #999;
}
.steps li.current a span.smaller {
color: #000;
}
.thumbnail.profile.partners,
.thumbnail.profile.contentpartners,
.thumbnail.profile.expertpanel,
.thumbnail.profile.bedrijfsleden,
.thumbnail.profile.leden,
.thumbnail.profile.persoonlijke-leden {
background-position: bottom 50px right 10px;
background-size: auto 30px;
}
}
@media (max-width: 360px) {
.ad.ad728x90 iframe {
-webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
margin-left: -225px;
}
}
/* password.min.css */
.pass-graybar{height:3px;background-color:#ccc;width:100%;position:relative}.pass-colorbar{height:3px;background-image:url(../images/passwordstrength.jpg);position:absolute;top:0;left:0}.pass-percent,.pass-text{font-size:1em}.pass-percent{margin-right:5px}
/*
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;
}
/*! jQuery UI - v1.12.1 - 2017-10-25
* http://jqueryui.com
* Includes: core.css, accordion.css, datepicker.css, progressbar.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover,
#center .text h3.ui-state-active {
border: 1px solid #7b8aa2;
background: #7b8aa2;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #7b8aa2;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("../images/jqueryui/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("../images/jqueryui/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url("../images/jqueryui/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url("../images/jqueryui/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url("../images/jqueryui/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("../images/jqueryui/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
background-image: url("../images/jqueryui/ui-icons_777777_256x240.png");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
/* */
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
/* EDGE + IE fix */
@media all and (-ms-high-contrast:none){
.gallery-top .swiper-slide {
width: 860px !important;
}
}
@supports (display:-ms-grid) {
.gallery-top .swiper-slide {
width: 860px !important;
}
}
@media (max-width: 1320px) and (-ms-high-contrast:none) {
.gallery-top .swiper-slide {
width: 100% !important;
}
}
@supports (max-width: 1320px) and (display:-ms-grid) {
.gallery-top .swiper-slide {
width: 100% !important;
}
}
img { -ms-interpolation-mode: bicubic; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#header-image {
background-attachment: inherit;
}
#buttons li a {
clear: both;
}
}
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-widget{font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../images/jquery/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../images/jquery/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../images/jquery/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../images/jquery/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../images/jquery/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../images/jquery/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("../images/jquery/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/* loading .. wachten */
#laden {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../images/web_bckg_white.png) repeat;
}
#wachten {
left: 50%;
overflow: hidden;
padding: 10px 0;
position: absolute;
top: 50%;
transform: translate(-50%);
width: 170px;
}
#wachten .bal1 {
background: #38d368;
border-radius: 5px;
display: block;
height: 10px;
left: 15px;
position: absolute;
top: 5px;
width: 10px;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: along;
-webkit-animation-timing-function: linear;
}
#wachten .bal2 {
background: #508ec3;
border-radius: 5px;
display: block;
height: 10px;
left: 15px;
position: absolute;
top: 5px;
width: 10px;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: along;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: -1s;
}
#wachten ul {
margin: 0;
padding: 0;
}
#wachten li {
background-color: #00bff3;
border-radius: 5px;
display: inline-block;
margin: 0;
height: 10px;
width: 30px;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: around;
-webkit-animation-timing-function: linear;
}
#wachten li:nth-child(1) {
-webkit-animation-delay: 0s;
}
#wachten li:nth-child(2) {
background-color: #82ca9c;
-webkit-animation-delay: 0.2s;
}
#wachten li:nth-child(3) {
background-color: #f69679;
-webkit-animation-delay: 0.4s;
}
#wachten li:nth-child(4) {
background-color: #acd373;
-webkit-animation-delay: 0.6s;
}
#wachten li:nth-child(5) {
background-color: #959595;
-webkit-animation-delay: 0.8s;
}
@-webkit-keyframes around {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-webkit-keyframes along {
0% {
left: 0;
top: 5px;
}
5% {
top: 3px;
}
10% {
top: 5px;
}
15% {
top: 3px;
}
20% {
top: 5px;
}
25% {
top: 3px;
}
30% {
top: 5px;
}
35% {
top: 3px;
}
40% {
top: 5px;
}
45% {
top: 3px;
}
50% {
left: 100%;
top: 5px;
}
100% {
left: 100%;
}
}