/* ==========================================================================
  CSS Reset
  ========================================================================== */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Resources/fonts/fa-regular-400.eot);
  src: url(/Resources/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(/Resources/fonts/fa-regular-400.woff2) format("woff2"), url(/Resources/fonts/fa-regular-400.woff) format("woff"), url(/Resources/fonts/fa-regular-400.ttf) format("truetype"), url(/Resources/fonts/fa-regular-400.svg#fontawesome) format("svg");
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url(/Resources/fonts/fa-brands-400.eot);
  src: url(/Resources/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(/Resources/fonts/fa-brands-400.woff2) format("woff2"), url(/Resources/fonts/fa-brands-400.woff) format("woff"), url(/Resources/fonts/fa-brands-400.ttf) format("truetype"), url(/Resources/fonts/fa-brands-400.svg#fontawesome) format("svg");
}
.fa, .fab, .fal, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.far {
  font-weight: 400;
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/Resources/fonts/fa-solid-900.eot);
  src: url(/Resources/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/Resources/fonts/fa-solid-900.woff2) format("woff2"), url(/Resources/fonts/fa-solid-900.woff) format("woff"), url(/Resources/fonts/fa-solid-900.ttf) format("truetype"), url(/Resources/fonts/fa-solid-900.svg#fontawesome) format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
}

.fa, .far, .fas {
  font-family: "Font Awesome 5 Free";
}

.fa, .fas {
  font-weight: 900;
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-phone:before {
  content: "\f095";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-tiktok:before {
  content: "\e07b";
}

.fa-linkedin:before {
  content: "\f08c";
}

.fa-times:before {
  content: "\f00d";
}

.fa-cookie-bite:before {
  content: "\f563";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-user:before {
  content: "\f007";
}

.fa-star:before {
  content: "\f005";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-seedling:before {
  content: "\f4d8";
}

.fa-fish:before {
  content: "\f578";
}

.fa-pepper-hot:before {
  content: "\f816";
}

.fa-pepper-hot:before {
  content: "\f810";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-utensils:before {
  content: "\f2e7";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-heart:before {
  content: "\f004";
}

.fa-clock:before {
  content: "\f017";
}

.fa-cocktail:before {
  content: "\f561";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.checkbox {
  padding: 0px !important;
  margin: 0 !important;
}
.checkbox input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.checkbox input:checked + label:after {
  opacity: 1 !important;
  visibility: visible !important;
}
.checkbox label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  margin-bottom: 0;
}
.checkbox label a {
  color: #1b7db1;
  text-decoration: underline;
}
.checkbox label:after {
  content: "\f00c" !important;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 4px;
  font-size: 16px;
  line-height: initial;
  top: 3px;
  margin-left: 0;
  opacity: 0;
  visibility: hidden;
  color: #1b7db1;
}
.checkbox label:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 23px;
  height: 23px;
  left: 0;
  border-radius: 0;
  background-color: transparent;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  border: #1b7db1 1px solid;
  color: #000;
  border-radius: 5px;
}

.radio {
  padding: 0px !important;
}
.radio input {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.radio input[type=radio]:checked + label::before {
  background: #D31447 !important;
}
.radio label {
  position: relative;
  padding-left: 35px;
  margin: 0px;
  margin-bottom: 10px !important;
  text-align: left !important;
  cursor: pointer;
  color: #939393;
  font-weight: 500 !important;
  font-size: 14px;
}
.radio label:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  border: 1px solid #4B4B4B;
  border-radius: 50%;
  background-color: #fff;
}

.radio-custom {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.radio-custom input {
  opacity: 0;
  position: absolute;
}
.radio-custom input:checked + label {
  background: #E0374F;
  color: #fff !important;
}
.radio-custom .disabled {
  opacity: 0.5;
}
.radio-custom .disabled label {
  pointer-events: none;
}
.radio-custom label {
  background: #F2FAFC;
  padding: 14px 30px;
  text-align: center;
  cursor: pointer;
  border-radius: 33px;
  margin-bottom: 0 !important;
  color: #222222;
  font-weight: 100;
  margin-right: 5px;
  text-align: center;
}

.topheader {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  padding: 7px 0;
}
.topheader .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.topheader .logo {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  border-right: 1px solid #707070;
  padding-right: 15px;
}
.topheader .logo img {
  max-width: 125px;
  width: 100%;
  height: auto;
}
.topheader ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 0 0 25px;
}
.topheader ul li:not(:last-child) {
  margin: 0 45px 0 0;
}
.topheader ul li:hover img, .topheader ul li.active img {
  filter: grayscale(0);
}
.topheader ul li a {
  display: block;
  /* padding: 10px 25px; */
  transition: all 0.2s ease-in-out;
  background: transparent;
  position: relative;
  color: #9b9b9b;
  text-decoration: none !important;
  font-size: 16px;
}
.topheader ul li .logo-menu {
  filter: grayscale(1);
  max-width: 125px;
  width: 100%;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}
.topheader .btn-default {
  display: table;
  background: #D3F6FF;
  border-radius: 100px;
  padding: 15px 40px;
  position: relative;
  color: #36B5D6;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(1);
  /* &:after {
      content: '';
  transition: all .3s ease-in-out;
      background: #36B5D6;
      position: absolute;
      right: 0;
      top: 0;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(-25deg);
  }*/
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
}
.topheader .btn-default:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transform: scale(1.03);
}
.topheader .btn-default:hover:after {
  transform: rotate(0);
}
.topheader .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.topheader .btn-default.loading:before {
  content: "\f110" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: absolute;
  left: 10px;
  background: none;
  transform: none;
  top: initial;
  width: initial;
  height: initial;
}
.topheader .btn-default:after {
  content: "";
  transition: all 0.3s ease-in-out;
  position: relative;
  top: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: url(/Resources/img/icons/arrow.svg), #36B5D6;
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(-25deg);
  display: inline-block;
  margin: -15px -40px -15px 20px;
  right: -10px;
}

.hamburger {
  position: relative;
  z-index: 3;
  width: 40px;
  height: 25px;
  display: none;
}
.hamburger .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
}
.hamburger #nav-icon2 {
  width: 50px;
  height: 35px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.hamburger #nav-icon2 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 50%;
  background: #36B5D6;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.hamburger #nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}
.hamburger #nav-icon2 span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px;
}
.hamburger #nav-icon2 span:nth-child(1), .hamburger #nav-icon2 span:nth-child(2) {
  top: 0px;
}
.hamburger #nav-icon2 span:nth-child(3), .hamburger #nav-icon2 span:nth-child(4) {
  top: 18px;
}
.hamburger #nav-icon2 span:nth-child(5), .hamburger #nav-icon2 span:nth-child(6) {
  top: 36px;
}
.hamburger #nav-icon2.open {
  top: 0;
}
.hamburger #nav-icon2.open span {
  background: #E0374F;
}
.hamburger #nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}
.hamburger #nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}
.hamburger #nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
.hamburger #nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
.hamburger #nav-icon2.open span:nth-child(5) {
  left: 3px;
  top: 23px;
}
.hamburger #nav-icon2.open span:nth-child(6) {
  left: 21px;
  top: 23px;
}
.hamburger #nav-icon2.open span:nth-child(1), .hamburger #nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hamburger #nav-icon2.open span:nth-child(2), .hamburger #nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (min-width: 1200px) {
  .custom-nav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    /*margin-left: auto;*/
  }
  .custom-nav .dropdown-desktop {
    cursor: pointer;
  }
  .custom-nav .dropdown-desktop:after {
    content: "";
    position: absolute;
    top: 53%;
    transform: translateY(-50%);
    right: 5px;
    background-image: url(/Resources/img/arrow.svg);
    width: 11px;
    height: 11px;
    background-size: cover;
    filter: brightness(0) invert(1);
  }
  .custom-nav .dropdown-desktop .offcanvas-submenu {
    padding: 20px 0 20px;
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    transition: all 0.3s ease-in-out;
    background: #fff;
    width: 100%;
    min-width: 375px;
    opacity: 0;
    visibility: hidden;
    border-radius: 20px;
  }
  .custom-nav .dropdown-desktop .offcanvas-submenu b {
    display: block;
    margin-bottom: 10px;
  }
  .custom-nav .dropdown-desktop .offcanvas-submenu li.active a {
    font-weight: normal;
    color: #36B5D6;
  }
  .custom-nav .dropdown-desktop .offcanvas-submenu li.active a:before {
    content: "";
    position: relative;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 50%;
    display: inline-block;
    transform: translateY(-50%);
    margin-right: 5px;
  }
  .custom-nav .dropdown-desktop .offcanvas-submenu li a {
    color: #223D52;
  }
  .custom-nav .dropdown-desktop .drop-desk li {
    width: 100%;
  }
  .custom-nav .dropdown-desktop .drop-desk li:hover a {
    font-weight: bold;
  }
  .custom-nav .dropdown-desktop .drop-desk li a {
    display: table;
    line-height: initial;
  }
  .custom-nav .dropdown-desktop .drop-desk li.back-btn {
    display: none;
  }
  main {
    margin-top: 113px;
  }
  header {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    padding: 4px 0;
    background: #36B5D6;
    transition: all 0.3s ease-in-out;
  }
  header.scroll, header.static, header.no-gradient {
    max-height: initial;
    opacity: 1;
  }
  header .menu .logo-menu {
    filter: grayscale(1);
    max-width: 100px;
    width: 100%;
    display: inline-block;
    transition: all 0.3s ease-in-out;
  }
  header .menu .logo-menu:nth-of-type(1) {
    margin: 0 15px;
  }
  header .menu .logo-menu:hover {
    filter: grayscale(0);
  }
  header .logo {
    display: inline-block;
    position: relative;
    max-width: 150px;
    width: 100%;
    margin-right: 10px;
    border-right: 1px solid #707070;
    padding-right: 15px;
  }
  header .logo img {
    max-width: 125px;
    width: 100%;
    height: auto;
  }
  header .container-fluid.custom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
  }
  header .mobile-show {
    display: none;
  }
  header .right-menu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: auto;
    align-items: center;
    position: relative;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  }
  header .offcanvas-menu ul li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  header .offcanvas-menu ul li.active a.JS-KeuzehulpMenu {
    font-weight: 600;
    color: #ce3866;
  }
  header .offcanvas-menu ul li:hover .offcanvas-submenu {
    opacity: 1;
    visibility: visible;
  }
  header .offcanvas-menu ul li:hover a {
    color: #E0374F;
  }
  header .offcanvas-menu ul li.mobile {
    display: none;
  }
  header .offcanvas-menu ul li a {
    display: block;
    padding: 5px 25px;
    transition: all 0.2s ease-in-out;
    background: transparent;
    position: relative;
    color: #fff;
    font-size: 16px;
    text-decoration: none !important;
  }
}
@media only screen and (max-width: 1200px) {
  .right-menu {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: auto;
    flex-wrap: wrap;
    flex-direction: row;
    z-index: 1;
    border-radius: 50px;
    padding: 10px;
    background: #36a3dc;
    display: none;
  }
  .right-menu .btn-default {
    display: none;
  }
  .right-menu .menu-icon {
    position: relative;
    color: #141414;
    text-align: center;
    line-height: 30px;
    padding: 0 10px;
  }
  .right-menu .menu-icon img {
    max-width: 15px;
    width: 15px;
  }
  .right-menu .hide-email, .right-menu .hide-phone {
    border-right: 1px solid #fff;
    display: inline-block;
  }
  .right-menu .mobile {
    color: #fff;
    position: relative;
    padding: 0 0 0 25px;
    margin-right: 15px;
    /*            &:before {
                    content: "";
                    position: absolute;
                    top: 4px;
                    left: 0;
                    background-size: contain;
                    background-repeat: no-repeat;
                    width: 20px;
                    height: 20px;
                    background-image: url(/Resources/img/icons/telefoon-yellow.svg);
                }*/
  }
  main {
    margin-top: 60px;
  }
  .menu-middle .container-fluid {
    padding: 0 !important;
  }
  .menu-middle .right .menu-icon {
    height: 35px;
    width: 35px;
    margin: 0 4px;
  }
  .menu-middle .right .menu-icon.show-desktop {
    display: none;
  }
  .menu-middle .right .menu-icon.hide-desktop {
    display: block;
  }
  .menu-middle .right .menu-icon i {
    font-size: 16px;
  }
  html.active {
    overflow: hidden;
  }
  html.active header .custom-nav {
    right: 0% !important;
    visibility: visible;
  }
  html.active .overlay-search {
    opacity: 1;
    left: 0;
    visibility: visible;
  }
  .hamburger {
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
  }
  .offcanvas-menu {
    position: relative;
    width: 100%;
    /*  overflow: hidden;*/
    margin: 0px 0px 20px;
  }
  .offcanvas-menu .container {
    padding: 0;
  }
  .offcanvas-menu .title-drop {
    font-weight: 600;
    font-size: 20px;
    padding-left: 20px;
    margin: 25px 0px 5px;
  }
  .offcanvas-menu .menu.off-view {
    transform: translate3d(-100%, 0, 0);
  }
  .offcanvas-menu ul li {
    display: block;
  }
  .offcanvas-menu ul li.back-btn a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    padding: 15px 20px;
    margin-bottom: 10px;
  }
  .offcanvas-menu ul li.back-btn a:before {
    content: "\f060";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: relative;
    margin-right: 10px;
  }
  .offcanvas-menu ul li.mobile {
    display: block;
  }
  .offcanvas-menu ul li.mobile.bg-color {
    padding: 0 0 0 20px;
    /*  background: #fff;

    a {
        color: #fff !important;
    }*/
  }
  .offcanvas-menu ul li.mobile.bg-color a {
    display: table;
    background: #D3F6FF;
    border-radius: 100px;
    padding: 15px 40px;
    position: relative;
    color: #36B5D6;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
    transform: scale(1);
    /* &:after {
        content: '';
    transition: all .3s ease-in-out;
        background: #36B5D6;
        position: absolute;
        right: 0;
        top: 0;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
        background-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        transform: rotate(-25deg);
    }*/
  }
  .offcanvas-menu ul li.mobile.bg-color a:hover {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    transform: scale(1.03);
  }
  .offcanvas-menu ul li.mobile.bg-color a:hover:after {
    transform: rotate(0);
  }
  .offcanvas-menu ul li.mobile.bg-color a.loading {
    opacity: 0.6;
    pointer-events: none;
    position: relative;
    padding-left: 40px;
  }
  .offcanvas-menu ul li.mobile.bg-color a.loading:before {
    content: "\f110" !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    position: absolute;
    left: 10px;
    background: none;
    transform: none;
    top: initial;
    width: initial;
    height: initial;
  }
  .offcanvas-menu ul li.mobile a {
    color: rgb(61, 31, 49) !important;
  }
  .offcanvas-menu ul li a {
    display: block;
    padding: 10px 20px;
    transition: color 0.3s;
    color: #fff;
    text-decoration: none;
  }
  .offcanvas-menu ul li a i {
    margin-right: 10px;
  }
  .offcanvas-menu ul li.has-children > .offcanvas-submenu {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    /* height: 100%;*/
    transform: translate3d(100%, 0, 0);
    transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    overflow-y: auto;
  }
  .offcanvas-menu ul li.has-children > .offcanvas-submenu.in-view {
    transform: translate3d(0, 0, 0);
  }
  .offcanvas-menu ul li.has-children > .offcanvas-submenu.in-view.off-view {
    transform: translate3d(-100%, 0, 0);
  }
  .offcanvas-menu ul li.has-children > span {
    display: block;
    position: relative;
    width: 100%;
  }
  .offcanvas-menu ul li.has-children > span .sub-menu-toggle {
    display: block;
  }
  .offcanvas-menu ul li.has-children > span a {
    padding-right: 65px;
    color: #fff;
  }
  .offcanvas-menu ul li.has-children.not-child .sub-menu-toggle {
    display: none !important;
  }
  .offcanvas-menu ul li .sub-menu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: calc(100% - 1px);
    transition: background-color 0.3s;
    z-index: 1;
    display: none;
  }
  .offcanvas-menu ul li .sub-menu-toggle:after {
    content: "\f061";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 33px;
    height: 33px;
    border-radius: 5px;
    color: #4ab8d6;
    text-align: center;
    line-height: 33px;
    background: #D3F6FF;
  }
  .offcanvas-menu .menu {
    position: relative;
    transform: translate3d(0, 0, 0);
    transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  }
  .topheader {
    padding: 7px 0px;
  }
  .topheader ul {
    display: none;
  }
  .topheader .btn-default {
    padding: 10px 20px;
    margin: 0 0 0 10px;
  }
  .topheader .btn-default:after {
    width: 45px;
    height: 45px;
    margin: -10px -20px -10px 20px;
    right: 0;
  }
  .topheader .logo img {
    width: 100px;
  }
  header {
    left: 0;
    width: 100%;
    top: 0;
    z-index: 999;
    position: fixed;
    transition: all 0.3s ease-in-out;
  }
  header .dropdown-custom .back-btn:not(:first-child) {
    display: none;
  }
  header .dropdown-custom li .sub-menu-toggle {
    display: none !important;
  }
  header .logo {
    display: table;
    position: relative;
    left: 0;
    width: 100%;
  }
  header .logo img {
    margin-right: 10px;
    width: 150px;
    height: auto;
  }
  header.active .custom-nav {
    right: 0;
  }
  header.active .custom-nav .nav-items {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  header .custom-nav {
    position: fixed;
    top: 60px;
    width: 45%;
    z-index: 2;
    bottom: 0;
    background-color: #36b5d6;
    transition: right 0.4s ease-in-out;
    padding: 25px 0;
    height: 100vh;
    overflow-y: hidden;
    right: -45%;
    -ms-overflow-style: none;
    height: calc(100vh - (100vh - 100%) - 60px);
    overflow: hidden;
  }
  header .custom-nav::-webkit-scrollbar {
    display: none;
  }
  header .custom-nav .off-canvas {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: auto;
    transform: translate3d(100%, 0, 0);
    transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  }
  header .custom-nav .off-canvas.in-view {
    transform: translate3d(0, 0, 0);
  }
  header .custom-nav .nav-items {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 20px;
    letter-spacing: 2px;
    position: relative;
    transform: translate3d(0, 0, 0);
    transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  }
  header .custom-nav .nav-items.off-view {
    transform: translate3d(-100%, 0, 0);
  }
  header .custom-nav .nav-items .dropdown-test .nav-big-down {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: auto;
    transform: translate3d(100%, 0, 0);
    transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  }
  header .custom-nav .nav-items li {
    margin-bottom: 20px;
  }
  header .custom-nav .close-mobile {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 30px;
  }
  header .custom-nav .title {
    display: block;
    font-size: 24px;
    color: #000;
    position: relative;
    font-weight: 900;
  }
  header .custom-nav .social {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 30px;
  }
  header .custom-nav .social li {
    display: inline-block;
    margin-right: 20px;
  }
  header .custom-nav .social li:last-child {
    margin-right: 0px;
  }
  header .custom-nav .social li a {
    color: #D31447;
  }
  header .custom-nav .mobile-copyright {
    margin: 0;
    display: inline-block;
    width: 100%;
    margin-top: 50px;
    color: #D31447;
  }
  header .custom-nav .mobile-show {
    display: block;
    margin-top: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  header .custom-nav .mobile-show ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
    padding: 10px 20px;
  }
  header .custom-nav .mobile-show ul li:not(:last-child) {
    margin: 0 15px 0 0;
  }
  header .custom-nav .mobile-show ul li .logo-menu {
    filter: grayscale(1);
    max-width: 100px;
    width: 100%;
    display: inline-block;
    transition: all 0.3s ease-in-out;
  }
  header .custom-nav .mobile-show ul li:hover img, header .custom-nav .mobile-show ul li.active img {
    filter: grayscale(0);
  }
}
@media only screen and (max-width: 1200px) and (max-width: 767.5px) {
  header .custom-nav {
    width: 100%;
    right: -100%;
  }
  html.active {
    overflow: hidden;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 360px) {
  header .logo img {
    max-width: 125px;
    margin: 0 10px;
  }
}
@media only screen and (max-width: 1200px) {
  .menu-middle {
    width: 100%;
    left: 0;
    padding: 10px 0;
  }
  .menu-middle .shopping-bag .drop {
    position: fixed;
    top: 55px;
    z-index: 999;
    right: initial;
    left: 15px;
    width: calc(100% - 30px);
    min-width: inherit;
    max-height: calc(100vh - 150px);
    height: 100%;
  }
  .menu-middle .shopping-bag .drop .list::-webkit-scrollbar {
    display: none;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .menu-middle .search {
    position: absolute;
    left: 0px;
    top: 60px;
    padding: 10px 15px;
    background: #D31447;
    width: 100%;
    order: 3;
    margin-left: auto;
    max-width: inherit;
  }
  .menu-middle .search .form-group .form-control {
    padding: 8px 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .menu-middle .search .form-group .btn-search {
    top: 0px;
  }
}
@media only screen and (max-width: 767.5px) {
  .search-results .inner {
    max-height: 70vh;
    overflow-y: scroll;
    margin: 0;
    padding: 20px 15px;
    -webkit-overflow-scrolling: touch;
  }
  .search-results .inner .close-search {
    padding: 0;
    right: 20px;
    font-size: 26px;
    top: 25px;
  }
  .search-results .inner b {
    display: block;
    margin-bottom: 10px;
  }
  .search-results .inner .products {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0px;
  }
  .search-results .inner .products .item {
    align-items: flex-start;
  }
  .search-results .inner .products .item .right-side {
    padding-left: 0;
    max-width: calc(100% - 120px);
    flex: 0 0 calc(100% - 120px);
    align-items: start;
  }
  .search-results .inner .products .item .right-side .price {
    margin: 10px auto 10px 0;
  }
  .search-results .inner .products .item .right-side .btn-list .stock, .search-results .inner .products .item .right-side .btn-list .delivery {
    text-align: left;
  }
  .search-results .inner .products .item .right-side .info, .search-results .inner .products .item .right-side .price, .search-results .inner .products .item .right-side .btn-list {
    max-width: 100%;
    text-align: left;
    width: 100%;
    justify-content: start;
  }
  .search-results .inner .products .item h6 {
    margin-bottom: 5px;
  }
  .search-results .inner .products .item img {
    flex: 0 0 20%;
    max-width: 20%;
    object-fit: contain;
  }
  .search-results .inner .cats {
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 15px;
    border-right: 0;
    margin-bottom: 30px;
  }
}
.reviews {
  padding: 0 0 75px;
  color: #000;
  /* the slides */
  /* the parent */
}
.reviews.pd-bottom {
  padding: 75px 0 50px;
}
.reviews h2, .reviews h3, .reviews h4, .reviews h5, .reviews h6, .reviews h6 {
  font-size: 42px;
}
.reviews .text-top {
  text-align: center;
  margin: 0 0 50px;
}
.reviews .text-top b {
  display: table;
  padding: 3px 50px;
  border: 1px solid #000000;
  border-radius: 100px;
  margin: 0 auto 15px;
  font-size: 16px;
  font-weight: 400;
}
.reviews .rating-block {
  text-align: center;
}
.reviews .rating-block a {
  color: #000;
  transition: all 0.3s ease-in-out;
}
.reviews .rating-block a:hover {
  color: #36B5D6;
}
.reviews .rating-block .stars {
  margin: 0;
}
.reviews .rating-block .rating {
  display: flex;
  justify-content: center;
  align-items: center;
}
.reviews .rating-block .rating .google-logo {
  max-width: 25px;
  margin: 0 10px 0 0;
}
.reviews .rating-block .rating b {
  font-size: 24px;
}
.reviews .stars {
  display: block;
  margin: 0 0 5px;
}
.reviews .stars img {
  display: inline-block;
  max-width: 20px;
}
.reviews .slick-track {
  display: flex !important;
}
.reviews .slick-slide {
  height: inherit !important;
}
.reviews .slick-slide > div {
  height: 100%;
}
.reviews .slick-dots {
  text-align: center;
  margin: 15px 0 0;
}
.reviews .slick-dots li {
  font-size: 0;
  display: inline-block;
}
.reviews .slick-dots li.slick-active button {
  background: #36B5D6;
}
.reviews .slick-dots li button {
  width: 12px;
  height: 12px;
  cursor: pointer;
  background: #d6d6d6;
  border: 0;
  box-shadow: none;
  font-size: 0;
  padding: 0;
  margin: 0 3px;
  border-radius: 50%;
}
.reviews .review-item {
  border: 1px solid #EEEEEE;
  border-radius: 7px;
  padding: 25px;
  height: 100%;
}
.reviews .slick-slide {
  margin: 0 5px;
}
.reviews .slick-list {
  margin: 0 -5px;
}
.reviews .text {
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  line-height: 22px;
}
.reviews .text.active {
  -webkit-line-clamp: inherit;
}
.reviews .read-more {
  text-decoration: underline !important;
  color: #36B5D6;
  position: relative;
  z-index: 99;
  cursor: pointer;
}
.reviews .btn-default {
  display: table;
  background: #D3F6FF;
  border-radius: 100px;
  padding: 15px 40px;
  position: relative;
  color: #36B5D6;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(1);
  /* &:after {
      content: '';
  transition: all .3s ease-in-out;
      background: #36B5D6;
      position: absolute;
      right: 0;
      top: 0;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(-25deg);
  }*/
  margin: 50px auto 0;
  padding: 10px 50px;
}
.reviews .btn-default:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transform: scale(1.03);
}
.reviews .btn-default:hover:after {
  transform: rotate(0);
}
.reviews .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.reviews .btn-default.loading:before {
  content: "\f110" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: absolute;
  left: 10px;
  background: none;
  transform: none;
  top: initial;
  width: initial;
  height: initial;
}

.simple-text {
  position: relative;
  padding: 55px 0 55px;
}
.simple-text.no-top {
  padding-top: 0;
}
.simple-text .logo {
  position: relative;
  bottom: 0;
  right: 0;
  padding: 2px 5px 3px 5px;
  background: #fff;
  border-radius: 50%;
  max-width: 100px;
  margin: -90px 0 55px auto;
  display: table;
}
.simple-text:before {
  content: "";
  position: absolute;
  top: -20px;
  right: 100px;
  background-image: url("/Resources/img/banner-bg.svg");
  background-size: 720px;
  background-repeat: no-repeat;
  height: 720px;
  width: 720px;
}
.simple-text .row:not(.justify-content-center) {
  margin: 0px -5px;
}
.simple-text .row:not(.justify-content-center) .col-sm-3 {
  padding: 0px 5px;
}
.simple-text .top-text, .simple-text .wrapper-text {
  color: #37B5D6;
  font-size: 75px;
  font-weight: 600;
}
.simple-text .top-text h1, .simple-text .top-text h2, .simple-text .top-text h3, .simple-text .top-text h4, .simple-text .top-text h5, .simple-text .top-text h6, .simple-text .wrapper-text h1, .simple-text .wrapper-text h2, .simple-text .wrapper-text h3, .simple-text .wrapper-text h4, .simple-text .wrapper-text h5, .simple-text .wrapper-text h6 {
  font-size: 55px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-bottom: 55px;
  line-height: 55px;
  color: #36B5D6;
}
.simple-text .top-text h1.mrg-top, .simple-text .top-text h2.mrg-top, .simple-text .top-text h3.mrg-top, .simple-text .top-text h4.mrg-top, .simple-text .top-text h5.mrg-top, .simple-text .top-text h6.mrg-top, .simple-text .wrapper-text h1.mrg-top, .simple-text .wrapper-text h2.mrg-top, .simple-text .wrapper-text h3.mrg-top, .simple-text .wrapper-text h4.mrg-top, .simple-text .wrapper-text h5.mrg-top, .simple-text .wrapper-text h6.mrg-top {
  margin-top: 75px;
}
.simple-text .top-text h1 i, .simple-text .top-text h1 em, .simple-text .top-text h2 i, .simple-text .top-text h2 em, .simple-text .top-text h3 i, .simple-text .top-text h3 em, .simple-text .top-text h4 i, .simple-text .top-text h4 em, .simple-text .top-text h5 i, .simple-text .top-text h5 em, .simple-text .top-text h6 i, .simple-text .top-text h6 em, .simple-text .wrapper-text h1 i, .simple-text .wrapper-text h1 em, .simple-text .wrapper-text h2 i, .simple-text .wrapper-text h2 em, .simple-text .wrapper-text h3 i, .simple-text .wrapper-text h3 em, .simple-text .wrapper-text h4 i, .simple-text .wrapper-text h4 em, .simple-text .wrapper-text h5 i, .simple-text .wrapper-text h5 em, .simple-text .wrapper-text h6 i, .simple-text .wrapper-text h6 em {
  font-family: "futura-pt", sans-serif;
}
.simple-text .top-text h1 strong, .simple-text .top-text h2 strong, .simple-text .top-text h3 strong, .simple-text .top-text h4 strong, .simple-text .top-text h5 strong, .simple-text .top-text h6 strong, .simple-text .wrapper-text h1 strong, .simple-text .wrapper-text h2 strong, .simple-text .wrapper-text h3 strong, .simple-text .wrapper-text h4 strong, .simple-text .wrapper-text h5 strong, .simple-text .wrapper-text h6 strong {
  font-weight: 600;
  color: #ffc71e;
}
.simple-text .top-text h1 p, .simple-text .top-text h2 p, .simple-text .top-text h3 p, .simple-text .top-text h4 p, .simple-text .top-text h5 p, .simple-text .top-text h6 p, .simple-text .wrapper-text h1 p, .simple-text .wrapper-text h2 p, .simple-text .wrapper-text h3 p, .simple-text .wrapper-text h4 p, .simple-text .wrapper-text h5 p, .simple-text .wrapper-text h6 p {
  margin: 0;
}
@media only screen and (max-width: 767.5px) {
  .simple-text .top-text h1, .simple-text .top-text h2, .simple-text .top-text h3, .simple-text .top-text h4, .simple-text .top-text h5, .simple-text .top-text h6, .simple-text .wrapper-text h1, .simple-text .wrapper-text h2, .simple-text .wrapper-text h3, .simple-text .wrapper-text h4, .simple-text .wrapper-text h5, .simple-text .wrapper-text h6 {
    font-size: 35px;
    margin-bottom: 25px;
    line-height: 35px;
  }
  .simple-text .top-text h1.mrg-top, .simple-text .top-text h2.mrg-top, .simple-text .top-text h3.mrg-top, .simple-text .top-text h4.mrg-top, .simple-text .top-text h5.mrg-top, .simple-text .top-text h6.mrg-top, .simple-text .wrapper-text h1.mrg-top, .simple-text .wrapper-text h2.mrg-top, .simple-text .wrapper-text h3.mrg-top, .simple-text .wrapper-text h4.mrg-top, .simple-text .wrapper-text h5.mrg-top, .simple-text .wrapper-text h6.mrg-top {
    margin-top: 55px;
  }
}
.simple-text .top-text p, .simple-text .wrapper-text p {
  margin: 0;
}
.simple-text .top-text img, .simple-text .wrapper-text img {
  width: 100%;
  max-width: 200px;
  margin: 0 15px;
}
.simple-text .top-text {
  text-align: center;
  margin: 0 0 35px;
}
.simple-text .top-text i, .simple-text .top-text em {
  font-family: "futura-pt", sans-serif;
}
.simple-text .wrapper-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.simple-text .wrapper-text b, .simple-text .wrapper-text strong {
  font-weight: 600;
  color: #FFC71E;
}
.simple-text .wrapper-text i, .simple-text .wrapper-text em {
  color: #E0374F;
  font-style: normal;
}
.simple-text .text {
  text-align: center;
  margin: 25px 0 0px;
}
.simple-text .col-sm-3:nth-child(1) {
  order: 2;
}
.simple-text .col-sm-3:nth-child(2) {
  order: 1;
}
.simple-text .col-sm-3:nth-child(3) {
  order: 3;
}
.simple-text .col-sm-3:nth-child(4) {
  order: 4;
}
.simple-text .col-sm-3:nth-child(5) {
  order: 5;
}
.simple-text .col-sm-3:nth-child(6) {
  order: 6;
}
.simple-text .col-sm-3:nth-child(7) {
  order: 7;
}
.simple-text .col-sm-3:nth-child(8) {
  order: 8;
}
.simple-text .col-sm-3:nth-child(9) {
  order: 9;
}
.simple-text .col-sm-3:nth-child(10) {
  order: 10;
}
.simple-text .col-sm-3:nth-child(11) {
  order: 12;
}
.simple-text .col-sm-3:nth-child(12) {
  order: 11;
}
.simple-text .block-item {
  display: block;
  position: relative;
  margin-bottom: 10px;
  border-radius: 40px;
  overflow: hidden;
}
.simple-text .block-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  z-index: 2;
}
.simple-text .block-item.orientatiefase:before, .simple-text .block-item.systeembegeleiding:before, .simple-text .block-item.kidcoaching:before {
  background: #FFC71E;
}
.simple-text .block-item.ambulante-behandeling-iag:before, .simple-text .block-item.ambulante-behandeling-onderwijs:before, .simple-text .block-item.ouder-kind-behandeling:before {
  background: #E0374F;
}
.simple-text .block-item.multidisciplinaire-kinder-dagbehandeling:before, .simple-text .block-item.vaktherapie:before, .simple-text .block-item.diagnostiek:before, .simple-text .block-item.jongerencoaching:before {
  background: #6DC9E1;
}
.simple-text .block-item img {
  width: 100%;
  filter: grayscale(1);
  opacity: 0.9;
}
.simple-text .block-item span {
  position: absolute;
  bottom: 50px;
  left: 30px;
  z-index: 2;
  color: #fff;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.34);
  font-weight: 600;
  font-size: 22px;
}
.simple-text .block-item-text {
  border-radius: 40px;
  height: calc(100% - 10px);
  position: relative;
  margin-bottom: 10px;
}
.simple-text .block-item-text.image a {
  display: table;
  background: #D3F6FF;
  border-radius: 100px;
  padding: 15px 40px;
  position: relative;
  color: #36B5D6;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(1);
  /* &:after {
      content: '';
  transition: all .3s ease-in-out;
      background: #36B5D6;
      position: absolute;
      right: 0;
      top: 0;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(-25deg);
  }*/
  font-size: 20px;
  margin: 0 auto;
  min-width: 220px;
  background: #ffffff;
  color: #36b5d6;
}
.simple-text .block-item-text.image a:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transform: scale(1.03);
}
.simple-text .block-item-text.image a:hover:after {
  transform: rotate(0);
}
.simple-text .block-item-text.image a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.simple-text .block-item-text.image a.loading:before {
  content: "\f110" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: absolute;
  left: 10px;
  background: none;
  transform: none;
  top: initial;
  width: initial;
  height: initial;
}
.simple-text .block-item-text.image img:nth-child(1) {
  opacity: 0.1;
  max-width: 45%;
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.simple-text .block-item-text.image img:nth-child(2) {
  filter: brightness(0) invert(1);
  max-width: 55%;
  margin-bottom: 30px;
}
.simple-text .block-item-text.blue {
  background: #36B5D6;
}
.simple-text .block-item-text span {
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 27px;
  width: 100%;
  line-height: 32px;
  font-weight: 500;
}
.simple-text .block-item-text span em {
  font-family: "futura-pt", sans-serif;
}
.simple-text .block-item-text span img {
  max-width: 35px;
  width: 100%;
  display: block;
  margin: 0 auto 10px;
}
.simple-text .block-item-text span b, .simple-text .block-item-text span strong {
  color: #FFC71E;
}

.section-blue-text {
  padding: 25px 0;
  background: #37B5D6;
  border-radius: 40px;
  color: #fff;
}
.section-blue-text h1, .section-blue-text h2, .section-blue-text h3, .section-blue-text h4, .section-blue-text h5, .section-blue-text h6 {
  font-size: 55px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-bottom: 55px;
  line-height: 55px;
  text-align: left;
  margin-bottom: 35px;
}
.section-blue-text h1.mrg-top, .section-blue-text h2.mrg-top, .section-blue-text h3.mrg-top, .section-blue-text h4.mrg-top, .section-blue-text h5.mrg-top, .section-blue-text h6.mrg-top {
  margin-top: 75px;
}
.section-blue-text h1 i, .section-blue-text h1 em, .section-blue-text h2 i, .section-blue-text h2 em, .section-blue-text h3 i, .section-blue-text h3 em, .section-blue-text h4 i, .section-blue-text h4 em, .section-blue-text h5 i, .section-blue-text h5 em, .section-blue-text h6 i, .section-blue-text h6 em {
  font-family: "futura-pt", sans-serif;
}
.section-blue-text h1 strong, .section-blue-text h2 strong, .section-blue-text h3 strong, .section-blue-text h4 strong, .section-blue-text h5 strong, .section-blue-text h6 strong {
  font-weight: 600;
  color: #ffc71e;
}
.section-blue-text h1 p, .section-blue-text h2 p, .section-blue-text h3 p, .section-blue-text h4 p, .section-blue-text h5 p, .section-blue-text h6 p {
  margin: 0;
}
@media only screen and (max-width: 767.5px) {
  .section-blue-text h1, .section-blue-text h2, .section-blue-text h3, .section-blue-text h4, .section-blue-text h5, .section-blue-text h6 {
    font-size: 35px;
    margin-bottom: 25px;
    line-height: 35px;
  }
  .section-blue-text h1.mrg-top, .section-blue-text h2.mrg-top, .section-blue-text h3.mrg-top, .section-blue-text h4.mrg-top, .section-blue-text h5.mrg-top, .section-blue-text h6.mrg-top {
    margin-top: 55px;
  }
}
.section-blue-text .img-wrap img {
  width: 100%;
  mask-image: url(/Resources/img/icons/mask-footer.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
  display: table;
  margin: auto;
  max-width: 400px;
}

.vacatures {
  position: relative;
  padding: 75px 0;
}
.vacatures.no-top {
  padding-top: 0;
}
.vacatures.no-top h1 em, .vacatures.no-top h2 em, .vacatures.no-top h3 em, .vacatures.no-top h4 em, .vacatures.no-top h5 em, .vacatures.no-top h6 em {
  color: #FFC71E;
}
.vacatures .floating-images img {
  max-width: 115px;
  height: auto;
  position: absolute;
}
.vacatures .floating-images img:nth-child(2) {
  max-width: 95px;
  right: 50px;
  top: 0;
}
.vacatures .floating-images img:nth-child(1) {
  top: 45%;
  left: -25px;
}
.vacatures .floating-images img:nth-child(3) {
  bottom: 0;
  right: -30px;
  width: 105px;
}
.vacatures h1, .vacatures h2, .vacatures h3, .vacatures h4, .vacatures h5, .vacatures h6 {
  color: #37B5D6;
  font-size: 55px;
  margin: 0 0 50px;
  text-align: center;
  display: block;
}
.vacatures h1 i, .vacatures h1 em, .vacatures h2 i, .vacatures h2 em, .vacatures h3 i, .vacatures h3 em, .vacatures h4 i, .vacatures h4 em, .vacatures h5 i, .vacatures h5 em, .vacatures h6 i, .vacatures h6 em {
  font-family: "futura-pt", sans-serif;
  color: #37B5D6;
}
.vacatures .item {
  background: #F2FAFC;
  padding: 35px;
  border-radius: 20px;
  display: block;
  color: #000;
  margin: 0 0 10px;
  position: relative;
}
.vacatures .item .arrow {
  position: absolute;
  bottom: 35px;
  right: 35px;
  max-width: 20px;
}
.vacatures .item .title {
  display: block;
  font-weight: bold;
  font-size: 26px;
  color: #37B5D6;
  margin: 0 0 10px;
}
.vacatures .item ul {
  display: block;
  margin: 10px 0 0;
}
.vacatures .item ul li {
  display: inline-block;
  position: relative;
  padding: 0 0 0 30px;
}
.vacatures .item ul li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  width: 25px;
  height: 25px;
}
.vacatures .item ul li:nth-of-type(1) {
  margin: 0 15px 0 0;
}
.vacatures .item ul li:nth-of-type(1):before {
  top: 4px;
  background-image: url("/Resources/img/icons/clock.svg");
}
.vacatures .item ul li:nth-of-type(2):before {
  top: 3px;
  background-image: url("/Resources/img/icons/graduation.svg");
  background-size: 25px;
}
.vacatures .btn-default {
  display: table;
  background: #D3F6FF;
  border-radius: 100px;
  padding: 15px 40px;
  position: relative;
  color: #36B5D6;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(1);
  /* &:after {
      content: '';
  transition: all .3s ease-in-out;
      background: #36B5D6;
      position: absolute;
      right: 0;
      top: 0;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(-25deg);
  }*/
  background: #E0374F;
  color: #fff;
  margin: 25px auto 0;
}
.vacatures .btn-default:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transform: scale(1.03);
}
.vacatures .btn-default:hover:after {
  transform: rotate(0);
}
.vacatures .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.vacatures .btn-default.loading:before {
  content: "\f110" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: absolute;
  left: 10px;
  background: none;
  transform: none;
  top: initial;
  width: initial;
  height: initial;
}

