.over-ons .clear {
  clear:both;
}

.over-ons .top-10{
  margin-top:10px !important;
}

.over-ons p {
  font-size:14px;
  line-height:24px;
  color:#555;
}

.over-ons p a {
  color:#0ae;
} 

.over-ons h2 {
  margin:0px 0 9px 0;
  font-size:22px;
  font-weight:normal;
}

.over-ons h3 {
  margin:0px 0 5px 0;
  font-size:20px;
  font-weight:normal;
}

.over-ons .panel-heading h1 {
  margin:0px;
  padding-left:14px;
}

.over-ons .social-media a {
  margin:0 3px 0 0;
  font-size:13px;
  color:#bdbdbd;
}

.over-ons .social-media a:hover {
  color:#333;
}

.over-ons .panel-body.social-media {
  padding-left:20px;
}

.over-ons .loaded {
  -webkit-animation:fadeIn 1.2s;
  -moz-animation:fadeIn 1.2s;
  -o-animation:fadeIn 1.2s;
  animation:fadeIn 1.2s;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.over-ons .list-group-item>.badge {
  margin-left:4px;
  float:none;
}

/* intro */

.intro {
  margin:0 0 35px 0;
  padding:10px 10px 10px 13px;
  border-radius:5px;
  background:#f3f3f3;
}

.intro h1 {
  margin:0px;
}

.intro p {
  margin:0px;
}

/* header */

.header-afb {
  margin-bottom:30px;
  position:relative;
}

.header-afb figure img {
  width:100%;
  /*border-radius:5px;*/
}

.header-afb .title {
  position:absolute;
  padding:15px 35px 0 35px;
  bottom:0px;
  left:0px;
  border-radius:0 5px 0 0;
  background:#fff;
  margin-bottom: 0px;
}

.header-afb .title h1 {
  margin:0px;
  font-size:22px;
}

.over-ons .header-afb .title {
  margin-bottom:0px !important;
}

/* info-block (algemeen) */

.info-block {
  margin-bottom: 30px;
  padding: 0 20px 30px 20px;
  border-bottom:1px solid #eaeaea;
}

.info-block-grey {
  padding-top:35px !important;
  border-radius:3px;
  background:#f3f3f3;
}

.info-block-white {
  padding-top:35px !important;
  border-radius:3px;
  background:#fff;
  border:1px solid #eee;
}

.info-block-no-padding-bottom {
  padding-bottom:0px;
}

.info-block-no-margin-bottom {
  margin:0px;
}

.info-block-no-border-bottom {
  border-bottom:0px;
}

.info-block-centered {
  text-align:center;
}

.info-block figure img {
  width:100%;
}

.info-block .no-margin-top {
  margin-top:0px !important
}

.info-block p:last-child {
  margin-bottom:0px;
}

.info-block span.number {
  display:inline-block;
  margin:0 9px 0 0;
  padding:7px 0 0;
  float:left;
  width:30px;
  height:30px;
  font-size:13px;
  color:#fff;
  text-align:center;
  border-radius:50%;
  background:#de479c;
}

.info-block .bg-white {
  border:1px dotted #ddd;
}

.info-block .text-url {
  margin-bottom:0px !important;
}

.info-block .stars {
  margin:0 0 0 2px;
}

.info-block .stars i {
  color:#008600;
  letter-spacing:2px
}

.info-block .photo-gallery {
  margin:5px 0 -20px 0;
}

.info-block .photo-gallery figure {
  margin-bottom:30px;
  /*-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.07);
  box-shadow: 0 3px 10px rgba(0,0,0,.07);*/
}

.info-block .ajax-modal-video:before {
  display:none !important;
}

.info-block .shadow {
  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.07);
  box-shadow: 0 3px 10px rgba(0,0,0,.07);
  border:1px solid #eee;
  border-radius:5px !important;
}

/* vacature */

.vacature-content ul {
  list-style: inside disc;
  line-height:24px;
  padding: 0 0 0 10px;
  margin: 0 0 20px;
  color:#555;
}

.vacature-content h1 {
  font-weight: 700;
  font-size: 16.5px;
}

.vacature-content h2 {
  font-weight: 700;
  font-size: 15px;
}

.vacature-block {
  position:relative;
  display:inline-block;
  margin-top:-150px;
}

.vacature-block-in {
  padding:29px 35px 35px 35px;
  border-radius:5px;
  /*border-top:2px solid #de479c;*/
  background:#fff;
}

.info-block .vacature {
  margin-top:25px;
  padding:9px;
  border:1px dashed #aaa;
  font-style:italic;
}

.btn-vacature {
  display:inline-block;
  padding:12px 15px;
  border:1px solid #ddd;
  border-radius:3px;
  border-bottom:2px solid #ddd;
  color:#0ae;
  font-size:15px;
  text-decoration:none !important;
}

.btn-vacature:hover {
  color:#0ae;
  text-decoration:none;
  background:#f3f3f3;
}

.btn-vacature:after{
  margin-left:12px;
  display:inline-block;
  content: "\f054";
  font-family: Font Awesome\ 5 Pro;
  font-size:14px;
}

.vacature-btn {
  margin:20px 0 0 0;
  display:block;
  padding:12px 15px;
  border:1px solid #ddd;
  font-size:15px;
  color:#0ae;
  text-decoration:none;
  border-radius:3px;
  font-weight:normal;
  border-bottom:2px solid #ddd;
}

