@charset "UTF-8";
/* Font Family */
/* Font Weights */
@font-face {
  font-family: "webstart76";
  src: url("/lib/fonts/webstart76.eot");
  src: url("/lib/fonts/webstart76.eot?#iefix") format("embedded-opentype"), url("/lib/fonts/webstart76.woff") format("woff"), url("/lib/fonts/webstart76.ttf") format("truetype"), url("/lib/fonts/webstart76.svg#webstart76") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[data-icon]:before {
  font-family: "webstart76" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="ws76-icon-"]:before,
[class*=" ws76-icon-"]:before {
  font-family: "webstart76" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ws76-icon-facebook:before {
  content: "\e000";
}
.ws76-icon-linkedin:before {
  content: "\e001";
}
.ws76-icon-twitter:before {
  content: "\e002";
}
.ws76-icon-pinterest-p:before {
  content: "\e003";
}
.ws76-icon-youtube:before {
  content: "\e004";
}
.ws76-icon-instagram:before {
  content: "\e005";
}
.ws76-icon-checkmark:before {
  content: "\e006";
}
.shadow {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}
/** SPINNER CREATION **/
.loader {
  position: relative;
  text-align: center;
  margin: 15px auto 35px auto;
  z-index: 9999;
  display: block;
  width: 80px;
  height: 80px;
  border: 10px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  border-top-color: #000;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes drop-down {
  0% {
    transform: rotateX(90deg);
    transform: translateY(-10em);
    opacity: 0;
  }
  50% {
    transform: rotateX(0deg);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-moz-keyframes drop-down {
  0% {
    transform: rotateX(90deg);
    transform: translateY(-10em);
  }
  50% {
    transform: rotateX(0deg);
  }
  100% {
    transform: translateY(0);
  }
}
@-o-keyframes drop-down {
  0% {
    transform: rotateX(90deg);
    transform: translateY(-10em);
  }
  50% {
    transform: rotateX(0deg);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes drop-down {
  0% {
    transform: rotateX(90deg);
    transform: translateY(-10em);
    opacity: 0;
  }
  50% {
    transform: rotateX(0deg);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-up {
  0% {
    transform: translateY(200px);
    opacity: 0.3;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@-moz-keyframes slide-up {
  0% {
    transform: translateY(200px);
    opacity: 0.3;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@-o-keyframes slide-up {
  0% {
    transform: translateY(200px);
    opacity: 0.3;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes slide-up {
  0% {
    transform: translateY(200px);
    opacity: 0.3;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@-webkit-keyframes slide-bck {
  from {
    width: 10em;
    right: 30px;
  }
  to {
    width: 0;
    right: 0;
  }
}
@-moz-keyframes slide-bck {
  from {
    width: 10em;
    right: 30px;
  }
  to {
    width: 0;
    right: 0;
  }
}
@-o-keyframes slide-bck {
  from {
    width: 10em;
    right: 30px;
  }
  to {
    width: 0;
    right: 0;
  }
}
@keyframes slide-bck {
  from {
    width: 10em;
    right: 30px;
  }
  to {
    width: 0;
    right: 0;
  }
}
@-webkit-keyframes slide {
  from {
    width: 0;
    right: 0;
  }
  to {
    width: 10em;
    right: 30px;
  }
}
@-moz-keyframes slide {
  from {
    width: 0;
    right: 0;
  }
  to {
    width: 10em;
    right: 30px;
  }
}
@-o-keyframes slide {
  from {
    width: 0;
    right: 0;
  }
  to {
    width: 10em;
    right: 30px;
  }
}
@keyframes slide {
  from {
    width: 0;
    right: 0;
  }
  to {
    width: 10em;
    right: 30px;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-gb {
  background-image: url(/lib/img/flags/4x3/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(/lib/img/flags/1x1/gb.svg);
}
.flag-icon-nl {
  background-image: url(/lib/img/flags/4x3/nl.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(/lib/img/flags/1x1/nl.svg);
}
.flag-icon-de {
  background-image: url(/lib/img/flags/4x3/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(/lib/img/flags/1x1/de.svg);
}
.flag-icon-es {
  background-image: url(/lib/img/flags/4x3/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(/lib/img/flags/1x1/es.svg);
}
.flag-icon-fr {
  background-image: url(/lib/img/flags/4x3/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(/lib/img/flags/1x1/fr.svg);
}
.flag-icon-be {
  background-image: url(/lib/img/flags/4x3/be.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(/lib/img/flags/1x1/be.svg);
}
.flag-icon-it {
  background-image: url(/lib/img/flags/4x3/it.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(/lib/img/flags/1x1/it.svg);
}
html,
body {
  overflow-x: hidden;
}
* {
  outline: none;
  scroll-behavior: smooth;
  line-height: 1.25;
}
.form-control:focus {
  border: 1px solid #c1d72e;
  box-shadow: none;
}
strong {
  font-family: 'open sans', sans-serif;
  font-weight: 600;
}
*:focus {
  outline: none !important;
}
.pull-left {
  float: left;
}
body {
  font-family: 'open sans', sans-serif;
  font-weight: 300;
  background: #ffffff url(/lib/img/backgrounds/bg-page.png) repeat;
  color: #000000;
  min-height: 100vh;
  position: relative;
  font-size: 16px;
  line-height: 1.2rem;
  overflow-x: hidden;
}
body.noflow {
  overflow: hidden;
}
body.webshop-page {
  background-color: #fff;
}
body.contact-page {
  background-color: inherit;
  color: #000000;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.clickable {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 1.1;
  color: #244469;
  /*text-align: left;*/
}
h1 {
  font-size: 35px;
}
h2 {
  font-size: 25px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 20px;
}
a {
  color: #000000;
  font-weight: 500;
}
a:hover {
  color: #244469;
  text-decoration: underline;
  /*font-weight: @fw-bold;*/
}
.textpage a {
  color: #244469;
  text-decoration: underline;
}
img {
  max-width: 100%;
  /*max-height: 100%;*/
}
.no-padding {
  padding: 0;
}
/* BG Colors */
/* Section Dark Blue */
.bg-darkest {
  background-color: #244469;
  color: #fff;
}
/* Section DarkGreen  */
.bg-med {
  background-color: #000000;
  color: #fff;
}
.bg-white {
  color: #000000;
  background-color: #fff;
}
.hidden {
  opacity: 0;
  width: 0;
  height: 0;
  z-index: -1;
  -webkit-transition: all ease-in-out 0.4s;
  -moz-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}
.hide {
  height: 0;
  transform: translateX(-100em);
  -webkit-transition-property: transform, height;
  -moz-transition-property: transform, height;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
/* Article */
a:hover > article h5 {
  text-decoration: none;
}
/*article {
    background-color: @cl-article-bg;
	color: @cl-article-text;
}*/
.flow {
  position: relative;
}
.flow.flow-left:before {
  background-color: #ffffff;
  bottom: 0;
  content: '';
  left: -100vw;
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 10;
}
.paging-container .paging-link {
  padding: 0 5px 0 5px;
}
.ezsearch-result {
  border-bottom: solid 1px #c6c6c6;
}
.grecaptcha-badge {
  visibility: hidden;
}
.grecaptcha-disclaimer {
  font-size: 12px;
  margin-top: 25px;
  overflow: hidden;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .w-lg-100 {
    width: 100% !important;
  }
}
header {
  color: #224368;
  z-index: 9999;
  font-size: 1rem;
  background: #ffffff url(/lib/img/backgrounds/bg-header.png) repeat-x bottom center;
}
header.noheader {
  height: 350px;
}
@media (min-width: 992px) {
  header + .container,
  header + section,
  header + form {
    margin-top: -50px;
  }
}
header .logo img {
  max-width: 100%;
}
.header-top {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.webshop-navigation {
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
}
header nav:first-child {
  position: relative;
  background-color: inherit;
}
header ul {
  padding: 0;
  align-items: center;
  margin: 0;
  background-color: inherit;
}
.header-bot ul {
  display: flex;
}
/*header ul > li {
	position: relative;
	list-style: none;
	display: inline-block;
	background-color: inherit;
}*/
header ul > li > a {
  text-decoration: none;
  line-height: 1.5;
  color: #224368;
  font-family: 'Gochi Hand', cursive;
}
header ul > li > a.active {
  color: #bed524;
}
header .dots {
  background-image: url(/lib/img/icons/dots-white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all ease-in-out 0.4s;
  -moz-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}
header a:hover {
  color: #224368;
}
header.noheader + .container {
  margin-top: 90px;
}
.header-top input[type=search] {
  border: 1px solid #224368;
  background-color: inherit;
  color: #224368;
  max-width: 10em;
  position: absolute;
  top: 0;
  right: 30px;
  margin-right: 10px;
}
header .header-top .btn-search + form button[type=submit] {
  z-index: 99;
  background-color: transparent;
  background-size: contain;
  border: none;
  position: absolute;
  top: -4.5px;
  left: 0;
  padding: 18px 17px;
}
header button[type=submit].hidden {
  z-index: -1;
}
header .header-top .btn-search + form button[type=submit]:hover {
  background-color: inherit;
}
header .subnavbar {
  position: absolute;
  top: 95px;
  width: 100%;
  height: 0;
  overflow: hidden;
  left: 0;
  background-color: #dce7e9;
  z-index: 99999;
  -webkit-transition: height ease-in-out 0.4s;
  -moz-transition: height ease-in-out 0.4s;
  -o-transition: height ease-in-out 0.4s;
  transition: height ease-in-out 0.4s;
}
header .subnavbar.active {
  height: auto;
}
header .subnavbar .container {
  padding-top: 20px;
  padding-bottom: 20px;
}
header .subnavbar .container li {
  padding: 10px 0;
}
.top-webshop-nav {
  list-style: none;
  margin-left: 0;
}
.top-webshop-nav li:first-of-type {
  width: 195px;
  height: 79px;
  background: url(/lib/img/backgrounds/bg-myaccount.png) no-repeat;
  padding: 20px 0 0 30px;
}
.top-webshop-nav li:last-of-type {
  width: 209px;
  height: 74px;
  background: url(/lib/img/backgrounds/bg-cart.png) no-repeat;
  padding: 20px 0 0 30px;
}
.top-webshop-nav li a {
  font-size: 1.5rem;
  text-decoration: none;
}
ul.language-selector {
  margin-left: 5px;
  margin-top: -10px;
  list-style: none;
}
ul.language-selector li {
  padding: 0 5px;
}
ul.language-selector li a {
  height: 25px;
  width: 25px;
  opacity: 0.5;
}
ul.language-selector li a.active,
ul.language-selector li a:hover {
  opacity: 1;
}
nav.top-right-navigation {
  background: url(/lib/img/menu/bg-mnu-btns-large.png) no-repeat;
  background-position: 0px -600px;
  padding-bottom: 25px;
}
nav.top-right-navigation ul {
  list-style: none;
}
nav.top-right-navigation ul li {
  line-height: 3rem;
}
nav.top-right-navigation ul li img {
  width: 34px;
}
nav.top-right-navigation ul li:first-of-type {
  margin-left: 1rem !important;
}
nav.top-right-navigation ul li a:hover {
  text-decoration: none;
}
nav.top-right-navigation ul.bordered li:first-of-type a {
  border-left: 1px solid #224368;
  padding-left: 1rem;
}
a.login {
  font-weight: 400;
  position: relative;
}
a.login img {
  width: 34px;
}
.site-nav a {
  font-weight: 400;
}
.site-nav > ul > li.nav-item {
  float: left;
  padding-top: 4px;
  background: url(/lib/img/menu/bg-mnu-btns-large.png) no-repeat;
  text-align: center;
  height: 70px;
}
.site-nav > ul > li.nav-item a {
  font-weight: 600;
  font-size: 1.2rem;
}
.site-nav > ul > li.nav-item:first-of-type {
  width: 118px;
  background-position: 0px -100px;
}
.site-nav > ul > li.nav-item:nth-of-type(2) {
  width: 172px;
  background-position: 0px -200px;
}
.site-nav > ul > li.nav-item:nth-of-type(3) {
  width: 94px;
  background-position: 0px -300px;
}
.site-nav > ul > li.nav-item:nth-of-type(4) {
  width: 113px;
  background-position: 0px -400px;
}
.site-nav > ul > li.nav-item:nth-of-type(5) {
  width: 123px;
  background-position: 0px -500px;
}
.site-nav > ul > li.nav-item:hover {
  background-position-x: -200px;
}
.site-nav > ul > li.nav-item a:hover {
  color: #bed524;
}
.site-nav > ul > li + li {
  margin-left: 15px;
}
.site-nav > ul > li:last-of-type > ul {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  z-index: 99999;
  left: -3rem;
}
.site-nav > ul > li:last-of-type > ul > li > a {
  background-color: inherit;
  display: block;
}
.site-nav .dropdown-menu {
  border: none;
  border-radius: 0;
  left: 35px;
  padding: 15px;
  top: 10px !important;
  padding: 18px 22px;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
.site-nav .dropdown-menu ul {
  margin-left: 5px;
  list-style-type: disc;
}
.site-nav .dropdown-menu .dropdown-item {
  color: #545555;
  font-weight: 400;
  padding: 0;
  font-size: 0.8125rem;
  line-height: 1.625rem;
  font-family: 'open sans', sans-serif;
  /*& + .dropdown-item {
                padding-top: 15px;
            }*/
}
.site-nav .dropdown-menu .dropdown-item:hover,
.site-nav .dropdown-menu .dropdown-item:active,
.site-nav .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  text-decoration: none;
}
.site-nav .dropdown-menu .dropdown-item.active {
  color: #507c89;
  background-color: transparent;
}
.usr-dropdown {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  flex-wrap: wrap;
  right: -0.5rem;
  opacity: 0;
  top: -25rem;
  position: absolute;
  width: 14rem;
  -webkit-transition: top ease-in-out 0.4s, opacity ease-in-out 0s 0.2s;
  -moz-transition: top ease-in-out 0.4s, opacity ease-in-out 0s 0.2s;
  -o-transition: top ease-in-out 0.4s, opacity ease-in-out 0s 0.2s;
  transition: top ease-in-out 0.4s, opacity ease-in-out 0s 0.2s;
  z-index: 99999;
}
.usr-dropdown.down {
  opacity: 1;
  top: 4rem;
}
.create-acc {
  padding-top: 4px;
  display: block;
  background-color: #000000;
}
.create-acc:hover {
  background-color: #244469;
}
.usr-dropdown form {
  max-height: 100%;
  width: 100%;
  display: flex;
}
.usr-dropdown input {
  max-height: 100%;
}
.usr-dropdown form ::placeholder {
  font-size: 14px;
}
.usr-dropdown button {
  padding: 6px 0 0;
}
.usr-dropdown::before {
  border-bottom: 1px solid #fff;
  content: "";
  display: inline;
}
.usr-dropdown li {
  display: block;
  max-height: 100%;
}
.usr-dropdown span::before,
.usr-dropdown span::after {
  content: "";
  position: absolute;
  display: inline-block;
  border-bottom: 1px solid #fff;
  width: calc(50% - 1.25rem);
  top: calc(50% - .25rem);
}
.usr-dropdown span::before {
  left: 0.5rem;
}
.usr-dropdown span::after {
  right: 0.5rem;
}
.devider {
  color: #c6c6c6;
}
.devider::after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #ffffff;
}
.nav-menu {
  background-color: #244469;
  border: none;
  cursor: pointer;
  float: right;
  margin-right: 1rem;
  padding: 10px 7px;
}
.nav-menu .line {
  display: block;
  height: 2px;
  background-color: #ffffff;
  width: 32px;
}
.nav-menu .line + .line {
  margin-top: 7px;
}
/* Mobile Menu  */
#only-mobile {
  background-color: #244469;
  background-color: inherit;
  display: none;
  height: 100vh;
  overflow: scroll;
  overflow-x: hidden;
  position: fixed;
  top: 0;
  z-index: 99999;
  /*margin-top: -6px;*/
}
#only-mobile .mob-searchBar {
  color: #ffffff;
  text-decoration: none;
}
#only-mobile .mob-searchBar .svg-holder .cls-1,
#only-mobile .mob-searchBar .svg-holder .st0 {
  fill: #ffffff;
}
.mobile-menu-sub .search-form a {
  border: none;
}
.mobile-menu-sub .search-form a .svg-holder .cls-1,
.mobile-menu-sub .search-form a .svg-holder .st0 {
  fill: #ffffff;
}
.move-up {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  transform: translateY(-100vh);
}
.mobile-header {
  background-color: #244469;
}
section[class*="mobile-menu"] {
  font-size: 25px;
  line-height: 1.14;
  -webkit-transition: all ease-in-out 0.4s;
  -moz-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
  height: 70vh;
  width: 100vw;
  overflow: inherit;
  padding-bottom: 10vh;
}
.mobile-menu {
  margin-top: 93px;
}
.mobile-menu-fade {
  height: 10vh;
  width: 100vw;
  background-image: linear-gradient(to bottom, transparent, #244469);
  position: absolute;
  bottom: 25vh;
}
section[class*="mobile-menu"] a {
  text-decoration: none;
  color: #ffffff;
  /*color: @cl-topbar-text;*/
  border-top: 1px solid;
  /*border-color: @cl-topbar-text;*/
  border-color: #ffffff;
  -webkit-transition: all ease-in-out 0.4s 0.2s;
  -moz-transition: all ease-in-out 0.4s 0.2s;
  -o-transition: all ease-in-out 0.4s 0.2s;
  transition: all ease-in-out 0.4s 0.2s;
}
section[class*="mobile-menu"] > nav > a:last-child {
  border-bottom: 1px solid;
}
.mobile-menu-sub a:last-child {
  border-bottom: none;
}
a.mobile-sub {
  z-index: 2;
  background-color: inherit;
}
a.sub-title {
  background-color: inherit;
  font-size: 16px;
  z-index: 3;
  border: none;
  -webkit-transition: all ease-in-out 0.4s 0.2s;
  -moz-transition: all ease-in-out 0.4s 0.2s;
  -o-transition: all ease-in-out 0.4s 0.2s;
  transition: all ease-in-out 0.4s 0.2s;
}
.mobile-menu-sub {
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.mobile-menu-sub.show {
  height: 100%;
  transform: translateX(0);
  -webkit-transition: transform ease-in-out 0.4s;
  -moz-transition: transform ease-in-out 0.4s;
  -o-transition: transform ease-in-out 0.4s;
  transition: transform ease-in-out 0.4s;
}
nav.mobile-menu-sub.show a {
  height: 100%;
}
.mobile-menu-sub input[type=search] {
  top: 0;
  right: 0;
}
section.intro {
  background-color: rgba(60, 216, 216, 0.29);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #545555;
  height: 465px;
  font-size: 33px;
  font-weight: 300;
  margin-bottom: 5px;
  /*a.button-text {
        background-color: @cl-header-button-bg;
        color: @cl-header-button-text;

        .svg-button {
            .cls-1, .st0 {
                fill: @cl-header-button-text;
            }
        }
    }*/
}
section.intro.home {
  height: 600px;
}
section.intro.home.lowheader {
  height: 465px;
}
section.intro .slide-up {
  background-color: rgba(60, 216, 216, 0.29);
  padding-bottom: 15px;
  padding-top: 15px;
}
section.intro h5 {
  font-size: 50px;
  font-weight: 600;
  line-height: 1.1;
  text-align: left;
}
@media (max-width: 560px) {
  section.intro {
    background-size: cover;
    height: 180px;
  }
}
@media (max-width: 992px) {
  section.intro.nointro,
  section.intro.home.nointro {
    height: 320px;
  }
}
.header-fade {
  background-image: url(/lib/img/header-fade-light.svg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 680px;
  width: 100%;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}
.blnk-spc {
  height: 535px;
}
/*  breadcrumbs */
.breadcrumbs .list-inline .list-inline-item:not(:last-child) {
  margin-right: 0.2rem;
}
.breadcrumbs .list-inline .list-inline-item a {
  color: #545555;
  font-weight: 400;
}
.breadcrumbs .list-inline .list-inline-item.active a {
  color: #545555;
  font-weight: 600;
}
.breadcrumbs .list-inline .list-inline-item.home-item img {
  position: relative;
  top: -2px;
}
/*  intro */
section.blog-intro {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}
address a {
  color: #224368;
  text-decoration: none;
}
.blogger-detail {
  text-align: center;
  background-color: #79adaa;
  color: #ffffff;
}
.blogger-detail address a {
  color: #ffffff;
  font-size: 1.5rem;
}
.slide-up {
  -webkit-animation: slide-up 1.4s 1;
  -moz-animation: slide-up 1.4s 1;
  -o-animation: slide-up 1.4s 1;
  animation: slide-up 1.4s 1;
}
.searchbar-navigation {
  background-color: #dce7e9;
  display: none;
  z-index: 100;
  padding-top: 9px;
  padding-bottom: 9px;
}
.searchbar-navigation.show {
  display: flex;
}
.search-form {
  position: relative;
}
.search-form input {
  outline: none;
  width: 100%;
}
.search-form .arrow-white {
  width: auto;
  margin-left: 1em;
  background-color: #545555;
  border: none;
}
/*DL-MENU*/
/* Common styles of menus */
.dl-menuwrapper {
  width: 100%;
  float: left;
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 200%;
  perspective-origin: 50% 200%;
  height: 100%;
  text-align: center;
}
.dl-top.dl-back {
  padding: 10px;
}
.dl-top.dl-back .mob-head span {
  font-family: 'Gochi Hand', cursive;
  font-size: 30px;
  font-weight: 300;
}
.dl-menuwrapper button {
  background: #244469;
  border: none;
  width: 48px;
  height: 45px;
  text-indent: -900em;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  outline: none;
}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
  background: #244469;
}
.dl-menuwrapper button:after {
  content: '';
  position: absolute;
  width: 68%;
  height: 5px;
  background: #fff;
  top: 10px;
  left: 16%;
  box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}
.dl-menuwrapper ul {
  padding: 0;
  list-style: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.dl-menuwrapper li {
  position: relative;
}
.dl-menuwrapper li a {
  display: block;
  position: relative;
  padding: 15px 20px;
  font-weight: 300;
  color: #ffffff;
  /*color: @cl-white;*/
  outline: none;
}
.no-touch .dl-menuwrapper li a:hover {
  background: rgba(255, 248, 213, 0.1);
}
.dl-menuwrapper li.dl-back span {
  color: #ffffff;
  font-size: 0.9rem;
}
.dl-menuwrapper li.dl-back .mob-head {
  position: relative;
}
.dl-menuwrapper li.dl-back .mob-head .svg-holder {
  height: 20px;
  left: 0;
  position: absolute;
  top: 5px;
  transform: rotate(180deg);
  transform-origin: center;
  width: 20px;
}
.dl-menuwrapper li.dl-back .mob-head .svg-holder .cls-1,
.dl-menuwrapper li.dl-back .mob-head .svg-holder .st0 {
  fill: #ffffff;
}
.dl-menuwrapper li > a .svg-holder {
  height: 20px;
  position: absolute;
  right: 15px;
  top: 20px;
  width: 20px;
}
.dl-menuwrapper li > a .svg-holder .cls-1,
.dl-menuwrapper li > a .svg-holder .st0 {
  fill: #ffffff;
}
/*.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	content: "";
	background-image: url(/lib/img/icons/arrow-white.svg);
	background-repeat: no-repeat;
	font-size: 0;
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 24px;
}*/
.dl-menuwrapper li.dl-back:after {
  left: 10px;
  color: rgba(212, 204, 198, 0.3);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 16px;
}
.dl-menuwrapper li > a:after {
  right: 10px;
  color: rgba(0, 0, 0, 0.15);
}
.dl-menuwrapper .dl-menu {
  margin: 5px 0 0 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
  transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
  display: none;
}
/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
  display: none;
}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
  display: block;
}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
  position: absolute;
  width: 100%;
  top: 5px;
  left: 0;
  margin: 0;
}
/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
  -webkit-animation: MenuAnimOut1 0.4s;
  animation: MenuAnimOut1 0.4s;
}
.dl-menu.dl-animate-out-2 {
  -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
  animation: MenuAnimOut2 0.3s ease-in-out;
}
.dl-menu.dl-animate-out-3 {
  -webkit-animation: MenuAnimOut3 0.4s ease;
  animation: MenuAnimOut3 0.4s ease;
}
.dl-menu.dl-animate-out-4 {
  -webkit-animation: MenuAnimOut4 0.4s ease;
  animation: MenuAnimOut4 0.4s ease;
}
.dl-menu.dl-animate-out-5 {
  -webkit-animation: MenuAnimOut5 0.4s ease;
  animation: MenuAnimOut5 0.4s ease;
}
@-webkit-keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}
@keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
}
@keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
}
@keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
}
.dl-menu.dl-animate-in-1 {
  -webkit-animation: MenuAnimIn1 0.3s;
  animation: MenuAnimIn1 0.3s;
}
.dl-menu.dl-animate-in-2 {
  -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
  animation: MenuAnimIn2 0.3s ease-in-out;
}
.dl-menu.dl-animate-in-3 {
  -webkit-animation: MenuAnimIn3 0.4s ease;
  animation: MenuAnimIn3 0.4s ease;
}
.dl-menu.dl-animate-in-4 {
  -webkit-animation: MenuAnimIn4 0.4s ease;
  animation: MenuAnimIn4 0.4s ease;
}
.dl-menu.dl-animate-in-5 {
  -webkit-animation: MenuAnimIn5 0.4s ease;
  animation: MenuAnimIn5 0.4s ease;
}
@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
  -webkit-animation: SubMenuAnimIn1 0.4s ease;
  animation: SubMenuAnimIn1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
  -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
  animation: SubMenuAnimIn2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
  -webkit-animation: SubMenuAnimIn3 0.4s ease;
  animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
  -webkit-animation: SubMenuAnimIn4 0.4s ease;
  animation: SubMenuAnimIn4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
  -webkit-animation: SubMenuAnimIn5 0.4s ease;
  animation: SubMenuAnimIn5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
  -webkit-animation: SubMenuAnimOut1 0.4s ease;
  animation: SubMenuAnimOut1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
  -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
  animation: SubMenuAnimOut2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
  -webkit-animation: SubMenuAnimOut3 0.4s ease;
  animation: SubMenuAnimOut3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
  -webkit-animation: SubMenuAnimOut4 0.4s ease;
  animation: SubMenuAnimOut4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
  -webkit-animation: SubMenuAnimOut5 0.4s ease;
  animation: SubMenuAnimOut5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0;
  }
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
  position: relative;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
  display: block;
}
.no-js .dl-menuwrapper li.dl-back {
  display: none;
}
.no-js .dl-menuwrapper li > a:not(:only-child) {
  background: rgba(0, 0, 0, 0.1);
}
.no-js .dl-menuwrapper li > a:not(:only-child):after {
  content: '';
}
@media (max-width: 992px) {
  .header-top {
    height: 93px;
  }
}
@media (min-width: 1024px) {
  .search-form input {
    width: 50%;
  }
}
.float-right {
  float: right;
}
.arrow-white {
  background-image: url(/lib/img/icons/arrow-white.svg);
  background-repeat: no-repeat;
  /* Direction */
}
.arrow-white.button-dir-down {
  transform: rotate(90deg);
}
.arrow-white.button-dir-left {
  transform: rotate(180deg);
}
.arrow-white.button-dir-up {
  transform: rotate(-90deg);
}
.arrow-white.button-width-auto {
  width: auto;
}
.content-box {
  background-color: #fff;
  -webkit-box-shadow: 20px 0 20px -20px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 20px 0 20px -20px rgba(0, 0, 0, 0.6);
  box-shadow: 20px 0 20px -20px rgba(0, 0, 0, 0.6);
  margin-bottom: 35px;
  position: relative;
}
.content-box:before,
.content-box:after {
  content: "";
  display: block;
  clear: both;
}
.content-box:before {
  z-index: 1;
  position: absolute;
  left: 0px;
  bottom: -30px;
  content: "";
  background: url(/lib/img/framework/shade-bottom.png) no-repeat top left;
  background-size: 100% auto;
  width: 100%;
  height: 30px;
}
.content-box.left:before {
  background: url(/lib/img/framework/shade-left.png) no-repeat top left;
}
.stitches {
  background-image: url(/lib/img/backgrounds/stitch-left1.png), url(/lib/img/backgrounds/stitch-right1.png);
  background-position: top left, top right;
  background-repeat: no-repeat, no-repeat;
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.stitches-left {
  background-image: url(/lib/img/backgrounds/stitch-left1.png);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 50px !important;
}
.stitches-left2 {
  background-image: url(/lib/img/backgrounds/stitch-left2.png);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 50px !important;
}
.arrow-small {
  background-image: url(/lib/img/icons/arrow-small.svg);
  background-repeat: no-repeat;
  /* Direction */
}
.arrow-small.button-dir-down {
  transform: rotate(90deg);
}
.arrow-small.button-dir-left {
  transform: rotate(180deg);
}
.arrow-small.button-dir-up {
  transform: rotate(-90deg);
}
.slide {
  -webkit-animation: slide 0.4s steps(100);
  -moz-animation: slide 0.4s steps(100);
  -o-animation: slide 0.4s steps(100);
  animation: slide 0.4s steps(100);
}
.slide-bck {
  -webkit-animation: slide-bck 0.4s steps(100);
  -moz-animation: slide-bck 0.4s steps(100);
  -o-animation: slide-bck 0.4s steps(100);
  animation: slide-bck 0.4s steps(100);
}
.caption {
  font-size: 0.8rem;
  font-style: italic;
  padding-top: 5px;
}
.yarn {
  position: absolute;
  background: url(/lib/img/backgrounds/yarn.png) no-repeat top left;
  width: 72px;
  height: 108px;
  top: -50px;
  left: -27px;
}
/* Diensten top */
section.diensten {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url(/lib/img/temp.jpg);
}
section.diensten .container {
  margin-top: 600px;
}
section.diensten article {
  position: absolute;
  text-align: center;
  bottom: 0;
}
/* Detail */
section.detail {
  z-index: -1;
  background-position: right;
  position: relative;
  height: 590px;
}
.details .terug-button {
  background-position: 15px;
  line-height: 1.2;
  color: #3fb1c6;
  background-size: 35px;
  background-repeat: no-repeat;
  padding: 15px 35px 15px 70px;
}
.details .terug-button:hover {
  color: #fff;
  text-decoration: none;
}
.detail-img img {
  width: 100%;
}
@media (max-width: 992px) {
  .details table {
    width: 100%;
  }
  .details table td {
    width: 100% !important;
    display: block;
  }
}
/* Contact top */
section.contact-top {
  z-index: -1;
  background-image: url(Beeldmateriaal/beach-3362324.jpg);
  background-position: right;
  position: relative;
  height: 590px;
}
@media (max-width: 992px) {
  section.contact-top {
    height: 50vh;
    background-position: 0 -220px;
  }
}
section.contact-top + .inleiding {
  position: relative;
}
section.contact-top + .inleiding > .container {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  top: -50px;
}
.contactformulier {
  text-align: center;
}
/* About Section */
section.about {
  text-align: center;
  /*.button-text {
        color: @cl-inleiding-bg;
        background-color: @cl-inleiding-text;

        .svg-button {
            .cls-1, .st0 {
                fill: @cl-inleiding-bg;
            }
        }
    }*/
}
section.about img {
  max-width: 100%;
}
.dot-container .active {
  background-color: #79adaa;
}
.dot {
  font-size: 0;
  padding: 10px;
  background-color: #545555;
  border-radius: 50%;
}
.dot:hover {
  background-color: #79adaa;
}
.toon-button {
  color: #3fb1c6;
  padding: 15px;
  border: 1px solid #3fb1c6;
}
.toon-button:hover {
  color: #fff;
  background-color: #3fb1c6;
  text-decoration: none;
}
/* Social Section */
section.social {
  color: #000000;
}
section.social h3 {
  color: #224368;
}
section.social .sm-container .sm-icons .sm-link {
  background-color: #000000;
  color: #507c89;
}
section.social .form .lblgrp {
  padding-top: 0;
  margin-bottom: 0;
  width: 50%;
}
section.social .form .lblgrp label {
  color: rgba(0, 0, 0, 0.6);
  top: 7px;
  left: 25px;
  font-size: 1rem;
}
section.social .form .lblgrp input {
  border-color: #c1d72e;
  color: #000000;
  line-height: 1.4;
  padding: 5px 15px;
  font-size: 1rem;
}
section.social .form .lblgrp.filled label {
  top: -20px;
}
section.social .form button {
  display: inline-block;
  background: url(/lib/img/framework/bt-stitch.png) no-repeat 14px 13px, url(/lib/img/backgrounds/bg-btn-stitch-right.png) no-repeat top right, url(/lib/img/backgrounds/bg-btn-stitch.png) no-repeat top left;
  height: 59px;
  border: none;
  cursor: pointer;
  padding: 0px 19px 0 52px;
  color: #000;
  font-size: 1rem;
  font-weight: 300;
  width: auto;
}
@media (max-width: 991px) {
  section.social {
    text-align: center;
  }
  section.social .form .lblgrp {
    margin: 0 15px;
    width: 100%;
  }
  section.social .sm-icons {
    display: flex;
    justify-content: space-around !important;
  }
}
form button:hover {
  background-color: #3fb1c6;
  cursor: pointer;
}
#comment {
  padding-bottom: 4em;
}
.sew-box {
  position: relative;
  padding: 35px 41px !important;
}
.sew-box.green {
  background-color: #c1d72e;
}
.sew-box div.top,
.sew-box div.left,
.sew-box div.right,
.sew-box div.bottom {
  display: block;
  position: absolute;
}
.sew-box div.top,
.sew-box div.bottom {
  height: 8px;
  left: 22px;
  right: 22px;
  background: url("/lib/img/backgrounds/bg-sew-1.png") repeat-x;
}
.sew-box div.left,
.sew-box div.right {
  top: 18px;
  bottom: 18px;
  width: 8px;
  background: url("/lib/img/backgrounds/bg-sew-2.png") repeat-y;
}
.sew-box div.top {
  top: 18px;
}
.sew-box div.bottom {
  bottom: 18px;
}
.sew-box div.left {
  left: 22px;
}
.sew-box div.right {
  right: 22px;
}
/* Promo Section */
section.promo {
  background-color: #dce7e9;
  color: #545555;
}
section.promo > .container {
  position: relative;
}
section.promo img {
  border-radius: 50%;
}
/* Button styling */
/* Slider button */
button {
  width: 100%;
  padding: 5px 50px 5px 15px;
  text-align: left;
  line-height: 1.5;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  background-color: inherit;
  border: 1px solid #fff;
  background-repeat: no-repeat;
  background-position: 95%;
  background-size: 26px 22px;
}
.slick-prev {
  position: absolute;
  left: -90px;
  top: 50%;
  z-index: 1;
}
.slick-next {
  position: absolute;
  z-index: 1;
  right: -90px;
  top: 50%;
}
/*[class*="btn-"] {
	font-size: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

[class*="btn-"]:active {
	box-shadow: inset 0 0 10px rgba(155, 155, 155, 0.5);
	-moz-box-shadow: inset 0 0 10px rgba(155, 155, 155, 0.5);
	-webkit-box-shadow: inset 0 0 10px rgba(155, 155, 155, 0.5);
}*/
.btn-bg {
  padding: 25px;
  border-radius: 100%;
}
a.btn-s {
  height: 17px;
  width: 17px;
  padding: 17px 17px;
  border-radius: 50%;
}
a.btn-fwd {
  background-size: 26px 22px;
}
a.edit {
  display: block;
  padding: 10px;
}
a.home {
  padding-top: 8px;
  background-repeat: no-repeat;
  background-position: 8px;
  background-size: 12px;
}
.search-toggle {
  border: 1px solid #c6c6c6;
  border-radius: 0.25rem;
  color: #244469;
  float: left;
  font-weight: 400;
  padding: 5px 10px;
}
.search-toggle.active {
  background-color: #244469;
  color: #ffffff;
}
.search-toggle + .search-toggle {
  margin-left: 15px;
}
.btn-search::before {
  content: "Zoeken";
  display: inline-block;
  position: absolute;
  width: 6rem;
  color: #fff;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: -60px;
  opacity: 1;
}
h2.faq-category {
  margin-bottom: 15px;
}
.faq-item:before,
.faq-item:after {
  background-image: url(/lib/img/backgrounds/bg-hr.png);
  background-repeat: repeat-x;
  content: '';
  display: block;
  height: 4px;
  width: 100%;
}
.faq-item dt {
  background-color: #ffffff;
  color: #545555;
  cursor: pointer;
  padding: 5px 15px;
  position: relative;
}
.faq-item dt span {
  font-weight: 500;
  margin-left: 25px;
}
.faq-item dt:before {
  background-image: url(/lib/img/framework/plus.png);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
  content: '';
  display: inline-block;
  font-size: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  transition: all 0.5s ease-in-out;
  position: absolute;
}
.faq-item dd {
  background-color: #ffffff;
  color: #545555;
  display: none;
  padding: 15px;
}
.faq-item.active dt:before {
  background-image: url(/lib/img/framework/minus.png);
}
a.menu-close {
  /*background-image: url(/lib/img/icons/menu-close_1.svg);*/
}
a.menu-close .svg-holder {
  height: 40px;
  width: 40px;
}
a.menu-close .svg-holder .cls-1,
a.menu-close .svg-holder .st0 {
  fill: #ffffff;
}
a[class*=mobile-sub] {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position-x: 98%;
  background-position-y: 50%;
}
/* Product-detail */
.overzicht .custom-number {
  height: 1em;
  padding: 10px;
  border: none;
  cursor: default;
}
.overzicht .number-display {
  position: absolute;
  top: 0;
}
form.product-to-cart > div.buttons {
  width: 100%;
  overflow: hidden;
}
form.product-to-cart input {
  width: 100%;
  text-align: center;
  color: inherit;
}
.sitemap > ul li ul {
  padding-left: 30px;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
/*form.product-to-cart button:hover {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}*/
/* Webshop products */
.product-detail .content-box a:not(.button-form) {
  color: #244469;
  font-weight: 500;
  text-decoration: underline;
}
.product-detail .content-box a:not(.button-form):hover {
  color: #000000;
}
.button-shop {
  color: #3a3a3a;
  padding: 16px 27px;
  border: 1px solid;
}
.button-shop:hover {
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}
.product-container {
  position: relative;
  margin-bottom: 320px;
}
.product-container > .container {
  position: absolute;
  top: -212px;
  left: 0;
  right: 0;
  margin: auto;
}
.product-cart {
  height: 370px;
  position: relative;
  background-color: #fff;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}
.product-cart {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.product-cart:hover {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}
.product-cart button {
  border: none;
  padding: 0;
}
.product-text {
  height: 6em;
}
.product-cart h5 {
  line-height: 0.9;
}
.product-cart p {
  color: #c6c6c6;
  line-height: 0.9;
}
.product-img-xs {
  height: 130px;
  margin-bottom: 4px;
  margin-right: 2px;
}
.product-img-s {
  height: 182px;
  width: 100%;
}
.product-img-s img {
  max-height: 100%;
  max-width: 100%;
}
.product-img {
  height: 375px;
}
.mega-img {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-sizing: content-box;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}
.mega-deal {
  top: 60px;
  right: -15px;
  text-transform: uppercase;
}
.sale-deal {
  right: -15px;
  top: 16px;
}
p.p-before {
  font-weight: 100;
  margin: 0 1rem;
  display: inline-block;
  line-height: 1.2;
  color: #c6c6c6;
  position: relative;
}
p.p-before::after {
  font-weight: 100;
  position: absolute;
  left: 10%;
  top: 25%;
  transform: skewY(-10deg);
  content: "";
  width: 80%;
  border-bottom: 1.5px solid #c6c6c6;
}
p.sale,
a.sale {
  color: #e58406;
  font-size: 1.75rem;
}
.super article {
  position: relative;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}
@media (max-width: 450px) {
  .super article {
    height: 600px;
  }
}
.super article h3 {
  line-height: 0.9;
}
.super-deal {
  right: 0;
  top: 28px;
  text-transform: uppercase;
}
[class*="-deal"] {
  background-color: #e58406;
  z-index: 1;
  position: absolute;
  padding-right: 25px;
  padding-left: 25px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}
[class*="-deal"] h3 {
  color: #fff;
  line-height: 1;
}
/* ==============
Shopping Cart
================= */
.cart-img {
  display: inline-block;
  height: 100px;
}
.cart-actions a {
  padding: 10px;
}
.cart-actions .delete {
  position: absolute;
  right: 0;
}
/*========== 
Verzendopties 
============*/
.list {
  list-style-type: disc;
  margin-left: 15px;
}
.info {
  position: relative;
  text-align: center;
  display: inline-block;
  border: 1px solid #545555;
  border-radius: 50%;
  width: 18px;
  height: 18px;
}
.info-panel {
  background-color: #fff;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: all ease-in-out 0.4s;
  -moz-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}
.foldout {
  max-height: 250px;
  margin-bottom: 1rem;
}
.no-shipping {
  text-align: right;
  color: #79adaa;
}
/* ====================
===== Mijn Account ==== 
======================= */
.overzicht a {
  color: #507c89;
}
.account-img {
  position: relative;
  height: 150px;
  min-width: 120px;
  max-width: 150px;
  background-color: #dce7e9;
}
.account-img img {
  width: 100px;
  z-index: 3;
}
.retro-phone div::after,
.retro-phone div::before {
  content: "";
  display: block;
  left: calc(50% - 50px);
  position: absolute;
  border-radius: 50%;
  padding: 50px;
}
.retro-phone div::before {
  z-index: 2;
  transform: scale(0);
  -webkit-transform: scale(0);
}
.retro-phone:hover div::before {
  -webkit-animation: ring-inner 3s 3;
  animation: ring-inner 3s 3;
}
nav.account li {
  list-style: none;
}
.hidden.hidden-create-address {
  display: none;
}
@keyframes ring-inner {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0);
  }
  33.3333% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0.9);
  }
  66.6666% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }
}
.retro-phone div::after {
  z-index: 1;
  background-color: #507c89;
  box-shadow: 0 0 0 0 rgba(80, 124, 137, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
}
.retro-phone .account-img img {
  width: 80px;
  padding-right: 0.5rem;
}
.retro-phone:hover div::after {
  -webkit-animation: ring-outer 3s 3;
  animation: ring-outer 3s 3;
}
@keyframes ring-outer {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    box-shadow: 0 0 1px 2em rgba(80, 124, 137, 0), 0em 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }
  33.3333% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    box-shadow: 0 0 1px 0.4em rgba(80, 124, 137, 0.1), 0 0 0.05em 0.1em rgba(0, 0, 0, 0.5);
  }
  66.6666% {
    transform: scale(1);
    -webkit-transform: scale(1);
    box-shadow: 0 0 1px 1.5em rgba(80, 124, 137, 0), 0em 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    box-shadow: 0 0 1px 0.5em rgba(80, 124, 137, 0), 0em 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }
}
.retro-phone:hover img {
  -webkit-animation: ring-icon 3s 3;
  animation: ring-icon 3s 3;
}
@-webkit-keyframes ring-icon {
  0% {
    transform: translate3d(0em, 0, 0);
    -webkit-transform: translate3d(0em, 0, 0);
  }
  2% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  4% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  6% {
    transform: translate3d(0.2em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  8% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  10% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  12% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  14% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  16% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  18% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  20% {
    transform: translate3d(-0.2em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  22% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  24% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  26% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  28% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  30% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  32% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  34% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  36% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  38% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  40% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  42% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  44% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  46% {
    transform: translate3d(0em, 0, 0);
    -webkit-transform: translate3d(0em, 0, 0);
  }
}
@keyframes ring-icon {
  0% {
    transform: translate3d(0em, 0, 0);
    -webkit-transform: translate3d(0em, 0, 0);
  }
  2% {
    transform: translate3d(0.551em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  4% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  6% {
    transform: translate3d(0.01em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  8% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  10% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  12% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  14% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  16% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  18% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  20% {
    transform: translate3d(-0.01em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  22% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  24% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  26% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  28% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  30% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  32% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  34% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  36% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  38% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  40% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  42% {
    transform: translate3d(0.09em, 0, 0);
    -webkit-transform: translate3d(0.09em, 0, 0);
  }
  44% {
    transform: translate3d(-0.09em, 0, 0);
    -webkit-transform: translate3d(-0.09em, 0, 0);
  }
  46% {
    transform: translate3d(0em, 0, 0);
    -webkit-transform: translate3d(0em, 0, 0);
  }
}
.favorites:hover img {
  animation: heartbeat 1.5s ease-in-out 3 both;
  -webkit-animation: heartbeat 1.5s ease-in-out 3 both;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.FAQ:hover img {
  -webkit-animation: wobble-hor-bottom 0.8s;
  animation: wobble-hor-bottom 0.8s;
}
@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
.retourShip:hover::after {
  content: "";
  z-index: 3;
  padding: 40px;
  display: block;
  position: absolute;
  right: 2.5rem;
  top: 25%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-animation: retour 2s 1;
  animation: retour 2s 1;
}
.retourShip:hover img {
  -webkit-animation: wobble 2s 0.4s 1;
  animation: wobble 2s 0.4s 1;
}
@keyframes retour {
  0% {
    transform: translateX(-1.5rem) translateY(-3rem) scale(0.5) rotateY(90deg);
    -webkit-transform: translateX(-1.5rem) translateY(-3rem) scale(0.5) rotateY(90deg);
    opacity: 0.3;
  }
  10% {
    transform: translateX(1rem) rotateY(85deg) scale(1.5);
    -webkit-transform: translateX(1rem) rotateY(85deg) scale(1.5);
    opacity: 1;
  }
  20% {
    transform: translateX(2em) skewX(0deg);
    -webkit-transform: translateX(2em) rotateY(0deg);
  }
  100% {
    transform: translateX(-10em);
    -webkit-transform: translateX(-10em);
    opacity: 0.3;
  }
}
@keyframes wobble {
  0% {
    transform: skew(0);
  }
  10% {
    transform: skew(0);
  }
  20% {
    transform: skew(20deg) translateX(2em);
    -webkit-transform: skew(20deg) translateX(2em);
  }
  25% {
    -webkit-transform: skew(-15deg) translateX(2.5em);
    transform: skew(-15deg) translateX(2.5em);
  }
  90% {
    -webkit-transform: skew(15deg) translateX(-9em);
    transform: skew(15deg) translateX(-9em);
  }
  95% {
    -webkit-transform: skew(0) translateX(-9.5em);
    transform: skew(0) translateX(-9.5em);
  }
  100% {
    transform: translateX(-10em) skew(8deg);
    -webkit-transform: translateX(-10em) skew(8deg);
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .slide-in {
    transform: translateX(120%);
    -webkit-transform: translateX(120%);
  }
}
.bg-darkest a {
  color: #ffffff;
}
fieldset:disabled {
  background-color: #dce7e9;
}
.danger {
  background-color: #e58406;
  color: #e58406 !important;
  padding: 12px 8px;
  cursor: pointer;
  border: 1px solid #e58406;
}
.form-group .danger {
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 10px 12px 9px 12px;
  height: 40px;
  box-sizing: border-box;
}
@media (min-width: 1000px) {
  .retour-card {
    max-width: 20%;
  }
}
.retour-card {
  position: relative;
  border-left: none;
}
.retour-card::before {
  content: "";
  display: block;
  position: absolute;
  right: -0.85em;
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  top: 55%;
  z-index: 2;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
@media (max-width: 999px) {
  .retour-card::before {
    top: calc(100% - 0.7em);
    right: calc(50% - .85em);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
}
.retour-card:last-of-type::before {
  display: none;
}
.retour-img {
  max-width: 80%;
  height: 100px;
}
.retour-img img {
  height: 100%;
}
/* ====================
= Favorieten lijstje =
======================= */
.wishlist > .row {
  background-color: #fff;
}
.favorites-options a {
  width: 44%;
  display: inline-block;
  background-color: #507c89;
  color: #fff;
  font-size: 12px;
  background-repeat: no-repeat;
  padding-top: 4px;
  padding-bottom: 4px;
}
@media (min-width: 800px) {
  .favorites-options a {
    font-size: 16px;
    padding-top: 4px;
    padding-bottom: 0;
  }
}
.similair::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 8px;
  left: calc(50% - 6.5em);
  background-repeat: no-repeat;
  background-size: contain;
}
.cart-sm::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 6px;
  left: calc(50% - 5.5em);
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 14px;
}
/* ====================
= Inloggen Betalingen =
======================= */
#login input,
#register input,
#paymentmethod input,
#couponcode input {
  background-color: #f1f1f1;
  margin: 0;
}
#registerNew {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 500ms cubic-bezier(0.675, 0.17, 0.245, 0.795);
  -moz-transition: all 500ms cubic-bezier(0.675, 0.17, 0.245, 0.795);
  -ms-transition: all 500ms cubic-bezier(0.675, 0.17, 0.245, 0.795);
  -o-transition: all 500ms cubic-bezier(0.675, 0.17, 0.245, 0.795);
  transition: all 500ms cubic-bezier(0.675, 0.17, 0.245, 0.795);
}
#registerNew.foldout {
  max-height: 143px;
}
.was-validated .form-control:invalid {
  background-image: none;
}
#account label,
#add-adres label,
#adres label,
#login label,
#register label,
#paymentmethod label,
#couponcode label,
.overzicht label {
  margin: 0;
}
.got-account {
  position: relative;
}
button.inside-input {
  right: 0;
}
.table td,
.table th {
  border-top: none;
}
.table thead th {
  border-bottom: none;
}
.form-control {
  border-radius: 0;
  padding-top: 6px;
  border-color: #c1d72e;
}
option {
  padding-top: 6px;
}
select.form-control {
  margin-top: 2px;
  border: none;
}
.select-style {
  border: 1px solid #ced4da;
  height: calc(2.25rem + 2px);
  border-right: 0.5rem solid #507c89;
}
.got-account::after {
  background-color: #79adaa;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 22px;
}
[class*="-step"] {
  background-color: #dce7e9;
  position: relative;
  width: 100%;
  height: 2.3em;
}
[class*="-step"]:first-child::after,
[class*="-step"]:nth-child(2)::after {
  z-index: 1;
  content: "";
  padding: 0.79rem;
  position: absolute;
  border-radius: 0 4px;
  right: -0.8rem;
  top: 5.7px;
  display: inline-block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
[class*="-step"].active {
  background-color: #507c89;
  color: #fff;
}
[class*="-step"].active::after {
  background-color: #507c89;
  color: #fff;
}
.overzicht p {
  margin-bottom: 0;
  padding-left: 12px;
}
.overzicht > .row:nth-child(odd) {
  background-color: #fff;
}
.overzicht > .row:last-of-type {
  background-color: #fff;
}
.total-cost:before {
  content: "+";
  position: absolute;
  right: 4px;
  top: -1.8rem;
}
/*DOWNLOADS*/
.download-list h2 {
  font-size: 1.875rem;
  color: #244469;
  font-weight: 700;
}
/* Mobile footer */
.mobile-footer {
  z-index: 3;
  position: fixed;
  padding-top: 1.5em;
  bottom: 0;
  width: 100%;
  right: 0;
  left: 0;
  margin: auto;
  background: linear-gradient(transparent, inherit 35%);
}
.mobile-footer .menu-close {
  position: absolute;
  right: 15px;
  bottom: 0;
}
footer .footer-top {
  background-image: url(img/maps/kaartje.png);
  background-size: cover;
  background-position: center;
  max-height: 790px;
  min-height: 400px;
}
footer {
  color: #224368;
  padding: 30px 0 0 0;
  background: #ffffff url(/lib/img/backgrounds/bg-header.png) repeat-x top center;
  position: relative;
  margin-top: 30px;
}
footer .scissor {
  position: absolute;
  top: -23px;
  left: 25%;
  width: 48px;
  height: 34px;
  background: url(/lib/img/framework/ft-scissor.png);
}
footer h3 {
  font-size: 0.9375rem;
  line-height: 0.9;
  font-weight: 600;
}
footer ul {
  padding: 0;
  margin-bottom: 2rem;
  margin-left: 19px;
}
footer ul.socials li a {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 21px;
  margin: 0 5px;
}
footer a {
  font-family: 'open sans', sans-serif;
  color: #000;
  text-decoration: none;
  font-weight: 300;
  font-size: 0.875rem;
}
footer a:hover {
  color: #224368;
  text-decoration: underline;
}
footer p {
  margin-bottom: 0;
  font-family: 'open sans', sans-serif;
  font-weight: 300;
  font-size: 0.875rem;
}
footer .sm-container.sm-container-follow .sm-icons .sm-link {
  background-color: #ffffff;
  color: #507c89;
}
footer .payment-options {
  text-align: center;
}
footer .payment-options img {
  margin: 0 15px;
  max-height: 64px;
}
.footer-bottom {
  font-size: 1rem;
}
.footer-bottom ul {
  display: flex;
  padding-left: 0;
}
.footer-bottom ul li {
  margin-right: 30px;
}
.footer-bottom a {
  color: #000;
  font-size: 0.9rem;
}
@media (max-width: 992px) {
  .footer-bottom ul {
    flex-direction: column;
    padding-left: 20px;
  }
}
.helpblock {
  position: absolute;
  top: -78px;
  width: 325px;
  height: 249px;
  background: url(/lib/img/backgrounds/bg-help.png) no-repeat;
  padding: 63px 100px 52px 34px;
}
@media (max-width: 992px) {
  .helpblock {
    margin: 0 auto;
    position: relative;
    top: 0;
  }
}
.footer-menu {
  -webkit-columns: 3 150px;
  -moz-columns: 3 150px;
  columns: 3 150px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
.footer-menu div {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
@media (max-width: 768px) {
  .footer-menu {
    -webkit-columns: 2 150px;
    -moz-columns: 2 150px;
    columns: 2 150px;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
    text-align: left;
  }
  .footer-menu div {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
@media (max-width: 767px) {
  footer .footer-mid {
    text-align: center;
  }
  footer .footer-mid .sm-icons {
    display: flex;
    justify-content: space-around !important;
  }
}
.btn-search::before {
  content: "Zoeken";
  display: inline-block;
  position: absolute;
  width: 6rem;
  color: #fff;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: -60px;
  opacity: 1;
}
.card {
  background-color: transparent;
}
.svg-holder {
  display: inline-block;
  visibility: hidden;
}
.svg-holder.svg-search,
.svg-holder.svg-login,
.svg-holder.svg-cart {
  width: 34px;
  height: 34px;
}
.svg-holder.svg-search .cls-1,
.svg-holder.svg-login .cls-1,
.svg-holder.svg-cart .cls-1,
.svg-holder.svg-search .st0,
.svg-holder.svg-login .st0,
.svg-holder.svg-cart .st0 {
  fill: #ffffff;
}
.svg-holder.svg-search {
  height: 30px;
  width: 30px;
}
.svg-holder.svg-button {
  width: 24px;
  height: 24px;
}
.button-text {
  display: inline-block;
  font-weight: 400;
  margin-top: 15px;
  padding: 10px 25px;
  background-color: rgba(255, 255, 255, 0);
  background: url(/lib/img/framework/bt-button.png) no-repeat center left;
  color: #244469;
  position: relative;
  font-size: 0.9375rem;
  /*.svg-button {
        position: absolute;
        right: 15px;
        top: 10px;

        .cls-1, .st0 {
            fill: @cl-button-default-text;
        }
    }*/
}
.button-text.green {
  font-size: 1rem;
  background: url(/lib/img/framework/bt-button-green.png) no-repeat center left;
  margin-top: 0;
}
.button-text:hover {
  color: #244469;
  text-decoration: none;
}
.button-text.button-large {
  font-size: 1.5rem;
}
.button-text.button-large .svg-button {
  height: 24px;
  width: 24px;
}
.button-text.button-vacancy {
  background-color: #000000;
  color: #ffffff;
  font-size: 1.5rem;
}
.button-text.button-vacancy .svg-button {
  height: 24px;
  width: 24px;
}
.button-text.button-vacancy .svg-button .cls-1,
.button-text.button-vacancy .svg-button .st0 {
  fill: #ffffff;
}
.button-text.button-back {
  align-items: center;
  background: url(/lib/img/framework/bt-stitch.png) no-repeat 14px 13px, url(/lib/img/backgrounds/bg-btn-stitch-right.png) no-repeat top right, url(/lib/img/backgrounds/bg-btn-stitch.png) no-repeat top left;
  border: none;
  color: #244469;
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 300;
  height: 59px;
  padding: 0px 19px 0 52px;
  width: auto;
}
.button-text.button-back .svg-button {
  float: left;
  margin: 15px 0 0 0;
  transform: rotate(180deg);
}
.button-text.button-back .svg-button .cls-1,
.button-text.button-back .svg-button .st0 {
  fill: #244469;
}
.button-text.button-invert {
  background-color: transparent;
  color: rgba(255, 255, 255, 0);
}
.button-text.button-invert .svg-button .cls-1,
.button-text.button-invert .svg-button .st0 {
  fill: rgba(255, 255, 255, 0);
}
.button-text.button-form {
  color: #000000;
  width: auto;
}
.button-text.button-form.button-invert {
  background-color: transparent;
  color: inherit;
}
.button-text.button-form.button-invert .svg-button .cls-1,
.button-text.button-form.button-invert .svg-button .st0 {
  fill: inherit;
}
.button-text.button-right {
  float: right;
}
form.product-to-cart button {
  display: inline-block;
  background: url(/lib/img/framework/bt-stitch.png) no-repeat 14px 13px, url(/lib/img/backgrounds/bg-btn-stitch-right.png) no-repeat top right, url(/lib/img/backgrounds/bg-btn-stitch.png) no-repeat top left;
  height: 59px;
  border: none;
  cursor: pointer;
  padding: 0px 19px 0 52px;
  color: #000;
  font-size: 1rem;
  font-weight: 300;
  width: auto;
  line-height: 3.5rem;
  /*&.to-cart {
            background-color: @cl-webshop-buttons-bg;
            color: @cl-webshop-buttons-text;
        }*/
}
form.product-to-cart button.to-favorite {
  background-color: #fff;
  color: #244469;
  position: relative;
  display: block;
}
.submitForm,
.submitCheckout,
.button-form {
  display: inline-block;
  background: url(/lib/img/framework/bt-stitch.png) no-repeat 14px 13px, url(/lib/img/backgrounds/bg-btn-stitch-right.png) no-repeat top right, url(/lib/img/backgrounds/bg-btn-stitch.png) no-repeat top left;
  height: 59px;
  border: none;
  cursor: pointer;
  padding: 0px 19px 0 52px;
  font-size: 1rem;
  font-weight: 300;
  width: auto;
  line-height: 3.5rem;
  margin-top: 0;
  color: #000;
}
.submitForm:hover,
.submitCheckout:hover,
.button-form:hover {
  background-color: transparent;
}
.cart-btn {
  display: inline-block;
  background: url(/lib/img/framework/bt-stitch-order.png) no-repeat 14px 13px, url(/lib/img/backgrounds/bg-btn-stitch-right.png) no-repeat top right, url(/lib/img/backgrounds/bg-btn-stitch.png) no-repeat top left;
  height: 59px;
  border: none;
  cursor: pointer;
  padding: 0px 19px 0 52px;
  color: #000;
  font-size: 1rem;
  font-weight: 300;
  width: auto;
  line-height: 3.5rem;
  margin-top: 0;
}
/* #region Inleiding */
section.inleiding {
  text-align: left;
}
section.inleiding .container article {
  position: relative;
}
section.inleiding .inleiding-content {
  background-color: #ffffff;
  color: #545555;
}
section.inleiding article {
  position: relative;
  padding-left: 15px;
}
section.inleiding article:after {
  background-image: url(/lib/img//backgrounds/stich-left2.png);
  background-repeat: no-repeat;
  bottom: 15px;
  content: '';
  display: block;
  left: -15px;
  position: absolute;
  top: 0;
  width: 22px;
  z-index: 10;
}
/* #endregion */
/* Highlightslider */
.highlight-intro {
  font-weight: 300;
  font-size: 0.875rem;
  padding: 36px 0;
}
.highlight-intro h2 {
  font-weight: 700;
  font-size: 1.375rem;
}
.hlp-slider {
  padding: 0 60px;
}
.hlp-slider .slick-prev {
  left: 15px;
}
.hlp-slider .slick-next {
  right: 15px;
}
/* #region Service Module */
.service-container {
  position: relative;
  /*margin-bottom: 300px;*/
  margin-bottom: 30px;
}
.service-container #service-slider .slick-prev {
  top: auto;
  bottom: -30px;
}
.service-container #service-slider .slick-next {
  bottom: -30px;
  top: auto;
}
@media (min-width: 1024px) {
  .service-container #service-slider .slick-prev {
    left: -30px;
    top: 50%;
  }
  .service-container #service-slider .slick-next {
    right: -30px;
    top: 50%;
  }
}
.service-container.service-overview {
  margin-bottom: -50px;
  /*-150px;*/
}
.service-container.service-overview > .container {
  position: relative;
  top: auto;
}
.service-container.service-overview + section {
  padding-top: 100px;
}
.service-container div.service {
  background-color: #ffffff;
  color: #545555;
  min-height: 280px;
  /*320px;*/
  text-align: center;
  padding: 36px 0 10px;
}
.service-container div.service div.service-img {
  display: inline-block;
  margin: 0 auto;
  min-height: 110px;
}
.service-container div.service a {
  color: #545555;
  font-weight: 500;
}
.service-container div.service a:hover {
  text-decoration: none;
}
#header-slider + .service-container > .container {
  margin-top: -170px;
}
header.noheader + .service-container {
  margin-bottom: 30px;
}
header.noheader + .service-container > .container {
  margin-top: 60px;
  position: relative;
  top: auto;
}
/* #endregion */
/* #region Reference Slider */
.reference-slider .reference-slider-item {
  padding: 15px 60px;
  /*.button-text {
			background-color: @cl-referencemodule-text;
			color: @cl-referencemodule-alt;

			.svg-button {
				.cls-1, .st0 {
					fill: @cl-referencemodule-alt;
				}
			}
		}*/
}
.reference-slider .reference-slider-item img {
  margin: 0 auto 25px auto;
}
/* #endregion */
/* #region Higlight Section */
section.highlight {
  height: 223px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 50px;
  margin-top: 25px;
}
section.highlight .container {
  height: 100%;
}
section.highlight .container .row {
  height: 100%;
}
section.highlight article {
  background-color: #ffffff;
  color: #545555;
  /*.button-text {
			background-color: @cl-highlightmodule-alt;
			color: @cl-highlightmodule-bg;

			.svg-button {
				.cls-1, .st0 {
					fill: @cl-highlightmodule-bg;
				}
			}
		}*/
}
/* #endregion */
/* #region News Module */
.news {
  color: #545555;
  position: relative;
  text-align: center;
  /*.button-text {
		background-color: @cl-newsmodule-button-bg;
		color: @cl-newsmodule-button-text;

		.svg-button {
			.cls-1, .st0 {
				fill: @cl-newsmodule-button-text;
			}
		}
	}*/
}
.news article {
  background-color: #ffffff;
  color: #545555;
}
.news.module.margin {
  margin-bottom: -305px !important;
}
.news.module.margin + section.social {
  padding-top: 320px;
}
.news > .row {
  position: relative;
}
.news > .container {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.news > .container > .container:nth-child(2) {
  position: absolute;
  top: 20%;
  right: 0;
}
.news .img-container {
  height: 410px;
  z-index: 0;
}
.news .news-image-slider .slick-slide {
  height: 410px;
}
@media (max-width: 576px) {
  .news .news-image-slider .slick-slide {
    height: 180px;
  }
}
.news .txt-container {
  height: auto;
  z-index: 100;
}
@media (min-width: 992px) {
  .news .txt-container {
    min-height: 314px !important;
  }
}
.news img {
  width: 100%;
  height: 100%;
  right: 0;
  object-fit: cover;
}
.news .news-content-slider .news-slider-item {
  background-color: #ffffff;
  color: #545555;
  padding: 0 90px;
}
.news .news-content-slider .news-slider-item .button-text {
  background-color: #507c89;
  color: #ffffff;
}
.news .news-content-slider .news-slider-item .button-text .svg-button .cls-1,
.news .news-content-slider .news-slider-item .button-text .svg-button .st0 {
  fill: #ffffff;
}
.news .news-content-slider .slick-arrow .svg-button .cls-1,
.news .news-content-slider .slick-arrow .svg-button .st0 {
  fill: #79adaa;
}
.news .row > .container:nth-child(2) {
  left: 0;
  position: absolute;
  top: 0;
}
.news-module-container {
  position: relative;
}
.news-module-container .news-module-background {
  background-color: inherit;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 200px;
}
/* #endregion */
.cookie-bar {
  background-color: #224368;
  bottom: 0;
  color: #ffffff;
  display: none;
  left: 0;
  padding: 10px 0;
  position: fixed;
  right: 0;
  z-index: 10000;
}
.cookie-bar a {
  color: #ffffff;
}
.cookie-bar a:hover {
  color: #ffffff;
}
.cookie-bar button {
  float: right;
  padding: 0 10px;
  width: auto;
}
@media (max-width: 992px) {
  .cookie-bar button {
    margin-top: 15px;
  }
}
/* #region Call Me Back*/
.callback-container {
  background-color: #545555;
  font-weight: 300;
  position: absolute;
  right: 0;
  z-index: 1000;
}
.callback-container a {
  color: #ffffff;
  display: inline-block;
  font-weight: 400;
  padding: 10px;
}
.callback-container a:hover {
  text-decoration: none;
}
.callback-container a .svg-button {
  margin-left: 10px;
}
.callback-container a .svg-button .cls-1,
.callback-container a .svg-button .st0 {
  fill: #ffffff;
}
.callback-container .callbackform-container {
  background-color: #545555;
  color: #ffffff;
  display: none;
  min-width: 350px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0;
}
.callback-container .callbackform-container a {
  padding: 0;
}
.callback-container .callbackform-container .button-close {
  color: #ffffff;
  font-size: 2rem;
  line-height: 1;
  position: absolute;
  right: 15px;
  top: 15px;
}
.callback-container .callbackform-container .form .lblgrp label {
  color: rgba(255, 255, 255, 0.6);
}
.callback-container .callbackform-container .form .lblgrp input {
  border-color: #ffffff;
  color: #ffffff;
}
.callback-container .callbackform-container .form .checkbox {
  margin-top: 10px;
}
.callback-container .callbackform-container .form .checkbox input[type=checkbox] {
  float: left;
  margin: 5px 10px 0 0;
}
.callback-container .callbackform-container .form .checkbox span {
  float: left;
  width: calc(100% - 23px);
}
.callback-container .callbackform-container .form button {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.callback-container .callbackform-container .form button .svg-button .cls-1,
.callback-container .callbackform-container .form button .svg-button .st0 {
  fill: #ffffff;
}
.callback-container.open .callbackform-container {
  display: block;
}
@media (max-width: 768px) {
  .callback-container {
    bottom: 0;
    left: 0;
    position: fixed;
  }
  .callback-container > a {
    display: block;
    text-align: center;
  }
  .callback-container .callbackform-container {
    bottom: 0;
    left: 0;
    top: auto;
  }
}
/* #endregion*/
/* #region General Slider */
.slick-arrow {
  cursor: pointer;
}
.slick-prev,
.slick-next {
  transform: translateY(-50%);
}
.slick-dots {
  display: inline-block;
}
.slick-dots li {
  float: left;
  list-style: none;
}
.slick-dots li button {
  background-color: #545555;
  border: none;
  border-radius: 50%;
  display: block;
  font-size: 0;
  height: 10px;
  padding: 10px;
  width: 10px;
}
.slick-dots li.slick-active button {
  background-color: #79adaa;
}
.slick-dots li + li {
  margin-left: 10px;
}
/* #endregion */
/* #region SocialMedia */
.sm-container .sm-icons .sm-link {
  background-color: #000000;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  float: left;
  font-size: 20px;
  height: 40px;
  line-height: 1;
  position: relative;
  width: 40px;
  margin-right: 10px;
  margin-bottom: 10px;
  /*& + .sm-link {
				margin-left: 20px;
			}*/
}
.sm-container .sm-icons .sm-link:before {
  transition: all 0.2s;
  font-family: 'webstart76';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sm-container .sm-icons .sm-link:hover {
  background-color: #000000;
}
.sm-container .sm-icons .sm-link:hover:before {
  transform: translate(-50%, -50%) scale(1.5) rotate(25deg);
}
.sm-container .sm-icons .sm-link .sm-link-title {
  display: none;
}
.sm-container .sm-icons .sm-link.sm-link-facebook:before {
  content: "\e000";
}
.sm-container .sm-icons .sm-link.sm-link-instagram:before {
  content: "\e005";
}
.sm-container .sm-icons .sm-link.sm-link-linkedin:before {
  content: "\e001";
}
.sm-container .sm-icons .sm-link.sm-link-pinterest:before {
  content: "\e003";
}
.sm-container .sm-icons .sm-link.sm-link-twitter:before {
  content: "\e002";
}
.sm-container .sm-icons .sm-link.sm-link-youtube:before {
  content: "\e004";
}
.sm-container.sm-container-share .sm-icons .sm-link {
  background-color: #000000;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  float: left;
  font-size: 20px;
  height: 40px;
  line-height: 1;
  position: relative;
  width: 40px;
}
.sm-container.sm-container-share .sm-icons .sm-link + .sm-link {
  margin-left: 0;
  /*20px;*/
}
/* #endregion */
/* #region Photogalery */
#gallery-slider {
  text-align: center;
}
#gallery-slider .slick-list {
  margin: 30px 0;
  padding: 30px 15px;
}
#gallery-slider .slick-list .img-container-s {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 190px;
  position: relative;
  width: 100%;
  z-index: 1;
  transition: all ease-in-out 0.25s;
}
#gallery-slider .slick-list .img-container-s:hover {
  transform: scale(1.3, 1.3);
  z-index: 999;
}
/* #endregion */
/* #region Logo Slider */
section.our-brands {
  background-color: #ffffff;
  color: #545555;
  text-align: center;
}
section.our-brands .slick-list {
  margin: 0 auto;
  width: 80%;
}
/* #endregion */
/* #region Contact Module */
section.contact-page {
  padding-bottom: 30px;
  margin-top: 30px;
}
section.contact-page a {
  color: #000000;
}
section.contact-page .contact-info {
  margin: 0 0 30px 0;
}
section.contact-page .contact-info a {
  font-weight: 400;
}
section.contact-page .sm-container {
  margin-bottom: 30px;
  overflow: hidden;
}
/* Algemeen formulier */
.form .lblgrp {
  margin-bottom: 5px;
  padding-top: 20px;
  position: relative;
  width: 100%;
}
.form .lblgrp label {
  color: rgba(0, 0, 0, 0.6);
  cursor: text;
  font-size: 20px;
  left: 15px;
  margin: 0;
  position: absolute;
  top: 36px;
  -webkit-transition: top 0.2s, color 0.2s;
  -moz-transition: top 0.2s, color 0.2s;
  -o-transition: top 0.2s, color 0.2s;
  transition: top 0.2s, color 0.2s;
}
.form .lblgrp.filled label {
  color: #000000;
  font-size: 12px;
  top: 0;
}
.form .lblgrp.required label:after {
  content: '*';
}
.form .lblgrp input,
.form .lblgrp textarea {
  background-color: transparent;
  border: solid 1px #c1d72e;
  color: #000000;
  font-size: 20px;
  padding: 15px 15px 15px 15px;
  width: 100%;
  /*&.error {
				border: 2px solid @cl-contactform-alt;
			}*/
}
.form .lblgrp textarea {
  height: 150px;
}
.form .checkbox {
  margin-bottom: 30px;
}
.form .checkbox a:hover {
  text-decoration: underline;
}
.form .radiogrp {
  color: #000000;
  display: flex;
  font-size: 20px;
  padding: 15px 15px 0 15px;
  justify-content: space-between;
}
.form .ddgrp {
  margin-bottom: 5px;
  padding-top: 20px;
  position: relative;
  width: 100%;
}
.form .ddgrp select {
  background: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  cursor: pointer;
  font-size: 20px;
  margin-bottom: 0;
  padding: 5px 15px 5px 15px;
  position: relative;
  width: 100%;
  /*&.error {
				border: 2px solid @cl-8;
			}*/
}
.form .ddgrp select option {
  color: #545555;
}
.form .ddgrp .ddgrp-title {
  color: #ffffff;
  cursor: text;
  font-size: 20px;
  left: 15px;
  position: absolute;
  top: 25px;
  -webkit-transition: top 0.2s, color 0.2s;
  -moz-transition: top 0.2s, color 0.2s;
  -o-transition: top 0.2s, color 0.2s;
  transition: top 0.2s, color 0.2s;
}
.form .ddgrp.filled .ddgrp-title {
  font-size: 12px;
  top: 0;
}
.form .fileupload {
  margin-bottom: 5px;
  padding-top: 20px;
  position: relative;
  width: 100%;
}
.form .fileupload .fileupload-title {
  color: #ffffff;
  cursor: text;
  font-size: 20px;
  left: 15px;
  position: absolute;
  top: 25px;
  -webkit-transition: top 0.2s, color 0.2s;
  -moz-transition: top 0.2s, color 0.2s;
  -o-transition: top 0.2s, color 0.2s;
  transition: top 0.2s, color 0.2s;
}
.form .fileupload.filled .fileupload-title {
  font-size: 12px;
  top: 0;
}
.form .fileupload .nice-upload {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  cursor: pointer;
  font-size: 20px;
  margin-bottom: 0;
  padding: 5px 15px 5px 15px;
  position: relative;
  width: 100%;
  /*&.error {
				border: 2px solid @cl-8;
			}*/
}
.form .fileupload .nice-upload input {
  visibility: hidden;
}
form input.error,
form textarea.error,
form select.error,
form .nice-upload.error {
  border: 2px solid #ff0000;
}
form span.error {
  color: #ff0000;
  display: block;
  font-size: 14px;
  line-height: 1.2;
}
/* Contact section */
@media (min-width: 991px) {
  section.contact .vraag {
    text-align: left;
  }
}
section.contact {
  background-color: #79adaa;
  color: #000000;
}
section.contact a {
  text-decoration: none;
  color: #000000;
  font-weight: 400;
  margin-top: 10px;
}
section.contact .row > div {
  text-align: center;
}
/* #endregion */
/*#region Instagram */
section.instagram {
  background-color: #79adaa;
  color: #ffffff;
}
/*#endregion */
@media (max-width: 990px) {
  .news > .row > .container:nth-child(2) {
    position: relative !important;
    /*top: 120px;*/
  }
}
@media (max-width: 576px) {
  section.inleiding {
    margin: 0 -15px 15px -15px;
    padding: 0 15px;
  }
  section.inleiding .flow {
    padding: 0 15px;
  }
  section.inleiding .flow:before {
    display: none;
  }
  .reference-slider .reference-slider-item {
    padding: 15px 15px;
  }
  .reference-slider .reference-slider-item img {
    margin: 0 auto 25px auto;
  }
  .reference-slider .slick-prev {
    top: 135px;
    left: 0;
  }
  .reference-slider .slick-next {
    top: 135px;
    right: 0;
  }
  .news .news-content-slider .slick-arrow.slick-prev {
    left: 0;
  }
  .news .news-content-slider .slick-arrow.slick-next {
    right: 0;
  }
  .news .news-content-slider .news-slider-item {
    padding: 0 40px;
  }
  .news .img-container {
    height: 180px;
  }
  section.contact-page h1 {
    font-size: 30px;
    margin-top: 15px;
  }
}
@media (min-width: 800px) {
  .news-module-container + section.social {
    margin-top: 305px;
  }
}
@media (min-width: 1200px) {
  .news-module-container + section.social {
    margin-top: 305px;
  }
}
@media (min-width: 992px) {
  .news > .container > .slick-next {
    right: 45%;
  }
  .news img {
    top: -150px;
  }
}
@media (min-width: 500px) {
  section.contact-page {
    margin-top: 50px;
  }
}
@media (max-width: 768px) {
  footer .sm-container .sm-icons .sm-link,
  .social .sm-container .sm-icons .sm-link {
    height: 50px;
    width: 50px;
    margin-right: 5px;
  }
}
@media (min-width: 992px) {
  section.contact-page {
    margin-top: 10px;
  }
}
@media (max-width: 560px) {
  /*.service-container {
		margin-bottom: 200px;
	}*/
  section.highlight {
    height: auto;
    padding: 15px 0;
  }
  section.highlight .container {
    height: auto;
  }
  section.highlight .container .row {
    height: auto;
  }
}
@media (min-width: 1024px) {
  .news.module .container {
    margin-left: 15px;
  }
  .news.module .container:nth-child(2) {
    right: 15px !important;
  }
}