.infobook-section {
  padding: 60px 0;
  background: #F2FAFC;
  border-radius: 40px 40px 0 0;
  padding-bottom: 100px;
  margin-bottom: -50px;
}
.infobook-section img {
  max-width: 100%;
}
.infobook-section .btn-default {
  display: table;
  background: #D3F6FF;
  border-radius: 100px;
  padding: 15px 40px;
  position: relative;
  color: #36B5D6;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(1);
  /* &:after {
      content: '';
  transition: all .3s ease-in-out;
      background: #36B5D6;
      position: absolute;
      right: 0;
      top: 0;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(-25deg);
  }*/
  background: #36b5d6;
  color: #fff;
}
.infobook-section .btn-default:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transform: scale(1.03);
}
.infobook-section .btn-default:hover:after {
  transform: rotate(0);
}
.infobook-section .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.infobook-section .btn-default.loading:before {
  content: "\f110" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: absolute;
  left: 10px;
  background: none;
  transform: none;
  top: initial;
  width: initial;
  height: initial;
}
.infobook-section h1, .infobook-section h2, .infobook-section h3, .infobook-section h4, .infobook-section h5, .infobook-section h6 {
  font-size: 55px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-bottom: 55px;
  line-height: 55px;
  color: #36B5D6;
  margin-bottom: 20px;
  text-align: left;
}
.infobook-section h1.mrg-top, .infobook-section h2.mrg-top, .infobook-section h3.mrg-top, .infobook-section h4.mrg-top, .infobook-section h5.mrg-top, .infobook-section h6.mrg-top {
  margin-top: 75px;
}
.infobook-section h1 i, .infobook-section h1 em, .infobook-section h2 i, .infobook-section h2 em, .infobook-section h3 i, .infobook-section h3 em, .infobook-section h4 i, .infobook-section h4 em, .infobook-section h5 i, .infobook-section h5 em, .infobook-section h6 i, .infobook-section h6 em {
  font-family: "futura-pt", sans-serif;
}
.infobook-section h1 strong, .infobook-section h2 strong, .infobook-section h3 strong, .infobook-section h4 strong, .infobook-section h5 strong, .infobook-section h6 strong {
  font-weight: 600;
  color: #ffc71e;
}
.infobook-section h1 p, .infobook-section h2 p, .infobook-section h3 p, .infobook-section h4 p, .infobook-section h5 p, .infobook-section h6 p {
  margin: 0;
}
@media only screen and (max-width: 767.5px) {
  .infobook-section h1, .infobook-section h2, .infobook-section h3, .infobook-section h4, .infobook-section h5, .infobook-section h6 {
    font-size: 35px;
    margin-bottom: 25px;
    line-height: 35px;
  }
  .infobook-section h1.mrg-top, .infobook-section h2.mrg-top, .infobook-section h3.mrg-top, .infobook-section h4.mrg-top, .infobook-section h5.mrg-top, .infobook-section h6.mrg-top {
    margin-top: 55px;
  }
}