.vacature-btn:hover {
  color:#0ae;
  text-decoration:none;
  background:#f3f3f3;
}

.vacature-btn:after{
  display:inline-block;
  float:right;
  content: "\f054";
  font-family: Font Awesome\ 5 Pro;
}

.vacature-text h1 {
  margin-bottom:15px;
  font-size:22px;
}

.vacature-text h2 {
  margin-bottom:2px;
  font-size:16px;
  font-weight:bold;
}

.vacature-text h3 {
  margin-top:8px;
  margin-bottom:2px;
  font-size:14px;
  font-weight:bold;
}

.vacature-text p {
  margin: 0 0 20px 0;
  line-height:24px;
  color:#555;
}

.vacature-text ul {
  margin:0 0 20px 0;
  padding-left:40px;
  font-size: 14px;
  line-height: 25px;
  color: #555;
  list-style-type:disc;
}

.vacature-text p.footnote {
  color:#909090;
  font-style:italic;
}

.vacature-text .functie {
  margin:30px 0 0 0;
  display:block;
  font-weight:bold;
  text-align:center;
  font-size:23px;
  color:#333;
}

.vacature-text .functie-titel {
  margin:8px 0 30px 0;
  display:block;
  font-weight:normal;
  text-align:center;
  font-size:15px;
}

.vacature-img {
  margin:15px 0 20px 0;
}

.vacature-img-margin-top {
  margin:30px 0 0 0;
}

.vacatures .none {
    margin-top:25px;
    padding:9px;
    border:1px dashed #aaa;
    font-style:italic;
}

.vacatures .purple,
.vacature .purple {
    color: #36254b
}

.vacatures .icon,
.vacature .icon {
    line-height: 16px;
    color: #de479c;
}

.vacatures .count {
    border: 1px solid #a3a3a3;
    box-shadow: 0 0 5px #cccccc;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-weight: 600;
    font-size: 14px;
    color: #de479c;
    height: 24px;
    width: 24px;
}

.vacature .slick-slide {
    max-width: none;
}

.vacature .slick-track {
    display: flex;
}

.vacature .slick-track .slick-slide {
    display: flex;
    height: auto;
}

/* info comment */

.info-block .info-comment {
  padding:20px;
  border-radius:5px;
}

.info-block .info-comment h3 {
  margin-bottom:17px;
  font-size:18px;
}

.info-block .info-comment p {
  margin:0px;
}

.info-block .info-comment i {
  margin:0 1px 0 0;
  color:#333;
}

.info-block .info-comment p strong {
  color:#333;
}

.info-block .info-comment span.icon {
  margin:-4px 7px 0 -2px;
  display:inline-block;
  float:left;
  font-size:15px;
}

.info-block .info-comment .icon i:nth-child(2) {
  color:#fff;
  font-size:13px;
}

.info-block .info-comment .fa-circle {
  color:#de479c;
}

.info-block .info-comment .item {
  margin-bottom:16px;
}

.info-block .info-comment .item:last-child {
  margin-bottom:0px;
}

.info-block .info-comment .item p {
  margin-top:10px;
}

/* deel uw foto actie */

.deel-uw-foto-actie .info-block {
  margin-bottom:50px;
  padding:0 0px 50px 0px;
}

.deel-uw-foto-actie .info-block-white {
  padding:45px 50px 50px 50px !important;
  border:0px;
  -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.04);
  -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.04);
  box-shadow:0px 0px 10px 0px rgba(0,0,0,0.04);
  background:#fff;
}

.deel-uw-foto-actie .info-block-no-padding-bottom {
    padding-bottom: 0px;
}

.deel-uw-foto-actie .info-block-no-margin-bottom {
    margin-bottom: 0px;
}

.deel-uw-foto-actie h1 {
  margin:0 0 28px 0;
  font-size:32px;
  line-height:49px;
}

.deel-uw-foto-actie h2 {
  margin:0 0 17px 0;
  font-size:24px;
}

.deel-uw-foto-actie span.title-icon i {
  font-size:42px;
  color:#f1008d;
  margin-bottom:23px;
}

.deel-uw-foto-actie p {
  padding:0 100px;
  font-size:16px;
  line-height:27px;
  color:#555;
}

.deel-uw-foto-actie .intro-btn {
  display:inline-block;
  margin-top:30px;
  padding:16px 20px;
  font-size:18px;
  text-decoration:none;
  border-radius:6px;
  border:1px solid #0ae;
}

.deel-uw-foto-actie .intro-btn i {
  margin:0 0 0 8px;
  font-size:17px;
}

.deel-uw-foto-actie .modal-info p {
  padding:0px;
}

.deel-uw-foto-actie p.p-intro {
  font-size:18px;
  line-height:30px;
}

.deel-uw-foto-actie p a {
  color:#0ae;
  text-decoration:underline;
}

.deel-uw-foto-actie ul.checklist {
  margin:0px;
  padding:5px 0 0 30px;
  font-size:16px;
  line-height:24px;
  list-style-type:none;
}

.deel-uw-foto-actie ul.checklist li {
  padding:0 0 3px 0;
  color:#555;
}

.deel-uw-foto-actie ul.checklist li:last-child {
  padding:0px;
}

.deel-uw-foto-actie ul.checklist li:before {
  content: "\f00c";
  font-family: Font Awesome\ 5 Pro;
  font-weight:500;  
  display: inline-block;
  width:25px;
  height:30px;
  margin-left:-30px;
  font-size:19px;
  clear:both;
  position: absolute;
  padding-top:0px;
  color:#00b900;
}

