@charset "UTF-8";
/* Brand colors                                                           */
/* ********************************************************************** */
/* Helpers                                                               */
/* ********************************************************************** */
* {
  box-sizing: border-box;
}

.hide {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  left: -10000px;
}

.ss-accent {
  color: #4effa5;
}

.ss-accent-alternative {
  background-color: #a5d7f8;
}

.ss-lb-blue-left {
  background: -webkit-linear-gradient(left, #a5d7f8 90%, white 10%);
  background: -moz-linear-gradient(left, #a5d7f8 90%, white 10%);
  background: -o-linear-gradient(left, #a5d7f8 90%, white 10%);
  background: -ms-linear-gradient(left, #a5d7f8 90%, white 10%);
  background: linear-gradient(left, #a5d7f8 90%, white 10%);
}

.ss-lb-blue-right {
  background: -webkit-linear-gradient(right, #a5d7f8 90%, white 10%);
  background: -moz-linear-gradient(right, #a5d7f8 90%, white 10%);
  background: -o-linear-gradient(right, #a5d7f8 90%, white 10%);
  background: -ms-linear-gradient(right, #a5d7f8 90%, white 10%);
  background: linear-gradient(right, #a5d7f8 90%, white 10%);
}

.ss-lb-lightblue-left {
  background: -webkit-linear-gradient(left, #eff1f7 90%, white 10%);
  background: -moz-linear-gradient(left, #eff1f7 90%, white 10%);
  background: -o-linear-gradient(left, #eff1f7 90%, white 10%);
  background: -ms-linear-gradient(left, #eff1f7 90%, white 10%);
  background: linear-gradient(left, #eff1f7 90%, white 10%);
}

.ss-lb-lightblue-right {
  background: -webkit-linear-gradient(right, #eff1f7 90%, white 10%);
  background: -moz-linear-gradient(right, #eff1f7 90%, white 10%);
  background: -o-linear-gradient(right, #eff1f7 90%, white 10%);
  background: -ms-linear-gradient(right, #eff1f7 90%, white 10%);
  background: linear-gradient(right, #eff1f7 90%, white 10%);
}

.ss-arrow-right::after {
  position: absolute;
  right: 15%;
  bottom: -50px;
  content: "";
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 0px solid transparent;
  border-top: 50px solid white;
}

.ss-arrow-left::after {
  position: absolute;
  left: 15%;
  bottom: -50px;
  content: "";
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 50px solid transparent;
  border-top: 50px solid white;
}

.menu-item-221 span::before,
.menu-item-3301 span::before {
  font-family: "FontAwesome";
  content: "\f762";
  margin-right: 0.5rem;
}

.ss-toepassingen-klanten img {
  filter: grayscale(1);
}
.ss-toepassingen-klanten img:hover {
  filter: grayscale(0);
  transition: all 0.5s ease-in-out 0.025s;
}

/* Font layout                                                            */
/* ********************************************************************** */
.x-text p a, .x-bar-content-area p a {
  color: #15161a;
  border-bottom: 2px solid;
  border-color: #15161a;
  transition: all 0.2s linear;
}
.x-text p a:hover, .x-bar-content-area p a:hover {
  color: #a5d7f8;
  border-bottom: 2px solid;
  border-color: #a5d7f8;
}

/* Mobile navigation                                                      */
/* ********************************************************************** */
.x-off-canvas-content .x-menu-collapsed .x-collapsed {
  display: unset !important;
}

/* Billboard                                                              */
/* ********************************************************************** */
@media only screen and (max-width: 768px) {
  .ss-billboard h1 {
    font-size: 3.5em !important;
  }
}
.ss-billboard .x-bg-layer-upper-image {
  background-attachment: fixed;
}

.ss-cards .x-cell {
  cursor: pointer;
}

/* Simulaties                                                              */
/* ********************************************************************** */
.ss-simulaties .owl-stage-outer {
  overflow: unset !important;
}
.ss-simulaties .owl-item.active.center {
  z-index: 99;
  margin-top: -4rem;
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.2);
  transition: all 3ms ease-in;
}
.ss-simulaties .center .ss-simulatie-cell {
  background: #a5d7f8 !important;
}
.ss-simulaties .owl-item.active.center .x-cell {
  padding: 1.5rem;
  transition: all 3ms ease-in;
}
.ss-simulaties .owl-item.active.center .x-grid {
  opacity: 1;
  transition: all 3ms ease-in;
}

/* Blog                                                                   */
/* ********************************************************************** */
.format-standard .entry-title::before {
  display: none;
}

.blog .entry-featured {
  border: unset;
  padding: unset;
  background-color: unset;
  margin-left: -31px;
  margin-right: -31px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.ss-recent-posts {
  display: flex;
  flex-wrap: wrap;
}
.ss-recent-posts section {
  flex-grow: 1;
  flex-basis: 500px;
  display: flex;
  align-items: center;
  border: 1px solid #eff1f7;
  margin: 1rem;
  max-height: 125px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .ss-recent-posts section {
    max-height: unset;
    flex-wrap: wrap;
  }
}
.ss-recent-posts section h2 {
  font-size: 1rem;
  line-height: 1.4rem;
  margin: 1rem;
}
.ss-recent-posts section img {
  filter: grayscale(100%);
  max-width: 300px;
}
.ss-recent-posts section img:hover {
  filter: grayscale(0%);
  transition: all;
}
.ss-recent-posts section p {
  margin: 1rem;
}



/* Content                                                                */
/* ********************************************************************** */
.ss-what-is-wizkey > .x-cell {
  padding: 1.5em !important;
}

.ss-references-headline h2::before {
  font-family: "FontAwesome" !important;
  content: "";
  margin-right: 0.5em;
}

.ss-nowrap {
  white-space: nowrap;
}

/* Owl carousel                                                           */
/* ********************************************************************** */
.owl-carousel {
  text-align: center;
}

/* Mobile menu                                                            */
/* ********************************************************************** */
@media only screen and (max-width: 768px) {
  .x-section .ss-h2 h2 {
    font-size: 2.5em !important;
  }
}

/* Mobile menu                                                            */
/* ********************************************************************** */
.x-off-canvas-content {
  padding: calc(3em * 1.5) !important;
}

/* Form                                                                   */
/* ********************************************************************** */
.page-template ::-webkit-input-placeholder {
  /* Edge */
  font-size: 1em;
  color: #15161a !important;
  opacity: 1;
}
.page-template :-ms-input-placeholder {
  /* Internet Explorer */
  font-size: 1em;
  color: #15161a !important;
  opacity: 1;
}
.page-template ::placeholder {
  font-size: 1em;
  color: #15161a !important;
  opacity: 1;
}
.page-template form {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-row-gap: 0.75rem;
  width: 100%;
  margin-top: 1rem;
}
.page-template form .form-group {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}
.page-template form .form-group span {
  text-align: left !important;
}
.page-template form label {
  display: none;
}
.page-template form fieldset {
  display: grid;
  grid-template-columns: 1.75fr 1.75fr 1fr;
  grid-gap: 0.25rem;
  font-size: 0.85rem;
  border: 2px solid #eff1f7;
  padding: 0.5rem;
}
@media only screen and (max-width: 1268px) {
  .page-template form fieldset {
    grid-template-columns: 1fr;
  }
}
.page-template form fieldset legend {
  font-family: "din-2014", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  display: unset;
  width: unset;
  padding: unset;
  margin: 0 0 0.75rem 0;
  border: unset;
}
@media only screen and (min-width: 1269px) {
  .page-template form fieldset legend:nth-child(1) {
    grid-column: 1/4;
  }
}
.page-template form fieldset label {
  display: unset;
}
@media only screen and (min-width: 1269px) {
  .page-template form fieldset label:nth-child(3) {
    grid-column: 2/4;
  }
}
.page-template form fieldset label input {
  margin-right: 0.25rem;
}
.page-template form input[type=text], .page-template form textarea, .page-template form input[type=email], .page-template form input[type=tel], .page-template form input[type=password] {
  color: #15161a;
  font-size: 1em;
  padding: 1.5rem;
  border: 0;
  background: #eff1f7;
}
.page-template form input[type=submit] {
  font-family: "din-2014", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: white;
  border: 2px solid #15161a !important;
  border-radius: 0.35em;
  background-color: #15161a;
  padding: calc(0.575rem + 5px) calc(0.85rem + 5px);
  max-width: max-content;
  text-shadow: unset;
}
.page-template form input[type=submit]:hover {
  color: #15161a;
  background-color: white;
}

.grecaptcha-badge {
  visibility: hidden;
}

.x-acc-content {
  border-width: 0 !important;
}

/* Footer                                                                 */
/* ********************************************************************** */
@media only screen and (max-width: 768px) {
  .x-colophon .x-text p {
    font-size: 0.65em !important;
  }
}

/*# sourceMappingURL=main.css.map */