.contact-info {
  position: relative;
  background-color: #37b5d6;
  border-radius: 80px;
  padding: 75px 0 100px 0;
  background-image: url(/resources/img/icons/bg-footer.svg);
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: 106% 108%;
}
.contact-info.white-bg {
  background-color: #fff;
  margin-bottom: -75px;
}
.contact-info.white-bg .item.white {
  background: #37B5D6;
}
.contact-info.white-bg .item.white img {
  filter: brightness(0) invert(1);
}
.contact-info.white-bg .item.white a {
  color: #fff;
}
.contact-info.white-bg .title {
  color: #223D52;
}
.contact-info .maps-wrapper {
  position: relative;
  padding: 60px 40px;
}
.contact-info .maps-wrapper img.logo {
  position: absolute;
  bottom: -30px;
  right: -30px;
  padding: 2px 5px 3px 5px;
  background: #fff;
  border-radius: 50%;
  max-width: 100px;
}
.contact-info .maps-wrapper .location-item {
  z-index: 2;
  position: relative;
  border: 2px solid #C9D6D4;
  background: #fff;
  border-radius: 20px;
  cursor: pointer;
  padding: 15px 25px;
  padding-left: 15px;
  max-width: 370px;
  margin: 6px 0;
  display: block;
  color: #223D52;
  transition: all 0.3s ease-in-out;
}
.contact-info .maps-wrapper .location-item:hover {
  background: #d3f6ff;
  border-color: #36b5d6;
}
.contact-info .maps-wrapper .location-item svg {
  max-width: 20px;
  height: auto;
  vertical-align: middle;
  top: -4px;
  position: relative;
  margin-right: 5px;
}
.contact-info .maps-wrapper .location-item b {
  font-weight: 600;
}
.contact-info .maps-wrapper #maps {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  position: absolute;
  top: 0;
  left: 0;
}
.contact-info .title {
  font-size: 55px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-bottom: 55px;
  line-height: 55px;
  font-size: 50px;
  line-height: 55px;
}
.contact-info .title.mrg-top {
  margin-top: 75px;
}
.contact-info .title i, .contact-info .title em {
  font-family: "futura-pt", sans-serif;
}
.contact-info .title strong {
  font-weight: 600;
  color: #ffc71e;
}
.contact-info .title p {
  margin: 0;
}
@media only screen and (max-width: 767.5px) {
  .contact-info .title {
    font-size: 35px;
    margin-bottom: 25px;
    line-height: 35px;
  }
  .contact-info .title.mrg-top {
    margin-top: 55px;
  }
}
.contact-info .item {
  padding: 30px 20px;
  border-radius: 25px;
  color: #fff;
  text-align: center;
  height: calc(100% - 25px);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-top: 25px;
  background: #fff;
  font-size: 22px;
  /*   p{
      position:absolute;
      bottom:50px;
      left:50%;
      transform:translateX(-50%);
  }*/
}
.contact-info .item p {
  margin: 0;
}
.contact-info .item.yellow {
  background: #ffc71d;
}
.contact-info .item.pink {
  background: #ce3866;
}
.contact-info .item.white a {
  color: #37b5d6;
}
.contact-info .item .icon {
  max-width: 40px;
  width: 100%;
  display: block;
  margin: 0 auto 25px;
}
.contact-info .item a {
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.contact-info .item a:hover {
  color: #000;
}

.text-page {
  padding: 0px 0 50px;
}
.text-page ul:not(.breadcrumbs) {
  padding: 0 0 0 20px;
}
.text-page ul:not(.breadcrumbs) li {
  list-style: disc;
}
.text-page h1 {
  color: #00abe8;
  margin: 0 0 10px;
}

@media only screen and (max-width: 767.5px) {
  .simple-text {
    padding: 50px 0;
  }
  .simple-text .logo {
    margin: 0px auto 30px;
    max-width: 80px;
    padding: 0;
  }
  .simple-text .block-item-text {
    border-radius: 20px;
  }
  .simple-text .block-item-text.image a {
    min-width: initial;
    width: 90%;
    padding: 15px;
    font-size: 18px;
  }
  .simple-text .block-item-text span {
    font-size: 20px;
    line-height: 22px;
  }
  .simple-text .block-item {
    border-radius: 20px;
  }
  .simple-text .block-item span {
    max-width: 100%;
    left: 15px;
    bottom: 15px;
    font-size: 18px;
    line-height: 22px;
  }
  .simple-text .top-text {
    margin-bottom: 10px;
  }
  .simple-text .text {
    margin-bottom: 40px;
  }
  .simple-text .top-text, .simple-text .wrapper-text {
    font-size: 40px;
    line-height: 40px;
    flex-wrap: wrap;
  }
  .simple-text .top-text img, .simple-text .wrapper-text img {
    width: 100%;
    max-width: 130px;
    margin: 0 15px;
  }
  .simple-text:before {
    background-size: 350px;
    width: 375px;
    height: 375px;
    right: -50px;
    top: 0;
  }
  .simple-text .item {
    max-width: 275px;
    margin: 0 auto 25px;
    display: block;
  }
  .simple-text .item .logo {
    max-width: 175px;
  }
  .infobook-section {
    padding: 30px 0;
    margin-bottom: -15px;
  }
  .infobook-section img {
    max-width: 250px;
    margin-bottom: 25px;
  }
  .infobook-section .btn-default {
    width: 100%;
    text-align: center;
  }
  .vacatures {
    padding: 50px 0;
  }
  .vacatures .floating-images img:nth-child(2) {
    display: none;
  }
  .vacatures h1 {
    font-size: 35px;
    margin-bottom: 25px;
    line-height: 35px;
  }
  .vacatures h2, .vacatures h3, .vacatures h4, .vacatures h5, .vacatures h6 {
    font-size: 32px;
  }
  .vacatures .item {
    padding: 25px;
  }
  .vacatures .item .arrow {
    bottom: 20px;
    right: 20px;
  }
  .vacatures .item .title {
    font-size: 22px;
  }
  .contact-info {
    padding: 50px 0;
    border-radius: 25px;
  }
  .contact-info .maps-wrapper {
    position: relative;
    padding: 0;
  }
  .contact-info .maps-wrapper #maps {
    height: 350px;
    position: relative;
    margin-top: 20px;
  }
  .contact-info .item {
    margin-top: 15px;
    padding: 20px 30px;
    height: calc(100% - 15px);
  }
}
.popup {
  position: fixed;
  z-index: 12;
  left: 50px;
  bottom: 20px;
  width: calc(100% - 100px);
  background: rgba(240, 246, 255, 0.8);
  padding: 15px;
  color: #000;
  border-radius: 10px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}