.deel-uw-foto-actie .polaroids {
  margin-bottom:15px;
}

.deel-uw-foto-actie .polaroid figure {
  margin:20px 0; 
  border:8px solid #fff;
  -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10);
  -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10);
  box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10);
  -webkit-transition: .15s all;
  -moz-transition: .15s all;
  -o-transition: .15s all;
  -ms-transition: .15s all;
  transition: .15s all;
  background:#fff;

}

.deel-uw-foto-actie .polaroid {
  -webkit-transition: .15s all;
  -moz-transition: .15s all;
  -o-transition: .15s all;
  -ms-transition: .15s all;
  transition: .15s all;
}

.deel-uw-foto-actie .polaroid:hover {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  transform: scale(1.25);
  position: relative;
  z-index: 5;
}

.deel-uw-foto-actie .polaroid:hover figure {
  -webkit-transform:none !important;
  -moz-transform:none !important;
  transform:none !important;
  box-shadow:0px 0px 10px 0px rgba(0,0,0,0.20);
}

.deel-uw-foto-actie .polaroid figure img {
  margin-bottom:40px;
}

.deel-uw-foto-actie .polaroid figure.rotate-1 {
  -ms-transform:rotate(-5.5deg);
  -webkit-transform:rotate(-5.5deg);
  -moz-transform:rotate(-5.5deg);
  transform:rotate(-5.5deg);
}

.deel-uw-foto-actie .polaroid figure.rotate-2 {
  -ms-transform:rotate(3.5deg);
  -webkit-transform:rotate(3.5deg);
  -moz-transform:rotate(3.5deg);
  transform:rotate(3.5deg);
}

.deel-uw-foto-actie .polaroid figure.rotate-3 {
  -ms-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  transform:rotate(-3deg);
}

.deel-uw-foto-actie .padding-inner {
  padding:55px 0 0 0;
}

.deel-uw-foto-actie .info-block-center {
  text-align:center;
}

.deel-uw-foto-actie .arrow-border {
  margin:45px 0;
  text-align:center;
}

.deel-uw-foto-actie .arrow-border i { 
  width:40px;
  height:40px;
  padding:9px 0 0 0;
  font-size:22px;
  color:#c8c8c8;
  border-radius:50%;
  border:1px solid #c8c8c8;
}

@media (max-width: 767px) {

.deel-uw-foto-actie p {
  padding:0 0px;
}

.deel-uw-foto-actie .polaroid figure {
  margin:0px 0;
}

}

/*

.deel-uw-foto-actie h2.subtitle {
  color:#555;
}

.deel-uw-foto-actie h3 {
  font-size:18px;
  font-weight:bold;
}

.deel-uw-foto-actie p {
  margin:0 0 17px 0;
}

.deel-uw-foto-actie figure {
  width:90%;
  margin:2px auto;
  border:5px solid #fff;
  -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);
  -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);
  box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);    
  -ms-transform:rotate(-1.5deg);
  -webkit-transform:rotate(-1.5deg);
  transform:rotate(-1.5deg);
}

.deel-uw-foto-actie figcaption {
  margin:11px 0;
  text-align:center;
  font-size:16px;
}

.deel-uw-foto-actie ul {
  margin:0 0 10px 0;
  padding:0 0 0 16px;
  font-size:14px;
  line-height:23px;
  color:#555;
  list-style-type:disc;
}

.deel-uw-foto-actie ol {
  margin:0 0 17px 0;
  padding:0 0 0 30px;
  font-size:14px;
  line-height:23px;
  color:#555;
  display:block;
  list-style:none;
  overflow:hidden;
  counter-reset:numList;
}

.deel-uw-foto-actie ol li {
  padding:7px 0 7px 0;
  border-bottom:1px solid #eee;
}

.deel-uw-foto-actie ol li:last-child {
  padding-bottom:0px;
  border-bottom:0px solid #eee;
}

.deel-uw-foto-actie ol li:before {
  width:22px; 
  height:22px;
  margin-top:-1px;
  left:15px;
  float:left;
  position:absolute;
  line-height:22px;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  color:#fff;
  counter-increment:numList;
  content:counter(numList);
  border-radius:50%;
  background:#ec008c;
}

.deel-uw-foto-actie .btn {
  margin:5px 0 15px 0;
}

.deel-uw-foto-actie .voorwaarden {
  margin:30px 0 0 0;
  padding:15px;
  border-radius:5px;
  background:#f5f5f5;
}

.deel-uw-foto-actie .voorwaarden h3 {
  color:#676767;
}

.deel-uw-foto-actie .voorwaarden ul {
  margin:0px;
  color:#828282;
}

.deel-uw-foto-actie .voorwaarden ul li a {
  color:#828282;
  text-decoration:underline;
}
*/

/* kernwaarden */

.kernwaarden .info-comment {
  margin-top:30px;
}

.kernwaarden .tab-kernwaarden {
  margin-top:28px;
}

.kernwaarden .nav-tabs {
  border-bottom:0px solid #ddd;
}

.kernwaarden .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #333;
  background-color: #f5f5f5 !important;
  border:0px solid #ddd;
}

.kernwaarden .tab-pane {
  border-left: 0px solid #ddd;
  border-right: 0px solid #ddd;
  border-bottom: 0px solid #ddd;
  border-radius: 0px 0px 5px 5px;
  padding: 10px;
  background:#f5f5f5;
}