.popup .accept {
  display: table;
  background: #D3F6FF;
  border-radius: 100px;
  padding: 15px 40px;
  position: relative;
  color: #36B5D6;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(1);
  /* &:after {
      content: '';
  transition: all .3s ease-in-out;
      background: #36B5D6;
      position: absolute;
      right: 0;
      top: 0;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(-25deg);
  }*/
  margin: 0 0 0 auto;
  color: #000;
}
.popup .accept:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transform: scale(1.03);
}
.popup .accept:hover:after {
  transform: rotate(0);
}
.popup .accept.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.popup .accept.loading:before {
  content: "\f110" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: absolute;
  left: 10px;
  background: none;
  transform: none;
  top: initial;
  width: initial;
  height: initial;
}
.popup p {
  margin: 0;
}
.popup p a {
  color: #257BE0;
}
.popup .link {
  color: #FFFFFF;
  margin-right: 15px;
}
.popup .cookies-img {
  margin-right: 30px;
  font-size: 25px;
  float: left;
  color: #fff;
}

.link-pref {
  color: #fff;
  margin-right: 50px;
}
.link-pref:hover {
  text-decoration: underline;
}

.cookies {
  padding: 45px 0;
}
.cookies .title {
  display: block;
  font-weight: 500;
  text-align: center;
  font-size: 30px;
  padding: 0 60px;
}
.cookies .text {
  font-size: 16px;
  margin-top: 30px;
}
.cookies .text b {
  font-size: 24px;
  color: #D31447;
  display: block;
  margin-bottom: 15px;
}
.cookies .banner {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
  color: #D31447;
  margin-bottom: 60px;
}
.cookies .banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  margin-top: -20px;
}
.cookies .info {
  margin-top: 30px;
}
.cookies .info ul {
  list-style: none;
  padding: 0;
}
.cookies .info li {
  transition: max-height 0.4s ease-in-out;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.cookies .info h4 {
  background: #D31447;
  font-size: 18px;
  letter-spacing: 3px !important;
  color: #fff;
  cursor: pointer;
  height: 60px;
  padding: 20px 15px 0 45px;
  position: relative;
  border-radius: 5px;
  width: 100%;
  margin: auto;
  text-transform: none;
}
.cookies .info h4:after {
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  background: transparent;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: -1;
  transition: background 0.2s ease-in-out;
}
.cookies .info h4:before {
  display: block !important;
  content: "";
  height: 30px;
  width: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: background 0.2s ease-in-out;
}
.cookies .info li.next h4:before, .cookies .info li.active h4:after {
  background: transparent;
}
.cookies .info .content {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.cookies .info .table {
  width: 1110px;
  max-width: 1110px;
  margin-top: 30px;
  color: #394452;
  text-transform: none;
}
.cookies .info .head {
  font-weight: 700;
  font-size: 18px;
}
.cookies .info .head .col {
  padding-top: 0 !important;
}
.cookies .info .content .row {
  display: flex;
}
.cookies .info .row .col {
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
}
.cookies .info .border {
  position: absolute;
  height: 2px;
  width: calc(100% - 15px);
  background: #000;
  left: 15px;
  bottom: 0;
}

.preference {
  margin: 50px 0;
  float: left;
  width: 100%;
}
.preference .disable {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.preference .checkbox-cookies input {
  opacity: 0;
  z-index: 1;
  position: absolute;
}
.preference .checkbox-cookies input:checked + label:before {
  background: #D31447;
}
.preference .checkbox-cookies input:checked + label:after {
  left: 20px !important;
}
.preference .checkbox-cookies label {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.preference .checkbox-cookies label:before {
  content: "";
  height: 30px;
  width: 45px;
  border: none;
  background: #b1b1b1;
  outline: none !important;
  border-radius: 100px;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  position: absolute;
  left: 0;
  transition: all 0.2s ease-in-out;
}
.preference .checkbox-cookies label:after {
  content: "" !important;
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  height: 20px;
  width: 20px;
  margin-left: 0;
  border-radius: 50%;
  background: #fff;
  transition: all 0.2s ease-in-out;
}
.preference .item {
  position: relative;
  margin-bottom: 30px;
}
.preference .btn {
  float: right;
}

.btn-cancel {
  text-decoration: none;
  font-weight: bold;
}

.btn-accept {
  float: right;
}
.btn-accept:hover {
  background: #394452;
  color: #fff;
}

.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (max-width: 1440px) {
  .popup .container-fluid {
    padding: 0 15px;
  }
}
@media (max-width: 992px) {
  .popup {
    left: 25px;
    width: calc(100% - 50px);
    padding: 10px 15px;
  }
  .cookies .title {
    padding: 0 120px;
  }
  .checkbox-mobile {
    position: absolute;
    right: 30px;
    top: -10px;
    text-align: right;
  }
  .preference .checkbox {
    margin-right: 0px;
  }
}
@media (max-width: 767.5px) {
  .cookies .title {
    padding: 0 30px;
  }
  .cookies .info h4 {
    text-align: center;
    padding: 10px;
    font-size: 16px;
  }
  .popup {
    padding: 15px 0;
    line-height: inherit;
    left: 15px;
    width: calc(100% - 30px);
    bottom: 15px;
  }
  .popup .link {
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
  }
  .popup p {
    padding: 0;
    padding-left: 0px;
  }
  .popup .cookies-img {
    margin-bottom: 15px;
    margin-right: 0px;
  }
  .popup .container-fluid {
    padding: 0 15px;
  }
  .popup .accept {
    margin-top: 15px;
    line-height: inherit;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    width: 70%;
    text-align: center;
    display: block;
  }
}
.vacature-detail-banner {
  position: relative;
  background: #F2FAFC;
  border-radius: 0 0 80px 80px;
  padding: 0px 0 75px;
}
.vacature-detail-banner .text {
  padding: 50px 0;
}
.vacature-detail-banner .btn-default {
  display: table;
  background: #D3F6FF;
  border-radius: 100px;
  padding: 15px 40px;
  position: relative;
  color: #36B5D6;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(1);
  /* &:after {
      content: '';
  transition: all .3s ease-in-out;
      background: #36B5D6;
      position: absolute;
      right: 0;
      top: 0;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(-25deg);
  }*/
  background: #E0374F;
  color: #fff;
  min-width: 200px;
  text-align: center;
  margin: 15px 0 0;
}
.vacature-detail-banner .btn-default:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transform: scale(1.03);
}
.vacature-detail-banner .btn-default:hover:after {
  transform: rotate(0);
}
.vacature-detail-banner .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.vacature-detail-banner .btn-default.loading:before {
  content: "\f110" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: absolute;
  left: 10px;
  background: none;
  transform: none;
  top: initial;
  width: initial;
  height: initial;
}
.vacature-detail-banner h1 {
  font-size: 50px;
  color: #36B5D6;
}
.vacature-detail-banner ul:not(.breadcrumbs) {
  display: block;
  margin: 5px 0 15px;
}
.vacature-detail-banner ul:not(.breadcrumbs) li {
  display: inline-block;
  position: relative;
  padding: 0 0 0 30px;
}
.vacature-detail-banner ul:not(.breadcrumbs) li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  width: 25px;
  height: 25px;
}
.vacature-detail-banner ul:not(.breadcrumbs) li:nth-of-type(1) {
  margin: 0 15px 0 0;
}
.vacature-detail-banner ul:not(.breadcrumbs) li:nth-of-type(1):before {
  top: 4px;
  background-image: url("/Resources/img/icons/clock.svg");
}
.vacature-detail-banner ul:not(.breadcrumbs) li:nth-of-type(2):before {
  top: 3px;
  background-image: url("/Resources/img/icons/graduation.svg");
  background-size: 25px;
}

.vacature-detail-text {
  padding: 75px 0;
}
.vacature-detail-text p {
  margin: 0 0 15px;
}
.vacature-detail-text .text.center {
  text-align: center;
}
.vacature-detail-text .text h2, .vacature-detail-text .text h3, .vacature-detail-text .text h4, .vacature-detail-text .text h5, .vacature-detail-text .text h6 {
  font-size: 55px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-bottom: 55px;
  line-height: 55px;
  color: #36B5D6;
  text-align: left;
  margin-bottom: 15px;
  font-size: 42px;
  line-height: 43px;
}
.vacature-detail-text .text h2.mrg-top, .vacature-detail-text .text h3.mrg-top, .vacature-detail-text .text h4.mrg-top, .vacature-detail-text .text h5.mrg-top, .vacature-detail-text .text h6.mrg-top {
  margin-top: 75px;
}
.vacature-detail-text .text h2 i, .vacature-detail-text .text h2 em, .vacature-detail-text .text h3 i, .vacature-detail-text .text h3 em, .vacature-detail-text .text h4 i, .vacature-detail-text .text h4 em, .vacature-detail-text .text h5 i, .vacature-detail-text .text h5 em, .vacature-detail-text .text h6 i, .vacature-detail-text .text h6 em {
  font-family: "futura-pt", sans-serif;
}
.vacature-detail-text .text h2 strong, .vacature-detail-text .text h3 strong, .vacature-detail-text .text h4 strong, .vacature-detail-text .text h5 strong, .vacature-detail-text .text h6 strong {
  font-weight: 600;
  color: #ffc71e;
}
.vacature-detail-text .text h2 p, .vacature-detail-text .text h3 p, .vacature-detail-text .text h4 p, .vacature-detail-text .text h5 p, .vacature-detail-text .text h6 p {
  margin: 0;
}
@media only screen and (max-width: 767.5px) {
  .vacature-detail-text .text h2, .vacature-detail-text .text h3, .vacature-detail-text .text h4, .vacature-detail-text .text h5, .vacature-detail-text .text h6 {
    font-size: 35px;
    margin-bottom: 25px;
    line-height: 35px;
  }
  .vacature-detail-text .text h2.mrg-top, .vacature-detail-text .text h3.mrg-top, .vacature-detail-text .text h4.mrg-top, .vacature-detail-text .text h5.mrg-top, .vacature-detail-text .text h6.mrg-top {
    margin-top: 55px;
  }
}
.vacature-detail-text .text ul {
  padding: 0 0 0 20px;
}
.vacature-detail-text .text ul li {
  list-style: disc;
  margin: 0 0 5px;
}

.text-blue-job {
  padding: 75px 0;
  color: white;
  background-color: #36b5d6;
  border-radius: 0px 0px 40px 40px;
  background-image: url(/Resources/img/banner-bg.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
}
.text-blue-job h1, .text-blue-job h2, .text-blue-job h3, .text-blue-job h4, .text-blue-job h5, .text-blue-job h6 {
  color: #fff;
}

.img-banner {
  width: 100%;
  margin: -50px 0;
}

.solliciteren {
  background: #36B5D6;
  border-radius: 0 0 75px 75px;
  padding: 125px 0 75px;
  color: #fff;
  text-align: center;
  margin: -50px 0 0 0;
}
.solliciteren h2, .solliciteren h3, .solliciteren h4, .solliciteren h5, .solliciteren h6 {
  color: #fff;
  font-size: 38px;
}

@media only screen and (max-width: 1200px) {
  .vacature-detail-banner {
    margin: 60px 0 0;
  }
}
@media only screen and (max-width: 991.5px) {
  .vacature-flexbox .wrapper .left, .vacature-flexbox .wrapper .right {
    padding: 25px;
  }
  .vacature-flexbox .wrapper .left {
    border-radius: 25px 0 0 25px;
  }
  .vacature-flexbox .wrapper .right {
    border-radius: 0 25px 25px 0;
  }
}
@media only screen and (max-width: 767.5px) {
  .vacature-detail-banner {
    margin: 50px 0 0;
    padding: 25px 0 50px;
  }
  .vacature-detail-banner .text {
    padding: 0 0 50px;
  }
  .vacature-detail-text {
    padding: 50px 0 75px;
  }
  .vacature-flexbox .wrapper {
    flex-direction: column;
  }
  .vacature-flexbox .wrapper .left, .vacature-flexbox .wrapper .right {
    max-width: 100%;
  }
  .vacature-flexbox .wrapper .left h2, .vacature-flexbox .wrapper .left h3, .vacature-flexbox .wrapper .left h4, .vacature-flexbox .wrapper .left h5, .vacature-flexbox .wrapper .left h6, .vacature-flexbox .wrapper .right h2, .vacature-flexbox .wrapper .right h3, .vacature-flexbox .wrapper .right h4, .vacature-flexbox .wrapper .right h5, .vacature-flexbox .wrapper .right h6 {
    font-size: 28px;
  }
  .vacature-flexbox .wrapper .left {
    border-radius: 25px 25px 0 0;
  }
  .vacature-flexbox .wrapper .right {
    border-radius: 0 0 25px 25px;
  }
  .img-banner {
    margin: -25px 0;
    min-height: 250px;
    object-fit: cover;
  }
  .solliciteren {
    border-radius: 0 0 50px 50px;
    padding: 75px 0;
  }
  .solliciteren h2, .solliciteren h3, .solliciteren h4, .solliciteren h5, .solliciteren h6 {
    font-size: 28px;
  }
}
.service-detail-head {
  background: #F2FAFC;
  padding-bottom: 120px;
  position: relative;
  z-index: 3;
}
.service-detail-head h1, .service-detail-head h2, .service-detail-head h3, .service-detail-head h4, .service-detail-head h5, .service-detail-head h6 {
  font-size: 50px;
  color: #36B5D6;
  line-height: 55px;
}
.service-detail-head .btn-default {
  display: table;
  background: #D3F6FF;
  border-radius: 100px;
  padding: 15px 40px;
  position: relative;
  color: #36B5D6;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(1);
  /* &:after {
      content: '';
  transition: all .3s ease-in-out;
      background: #36B5D6;
      position: absolute;
      right: 0;
      top: 0;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(-25deg);
  }*/
  margin-top: 15px;
  background: #E0374F;
  color: #fff;
  display: inline-block;
}
.service-detail-head .btn-default:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transform: scale(1.03);
}
.service-detail-head .btn-default:hover:after {
  transform: rotate(0);
}
.service-detail-head .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.service-detail-head .btn-default.loading:before {
  content: "\f110" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: absolute;
  left: 10px;
  background: none;
  transform: none;
  top: initial;
  width: initial;
  height: initial;
}
.service-detail-head:before {
  content: "";
  position: absolute;
  bottom: -100px;
  right: -130px;
  background-image: url(/Resources/img/banner-bg.svg);
  background-size: 700px;
  background-repeat: no-repeat;
  height: 700px;
  width: 700px;
}
.service-detail-head .text {
  padding: 50px 0;
}
.service-detail-head .text .btn-default {
  display: table;
  background: #D3F6FF;
  border-radius: 100px;
  padding: 15px 40px;
  position: relative;
  color: #36B5D6;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(1);
  /* &:after {
      content: '';
  transition: all .3s ease-in-out;
      background: #36B5D6;
      position: absolute;
      right: 0;
      top: 0;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(-25deg);
  }*/
  background: #E0374F;
  color: #fff;
  min-width: 200px;
  text-align: center;
  margin: 15px 0 0;
}
.service-detail-head .text .btn-default:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transform: scale(1.03);
}
.service-detail-head .text .btn-default:hover:after {
  transform: rotate(0);
}
.service-detail-head .text .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.service-detail-head .text .btn-default.loading:before {
  content: "\f110" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: absolute;
  left: 10px;
  background: none;
  transform: none;
  top: initial;
  width: initial;
  height: initial;
}
.service-detail-head .text h1 {
  font-size: 50px;
  color: #36B5D6;
  margin-bottom: 20px;
}
.service-detail-head .text ul:not(.breadcrumbs) {
  display: block;
  margin: 5px 0 15px;
}
.service-detail-head .text ul:not(.breadcrumbs) li {
  display: inline-block;
  position: relative;
  padding: 0 0 0 30px;
}
.service-detail-head .text ul:not(.breadcrumbs) li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  width: 25px;
  height: 25px;
}
.service-detail-head .text ul:not(.breadcrumbs) li:nth-of-type(1) {
  margin: 0 15px 0 0;
}
.service-detail-head .text ul:not(.breadcrumbs) li:nth-of-type(1):before {
  top: 4px;
  background-image: url("/Resources/img/icons/clock.svg");
}
.service-detail-head .text ul:not(.breadcrumbs) li:nth-of-type(2):before {
  top: 3px;
  background-image: url("/Resources/img/icons/graduation.svg");
  background-size: 25px;
}
.service-detail-head .img-wrap img {
  max-width: 450px;
  mask-image: url(/Resources/img/icons/mask-footer.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
  display: table;
  margin-left: auto;
}

.text-section-detail {
  position: relative;
  padding: 50px 0;
  text-align: left;
  background: #fff;
  border-radius: 0 0 80px 80px;
  z-index: 2;
}
.text-section-detail strong {
  font-size: 20px;
  color: #36B5D6;
  font-weight: 600;
}
.text-section-detail ul {
  margin: 10px 0;
}
.text-section-detail ul li {
  position: relative;
  margin-bottom: 5px;
  display: block;
  padding-left: 30px;
}
.text-section-detail ul li:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  background-image: url(/Resources/img/icons/check-blue.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.text-section-detail .btn-default {
  display: table;
  background: #D3F6FF;
  border-radius: 100px;
  padding: 15px 40px;
  position: relative;
  color: #36B5D6;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(1);
  /* &:after {
      content: '';
  transition: all .3s ease-in-out;
      background: #36B5D6;
      position: absolute;
      right: 0;
      top: 0;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(-25deg);
  }*/
  background: #E0374F;
  color: #fff;
  margin: 15px auto 0;
}
.text-section-detail .btn-default:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transform: scale(1.03);
}
.text-section-detail .btn-default:hover:after {
  transform: rotate(0);
}
.text-section-detail .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.text-section-detail .btn-default.loading:before {
  content: "\f110" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: absolute;
  left: 10px;
  background: none;
  transform: none;
  top: initial;
  width: initial;
  height: initial;
}

.overlap-banner {
  margin: -70px 0;
  position: relative;
  z-index: -1;
}
.overlap-banner img {
  max-width: 100%;
}

.section-blue-text-detail {
  padding: 50px 0;
  position: relative;
  overflow: hidden;
  border-radius: 40px;
  background: #F2FAFC;
}
.section-blue-text-detail.bg-blue-full {
  background: #36B5D6;
}
.section-blue-text-detail .text-wrap {
  color: #fff;
  padding-right: 50px;
  background: #36b5d6;
}
.section-blue-text-detail .text-wrap h2 {
  font-size: 40px;
  line-height: 45px;
  color: #fff;
}
.section-blue-text-detail .text-wrap h2 em {
  font-family: "futura-pt", sans-serif;
}
.section-blue-text-detail img {
  max-width: 90%;
  display: table;
  margin-left: auto;
}
.section-blue-text-detail ul {
  margin: 10px 0;
}
.section-blue-text-detail ul li {
  position: relative;
  margin-bottom: 5px;
  display: block;
  padding-left: 30px;
}
.section-blue-text-detail ul li:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  background-image: url(/Resources/img/icons/check.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.section-blue-text-detail ol {
  margin: 10px 0;
  padding-left: 0;
  counter-reset: section;
}
.section-blue-text-detail ol li {
  position: relative;
  margin-bottom: 8px;
  display: block;
  padding-left: 35px;
}
.section-blue-text-detail ol li:before {
  counter-increment: section;
  content: counter(section);
  position: absolute;
  top: 3px;
  left: 0;
  height: 25px;
  width: 25px;
  background: #fff;
  border-radius: 50%;
  color: #36b5d6;
  font-weight: 600;
  text-align: center;
  line-height: 23px;
  font-size: 16px;
}
.section-blue-text-detail:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #36B5D6;
  width: 50%;
}

@media only screen and (max-width: 767.5px) {
  .overlap-banner {
    margin: -40px 0;
    position: relative;
  }
  .overlap-banner img {
    min-height: 300px;
    object-fit: cover;
  }
  .text-section-detail {
    padding: 30px 0;
    border-radius: 0 0 40px 40px;
  }
  .text-blue-job {
    background-size: 200px;
    background-position: bottom right;
    padding: 50px 0;
  }
  .section-blue-text-detail {
    padding: 0 0 90px;
  }
  .section-blue-text-detail.bg-blue-full {
    padding: 0;
  }
  .section-blue-text-detail h2 {
    font-size: 30px !important;
    line-height: 35px !important;
  }
  .section-blue-text-detail img {
    max-width: 100%;
  }
  .section-blue-text-detail .text-wrap {
    padding: 30px 25px;
    margin-left: -15px;
    width: calc(100% + 30px);
    margin-bottom: 30px;
  }
  .section-blue-text-detail:before {
    display: none;
  }
  .service-detail-head {
    padding-bottom: 40px;
  }
  .service-detail-head:before {
    right: -50px;
    background-size: 350px;
    height: 350px;
    width: 350px;
    bottom: initial;
    top: -20px;
  }
  .service-detail-head h1, .service-detail-head h2, .service-detail-head h3, .service-detail-head h4, .service-detail-head h5, .service-detail-head h6 {
    font-size: 30px !important;
    line-height: 35px;
  }
  .service-detail-head .img-wrap img {
    max-width: 260px;
    margin: 15px auto 0;
  }
}
.contact-page {
  position: relative;
  padding: 0px 0 50px;
}
.contact-page .text {
  color: #223D52;
  margin: 0 0 25px;
  text-align: center;
}
.contact-page .text h1, .contact-page .text h2, .contact-page .text h3, .contact-page .text h4, .contact-page .text h5, .contact-page .text h6 {
  font-size: 50px;
  margin: 0 0 5px;
  font-family: "futura-pt", sans-serif;
  color: #36B5D6;
}
.contact-page .outer {
  position: relative;
  padding: 0 75px;
}
.contact-page .outer .btn-default {
  display: table;
  background: #D3F6FF;
  border-radius: 100px;
  padding: 15px 40px;
  position: relative;
  color: #36B5D6;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(1);
  /* &:after {
      content: '';
  transition: all .3s ease-in-out;
      background: #36B5D6;
      position: absolute;
      right: 0;
      top: 0;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(-25deg);
  }*/
  margin-left: auto;
  background: #E0374F;
  color: #fff;
}
.contact-page .outer .btn-default:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transform: scale(1.03);
}
.contact-page .outer .btn-default:hover:after {
  transform: rotate(0);
}
.contact-page .outer .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.contact-page .outer .btn-default.loading:before {
  content: "\f110" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: absolute;
  left: 10px;
  background: none;
  transform: none;
  top: initial;
  width: initial;
  height: initial;
}

.route {
  padding: 100px 0;
  background: #F2FAFC;
  border-radius: 40px 40px 0 0;
  padding-bottom: 140px;
  margin-bottom: -50px;
  background-image: url(/Resources/img/beeldmerk.png);
  background-size: 150px;
  background-repeat: no-repeat;
  background-position: 95% 95%;
}
.route img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.route .title {
  font-size: 55px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-bottom: 55px;
  line-height: 55px;
  color: #36B5D6;
  margin-bottom: 40px;
  display: block;
  text-align: center;
}
.route .title.mrg-top {
  margin-top: 75px;
}
.route .title i, .route .title em {
  font-family: "futura-pt", sans-serif;
}
.route .title strong {
  font-weight: 600;
  color: #ffc71e;
}
.route .title p {
  margin: 0;
}
@media only screen and (max-width: 767.5px) {
  .route .title {
    font-size: 35px;
    margin-bottom: 25px;
    line-height: 35px;
  }
  .route .title.mrg-top {
    margin-top: 55px;
  }
}

@media only screen and (max-width: 767.5px) {
  .radio-custom li {
    width: calc(50% - 5px);
  }
  .radio-custom label {
    padding: 12px 10px;
    width: calc(100% - 5px);
    line-height: initial;
    margin-bottom: 10px !important;
  }
  .route {
    padding: 35px 0 100px;
  }
  .contact-page .text h1, .contact-page .text h2, .contact-page .text h3, .contact-page .text h4, .contact-page .text h5, .contact-page .text h6 {
    font-size: 35px;
    margin-bottom: 0px;
  }
  .contact-page .outer {
    padding: 0;
  }
  .contact-page .outer .btn-default {
    width: 100%;
    margin-top: 15px;
    text-align: center;
  }
}
.grecaptcha-badge {
  visibility: hidden;
}