.kernwaarden .nav-tabs>li {
  float: left;
  margin-bottom: -2px;
}

.kernwaarden .nav-tabs>li>a:hover{
    border-color: transparent transparent transparent;
    background:transparent;
    color:#333;
}

/* ratings */

/*.kiyoh-rating {
  font-size:14px;
  position:relative;
}

.kiyoh-rating a strong {
  color:#337ab7 !important;
}

.kiyoh-rating .kiyoh-part-1 {
  padding:12px 0 15px 0;
  border-bottom:0px dotted #ddd;
}

    .kiyoh-rating .kiyoh-part-1 p {
      font-size:14px;
    }

    .kiyoh-rating .kiyoh-part-1 .stars i {
      color:#008600;
      margin-bottom:6px;
    }

.kiyoh-rating .kiyoh-part-2 {
  text-align:left;
  padding:12px 12px 12px 12px;
  border-bottom:0px dotted #ddd;
  border-radius:3px 3px 0 0;
  background:#fff;
}

    .kiyoh-rating .kiyoh-part-2 .star i {
      font-size:14px;
      letter-spacing:2px;
      color:#008600;
    }
    
    .kiyoh-rating .kiyoh-part-2 .rate {
      margin-left:3px;
      font-size:14px;
    }    

    .kiyoh-rating .kiyoh-part-2 ul li div {
      float:right
    }

    .kiyoh-rating .kiyoh-part-2 ul li {
      margin-bottom:5px;
      font-size:14px;
    }

    .kiyoh-rating .kiyoh-part-2 ul li:last-child {
      margin-bottom:0px;
    }

    .kiyoh-rating .kiyoh-part-2 .name {
      display:inline-block;
      width:118px;
    }

    .kiyoh-rating .kiyoh-part-2 .rate {
      margin-right:2px;
      font-size:14px;
      font-weight:700;
    }


.kiyoh-rating .kiyoh-part-3 {
  text-align:left;
  padding:12px 12px 12px 12px;
  border-top:1px dotted #ddd;
  border-radius:0 0 3px 3px;
  background:#fff;
}

    .kiyoh-rating .kiyoh-part-3 .total {
      display:block;
      font-size:14px;
      margin-top:0px; 
      text-align:left;
    }*/

/* referenties */

.referenties figure {
  width:20%;
  float:left;
}

.referenties figure img {
  padding:5px;
}

/* persberichten */

.info-block .persberichten .text-big {
  display:block;
  margin-bottom:3px;
  font-size:16px;
}

.info-block .persberichten .list-group-item {
  padding:8px 0 8px 35px;
  border:0px solid #fff;
  border-bottom:1px solid #eee;
  background:none !important;
}

.info-block .persberichten .list-group-item:first-child {
  border-top:1px solid #eee;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.info-block .persberichten .list-group-item:last-child {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.info-block .persberichten li.list-group-item a {
  color:#0ae;
  text-decoration:underline;
}

.links li:before {
  content: "\f0c1";
  font-family: Font Awesome\ 5 Pro;
  display: inline-block;
  width: 35px;
  height: 30px;
  margin-top:11px;
  margin-left: -30px;
  font-size: 15px;
  clear: both;
  position: absolute;
  padding-top: 0px;
  color: #555;
}

.downloads li:before {
  content: "\f019";
  font-family: Font Awesome\ 5 Pro;
  font-weight:900;
  display: inline-block;
  width: 35px;
  height: 30px;
  margin-top:11px;
  margin-left: -30px;
  font-size: 15px;
  clear: both;
  position: absolute;
  padding-top: 0px;
  color: #555;
}

.beeldbank figure {
  height:150px;
  position:relative;
  overflow:hidden;
  border-radius:3px;
  border:1px solid #eee;
}

.beeldbank figure img {
  margin: 0;  
  padding:5px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  border-radius:3px;
  transform: translate(-50%, -50%) 
}

.beeldbank span {
  display:block;
  text-align:center;
  margin:8px 0 10px 0;
}

.beeldbank h2 {
  margin-bottom:15px;
}

.rechtenvrij .info-comment {
  padding-top:12px;
  padding-bottom:12px;
  margin-bottom:20px;
}

/* contact */

.contactgegevens span {
  display:inline-block;
  width:115px;
}

.contactgegevens .panel {
  margin-top:15px;
}

.contactgegevens p.info {
  margin:-5px 0 14px 0;
  font-style:italic;
}

.bedrijfsgegevens h3 {
  margin-top:18px;
  margin-bottom:7px;
  font-size:14px;
  font-weight:bold; 
  color:#333;
}

.bedrijfsgegevens .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  padding:10px;
}

.contact-icons {
  margin-top:16px;
}

.contact-icons span.icon {
  width:50px;
  height:46px;
  float:left;
  margin-right:10px;
  font-size: 23px;
}

.contact-icons .icon i:nth-child(2) {
  font-size:23px;
}

.contact-icons .icon .fa-circle {
  color:#de479c;
}

.icons h2 {
  font-size:17px;
  margin-bottom:4px;
}

.contact-icons .col-md-6 {
  margin-bottom:30px;
}

.contactgegevens table {
  font-size:14px;
  color:#555;
}

.contactgegevens table th {
  color:#333;
  background:#f3f3f3;
}

/* icon section */

.icon-block {
  padding:25px 25px 15px 25px;
  border-radius:5px !important;
  background:#fff;
}