.recaptcha-terms {
  margin: 0;
  font-size: 12px;
  display: table;
}
.recaptcha-terms a {
  display: inline-block;
  color: inherit;
  text-decoration: underline !important;
}

html {
  overflow-x: hidden;
}
html.modal-open {
  overflow: hidden;
}
html.modal-open body {
  overflow: hidden;
}

body {
  position: relative;
  font-family: "futura-pt", sans-serif;
  background: #fff;
  font-weight: 300;
  overflow-x: hidden;
  margin: 0;
  line-height: 24px;
  font-size: 18px;
  color: #223D52;
}

:focus {
  outline: none !important;
}

.container-fluid.custom {
  padding: 0px 15px;
  max-width: 1450px;
}

input, button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 600;
  line-height: initial;
  color: #36B5D6;
}

h2, h3, h4, h5, h6 {
  font-size: 30px;
  line-height: 40px;
  margin: 0 0 15px;
}

*, ::after, ::before {
  box-sizing: border-box;
}

img {
  vertical-align: middle;
}

.loading-div {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
}
.loading-div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.6;
}
.loading-div .circle {
  line-height: 20px;
  text-align: center;
  margin-top: 10px;
  color: #2B2E42;
}
.loading-div .circle .fa {
  font-size: 16px;
  bottom: -10px;
  position: relative;
  margin-right: 8px;
  animation-name: blink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.loading-div .circle .fa:nth-child(1) {
  animation-delay: 0.2s;
}
.loading-div .circle .fa:nth-child(2) {
  animation-delay: 0.4s;
}
.loading-div .circle .fa:nth-child(3) {
  animation-delay: 0.6s;
}
.loading-div .inner {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  width: calc(100% - 30px);
  font-size: 25px;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;
}
.loading-div .inner b {
  font-weight: 500;
}
.loading-div.activeloader {
  opacity: 1;
  visibility: visible;
}

.w-100 {
  width: 100% !important;
}

.hidden {
  display: none !important;
  opacity: 0;
}

a {
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}

.breadcrumbs-wrapper {
  padding: 10px 0;
  margin-bottom: 40px;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  position: relative;
  top: 0;
  font-size: 16px;
  list-style: none;
}
.breadcrumbs li {
  position: relative;
  padding-right: 35px;
  color: #B1AEAB;
}
.breadcrumbs li:first-child span {
  display: none;
}
.breadcrumbs li:first-child a:before {
  content: "";
  width: 18px;
  height: 18px;
  position: relative;
  display: table;
  background-image: url(/Resources/img/icons/home.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
}
.breadcrumbs li:not(:last-child):after {
  content: "";
  position: absolute;
  top: 53%;
  transform: translateY(-50%) rotate(-90deg);
  right: 10px;
  background-image: url(/Resources/img/arrow.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
}
.breadcrumbs li:not(:last-child) a {
  color: #B1AEAB;
}
.breadcrumbs li a {
  color: #36B5D6;
}

.errors {
  height: 100vh;
  width: 100vw;
  position: relative;
}
.errors.thanks {
  padding: 150px 0;
  height: initial;
}
.errors.thanks .content {
  position: relative;
}
.errors:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 0;
}
.errors .content {
  width: 800px;
  max-width: calc(100% - 30px);
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 40px 60px;
  border-radius: 40px;
  background: #37b5d6;
  color: #fff;
}
.errors .content h1, .errors .content h2, .errors .content h3, .errors .content h4, .errors .content h5, .errors .content h6 {
  font-size: 35px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 20px;
}
.errors .content .btn-default {
  display: table;
  background: #D3F6FF;
  border-radius: 100px;
  padding: 15px 40px;
  position: relative;
  color: #36B5D6;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(1);
  /* &:after {
      content: '';
  transition: all .3s ease-in-out;
      background: #36B5D6;
      position: absolute;
      right: 0;
      top: 0;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(-25deg);
  }*/
  margin: 20px auto 0 !important;
}
.errors .content .btn-default:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transform: scale(1.03);
}
.errors .content .btn-default:hover:after {
  transform: rotate(0);
}
.errors .content .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.errors .content .btn-default.loading:before {
  content: "\f110" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: absolute;
  left: 10px;
  background: none;
  transform: none;
  top: initial;
  width: initial;
  height: initial;
}
.errors .content p {
  margin: 0;
}

.overlay-search {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 2;
  height: 100%;
  width: 100%;
  background: rgba(34, 61, 82, 0.59);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 3;
}
.overlay-search.active {
  opacity: 1;
  visibility: visible;
}

.form-group {
  margin-bottom: 25px;
}
.form-group select {
  background-image: url(/Resources/img/arrow.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 12px !important;
  background-position: 95% !important;
}
.form-group label {
  color: #223D52;
  margin-bottom: 5px;
  display: table;
}
.form-group .form-control {
  height: inherit;
  padding: 18px 25px;
  color: #000;
  width: 100%;
  font-size: 16px;
  -webkit-appearance: none;
  border-radius: 0;
  background: #fff;
  border-radius: 33px;
  -webkit-appearance: none;
  font-family: "futura-pt", sans-serif;
  border: 1px solid rgba(0, 0, 0, 0.17);
}
.form-group textarea {
  border-radius: 15px !important;
  min-height: 100px;
}
.form-group .help-block {
  display: block;
  color: #E84631;
  font-weight: 400;
  font-size: 14px;
  margin-top: 5px;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  font-size: 14px;
  border: 1px solid transparent;
}
.alert.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert.alert-succes {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert.alert-primary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.popup-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
}
.popup-modal.small .content {
  max-width: 600px;
  padding: 50px 100px 30px;
}
.popup-modal.active {
  opacity: 1;
  visibility: visible;
}
.popup-modal .btn-default {
  display: table;
  background: #D3F6FF;
  border-radius: 100px;
  padding: 15px 40px;
  position: relative;
  color: #36B5D6;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(1);
  /* &:after {
      content: '';
  transition: all .3s ease-in-out;
      background: #36B5D6;
      position: absolute;
      right: 0;
      top: 0;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(-25deg);
  }*/
}
.popup-modal .btn-default:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transform: scale(1.03);
}
.popup-modal .btn-default:hover:after {
  transform: rotate(0);
}
.popup-modal .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.popup-modal .btn-default.loading:before {
  content: "\f110" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: absolute;
  left: 10px;
  background: none;
  transform: none;
  top: initial;
  width: initial;
  height: initial;
}
.popup-modal b, .popup-modal h1, .popup-modal h2, .popup-modal h3, .popup-modal h5 {
  font-size: 32px;
  font-weight: 500;
  line-height: initial;
  margin-bottom: 25px;
  display: block;
  font-family: "futura-pt", sans-serif;
  color: #36B5D6;
}
.popup-modal .content {
  position: relative;
  width: calc(100% - 30px) !important;
  max-width: 650px;
  background: #d5f0ff;
  color: #36B5D6;
  padding: 25px 50px 35px 50px;
  margin-bottom: 50px;
  border-radius: 25px;
  margin: 50px auto;
  overflow: hidden;
}
.popup-modal .content .recaptcha-terms {
  margin: 15px 0 0;
}
.popup-modal .content .inners {
  position: relative;
  z-index: 1;
}
.popup-modal .content .close-modal {
  color: #36B5D6;
  position: absolute;
  right: 25px;
  font-size: 28px;
  cursor: pointer;
  top: 33px;
  z-index: 2;
}

@keyframes blink {
  0% {
    bottom: -10px;
  }
  50% {
    bottom: 0px;
  }
  100% {
    bottom: -10px;
  }
}
@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
section:not(.fold-home).anim-active .container-fluid.custom {
  opacity: 1;
  top: 0;
}
section:not(.fold-home) .container-fluid.custom {
  position: relative;
  opacity: 0;
  top: 10px;
  -webkit-transition: all 0.4s ease-in-out 0.1s;
  transition: all 0.4s ease-in-out 0.1s;
}
section.anim-active {
  -webkit-transition: opacity 0.4s linear 0s;
  transition: opacity 0.4s linear 0s;
}

footer {
  padding: 50px 0 30px;
}
footer .btn-default {
  display: table;
  background: #D3F6FF;
  border-radius: 100px;
  padding: 15px 40px;
  position: relative;
  color: #36B5D6;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(1);
  /* &:after {
      content: '';
  transition: all .3s ease-in-out;
      background: #36B5D6;
      position: absolute;
      right: 0;
      top: 0;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: url('/Resources/img/icons/arrow.svg'), #36B5D6;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(-25deg);
  }*/
  background: #E0374F;
  color: #fff;
  width: 100%;
  max-width: 250px;
  text-align: center;
  margin-top: 30px;
}
footer .btn-default:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transform: scale(1.03);
}
footer .btn-default:hover:after {
  transform: rotate(0);
}
footer .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
footer .btn-default.loading:before {
  content: "\f110" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: absolute;
  left: 10px;
  background: none;
  transform: none;
  top: initial;
  width: initial;
  height: initial;
}
footer.white-footer {
  background: #37B5D6;
  padding-top: 160px;
}
footer.white-footer b {
  color: #fff;
}
footer.white-footer .copy {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
footer.white-footer .copy b {
  color: #fff;
}
footer.white-footer a {
  color: #fff;
}
footer.white-footer a:hover {
  color: #E0374F !important;
}
footer .container-fluid.custom {
  padding: 0px 100px;
}
footer .logo-footer {
  max-width: 220px;
  width: 100%;
  display: block;
  margin: 0 0 35px;
}
footer a {
  color: #223D52;
  margin-bottom: 15px;
  font-size: 16px;
  display: table;
  transition: all 0.3s ease-in-out;
}
footer a:not(.btn-default):hover {
  color: #00ABE8;
}
footer b {
  color: #00abe8;
  display: block;
  margin: 0 0 15px;
  font-size: 20px;
  font-weight: 600;
}
footer ul li {
  margin: 0 0 5px;
}
footer .block-right img {
  width: 100%;
}
footer .copy {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: 1px solid rgb(210, 238, 246);
  padding: 25px 0 0;
  margin: 25px 0 0;
  font-size: 16px;
}
footer .copy b {
  margin: 0;
  color: #223D52;
  font-weight: 400;
  font-size: 16px;
}
footer .copy ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  margin-left: auto;
}
footer .copy ul li {
  margin-left: 50px;
}

@media only screen and (max-width: 767.5px) {
  footer {
    padding: 30px 0;
  }
  footer .btn-default {
    margin-top: 0;
    width: 100%;
    max-width: initial;
  }
  footer .logo-footer {
    margin-bottom: 20px;
  }
  footer .container-fluid.custom {
    padding: 0px 25px;
  }
  footer .col-sm-4 {
    margin: 0 0 25px;
  }
  footer .block-right img {
    max-width: 250px;
    width: 100%;
  }
  footer .copy {
    margin: 25px 0 0;
    display: block;
  }
  footer .copy ul li {
    margin-left: 0px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 1450px) {
  .container-fluid.custom {
    padding: 0px 50px;
  }
}
@media only screen and (max-width: 1200px) {
  .container-fluid.custom {
    padding: 0px 15px;
  }
}
@media only screen and (max-width: 991.5px) {
  .errors:before {
    position: absolute;
    top: 0px;
    left: -370px;
    transform: unset;
    height: 100%;
    z-index: 0;
    background-size: 105%;
  }
}
@media only screen and (max-width: 767.5px) {
  .breadcrumbs {
    font-size: 14px;
    flex-wrap: nowrap;
    line-height: 18px;
  }
  .breadcrumbs-wrapper {
    margin-bottom: 15px;
  }
  .shopping-modal .inner {
    padding: 50px 20px 20px;
    min-width: inherit;
  }
  .shopping-modal .btn-row {
    margin-top: 30px;
  }
  .popup-modal b, .popup-modal h1, .popup-modal h2, .popup-modal h3, .popup-modal h4, .popup-modal h5, .popup-modal h6 {
    font-size: 28px;
    margin: 0;
  }
  .popup-modal .content {
    margin-bottom: 0px;
    -webkit-mask-image: none;
    padding: 25px;
    max-height: 75vh;
    overflow-y: scroll;
  }
  .popup-modal .content .img-wrapper {
    overflow-x: scroll;
    margin: 25px 0 0 0;
  }
  .errors:before {
    transform: translateY(-50%);
    left: -260px;
    width: 250%;
    background-size: 120%;
    top: 68%;
  }
}