.icon-section span.icon {
  width:100%;
  height:75px;
  font-size:38px; 
  color:#f5f5f5;
}

.icon-section .icon i:nth-child(2) {
  font-size:32px;
}

.icon-section .icon .fa-circle {
  color:#de479c;
}

.icon-section ul {
  margin-left:23px;
  font-size:14px;
  line-height:23px;
  color:#555;  
  text-align:left;
}

.icon-section ul li {
  margin-bottom:9px;
}

.icon-secion ul li:last-child {
  margin-bottom:0px;
}

.icon-section ul li:before {
  content: "\f058";
  font-family: Font Awesome\ 5 Pro;
  font-weight:400;
  display: inline-block;
  width: 35px;
  height: 30px;
  margin-left: -23px;
  font-size: 14px;
  clear: both;
  position: absolute;
  padding-top:0px;
  color: #008600;
}

.icon-section h2 {
  margin-bottom:10px;
}

.icon-section h3 {
  margin:12px 0 20px 0;
  color:#333;
  font-size:20px;
}

/* team */

.team-pinkcube h2 {
  font-size:18px;
  margin:0 0 15px 0;
  border-bottom:1px dotted #ddd;
}

.team-pinkcube .row div {
  margin-bottom:10px;
}

.team-pinkcube figure {
  margin:0 0 20px 0;
}

.team-pinkcube img {
  border-radius:0;
}

/* faq */

.faq h2 {
  margin-bottom:2px;
  font-size:14px;
  color:#555;
  font-weight:bold;
}

.faq ul {
  margin-bottom:10px;
  margin-left:20px;
  font-size:14px;
  color:#555;  
  list-style-type:disc;
  list-style-position:inside;
}

.faq hr {
  margin-top:12px;
  margin-bottom:12px;
}

.faq .panel-title {
  font-size:14px;
  color:#333;
}

.faq .panel-title a {
  display: block;
  padding: 10px 15px;
  margin: -10px -15px;
  cursor:pointer;
}

.faq .panel-group {
  margin-bottom:0px;
}

.panel-heading .accordion-toggle:after {
  content: "\f077";
  font-family: Font Awesome\ 5 Pro;
  float: right;       
  color: #555;
}

.panel-heading .accordion-toggle {
  font-weight:bold;
}

.panel-heading .accordion-toggle.collapsed {
  font-weight:normal;
}

.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f078";
}

/* */
/*
.faq .panel-title a {
  padding: 12px 0px 12px 0px;
}

.faq .panel-default>.panel-heading {
  background:#fff;
}
.faq .panel-title {
  background:#fff;
}

.faq .panel-default {
  border:0px solid #fff;
  border-bottom:1px solid #eee;
}
*/

/* slideshow */

.slideshow {
  margin-bottom:25px;
}

/* tabjes */

.info-block .tab-pane {
  padding:15px;
}

.info-block .nav-tabs li {
  font-size:14px;
}

/* klantreviews */

.klantreviews {
  padding-top:35px;
  border-top:1px dotted #ddd;
  border-bottom:1px dotted #ddd;
}

.klantreviews h2 {
  text-align: left;
  margin-bottom:16px;
}

.klantreviews .name {
  font-style:italic;
}

.klantreviews-url {
  margin-top:14px;
}

.klantreviews .slide h2 {
  font-size:19px;
  margin-bottom:9px;
}

.klantreviews .carousel-indicators {
  bottom: -26px;
}

.klantreviews .carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #ddd;
  border: 1px solid #ddd;
  border-radius: 10px;
}

.klantreviews .carousel-indicators .active {
  border:1px solid #de479c;
  background:#de479c;
}

.klantreviews .carousel-control { 
  width:8%;
  color:#f3f3f3;
  background:none;
}


h2.line {
  position: relative;
  z-index: 1;
}
h2.line:before {
  border-top: 1px dotted #ddd;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}

h2.line span {
  background:#f3f3f3;
  padding:0 10px 0 0;
}

.contact-journalisten {
  text-align:center;
}

.contact-journalisten figure {
  width:100px;
  margin:0px auto;
  margin-bottom:10px;
  background:#fff;
  border-radius:50%;
}

.contact-journalisten figure img {
  border-radius:50%;
}

/* mijlpalen */

.mijlpalen .carousel-caption {
  position:relative;
  width:100%;
  left:0;
  right:0;
  bottom:0px;
  padding:35px 35px 35px 35px;
  text-align:left;
  text-shadow:none;
  border-top:4px solid #de479c;
  border-radius:0px;
  color:#555;
  background:#f3f3f3;
}

.mijlpalen .carousel-caption span {
  display:inline-block;
  float:left;
  margin:-1px 5px 0 0;
}

.mijlpalen .carousel-caption span i {
  font-size:13px;
}

.mijlpalen .carousel-caption h3 {
  margin-bottom:12px;
  color:#555;
  font-size:14px;
  font-weight:normal;
}

.mijlpalen .carousel-caption hr {
  margin:8px 0 12px 0;
}

.mijlpalen .carousel-control { 
  max-height:412px;
  color:#555;
  background:none;
}

/* bullets */

.mijlpalen .carousel-indicators {
  top: 394px;
}

.mijlpalen .carousel img {
  border-radius:0px;
}

.mijlpalen .carousel-indicators li {
  width: 12px;
  height: 12px;
  margin:10px;
  margin-bottom:14px;
  border-radius:50%;
  border:1px solid #de479c;
  background:#de479c;
}

.mijlpalen .carousel-indicators .active {
  width: 20px;
  height: 20px;
  margin:10px;
  border-radius:50%;
  border:1px solid #de479c;
  background:#de479c;
}

/* timeline */

.timeline {
  position: relative;
  list-style-type: none;
  padding: 30px 0 50px 0;
}

.timeline:before {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 166px;
  background:url('../images/over-ons/bg_timeline.png') repeat;
}

.event {
  position: relative;
  margin-bottom: 80px;
  padding-right: 40px;
}

.thumb {
  position: absolute;
  width: 100px;
  height: 100px;
  box-shadow: 
    0 0 0 6px rgba(210,210,210,1), 
    0 1px 1px rgba(210,210,210,0.5);
  background-repeat: no-repeat;
  background-size:cover;
  border-radius: 50%;
  -webkit-transform: scale(0.8) translateX(24px);
  -moz-transform: scale(0.8) translateX(24px);
  -o-transform: scale(0.8) translateX(24px);
  -ms-transform: scale(0.8) translateX(24px);
  transform: scale(0.8) translateX(24px);
}

.thumb:before {
  content: '';
  position: absolute;
  height: 8px;
  z-index: -1;
  background:url('../images/over-ons/bg_zigzag.png') repeat;
  width: 53px;
  top: 42px;
  left: 100%;
  margin-left: 5px;
}

.thumb span {
  color: #b0b0b0; 
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  position: absolute;
  bottom: -32px;
}

.afb-1 {background-image: url('../images/over-ons/afb-1.png');}
.afb-2 {background-image: url('../images/over-ons/afb-2.png');}
.afb-3 {background-image: url('../images/over-ons/afb-3.png');}
.afb-4 {background-image: url('../images/over-ons/afb-4.png');}
.afb-5 {background-image: url('../images/over-ons/afb-5.png');}
.afb-6 {background-image: url('../images/over-ons/afb-6.png');}
.afb-7 {background-image: url('../images/over-ons/afb-7.png');}
.afb-8 {background-image: url('../images/over-ons/afb-8.png');}
.afb-9 {background-image: url('../images/over-ons/afb-9.png');}
.afb-10 {background-image: url('../images/over-ons/afb-10.png');}
.afb-11 {background-image: url('../images/over-ons/afb-11.png');}
.afb-12 {background-image: url('../images/over-ons/afb-12.png');}
.afb-13 {background-image: url('../images/over-ons/afb-13.png');}
.afb-14 {background-image: url('../images/over-ons/afb-14.png');}
.afb-15 {background-image: url('../images/over-ons/afb-15.png');}
.afb-16 {background-image: url('../images/over-ons/afb-16.png');}
.afb-17 {background-image: url('../images/over-ons/afb-17.png');}
.afb-18 {background-image: url('../images/over-ons/afb-18.png');}
.afb-19 {background-image: url('../images/over-ons/afb-19.png');}
.afb-20 {background-image: url('../images/over-ons/afb-20.png');}
.afb-21 {background-image: url('../images/over-ons/afb-21.png');}
.afb-22 {background-image: url('../images/over-ons/afb-22.png');}
.afb-23 {background-image: url('../images/over-ons/afb-23.png');}
.afb-24 {background-image: url('../images/over-ons/afb-24.png');}
.afb-25 {background-image: url('../images/over-ons/afb-25.png');}
.afb-26 {background-image: url('../images/over-ons/afb-26.png');}
.afb-27 {background-image: url('../images/over-ons/afb-27.png');}
.afb-28 {background-image: url('../images/over-ons/afb-28.png');}
.afb-29 {background-image: url('../images/over-ons/afb-29.png');}
.afb-30 {background-image: url('../images/over-ons/afb-30.png');}
.afb-31 {background-image: url('../images/over-ons/afb-31.png');}
.afb-32 {background-image: url('../images/over-ons/afb-20.png');}
.afb-33 {background-image: url('../images/over-ons/afb-33.png');}
.afb-34 {background-image: url('../images/over-ons/afb-34.png');}
.afb-35 {background-image: url('../images/over-ons/afb-35.png');}
.afb-36 {background-image: url('../images/over-ons/afb-36.png');}
.afb-37 {background-image: url('../images/over-ons/afb-37.png');}

/*
.event label,
.event input[type="radio"] {
  width: 24px;
  height: 24px;
  left: 158px;
  top: 36px;
  position: absolute;
  display: block;
}
*/

.event label,
.event input[type="radio"] {
  width: 100%;
  height: 112px;
  left: 0px;
  top: 0px;
  position: absolute;
  display: block;
}

.event input[type="radio"] {
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}

/*
.event label:after {
  content: "\f192";
  font-family: Font Awesome\ 5 Pro;
  background: #fff;
  border-radius: 50%;
  color: #bababa;
  font-size: 24px;
  height: 100%;
  width: 100%;
  left: -2px;
  top: -3px;
  line-height: 24px;
  position: absolute;
  text-align: center;
}
*/

.event label:after {
  content: "\f192";
  font-family: Font Awesome\ 5 Pro;
  background: #fff;
  border-radius: 50%;
  color: #bababa;
  font-size: 23px;
  width: 21px;
  height: 21px;
  left: 156px;
  top: 35px;
  line-height: 21px;
  position: absolute;
}

.content-perspective {
  margin-left: 230px;
  position: relative;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  -o-perspective: 600px;
  -ms-perspective: 600px;
  perspective: 600px;
}

.content-perspective:before {
  content: '';
  width: 37px;
  left: -51px;
  top: 45px;
  position: absolute;
  height: 1px;
  z-index: -1;
  background: #eaeaea;
}

.content {
  -webkit-transform: rotateY(10deg);
  -moz-transform: rotateY(10deg);
  -o-transform: rotateY(10deg);
  -ms-transform: rotateY(10deg);
  transform: rotateY(10deg);

  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.content-inner {
  position: relative;
  padding: 20px;
  color: #333;
  border: none;
  border-left: 5px solid #d2d2d2;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  background: #fff;
}

.content-inner h3 {
  font-size: 21px;
  padding: 5px 0 3px 0;
  color: rgba(0,0,0,0.5);
}

.content-inner p {
  font-size: 14px;
  max-height: 0px;
  overflow: hidden;
  color:#555;
  line-height:22px;
  text-align: left;
}

.content-inner a {
  color:#555;
}

.content-inner a:after {
    content: "\f08e";
    font-family: Font Awesome\ 5 Pro;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    margin-left: 5px;
    font-size: 10px;
    color: #ccc;
    text-decoration: none;
}

.content-inner:before {
  font-family: Font Awesome\ 5 Pro;
  content: '\f0d9';
  font-weight:900;
  font-size: 54px;
  line-height: 54px;
  position: absolute;
  width: 30px;
  height: 30px;
  color: #d2d2d2;
  left: -22px;
  top: 19px;
  z-index: -1;
}

/* Transitions */

.thumb,
.thumb span,
.content-inner h3 {
  -webkit-transition: all 0.6s ease-in-out 0.2s;
  -moz-transition: all 0.6s ease-in-out 0.2s;
  -o-transition: all 0.6s ease-in-out 0.2s;
  -ms-transition: all 0.6s ease-in-out 0.2s;
  transition: all 0.6s ease-in-out 0.2s;
}

.content-inner {
  -webkit-transition: box-shadow 0.8s linear 0.2s;
  -moz-transition: box-shadow 0.8s linear 0.2s;
  -o-transition: box-shadow 0.8s linear  0.2s;
  -ms-transition: box-shadow 0.8s linear 0.2s;
  transition: box-shadow 0.8s linear 0.2s;
  background:#f3f3f3;
}

.content {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
  -moz-transition: -moz-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
  -o-transition: -o-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
  -ms-transition: -ms-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
  transition: transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
}

.content-inner p {
  -webkit-transition: max-height 0.5s linear, color 0.3s linear;
  -moz-transition: max-height 0.5s linear, color 0.3s linear;
  -o-transition: max-height 0.5s linear, color 0.3s linear;
  -ms-transition: max-height 0.5s linear, color 0.3s linear;
  transition: max-height 0.5s linear, color 0.3s linear;
}

.event .click {
  display:block;
  left: 159px;
  top: 34px;
  position: absolute;
  color:#333;
  font-size:32px;
  animation:click 2s infinite;
  -webkit-animation:click 2s infinite;
  -moz-animation:click 2s infinite;
  -ms-animation:click 2s infinite;
  z-index:99;
}

.event .click img {
  width:25px;
}

@keyframes click {
  0%   { margin-top:20px;opacity:0; }
  75% { margin-top:0px;opacity:1; }
  100% { opacity:0; }
}
@-o-keyframes click{
  0%   { margin-top:20px;opacity:0; }
  75% { margin-top:0px;opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes click{
  0%   { margin-top:20px;opacity:0; }
  75% { margin-top:0px;opacity:1; }
  100% { opacity:0; }
}

@-webkit-keyframes click{
  0%   { margin-top:20px;opacity:0; }
  75% { margin-top:0px;opacity:1; }
  100% { opacity:0; }
}

/* Checked */

.event input[type="radio"]:checked + label:after {
  content: "\f111";
  color: #de479c;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.8);
}

.event input[type="radio"]:checked ~ .content-perspective:before {
  background: #de479c;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner h3 {
  color: #333;
}

.event input[type="radio"]:checked ~ .content-perspective .content {
  -webkit-transform: rotateY(-5deg);
  -moz-transform: rotateY(-5deg);
  -o-transform: rotateY(-5deg);
  -ms-transform: rotateY(-5deg);
  transform: rotateY(-5deg);
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner {
  border-color: #de479c;
  box-shadow: 10px 0px 10px -6px rgba(0, 0, 0, 0.1);
  background:#f3f3f3;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
  max-height: 260px; /* Add media queries */
  color:#555;
  -webkit-transition-delay: 0s, 0.6s;
  -moz-transition-delay: 0s, 0.6s;
  -o-transition-delay: 0s, 0.6s;
  -ms-transition-delay: 0s, 0.6s;
  transition-delay: 0s, 0.6s;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner:before {
  color: #de479c;
}

.event input[type="radio"]:checked ~ .thumb {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  box-shadow:
    0 0 0 5px rgba(242,1,143,1), 
    0 1px 1px rgba(242,1,143,0.5);
}

.event input[type="radio"]:checked ~ .thumb span {
  color:#333;
}

.event input[type="radio"]:checked ~ .thumb:before {
  background:transparent url('../images/over-ons/bg_zigzag_active.png');
}

/*.content-inner p,*/
.thumb span,
.event label {
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 850px) { 
  .content-inner h3 {
    font-size: 20px;
  }

  .content-inner p {
    font-size: 14px;
    text-align: justify;
  }

  .event input[type="radio"]:checked ~ .content-perspective .content-inner p {
    max-height: 500px; 
  }
}

@media screen and (max-width: 540px) {
  .event .click {
    display:none;
  }

  .timeline::before {
    left: 50px;
  }

  .event { 
    padding-right: 0px;
    margin-bottom: 100px;
  }


  .thumb {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .event input[type="radio"] {
    width: 100px;
    height: 100px;
    left: 0px;
    top: 0px;
  }

  .thumb:before,
  .event input[type="radio"]:checked ~ .thumb:before {
    background: none;
    width: 0;
  }

  .event label {
    display: none;
  }

  .content-perspective {
    margin-left: 0px; 
    top: 80px;
  }

  .content-perspective:before {
    height: 0px; 
  }

  .content {
    -webkit-transform: rotateX(-10deg);
    -moz-transform: rotateX(-10deg);
    -o-transform: rotateX(-10deg);
    -ms-transform: rotateX(-10deg);
    transform: rotateX(-10deg);
  }

  .event input[type="radio"]:checked ~ .content-perspective .content {
    -webkit-transform: rotateX(10deg);
    -moz-transform: rotateX(10deg);
    -o-transform: rotateX(10deg);
    -ms-transform: rotateX(10deg);
    transform: rotateX(10deg);
  }

  .content-inner {
    border-left: none;
    border-top: 5px solid #de479c;
  }

  .event input[type="radio"]:checked ~ .content-perspective .content-inner {
    border-color: #de479c;
    box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.1);
  }

  .content-inner:before {
    font-family: Font Awesome\ 5 Pro;
    content: '\f0d8';
    left: 33px;
    top: -39px;
    color:#de479c;
  }

  .event input[type="radio"]:checked ~ .content-perspective .content-inner p {
    max-height: 300px; 
  }
}

#newsform {
  margin:89px 0 0 0;
  padding: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
}

#newsform .newsform-checkbox {
  padding-left:20px;
  margin:0 0 10px 0;
  cursor:pointer;
}

#newsform .newsform-checkbox input[type=checkbox] {
  position:absolute;
  margin:4px 4px 0 -20px;
}

#newsform button {
  width:100%;
}

#newsform h2 {
  margin:0 0 15px 0;
}

.avg-intro {
  margin:35px 0 0 0;
}

.avg-intro p {
  color:#555;
}

/* bedrijsaccount */

#bedrijfsaccount p.intro-p {
  font-size:16px;
}

#bedrijfsaccount ul.checklist {
  margin:0px;
  padding:5px 0 0 27px;
  line-height:24px;
  list-style-type:none;
}

#bedrijfsaccount ul.checklist li {
  padding:0 0 3px 0;
  color:#555;
}

#bedrijfsaccount ul.checklist li span {
  font-weight:bold;
  display:block;
}

#bedrijfsaccount ul.checklist li:last-child {
  padding:0px;
}

#bedrijfsaccount ul.checklist li:before {
  content: "\f00c";
  font-family: Font Awesome\ 5 Pro;
  font-weight:500;  
  display: inline-block;
  width:25px;
  height:30px;
  margin-left:-27px;
  font-size:16px;
  clear:both;
  position: absolute;
  padding-top:0px;
  color:#00b900;
}

.review-bedrijfsaccount {
  margin-top:15px;
  padding:25px;
  border-radius:3px;
  border:1px solid #eaeaea;
}

.review-bedrijfsaccount figure {
  width:100%;
  height:50px;
  text-align:center;
  margin-bottom:15px;
}

.review-bedrijfsaccount figure img {
  height:100%;
  width:auto;
}

.review-bedrijfsaccount p {
  font-size:16px;
  text-align:center;
}

.review-bedrijfsaccount p span.name {
  display:block;
  margin-top:20px;
  color:#888;
  font-size:14px;
  font-style:italic;
}

/* reseller-programma */

#bedrijfsaccount .form-control-feedback {
    position:relative;
    width:100%;
    height:auto;
    text-align:left;
}

@media (max-width: 1599px) {

.kiyoh-rating ul li {
  margin-bottom:6px;
}

.kiyoh-rating .name {
  display:block;
  width:100%;
}

.team-pinkcube .row>div {
  min-height:211px;
}

}

@media (max-width: 1199px) {

.team-pinkcube .row>div {
  min-height:auto;
}

}

@media (max-width: 1373px) {

.team-pinkcube-name {
  height:58px;
  background:#fff;
}

}

@media (max-width: 1024px) {

.team-pinkcube-name {
  height:58px;
  background:#fff;
}

}

@media (max-width: 992px) {

.vacature-block {
  margin-top:-0px;
}

.team-pinkcube figure, .team-pinkcube .team-pinkcube-name{
  padding: 0px 10px;
}

}

@media (max-width: 767px) {

figure.margin-top-mobile {
  margin-top:30px;
}

.header-afb figure {
  display:none;
}

.header-afb .title {
  position:relative;
  padding:10px 10px 10px 13px;
  border-radius:5px;
  background:#f3f3f3;
}

.info-comment {
  margin-top:15px;
}

.klantreviews figure {
  margin-bottom:15px;
}

.icon-section .icon-block {
  margin-bottom:20px;
}

.info-block-grey figure{
  margin:20px 0 20px 0;
}

.info-block{
  padding: 0px;
}

}