@charset "UTF-8";
/* ==========================================================================
  CSS Reset
  ========================================================================== */
@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.checkbox {
  padding: 0px !important;
}
.checkbox.cb-custom label {
  border: 2px solid #D1D1D1;
  border-radius: 5px;
  margin-bottom: 15px !important;
  display: block;
  padding: 20px 50px 20px 80px !important;
}
.checkbox.cb-custom label:before {
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.checkbox.cb-custom label:after {
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.checkbox.cb-custom label b, .checkbox.cb-custom label strong {
  display: block;
  font-weight: bold;
  color: #0A369C;
  margin-bottom: 5px;
}
.checkbox td:not(:last-child) {
  padding-right: 15px;
}
.checkbox input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.checkbox input:checked + label:after {
  opacity: 1;
  visibility: visible;
}
.checkbox label {
  position: relative;
  padding-left: 35px !important;
  margin: 0 !important;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  display: table;
  color: #27348B;
}
.checkbox label a {
  color: #27348B;
  text-decoration: underline;
  font-weight: bold;
}
.checkbox label:after {
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 4px;
  top: 1px;
  opacity: 0;
  color: #00B1AA;
  visibility: hidden;
}
.checkbox label:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0;
  border: 2px solid #d8d8d8;
  border-radius: 5px;
  background-color: #fff;
  -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;
}

.radio {
  padding: 0px !important;
}
.radio td {
  padding-right: 25px;
}
.radio input {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.radio input[type=radio]:checked + label:after {
  opacity: 1;
  visibility: visible;
}
.radio label {
  position: relative;
  padding-left: 34px !important;
  margin: 0 !important;
  cursor: pointer;
  color: #000;
}
.radio label:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0;
  border: 2px solid #d8d8d8;
  border-radius: 5px;
  background-color: #fff;
}
.radio label:after {
  content: "";
  height: 17px;
  width: 17px;
  background: #1db1aa;
  position: absolute;
  left: 4px;
  border-radius: 4px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.logo-menu-ver-rijders {
  width: 100%;
}

.hamburger {
  position: absolute;
  width: 40px;
  height: 25px;
  right: 10px;
  top: -45px;
  display: none;
  z-index: 4;
}
.hamburger .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
}
.hamburger #nav-icon2 {
  width: 60px;
  height: 45px;
  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: 6px;
  width: 50%;
  background: #fff;
  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 span {
  background: white;
}
.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: 5px;
  top: 29px;
}
.hamburger #nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}
.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);
}

.search-results {
  position: absolute;
  left: 0;
  background: #fff;
  transition: all 0.3s ease-in-out;
  height: calc(100vh - 120px);
  overflow-y: auto;
  width: 100%;
  top: 95%;
}
.search-results .stripe {
  display: block;
  height: 2px;
  background: #eee;
  margin: 10px -30px;
}
.search-results:before {
  z-index: -1;
  content: "";
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.search-results .inner {
  padding: 15px 30px;
  border-top: 2px solid #f0f0f0;
  position: relative;
}
.search-results .inner .close-search {
  position: absolute;
  top: 20px;
  right: 0px;
  font-size: 30px;
  color: #bbb;
  padding: 13px;
  z-index: 1;
  cursor: pointer;
}
.search-results .inner .close-search.hidden {
  display: none;
}
.search-results .inner b, .search-results .inner strong {
  display: block;
  font-size: 24px;
  margin-bottom: 30px;
}
.search-results .inner .products .item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  color: #000;
  text-decoration: none !important;
  align-items: center;
  border-bottom: 1px solid #ececec;
  justify-content: space-between;
  padding: 15px 0;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
.search-results .inner .products .item:hover {
  background-color: #fafafa;
}
.search-results .inner .products .item .img {
  max-width: 100px;
}
.search-results .inner .products .item .img img {
  max-width: 100%;
}
.search-results .inner .products .item h6 {
  font-weight: bold;
  margin-bottom: 15px;
}
.search-results .inner .products .item .btn-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: end;
  width: 30%;
}
.search-results .inner .products .item .btn-list .delivery {
  text-align: right;
  display: block;
}
.search-results .inner .products .item .btn-list .stock {
  width: 100%;
  text-align: right;
  position: relative;
  padding: 0 0.5rem;
}
.search-results .inner .products .item .btn-list .stock b, .search-results .inner .products .item .btn-list .stock strong {
  font-size: 12px;
  color: #01982b;
  margin: 10px 0;
}
.search-results .inner .products .item .btn-list .stock.not b, .search-results .inner .products .item .btn-list .stock.not strong {
  color: red;
}
.search-results .inner .products .item .btn-list input {
  padding: 9px 5px;
  width: 60px;
  height: inherit;
  border-radius: 4px;
  color: #000;
  font-weight: 500;
  text-align: center;
  background: #f8f8f8;
  -webkit-appearance: none;
  border: 2px solid #eee;
  margin-right: 15px;
}
.search-results .inner .products .item .right-side {
  padding-left: 20px;
  flex: 0 0 80%;
  max-width: 80%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.search-results .inner .products .item .right-side .sku {
  font-weight: 600;
}
.search-results .inner .products .item .right-side .price {
  margin: 0 0 0 25px;
  font-weight: bold;
  font-size: 16px;
  width: 20%;
  text-align: right;
}
.search-results .inner .products .item .right-side a {
  text-decoration: none;
}
.search-results .inner .products .item .right-side b, .search-results .inner .products .item .right-side strong {
  font-size: 16px;
  color: #000;
  margin-bottom: 15px;
}
.search-results .inner .products .item .right-side .info {
  margin-right: auto;
  max-width: 70%;
  width: 100%;
}
.search-results .inner .cats {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.search-results .inner .cats a {
  display: block;
  font-size: 16px;
  color: #000;
  padding: 10px 30px;
  font-weight: 600;
  margin: 0px -30px;
}
.search-results .inner .cats a span {
  font-weight: 400;
}
.search-results .inner .cats a:nth-of-type(even) {
  background: #f7f7f7;
}

.twitter-typeahead {
  width: 100%;
}
.twitter-typeahead .tt-menu {
  padding: 15px 0px;
  background: #fff;
  width: 100%;
}
.twitter-typeahead .tt-menu .tt-selectable {
  color: #27348B;
  cursor: pointer;
  font-size: 14px;
  padding: 5px 15px;
  transition: all 0.3s ease-in-out;
}
.twitter-typeahead .tt-menu .tt-selectable:hover {
  background: #eee;
}

.topheader {
  background: #00b1aa;
  color: #fff;
  padding: 10px 0;
  position: relative;
  text-align: center;
  overflow: hidden;
  FONT-WEIGHT: 600;
}
.topheader a {
  color: #fff;
}
.topheader span {
  display: inline-block;
  margin: 0px 10px;
}
.topheader ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.topheader ul::-webkit-scrollbar {
  display: none;
}
.topheader ul li {
  display: inline-block;
  margin-right: 30px;
  font-size: 14px;
}
.topheader ul li:last-child {
  margin-right: 0;
}
.topheader ul li a {
  color: #fff;
  text-decoration: none;
}
.topheader ul li i, .topheader ul li em {
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
}

.menu-middle {
  position: relative;
  padding: 10px 0;
  background: #27348B;
  z-index: 1;
}
.menu-middle .wrapper {
  display: flex;
  align-items: center;
}
.menu-middle .wrapper .right {
  display: flex;
  align-items: center;
}
.menu-middle .btn-row-header {
  margin-left: auto;
}
.menu-middle .btn-row-header .btn-login {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
  display: inline-block;
}
.menu-middle .btn-row-header .btn-helpdesk {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
  display: inline-block;
  margin: 0;
  background: white;
  color: #27348B;
  margin-left: 10px;
}
.menu-middle .btn-row-header .btn-register {
  color: white;
  display: inline-block;
  margin-right: 10px;
}
.menu-middle .right .menu-icon {
  height: 43px;
  width: 43px;
  background: #fff;
  border-radius: 50%;
  margin: 0px 8px;
  position: relative;
  color: #27348B;
  cursor: pointer;
  display: block;
}
.menu-middle .right .menu-icon.hide-desktop {
  display: none;
}
.menu-middle .right .menu-icon.active {
  background: #00B1AA;
  color: #fff;
}
.menu-middle .right .menu-icon.active i, .menu-middle .right .menu-icon.active em {
  font-weight: 900;
}
.menu-middle .right .menu-icon i, .menu-middle .right .menu-icon em {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 18px;
  color: #000;
  transform: translate(-50%, -50%);
}
.menu-middle .right .menu-icon b.qty {
  height: 25px;
  width: 25px;
  background: #fd4500;
  display: block;
  border-radius: 50%;
  position: absolute;
  right: -10px;
  top: -10px;
}
.menu-middle .right .menu-icon b.qty span {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 12px;
  transform: translate(-50%, -50%);
}
.menu-middle .right .menu-icon:last-of-type {
  margin-right: 0;
}
.menu-middle .shopping-bag {
  position: relative;
}
.menu-middle .shopping-bag.open .drop {
  opacity: 1;
  visibility: visible;
}
.menu-middle .shopping-bag .drop {
  position: absolute;
  top: 88%;
  background: #fff;
  min-width: 400px;
  right: 5px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 20px 25px;
  color: #000;
  cursor: initial;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  overflow-y: auto;
  max-height: calc(100vh - 4rem);
}
.menu-middle .shopping-bag .drop i, .menu-middle .shopping-bag .drop em {
  top: 25px;
  transform: none;
  position: absolute;
  right: 25px;
  font-size: 23px;
  cursor: pointer;
  color: #00B1AA;
}
.menu-middle .shopping-bag .drop.empty {
  overflow: hidden;
}
.menu-middle .shopping-bag .drop.empty .package, .menu-middle .shopping-bag .drop.empty p {
  display: block;
}
.menu-middle .shopping-bag .drop.empty .amount, .menu-middle .shopping-bag .drop.empty .button-row {
  display: none;
}
.menu-middle .shopping-bag .drop .package, .menu-middle .shopping-bag .drop p {
  display: none;
}
.menu-middle .shopping-bag .drop .package {
  position: relative;
  margin-bottom: -45px;
  max-width: 400px;
  left: -20px;
  margin-top: 20px;
}
.menu-middle .shopping-bag .drop .list {
  max-height: 40vh;
  overflow-x: hidden;
  height: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.menu-middle .shopping-bag .drop .list::-webkit-scrollbar {
  width: 10px;
}
.menu-middle .shopping-bag .drop .list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.menu-middle .shopping-bag .drop .list::-webkit-scrollbar-thumb {
  background: #27b9af;
  border-radius: 10px;
}
.menu-middle .shopping-bag .drop .list::-webkit-scrollbar-thumb:hover {
  background: #555;
  border-radius: 10px;
}
.menu-middle .shopping-bag .drop .list .ww-product {
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;
  padding: 0px 20px 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dedede;
  left: -10px;
  position: relative;
  width: calc(100% + 20px);
}
.menu-middle .shopping-bag .drop .list .ww-product .left {
  flex: 0 0 70%;
  max-width: 70%;
}
.menu-middle .shopping-bag .drop .list .ww-product .left img {
  max-height: 100px;
  object-fit: cover;
}
.menu-middle .shopping-bag .drop .list .ww-product .left b, .menu-middle .shopping-bag .drop .list .ww-product .left strong {
  color: #00B1AA;
}
.menu-middle .shopping-bag .drop .list .ww-product .right {
  display: table;
  margin-left: auto;
  font-weight: normal;
  text-align: right;
}
.menu-middle .shopping-bag .drop .list .ww-product .right b, .menu-middle .shopping-bag .drop .list .ww-product .right strong {
  display: block;
}
.menu-middle .shopping-bag .drop .amount .item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 15px 20px;
  border-bottom: 1px solid #DEDEDE;
  left: -10px;
  position: relative;
  width: calc(100% + 20px);
  font-weight: lighter;
  color: #868686;
}
.menu-middle .shopping-bag .drop .amount .item.last {
  margin-bottom: 20px;
  border-bottom: none;
}
.menu-middle .shopping-bag .drop .amount .item .left {
  font-size: 12px;
}
.menu-middle .shopping-bag .drop .amount .item .left b, .menu-middle .shopping-bag .drop .amount .item .left strong {
  margin-right: 10px;
}
.menu-middle .shopping-bag .drop .amount .item b, .menu-middle .shopping-bag .drop .amount .item strong {
  color: #000;
  font-weight: bold;
  font-size: 14px;
}
.menu-middle .shopping-bag .drop .amount .item .right {
  margin-left: auto;
}
.menu-middle .shopping-bag .drop .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
}
.menu-middle .shopping-bag .drop .button-row {
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.menu-middle .shopping-bag .drop .button-row .btn-default {
  padding: 9px 15px;
}
.menu-middle .shopping-bag .drop .button-row .right {
  margin-right: 10px;
  color: #27348B;
  text-decoration: underline;
}
.menu-middle .search {
  /*z-index: 201;*/
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
  /*  position: relative;*/
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.menu-middle .search .help-block {
  display: none !important;
  visibility: hidden;
}
.menu-middle .search .form-group {
  margin-bottom: 0;
  position: relative;
}
.menu-middle .search .form-group .close-search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 45px;
  font-size: 22px;
  color: #bbb;
  padding: 13px;
  z-index: 1;
  cursor: pointer;
}
.menu-middle .search .form-group .form-control {
  min-width: 265px;
  background: #fff !important;
  padding-right: 90px !important;
  color: #27348B;
  width: 100%;
  padding: 8px 15px;
  height: inherit;
  border: none;
  border-radius: 4px;
  background: none;
  color: #000;
  font-weight: 500;
  background: #f8f8f8;
  -webkit-appearance: none;
  outline: none !important;
}
.menu-middle .search .form-group .btn-search {
  position: absolute;
  top: 4px;
  right: 10px;
  font-size: 20px;
  padding: 5px;
  z-index: 11;
  color: #27348B;
  cursor: pointer;
}

.menu-items {
  background: white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  position: relative;
}

.event-div {
  position: relative;
  color: #000;
}
.event-div.a-flex ul li a {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.event-div:not(.a-flex) a {
  font-weight: bold;
  margin-top: 20px;
  color: #00b1aa !important;
}
.event-div:not(.a-flex) a i, .event-div:not(.a-flex) a em {
  margin-left: 5px;
}
.event-div:not(.a-flex) b, .event-div:not(.a-flex) strong {
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
}
.event-div.mrg-10 {
  margin-top: 75px;
}
.event-div ul li {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  margin-bottom: 30px;
}
.event-div ul li .right {
  max-width: calc(100% - 100px);
  padding-left: 15px;
  color: #000;
  font-weight: 500;
}
.event-div ul li .right b, .event-div ul li .right strong {
  display: block;
  font-size: 18px !important;
  margin-bottom: 0px !important;
}
.event-div ul li .day {
  width: 65px;
  height: 65px;
  background: #00b1aa;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  color: #fff;
  position: relative;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
}
.event-div ul li .day span {
  display: block;
  position: absolute;
  font-size: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.event-div ul li .day span b, .event-div ul li .day span strong {
  margin: 0 !important;
}

.news-div {
  position: relative;
  color: #000;
}
.news-div.mrg-10 {
  margin-top: 75px;
}
.news-div b, .news-div strong {
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
}
.news-div .link {
  font-weight: bold;
  margin-top: 20px;
  color: #00b1aa !important;
}
.news-div .link i, .news-div .link em {
  margin-left: 5px;
}
.news-div ul li {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  margin-bottom: 30px;
}
.news-div ul li .right {
  max-width: calc(100% - 100px);
  padding-left: 15px;
}
.news-div ul li .right b, .news-div ul li .right strong {
  display: block;
  font-size: 18px;
}
.news-div ul li img {
  max-width: 100px;
  border-radius: 5px;
}

.ul-link:not(.no-mrg) {
  margin-top: 75px;
}
.ul-link b, .ul-link strong {
  color: #000;
}
.ul-link .main-btn {
  font-weight: bold;
  margin-top: 20px;
  color: #00b1aa !important;
}
.ul-link .main-btn i, .ul-link .main-btn em {
  margin-left: 5px;
}
.ul-link li a {
  position: relative;
  margin-top: 25px;
  padding-left: 25px;
}
.ul-link li a i, .ul-link li a em {
  font-size: 10px;
  position: absolute;
  background: #00b1aa;
  width: 14px;
  line-height: 14px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  display: inline-block !important;
  margin-left: 2px;
}
.ul-link li a:before {
  content: "\f062";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  color: #b1b1b1;
  transform: rotate(45deg);
  font-size: 18px;
}

.ul-list {
  color: #000;
}
.ul-list a {
  font-weight: bold;
  margin-top: 20px;
  color: #00b1aa !important;
}
.ul-list a i, .ul-list a em {
  margin-left: 5px;
}
.ul-list li {
  position: relative;
  margin-bottom: 5px;
}
.ul-list li b, .ul-list li strong {
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
}
.ul-list li:not(:first-child) {
  padding-left: 30px;
}
.ul-list li:not(:first-child):before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 0;
}

@media only screen and (max-width: 1240px) and (min-width: 991.5px) {
  /*.menu-middle {
      .search {
          .form-group {
              .form-control {
                  min-width: 175px;
              }
          }
      }
  }*/
  .topheader ul li {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1450px) {
  .menu-middle .search {
    left: 27%;
    transform: unset;
  }
}
@media only screen and (min-width: 1200px) {
  main {
    position: relative;
    margin-top: 111px;
    /* &.main-scroll {
        margin-top: 121px;
    }*/
  }
  .btn-catalogus {
    position: absolute;
    background: #ff7126;
    background: -moz-linear-gradient(90deg, #ff7126 0%, #ffa732 100%);
    background: -webkit-linear-gradient(90deg, #ff7126 0%, #ffa732 100%);
    background: linear-gradient(90deg, #ff7126 0%, #ffa732 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7126",endColorstr="#ffa732",GradientType=1);
    left: -15px;
    top: 0;
    height: 100%;
    font-size: 20px;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    overflow: hidden;
    width: 0%;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    font-weight: 500;
    justify-content: center;
    color: #fff !important;
    transition: all 0.75s ease-in-out;
    cursor: pointer;
    width: 22%;
  }
  .btn-catalogus span {
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
  }
  .language-switch {
    position: absolute;
    padding: 5px;
    cursor: pointer;
    right: 100px;
    top: 50%;
    transform: translateY(-50%);
  }
  .language-switch:hover ul {
    max-height: 400px;
  }
  .language-switch ul {
    position: absolute;
    top: 35px;
    left: -15px;
    background-color: #ececec;
    min-width: 120px;
    padding: 0 20px;
    overflow: hidden;
    max-height: 0;
    transition: all 0.3s ease-in-out;
  }
  .language-switch ul li {
    margin-bottom: 5px;
  }
  .language-switch ul li:first-child {
    padding-top: 10px;
  }
  .language-switch ul li:last-child {
    padding-bottom: 10px;
  }
  .language-switch ul li a {
    color: #000;
    text-decoration: none;
  }
  .language-switch img {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    object-fit: cover;
    border: 1px solid #ccc;
    margin-right: 5px;
    display: inline-block;
    vertical-align: text-bottom;
  }
  .back-btn, .login-mobile {
    display: none !important;
  }
  .custom-nav {
    width: 100%;
  }
  .custom-nav .btn-row-header {
    display: none;
  }
  .custom-nav .drop-desk {
    display: none;
  }
  .custom-nav .dropdown-desktop .container {
    flex-wrap: wrap;
    flex-direction: row;
    display: flex;
  }
  .custom-nav .dropdown-desktop .offcanvas-submenu {
    padding: 30px 0px;
  }
  .custom-nav .dropdown-desktop .offcanvas-submenu.first-column {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .custom-nav .dropdown-desktop .offcanvas-submenu.last-column {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .custom-nav .dropdown-desktop .offcanvas-submenu a {
    color: #000;
    text-decoration: none;
    font-size: 12px;
  }
  .custom-nav .dropdown-desktop:after {
    content: "\f078";
    font-weight: 900;
    font-family: "font awesome 5 free";
    font-size: 14px;
    top: 50%;
    right: 5px;
    position: absolute;
    transform: translateY(-50%);
    color: currentColor;
  }
  .custom-nav .dropdown-desktop.active .drop-desk {
    max-height: 999px;
    visibility: visible;
  }
  .custom-nav .dropdown-desktop .drop-desk {
    position: fixed;
    left: 0;
    background-color: #fff;
    top: 112px;
    max-height: 0;
    visibility: hidden;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    width: 100%;
    transition: all 0.7s ease-in-out;
    padding: 0px 185px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100vw;
  }
  .custom-nav .dropdown-desktop .drop-desk.two-column {
    min-width: 950px;
  }
  .custom-nav .dropdown-desktop .drop-desk.two-column .column {
    width: 50% !important;
  }
  .custom-nav .dropdown-desktop .drop-desk.one-column {
    min-width: 400px;
  }
  .custom-nav .dropdown-desktop .drop-desk.one-column .column {
    width: 100% !important;
    padding-left: 0 !important;
    border: none !important;
  }
  .custom-nav .dropdown-desktop .drop-desk.one-column .column .ul-link {
    margin-top: 35px;
  }
  .custom-nav .dropdown-desktop .drop-desk i, .custom-nav .dropdown-desktop .drop-desk em {
    font-style: normal;
  }
  .custom-nav .dropdown-desktop .drop-desk .column {
    width: 30%;
    margin: 30px 0;
    padding: 0px 15px;
    color: #fff;
  }
  .custom-nav .dropdown-desktop .drop-desk .column:last-of-type {
    width: 40%;
    padding-left: 50px;
    border-left: 2px solid #f0f5fd;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .sub-title {
    color: #000;
    font-size: 22px;
    display: block;
    margin: 0 0 10px;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .mobile {
    display: none;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .logo-ev {
    padding-top: 60px;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .btn-link-blue {
    text-decoration: underline !important;
    color: #27348B;
    margin-top: -3px;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .btn-link-blue:before {
    display: none;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .fb-block {
    border-radius: 5px;
    text-align: left;
    color: #000;
    background: white;
    max-width: 310px;
    width: 100%;
    margin-top: 15px;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .fb-block b, .custom-nav .dropdown-desktop .drop-desk .column .fb-block strong {
    font-size: 20px;
    color: #27348B;
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .fb-block b:before, .custom-nav .dropdown-desktop .drop-desk .column .fb-block strong:before {
    content: "\f082";
    position: absolute;
    left: 0;
    top: 0;
    color: #00B1AA;
    font-family: "Font Awesome 5 brands";
    font-weight: bold;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .fb-block b i, .custom-nav .dropdown-desktop .drop-desk .column .fb-block b em, .custom-nav .dropdown-desktop .drop-desk .column .fb-block strong i, .custom-nav .dropdown-desktop .drop-desk .column .fb-block strong em {
    color: #00B1AA;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .fb-block a {
    padding: 8px 15px;
    border-radius: 5px;
    background: #00B1AA;
    color: #fff;
    position: relative;
    cursor: pointer;
    border: none;
    display: table;
    margin: 0 auto;
    font-weight: bold;
    border: none;
    transition: all 0.3s ease-in-out;
    display: table;
    background: #27348B;
    color: white;
    margin: 10px 0 0;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .fb-block a.loading {
    opacity: 0.6;
    pointer-events: none;
    position: relative;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .fb-block a.loading:before {
    content: "\f110" !important;
    -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;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .fb-block a:before {
    content: "\f35a";
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    position: relative;
    margin-right: 15px;
    font-size: 14px;
    vertical-align: top;
    transform: scale(1);
    display: inline-block;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .fb-block a:hover {
    background: #00B1AA;
    color: white !important;
  }
  .custom-nav .dropdown-desktop .drop-desk .column .fb-block a:hover:before {
    transform: scale(1.1);
  }
  .custom-nav .dropdown-desktop .drop-desk li {
    display: block;
    position: relative;
  }
  .custom-nav .dropdown-desktop .drop-desk li a {
    font-size: 16px;
    display: block;
  }
  .custom-nav .dropdown-desktop .drop-desk li a:not(:first-of-type) b, .custom-nav .dropdown-desktop .drop-desk li a:not(:first-of-type) strong {
    margin-top: 20px;
    font-size: 18px;
    margin-bottom: 0;
  }
  .custom-nav .dropdown-desktop .drop-desk li a b, .custom-nav .dropdown-desktop .drop-desk li a strong {
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
  }
  .custom-nav .dropdown-desktop .drop-desk .title-drop {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 15px;
    display: block;
  }
  .custom-nav .dropdown-desktop .drop-desk .child-desktop {
    display: block;
  }
  .custom-nav .dropdown-desktop .drop-desk .child-desktop li {
    padding: 0;
    display: block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 5px;
  }
  .custom-nav .dropdown-desktop .drop-desk .child-desktop #aTitle1 {
    font-size: 15px;
    color: #00B1AA;
    text-decoration: underline;
    padding: 5px 0px;
    display: block;
    font-weight: 500;
  }
  header {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    position: fixed;
    transition: all 0.3s ease-in-out;
  }
  header .container {
    width: 100%;
    max-width: 100%;
    padding: 0 200px;
  }
  header.scroll {
    position: fixed;
  }
  header .holder {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .holder.full-width {
    max-width: 100%;
  }
  header .mobile-show {
    display: none;
  }
  header .logo {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
  }
  header .logo .logo-ev {
    width: 175px;
  }
  header .logo img {
    width: 110px;
    transition: all 0.3s ease-in-out;
  }
  header .logo img.color {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  header .offcanvas-menu {
    display: block;
    width: 100%;
  }
  header .offcanvas-menu .menu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: calc(100% + 50px);
    margin: 0px -25px;
  }
  header .offcanvas-menu .dropdown-custom:hover ul {
    max-height: 500px;
  }
  header .offcanvas-menu .dropdown-custom ul {
    position: absolute;
    min-width: 175px;
    background: #fff;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    max-height: 0px;
    overflow: hidden;
  }
  header .offcanvas-menu .dropdown-custom ul li {
    display: block;
  }
  header .offcanvas-menu .dropdown-custom ul li span {
    margin: 5px 0px;
  }
  header .offcanvas-menu .dropdown-custom ul li span a {
    padding: 10px 25px;
    display: block;
  }
  header .offcanvas-menu ul li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  header .offcanvas-menu ul li.has-children .offcanvas-submenu {
    display: flex;
  }
  header .offcanvas-menu ul li:hover a#aFirst, header .offcanvas-menu ul li.active a#aFirst {
    color: #27348B;
  }
  header .offcanvas-menu ul li:hover a#aFirst:after, header .offcanvas-menu ul li.active a#aFirst:after {
    width: calc(100% - 40px);
  }
  header .offcanvas-menu ul li.custom-link a {
    color: #00B1AA !important;
  }
  header .offcanvas-menu ul li a#aFirst {
    display: block;
    padding: 10px 25px 10px;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
    background: transparent;
    position: relative;
    color: #000;
    font-size: 14px;
    text-decoration: none !important;
  }
  header .offcanvas-menu ul li a#aFirst.active {
    color: #27348B;
  }
  header .offcanvas-menu ul li a#aFirst:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background: #000;
    height: 3px;
    width: 0;
    transition: all 0.2s ease-in-out;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  /*.language-switch {
      position: relative;
      right: 0;
      top: 0;
      transform: none;
      display: inline-block;
  }*/
  .custom-nav .dropdown-desktop .drop-desk {
    padding: 0px 35px;
  }
  header .container {
    padding: 0px 25px !important;
  }
  header .offcanvas-menu ul li a#aFirst {
    padding: 10px 20px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 1475px) {
  main {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 1200px) {
  .ul-list, .news-div, .ul-link, .event-div {
    padding: 0px 20px;
    color: #fff;
  }
  .event-div ul li .right {
    color: white;
  }
  .offcanvas-menu .desktop {
    display: none;
  }
  .ul-link {
    margin-top: 0 !important;
  }
  .ul-link b, .ul-link strong {
    color: white;
  }
  .ul-link li a {
    padding-left: 30px !important;
  }
  .ul-link li a:before {
    top: 15px;
  }
  .fb-block {
    border-radius: 5px;
    border: 2px solid white;
    padding: 10px;
    max-width: 310px;
    width: 100%;
    margin-top: 15px;
    margin-left: 20px;
  }
  .fb-block b, .fb-block strong {
    font-size: 20px;
    color: #00B1AA;
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
  }
  .fb-block b:before, .fb-block strong:before {
    content: "\f082";
    position: absolute;
    left: 0;
    top: 0;
    color: #00B1AA;
    font-family: "Font Awesome 5 brands";
    font-weight: bold;
  }
  .fb-block b i, .fb-block b em, .fb-block strong i, .fb-block strong em {
    color: #00B1AA;
  }
  .fb-block a {
    padding: 10px 15px;
    border-radius: 5px;
    background: #00B1AA;
    color: #fff;
    position: relative;
    cursor: pointer;
    border: none;
    display: table;
    margin: 0 auto;
    border: none;
    transition: all 0.3s ease-in-out;
    display: table;
    background: #00B1AA !important;
    background: white;
    margin: 10px 0 0 !important;
    color: #27348B;
    display: table !important;
  }
  .search-results {
    height: calc(100vh - 60px);
  }
  .menu-items .container.custom {
    display: block;
  }
  .btn-catalogus {
    background: #ff7126;
    background: -moz-linear-gradient(90deg, #ff7126 0%, #ffa732 100%);
    background: -webkit-linear-gradient(90deg, #ff7126 0%, #ffa732 100%);
    background: linear-gradient(90deg, #ff7126 0%, #ffa732 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7126",endColorstr="#ffa732",GradientType=1);
    left: -10px;
    top: 0;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg);
    font-weight: 500;
    color: #fff !important;
    border: none;
    padding: 10px 30px;
    padding-left: 40px;
    font-size: 16px;
    position: relative;
    display: table;
    text-align: center;
    top: 0;
    margin: 15px 0 5px;
    text-decoration: none !important;
    transition: all 0.1s ease-in-out;
    cursor: pointer;
  }
  .btn-catalogus span {
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    display: inline-block;
    transform: skew(20deg);
  }
  .language-switch {
    margin: 50px 15px 0;
    display: table;
    width: calc(100% - 30px);
  }
  .language-switch .inner {
    background: #ececec;
    font-size: 0;
    padding: 5px;
    border: 2px solid #ddd;
    text-align: center;
  }
  .language-switch .inner img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    padding: 4px;
    border: 1px solid #ddd;
    margin: 0px 3px;
  }
  .language-switch .inner .active-lan {
    display: inline-block;
  }
  .language-switch .inner .active-lan img {
    background: #00B1AA;
  }
  .language-switch .inner ul {
    display: inline-block;
  }
  .language-switch .inner ul li {
    display: inline-block;
  }
  .language-switch .inner ul li a {
    padding: 0px;
  }
  .menu-middle .container-fluid {
    padding: 0 !important;
  }
  .menu-middle .btn-row-header {
    /*margin-left: unset;*/
    margin-right: 40px;
  }
  .menu-middle .btn-row-header .btn-login {
    min-width: unset;
  }
  .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, .menu-middle .right .menu-icon em {
    font-size: 16px;
  }
  footer, .copy, .menu-middle {
    left: 0%;
    transition: all 0.3s ease-in-out;
  }
  main {
    margin-top: 121px;
    position: relative;
    left: 0%;
    transition: left 0.3s ease-in-out;
  }
  main.no-top {
    margin-top: 66px !important;
  }
  main.main-scroll {
    margin-top: 121px;
  }
  html.active main, html.active .topheader, html.active footer, html.active .copy, html.active .menu-middle {
    left: -45%;
  }
  html.active header .custom-nav {
    right: 0% !important;
    visibility: visible;
  }
  html.active .overlay-search {
    opacity: 1;
    left: -45%;
    visibility: visible;
  }
  .hamburger, .login-mobile {
    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;
    color: #fff;
  }
  .offcanvas-menu ul li.back-btn a:before {
    content: "\f053";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: relative;
    margin-right: 10px;
  }
  .offcanvas-menu ul li a {
    display: block;
    padding: 15px 20px;
    transition: color 0.3s;
    font-size: 18px;
    color: white !important;
    text-decoration: none;
    margin: 0;
  }
  .offcanvas-menu ul li a b, .offcanvas-menu ul li a strong {
    display: block;
  }
  .offcanvas-menu ul li a.btnRegistreren {
    color: #fff !important;
    margin: 0px 15px;
  }
  .offcanvas-menu ul li.has-children > .offcanvas-submenu {
    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);
  }
  .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;
  }
  .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: "\f054";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 27px;
    height: 27px;
    background: #00B1AA;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 27px;
  }
  .offcanvas-menu .menu {
    position: relative;
    transform: translate3d(0, 0, 0);
    transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  }
  header {
    left: 0;
    width: 100%;
    top: 0;
    z-index: 3;
    position: fixed;
  }
  header .dropdown-custom .back-btn:not(:first-child) {
    display: none;
  }
  header .dropdown-custom li .sub-menu-toggle {
    display: none !important;
  }
  header .logo img {
    max-width: 85px;
    display: block;
  }
  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: 0;
    width: 45%;
    z-index: 2;
    bottom: 0;
    background: #27348B;
    transition: right 0.4s ease-in-out;
    padding: 100px 0;
    height: 100%;
    overflow-y: scroll;
    right: -45%;
    -ms-overflow-style: none;
    transition: all 0.3s ease-in-out !important;
  }
  header .custom-nav::-webkit-scrollbar {
    display: none;
  }
  header .custom-nav .btn-row-header {
    margin-left: auto;
    display: block;
  }
  header .custom-nav .btn-row-header .btn-login {
    padding: 10px 15px;
    border-radius: 5px;
    background: #00B1AA;
    color: #fff;
    position: relative;
    cursor: pointer;
    border: none;
    display: table;
    margin: 0 auto;
    border: none;
    transition: all 0.3s ease-in-out;
    font-weight: bold;
    min-width: 120px;
    text-align: center;
    display: inline-block;
    margin-left: 20px;
    background: white;
    color: #27348B;
  }
  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: 30px;
    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: #27348B;
  }
  header .custom-nav .mobile-copyright {
    margin: 0;
    display: inline-block;
    width: 100%;
    margin-top: 50px;
    color: #27348B;
  }
  header .custom-nav .mobile-show {
    display: block;
    padding-left: 20px;
  }
  header .custom-nav .mobile-show img {
    max-width: 200px;
    display: block;
    height: auto;
    margin-bottom: 75px;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 767.5px) {
  header .custom-nav {
    width: 100%;
    right: -100%;
  }
  html.active main, html.active .topheader, html.active footer, html.active .copy, html.active .menu-middle {
    left: -75%;
  }
  html.active .overlay-search {
    left: -75%;
  }
  .menu-middle .btn-row-header .btn-helpdesk, .menu-middle .btn-row-header .btn-login {
    font-size: 14px;
    padding: 10px;
    min-width: unset;
  }
  .menu-middle .btn-row-header .btn-register {
    display: none;
    padding: 10px;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 360px) {
  header .logo img {
    max-width: 65px;
    /*margin: 0 10px;*/
  }
}
@media only screen and (max-width: 1200px) {
  .topheader {
    width: 100%;
    left: 0%;
    transition: all 0.3s ease-in-out;
  }
  .topheader ul {
    text-align: center;
    position: relative;
  }
  .topheader ul li {
    margin-right: 15px;
  }
  .topheader ul li i, .topheader ul li em {
    margin-right: 5px;
    font-size: 15px;
    vertical-align: middle;
  }
  .topheader ul li:last-child {
    margin-right: 0px;
  }
}
@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: #27348B;
    width: 100%;
    order: 3;
    margin-left: auto;
    max-width: inherit;
    transform: unset;
  }
  .menu-middle .search .form-group .form-control {
    padding: 8px 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .topheader ul {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  /* .menu-middle {
      .search {
          .form-group {
              .btn-search {
                  top: 0px;
              }
          }
      }
  }*/
  .hamburger #nav-icon2 span {
    background: white !important;
  }
}
@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, .search-results .inner strong {
    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;
  }
  .topheader {
    font-size: 14px;
    padding: 8px 0;
  }
  .topheader ul li {
    margin-bottom: 3px;
  }
}
@media only screen and (max-width: 380px) {
  .menu-middle .btn-row-header {
    margin-right: 35px;
  }
}
.via-bovag {
  padding: 25px 0 75px;
}
.via-bovag.under-header {
  padding: 25px 0;
}
.via-bovag.under-header .wrapper {
  align-items: center;
}
.via-bovag.under-header .wrapper img {
  max-width: 30%;
  margin: 0 0 0 10px;
  border-radius: 16px;
}
.via-bovag.under-header .wrapper .text {
  max-width: 65%;
}
.via-bovag.under-header .wrapper .text b {
  display: block;
  margin: 0 0 5px;
  font-size: 20px;
}
.via-bovag.under-header .wrapper .text .btn-default {
  margin: 15px 0 0 0;
}
.via-bovag.under-header .wrapper .text-news {
  display: block;
  display: -webkit-box;
  height: 100px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 15px;
}
.via-bovag.under-header .wrapper .text-news strong {
  font-weight: normal;
}
.via-bovag.under-header .wrapper .text-news p {
  height: initial;
}
.via-bovag.under-header .day {
  width: 125px;
  height: 125px;
  background: #00b1aa;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  color: #fff;
  position: relative;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 0 auto;
}
.via-bovag.under-header .day span {
  display: block;
  position: absolute;
  font-size: 28px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.via-bovag .top-title h2, .via-bovag .top-title h3, .via-bovag .top-title h4, .via-bovag .top-title h5, .via-bovag .top-title h6 {
  margin: 0 auto 50px;
  position: relative;
  display: table;
  padding: 0 0 15px;
  font-size: 32px;
  text-align: center;
  line-height: 36px;
}
.via-bovag .top-title h2:before, .via-bovag .top-title h3:before, .via-bovag .top-title h4:before, .via-bovag .top-title h5:before, .via-bovag .top-title h6:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 175px;
  border-bottom: 4px solid #00B1AA;
  border-radius: 100px;
}
.via-bovag .wrapper {
  background: #F3F5F9;
  border-radius: 15px;
  padding: 25px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 25px;
  height: calc(100% - 25px);
}
.via-bovag .wrapper.socials img {
  border-radius: 16px;
}
.via-bovag .wrapper.socials b {
  font-size: 1.5em;
  margin: 0 0 15px;
}
.via-bovag .wrapper .text {
  max-width: 50%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.via-bovag .wrapper .text p {
  display: flex;
  height: 100%;
}
.via-bovag .wrapper .text h2, .via-bovag .wrapper .text h3, .via-bovag .wrapper .text h4, .via-bovag .wrapper .text h5, .via-bovag .wrapper .text h6 {
  margin: 0 0 15px;
}
.via-bovag .wrapper .text .btn-default {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  color: white;
  background: #27348B;
  align-self: self-start;
  margin: auto 0 0 0;
}
.via-bovag .wrapper .text .btn-default:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.via-bovag .wrapper .text .btn-default:hover {
  background: white !important;
  color: #27348B !important;
}
.via-bovag .wrapper img {
  width: 100%;
  max-width: 45%;
  object-fit: cover;
  border-radius: 16px;
}

.partners-new {
  position: relative;
  padding: 50px 0;
  background: #fff;
  /*  background: #f5f5f5;*/
}
.partners-new .slick-track {
  display: flex !important;
  align-items: center;
}
.partners-new h5 {
  font-size: 30px;
  color: #054065;
  display: block;
  text-align: center;
  margin-bottom: 50px;
  font-weight: bold;
}
.partners-new img {
  background: transparent;
  max-width: calc(100% - 50px);
  margin: 0 auto;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: all 0.3s ease-in-out;
  vertical-align: middle;
  object-fit: contain;
  height: 100px;
}
.partners-new img:hover {
  -webkit-filter: grayscale(0);
  filter: none;
}
.partners-new a {
  background: transparent !important;
}
.partners-new a:before {
  display: none !important;
}

.container-fluid.pd-top .row {
  padding: 50px 0 0;
}

.img-header {
  position: relative;
  max-height: 55vh;
  overflow: hidden;
}
.img-header:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgb(242, 245, 249) 25%, rgba(242, 245, 249, 0) 100%);
}
.img-header.home .text {
  font-size: 18px;
}
.img-header.home .text b {
  display: block;
  font-size: 20px;
  margin: 0 0 5px;
}
.img-header.home .text h1 {
  font-size: 40px;
  line-height: 44px;
  margin-bottom: 10px;
}
.img-header.home .text a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  font-size: 18px;
  margin-top: 15px;
  padding: 12px 20px;
}
.img-header.home .text a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.img-header.home .text a.loading:before {
  content: "\f110" !important;
  -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;
}
.img-header.home .text a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.img-header.home .text a:hover {
  background: #00B1AA;
  color: white !important;
}
.img-header.home .text a:hover:before {
  transform: scale(1.1);
}
.img-header.home .text a:before {
  font-size: 18px;
  margin-right: 10px;
}
.img-header.home .text a:nth-child(1) {
  background: #27348B;
  margin: 0 15px 0 0;
}
.img-header.home .text a:nth-child(1):hover {
  background: #00B1AA !important;
}
.img-header.home .text a:nth-child(2):hover {
  background: #27348B !important;
}
.img-header.home .text a:nth-child(2):before {
  content: "\f05a";
}
.img-header img {
  width: 100%;
}
.img-header .container-fluid.custom {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.img-header .text {
  font-size: 30px;
  line-height: initial;
}
.img-header .text h1 {
  font-size: 40px;
  margin-bottom: 5px;
}
.img-header .text .btn-row {
  display: block;
  margin-top: 10px;
}
.img-header .text .btn-row a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  font-size: 18px;
  margin-top: 5px;
  padding: 12px 20px;
}
.img-header .text .btn-row a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.img-header .text .btn-row a.loading:before {
  content: "\f110" !important;
  -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;
}
.img-header .text .btn-row a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.img-header .text .btn-row a:hover {
  background: #00B1AA;
  color: white !important;
}
.img-header .text .btn-row a:hover:before {
  transform: scale(1.1);
}
.img-header .text .btn-row a:before {
  font-size: 18px;
  margin-right: 10px;
}
.img-header .text .btn-row a:nth-child(1) {
  background: #27348B;
}
.img-header .text .btn-row a:nth-child(1):hover {
  background: #00B1AA !important;
}
.img-header .text .btn-row a:nth-child(2):hover {
  background: #27348B !important;
}
.img-header .text .btn-row a:nth-child(2):before {
  content: "\f05a";
}
.img-header .btn-row-mobile {
  display: none;
}
.img-header .btn-row-mobile a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  font-size: 18px;
  margin-top: 5px;
  padding: 12px 20px;
}
.img-header .btn-row-mobile a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.img-header .btn-row-mobile a.loading:before {
  content: "\f110" !important;
  -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;
}
.img-header .btn-row-mobile a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.img-header .btn-row-mobile a:hover {
  background: #00B1AA;
  color: white !important;
}
.img-header .btn-row-mobile a:hover:before {
  transform: scale(1.1);
}
.img-header .btn-row-mobile a:before {
  font-size: 18px;
  margin-right: 10px;
}
.img-header .btn-row-mobile a:nth-child(1) {
  background: #27348B;
}
.img-header .btn-row-mobile a:nth-child(2):hover {
  background: #27348B !important;
}
.img-header .btn-row-mobile a:nth-child(2):before {
  content: "\f05a";
}

.tip-tricks {
  position: relative;
}
.tip-tricks .title {
  font-size: 38px;
  position: relative;
  z-index: 2;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}
.tip-tricks .item {
  padding: 60px 20px 30px;
  background: #F3F5F9;
  height: calc(100% - 50px);
  margin-bottom: 50px;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  font-weight: bold;
  position: relative;
}
.tip-tricks .item .img-wrapper {
  background: #54AFAA;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  position: absolute;
  top: -25px;
}
.tip-tricks .item .img-wrapper img {
  margin: 0 auto;
  max-width: 45px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tip-tricks .item a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: auto 0 0;
  background: #27348B;
}
.tip-tricks .item a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.tip-tricks .item a.loading:before {
  content: "\f110" !important;
  -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;
}
.tip-tricks .item a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.tip-tricks .item a:hover {
  background: #00B1AA;
  color: white !important;
}
.tip-tricks .item a:hover:before {
  transform: scale(1.1);
}

.bg-icon {
  background-color: transparent;
  background-image: url(/Resources/img/bg-icon.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.intro-text {
  position: relative;
  text-align: center;
  padding: 50px 0 75px;
  font-size: 20px;
}
.intro-text .text-align-left, .intro-text .ledenvoordeel-home {
  height: calc(100% - 25px);
  margin: 0 0 25px;
  display: flex;
  flex-direction: column;
  font-size: 18px;
}
.intro-text .text-align-left h2, .intro-text .text-align-left h3, .intro-text .text-align-left h4, .intro-text .text-align-left h5, .intro-text .text-align-left h6, .intro-text .ledenvoordeel-home h2, .intro-text .ledenvoordeel-home h3, .intro-text .ledenvoordeel-home h4, .intro-text .ledenvoordeel-home h5, .intro-text .ledenvoordeel-home h6 {
  font-size: 28px !important;
}
.intro-text .text-align-left p, .intro-text .ledenvoordeel-home p {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.intro-text .text-align-left a, .intro-text .ledenvoordeel-home a {
  margin: auto 0 0 0;
  align-self: self-start;
}
.intro-text .text-align-left {
  text-align: left;
  padding-top: 25px;
}
.intro-text .text-align-left.bg-blue {
  background: #27348B;
  color: white;
  border-radius: 10px;
  padding: 25px;
  position: relative;
}
.intro-text .text-align-left.bg-blue strong {
  font-weight: normal;
}
.intro-text .text-align-left.bg-blue a {
  color: #00B1AA;
}
.intro-text .text-align-left.bg-blue a:hover {
  background: #00B1AA;
  color: #fff;
}
.intro-text .text-align-left h2:before {
  left: 0;
  transform: none;
  border-color: #fff;
}
.intro-text .ledenvoordeel-home {
  background: #00B1AA;
  color: #fff;
  text-align: left;
  padding: 25px;
  border-radius: 10px;
}
.intro-text .ledenvoordeel-home h2 {
  display: block;
  font-size: 36px;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.intro-text .ledenvoordeel-home h2:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  transform: none;
  width: 175px;
  border-bottom: 4px solid #fff;
  border-radius: 100px;
}
.intro-text a {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  background: #fff;
  color: #27348B;
  margin: 0;
  font-weight: bold;
}
.intro-text a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.intro-text.spreekbeurt:before {
  display: none;
}
.intro-text.spreekbeurt .item {
  font-size: 16px;
}
.intro-text.spreekbeurt .item h3 {
  font-size: 28px;
  margin-bottom: 10px;
}
.intro-text.spreekbeurt .item h3:nth-of-type(2) {
  margin-top: 30px;
}
.intro-text.spreekbeurt .item a {
  background: #fff;
  color: #27348B;
  margin-top: 10px;
}
.intro-text.spreekbeurt img {
  max-width: 100%;
  margin: -120px auto -50px auto;
}
.intro-text.overlayer {
  padding-top: 0;
}
.intro-text.overlayer:before {
  height: 50%;
}
.intro-text.white {
  padding: 50px 0 0;
  background: #f3f5f9;
}
.intro-text.white .btn-row {
  margin: 0 auto 60px;
}
.intro-text.white:before {
  display: none;
}
.intro-text:before {
  content: "";
  position: absolute;
  background: #F3F5F9;
  width: 100%;
  height: 80%;
  left: 0;
  top: 0;
}
.intro-text.bg:before {
  content: "";
  position: absolute;
  background: #F3F5F9;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.intro-text.bg h2 {
  margin-bottom: 25px;
}
.intro-text.bg .btn-row {
  margin-top: 25px;
}
.intro-text.bg-green .item {
  background: #54AFAA;
}
.intro-text.green.align-left {
  text-align: left;
}
.intro-text.green.align-left h2:before {
  left: 0;
  transform: none;
}
.intro-text.green.align-left .item {
  margin-top: 25px;
  background: #27348b;
}
.intro-text.green.align-left .item .person-plug {
  max-width: 550px;
}
.intro-text.green:before {
  height: 35%;
  top: unset;
  bottom: 0;
}
.intro-text.green .item {
  background: #54AFAA;
  margin-top: 100px;
}
.intro-text.green .item .person-plug {
  max-width: 325px;
  left: 10%;
  right: unset;
}
.intro-text.green .item .person-plug img {
  width: 100%;
}
.intro-text.green .item a {
  /* @include btn-hover-blue;*/
}
.intro-text.green .item a:hover {
  background: #27348B;
}
.intro-text.green .item .plug {
  transform: scaleX(-1) scaleY(-1);
  right: unset;
  left: -325px;
  top: unset;
  bottom: 25px;
}
.intro-text.green.onderzoek-page {
  z-index: 2;
  padding: 50px 0 0;
}
.intro-text.green.onderzoek-page:before {
  display: none;
}
.intro-text.green.onderzoek-page p {
  margin: 0 0 15px;
}
.intro-text.green.onderzoek-page h2 {
  font-size: 28px;
  margin: 0;
}
.intro-text.green.onderzoek-page h2:before {
  display: none;
}
.intro-text.green.onderzoek-page .row:nth-of-type(1) {
  margin-top: -125px;
}
.intro-text.green.onderzoek-page .item {
  min-height: 425px;
  /*   &:first-of-type {
                      margin-bottom: 200px;
                  }
  */
}
.intro-text.green.onderzoek-page .item .person-plug {
  position: relative;
  margin-top: -100px;
  width: 100%;
  right: initial;
  left: initial;
  max-width: 550px;
}
.intro-text.green.onderzoek-page .item .plug {
  position: absolute;
  right: -700px;
  bottom: 75px;
  max-width: 1500px;
  transform: none;
  left: unset;
}
.intro-text.green.onderzoek-page .item a {
  margin-bottom: 25px;
  width: 100%;
  text-align: center;
}
.intro-text.green.onderzoek-page .item i, .intro-text.green.onderzoek-page .item em {
  font-style: normal;
}
.intro-text.green.onderzoek-page .item i a, .intro-text.green.onderzoek-page .item em a {
  background: #27348B;
  color: white;
}
.intro-text.green.magazine-page {
  z-index: 2;
  padding: 50px 0 0;
}
.intro-text.green.magazine-page:before {
  display: none;
}
.intro-text.green.magazine-page h2 {
  font-size: 28px;
}
.intro-text.green.magazine-page h2:before {
  display: none;
}
.intro-text.green.magazine-page .item {
  margin-top: -125px;
}
.intro-text.green.magazine-page .item .person-plug {
  position: absolute;
  right: 0;
  top: -75px;
  max-width: 550px;
  width: 100%;
  left: unset;
}
.intro-text.green.magazine-page .item .plug {
  position: absolute;
  right: -700px;
  bottom: 75px;
  max-width: 1500px;
  transform: none;
  left: unset;
}
.intro-text.green.magazine-page .item ul {
  padding-left: 20px;
}
.intro-text.green.magazine-page .item ul li {
  list-style: disc;
  padding-left: 10px;
  margin: 0;
}
.intro-text.green.magazine-page .item ul li:before {
  display: none;
}
.intro-text.about ul li a {
  padding: 0;
  background: transparent;
  color: white;
  text-decoration: underline !important;
}
.intro-text.about ul li a:hover {
  background: transparent !important;
}
.intro-text.about ul li a:before {
  display: none;
}
.intro-text.agenda .item ul li:before {
  content: "" !important;
}
.intro-text.downloads {
  overflow: hidden;
}
.intro-text.downloads:before {
  top: initial;
  bottom: 0;
  height: 65%;
}
.intro-text.downloads h2 {
  font-size: 28px;
}
.intro-text.downloads h2:before {
  display: none;
}
.intro-text.downloads .item {
  margin-top: 50px;
}
.intro-text.downloads .item .plug {
  position: absolute;
  right: -400px;
  top: 600px;
  max-width: 1300px;
  transform: rotate(105deg);
}
.intro-text.downloads .form-group label {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}
.intro-text.downloads .form-group .form-control {
  background: rgba(255, 255, 255, 0.45);
  max-width: 315px;
  border-width: 2px;
  display: block;
  padding: 8px 20px;
}
.intro-text.downloads .form-group.checkbox label {
  color: white;
}
.intro-text.downloads .form-group.checkbox label a {
  background: none;
  padding: 0;
  color: white;
  font-weight: bold;
  text-decoration: underline !important;
  text-align: left;
}
.intro-text.downloads .form-group.checkbox label a:before {
  display: none;
}
.intro-text.downloads .btn-submit {
  color: #27348B;
}
.intro-text.downloads .btn-submit:hover:before {
  color: white;
}
.intro-text.downloads .btn-submit:before {
  color: #27348B;
}
.intro-text .btn-row.custom-icons a:nth-child(1):before {
  content: "\f05a";
}
.intro-text .btn-row.custom-icons a:nth-child(2):before {
  content: "\f073";
}
.intro-text .btn-row a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}
.intro-text .btn-row a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.intro-text .btn-row a.loading:before {
  content: "\f110" !important;
  -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;
}
.intro-text .btn-row a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.intro-text .btn-row a:hover {
  background: #00B1AA;
  color: white !important;
}
.intro-text .btn-row a:hover:before {
  transform: scale(1.1);
}
.intro-text .btn-row a:nth-child(1) {
  background: #27348B;
  color: white;
  margin-right: 10px;
}
.intro-text .btn-row a:nth-child(2) {
  background: #00B1AA;
  color: white;
}
.intro-text .btn-row a:nth-child(2):hover {
  background: #27348B !important;
}
.intro-text h2 {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 15px;
  font-size: 32px;
  line-height: initial;
}
.intro-text h2:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 175px;
  border-bottom: 4px solid #00B1AA;
  border-radius: 100px;
}
.intro-text .item {
  background: #27348B;
  color: white;
  border-radius: 30px;
  padding: 50px;
  text-align: left;
  position: relative;
  margin-top: 95px;
}
.intro-text .item .plug {
  position: absolute;
  right: -700px;
  top: 25px;
  max-width: 1500px;
}
.intro-text .item .person-plug {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 550px;
  width: 100%;
}
.intro-text .item h3 {
  font-size: 32px;
}
.intro-text .item ul {
  margin: 25px 0;
}
.intro-text .item ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.intro-text .item ul li b, .intro-text .item ul li strong {
  font-weight: 600;
  font-size: 18px;
}
.intro-text .item ul li:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url(/Resources/img/check.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.intro-text .item a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  background: white;
  color: #00B1AA;
}
.intro-text .item a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.intro-text .item a.loading:before {
  content: "\f110" !important;
  -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;
}
.intro-text .item a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.intro-text .item a:hover {
  background: #00B1AA;
  color: white !important;
}
.intro-text .item a:hover:before {
  transform: scale(1.1);
}

.news-section {
  padding: 50px 0 0px;
  background: #F3F5F9;
  /*.item {
      background: #fff;
      display: flex !important;
      flex-direction: row;
      position: relative;
      border-radius: 5px;
      overflow: hidden;

      .left {
          max-width: 250px;
          width: 100%;

          img {
              width: 100%;
          }
      }

      .news-small-item {
          color: $primary-pink;
      }

      .date {
          color: $secondary-color;
          font-weight: bold;
          font-size: 20px;
          margin-top: 10px;
      }

      .right {
          padding: 25px;*/
  /* height: 100%;*/
  /*display: flex;
          flex-direction: column;

       b , strong {
              margin-top: auto;
              position: relative;

              i  , em {
                  margin-left: 5px;
                  color: $secondary-color;
              }
          }
      }

      .title-item {
          font-weight: bold;
          font-size: 24px;
          line-height: initial;
      }
  }*/
  /* the slides */
  /* the parent */
}
.news-section.home {
  padding: 0;
  margin-top: -75px;
  /* .event-item {
      &.item {
          .right {
              padding: 25px 15px 25px 0;
          }

          .title-item {
              word-break: break-all;
          }

          .left {
              &.event-day {
                  padding: 15px 5px;
              }
          }
      }
  }*/
  /*        .item {
      box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
      margin: 5px;
      height: calc(100% - 10px);
      align-items: center;
      min-height: 178px;

      .left {
          height: 100%;

          &.event-day {
              padding: 15px;
          }

          img {
              width: 100%;
              height: 100%;
              object-fit: contain;
              background: #2b3386;
          }

          .day {
              width: 150px;
              height: 150px;
              background: #00b1aa;
              border-radius: 50%;
              text-align: center;
              margin-right: 5px;
              color: #fff;
              position: relative;
              text-align: center;
              font-weight: 400;
              text-transform: uppercase;
              margin: 0 auto;

              span {
                  display: block;
                  position: absolute;
                  font-size: 28px;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);

               b , strong {
                      margin: 0 0 10px 0 !important;
                      display: block;
                  }
              }
          }
      }

      .title-item {
          font-size: 20px;
          margin-bottom: 10px;
      }

      .right {
          width: 100%;
          height: 100%;
      }

      .date {
          color: inherit;
          font-weight: 500;
          font-size: 18px;
          display: flex;
          flex-wrap: wrap;
          flex-direction: row;
          align-items: center;
          margin-top: auto;

          i  , em {
              margin-left: auto;
              color: #00b1aa;
          }
      }
  }*/
}
.news-section.home .item-home {
  background: #fff;
  display: flex !important;
  flex-direction: row;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  align-items: center;
  height: 100%;
}
.news-section.home .item-home.item-insta video {
  width: 100%;
  max-height: 175px;
}
.news-section.home .item-home .left {
  min-width: 175px;
  max-width: 175px;
  width: 100%;
}
.news-section.home .item-home .left img {
  /*  max-width: 150px;*/
  width: 100%;
}
.news-section.home .item-home .left .day {
  width: 125px;
  height: 125px;
  background: #00b1aa;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  color: #fff;
  position: relative;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 auto;
}
.news-section.home .item-home .left .day span {
  display: block;
  position: absolute;
  font-size: 28px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.news-section.home .item-home .left .day span b, .news-section.home .item-home .left .day span strong {
  margin: 0 0 10px 0 !important;
  display: block;
}
.news-section.home .item-home .right {
  padding: 0 15px;
  height: 100%;
}
.news-section.home .item-home .right a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.news-section.home .item-home .right .title-block {
  font-weight: normal;
  margin-bottom: 10px;
}
.news-section.home .item-home .right span {
  font-weight: bold;
  display: block;
  line-height: 22px;
}
.news-section.home .item-home .right .link-bottom {
  display: flex;
  width: 100%;
  font-weight: normal;
  margin-top: 35px;
}
.news-section.home .item-home .right .link-bottom i, .news-section.home .item-home .right .link-bottom em {
  margin-left: auto;
  color: #00b1aa;
}
.news-section a {
  color: #27348B;
}
.news-section .slick-arrow.slick-hidden {
  display: inline-block;
}
.news-section .slick-arrow {
  display: inline-block;
}
.news-section .title {
  display: flex;
  font-weight: bold;
  margin-bottom: 25px;
  align-items: center;
}
.news-section .title h2 {
  display: inline-block;
  font-size: 32px;
}
.news-section .title .nav-slider {
  display: inline-block;
  margin-left: 15px;
  margin-top: 5px;
}
.news-section .title .nav-slider .JS-prev i, .news-section .title .nav-slider .JS-prev em {
  color: #B9B9B9 !important;
}
.news-section .title .nav-slider .JS-prev, .news-section .title .nav-slider .JS-next {
  cursor: pointer;
}
.news-section .title .nav-slider i, .news-section .title .nav-slider em {
  color: #00B1AA;
  font-size: 30px;
}
.news-section .title .btn-row {
  margin-left: auto;
}
.news-section .title .btn-row a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}
.news-section .title .btn-row a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.news-section .title .btn-row a.loading:before {
  content: "\f110" !important;
  -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;
}
.news-section .title .btn-row a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.news-section .title .btn-row a:hover {
  background: #00B1AA;
  color: white !important;
}
.news-section .title .btn-row a:hover:before {
  transform: scale(1.1);
}
.news-section .title .btn-row a:nth-child(1) {
  background: #27348B;
  color: white;
}
.news-section .title .btn-row a:nth-child(1):before {
  content: "\f05a";
}
.news-section .title .btn-row a:nth-child(1):hover {
  background: #00B1AA !important;
}
.news-section .title .btn-row a:nth-child(2) {
  background: #00B1AA;
  color: white;
  margin-left: 10px;
}
.news-section .title .btn-row a:nth-child(2):hover {
  background: #27348B !important;
}
.news-section .title .btn-row a:nth-child(2):before {
  content: "\f073";
}
.news-section .slick-slide {
  margin: 0 15px;
}
.news-section .slick-list {
  margin: 0 -15px;
  /* padding-left: 15px !important;*/
}
.news-section .slick-track {
  padding-left: 33%;
}

.ride-neighbour {
  position: relative;
  background: #54AFAA;
  color: white;
  padding: 100px 0;
}
.ride-neighbour .video-wrapper {
  position: relative;
}
.ride-neighbour .video-wrapper video {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.ride-neighbour .plug {
  transform: scaleX(-1) scaleY(-1);
  position: absolute;
  bottom: 50px;
  left: -400px;
  max-width: 1500px;
}
.ride-neighbour .img img {
  position: absolute;
  bottom: 0;
  max-width: 300px;
  left: 15%;
}
.ride-neighbour h2 {
  font-size: 32px;
  margin-bottom: 15px;
}
.ride-neighbour ul {
  margin: 25px 0;
}
.ride-neighbour ul li {
  position: relative;
  padding-left: 25px;
}
.ride-neighbour ul li:before {
  content: "\f058";
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
}
.ride-neighbour a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  color: white;
  background: #27348B;
}
.ride-neighbour a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.ride-neighbour a.loading:before {
  content: "\f110" !important;
  -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;
}
.ride-neighbour a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.ride-neighbour a:hover {
  background: #00B1AA;
  color: white !important;
}
.ride-neighbour a:hover:before {
  transform: scale(1.1);
}
.ride-neighbour a:hover {
  background: white !important;
  color: #27348B !important;
}

.insta {
  text-align: center;
  padding: 50px 0 25px;
  position: relative;
}
.insta .text {
  margin-bottom: 60px;
}
.insta .text b, .insta .text strong {
  font-size: 20px;
  font-weight: 600;
  line-height: inherit;
}
.insta h2 {
  position: relative;
  padding-bottom: 20px;
  font-size: 34px;
  line-height: initial;
  display: table;
  margin: 0 auto 25px;
}
.insta h2:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 245px;
  border-radius: 100px;
  height: 6px;
  display: block;
  background: #00B1AA;
}
.insta:before {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 125px;
  background: #f3f5f9;
}
.insta.contact .follow {
  margin: 25px 0;
}
.insta.contact .follow i, .insta.contact .follow em {
  margin-right: 10px;
  font-weight: 500;
}
.insta.contact .follow a {
  color: #27348B;
}
.insta .img-fluid, .insta video {
  max-width: 310px;
  width: 100%;
  height: 310px;
  object-fit: contain;
}
.insta .item {
  border-radius: 5px;
  border: 2px solid #F3F5F9;
  text-align: left;
  padding: 25px;
  color: #000;
  background: white;
  height: 100%;
  max-width: 310px;
  width: 100%;
}
.insta .item b, .insta .item strong {
  font-size: 20px;
  color: #27348B;
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
}
.insta .item b:before, .insta .item strong:before {
  content: "\f082";
  position: absolute;
  left: 0;
  top: 0;
  color: #00B1AA;
  font-family: "Font Awesome 5 brands";
  font-weight: bold;
}
.insta .item b i, .insta .item b em, .insta .item strong i, .insta .item strong em {
  color: #00B1AA;
}
.insta .item a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: table;
  background: #27348B;
  color: white;
  margin: 10px 0 0;
}
.insta .item a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.insta .item a.loading:before {
  content: "\f110" !important;
  -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;
}
.insta .item a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.insta .item a:hover {
  background: #00B1AA;
  color: white !important;
}
.insta .item a:hover:before {
  transform: scale(1.1);
}
.insta .follow {
  text-align: left;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.insta .follow b, .insta .follow strong {
  font-size: 20px;
  color: #27348B;
}
.insta .follow b:not(:last-child), .insta .follow strong:not(:last-child) {
  margin-right: 15px;
}
.insta .follow a {
  color: #27348B;
}
.insta .follow i, .insta .follow em {
  color: #00B1AA;
  font-size: 20px;
  margin-right: 5px;
}

.newsletter {
  background: #F3F5F9;
  text-align: center;
  padding: 50px 0;
}
.newsletter .text {
  margin-bottom: 25px;
}
.newsletter .text b, .newsletter .text strong {
  font-size: 20px;
  font-weight: 600;
  line-height: inherit;
}
.newsletter .text h2 {
  position: relative;
  padding-bottom: 20px;
  font-size: 34px;
  line-height: initial;
  display: table;
  margin: 0 auto 25px;
}
.newsletter .text h2:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 245px;
  border-radius: 100px;
  height: 6px;
  display: block;
  background: #00B1AA;
}
.newsletter .btn-submit {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  background: #00B1AA;
  color: white;
  width: 100%;
  padding: 11px 15px;
  max-width: 150px;
  margin: 0 0 0 auto;
}
.newsletter .btn-submit.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.newsletter .btn-submit.loading:before {
  content: "\f110" !important;
  -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;
}
.newsletter .btn-submit:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.newsletter .btn-submit:hover {
  background: #00B1AA;
  color: white !important;
}
.newsletter .btn-submit:hover:before {
  transform: scale(1.1);
}
.newsletter .btn-submit:hover {
  background: #27348B !important;
}
.newsletter .wrapper {
  display: flex;
  flex-direction: row;
  align-items: start;
  flex-wrap: wrap;
}
.newsletter .wrapper .form-group {
  width: calc(100% - 175px);
}
.newsletter label {
  display: table;
  color: black;
  font-size: 16px;
  text-align: left;
  width: 100%;
  margin-bottom: 5px;
}
.newsletter .form-group .form-control {
  padding: 10px 15px;
  border-width: 2px;
}
.newsletter .w-100 {
  width: 100%;
}

@media only screen and (max-width: 1500px) {
  .intro-text.bg .btn-row a:nth-child(1) {
    margin: 10px 0;
  }
}
@media only screen and (max-width: 1300px) {
  .img-header .container-fluid.custom {
    padding: 0 50px;
  }
  .news-section.home .container-fluid.custom {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 1200px) {
  .img-header .container-fluid.custom {
    padding: 0 50px;
  }
  .news-section.home .container-fluid.custom {
    padding: 0 50px;
  }
  .news-section.home .item-home {
    margin-bottom: 25px;
    height: calc(100% - 25px);
  }
  .news-section.home .item-home .left {
    min-width: 125px;
    max-width: 125px;
  }
  .news-section.home .item-home .left .day {
    width: 100px;
    height: 100px;
  }
  .news-section.home .item-home .left .day span {
    font-size: 24px;
  }
  .news-section.home .item-home .right .link-bottom {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 1024px) {
  .img-header.home .text {
    font-size: 26px;
  }
  .img-header.home .text h1 {
    font-size: 44px;
  }
  .img-header.home .container-fluid.custom {
    padding: 0 25px;
  }
  .intro-text.green .item .person-plug {
    left: 5%;
  }
  .intro-text.green .item .person-plug img {
    width: 500px !important;
  }
  .intro-text.green.magazine-page .item .person-plug {
    right: -150px;
    top: 50%;
    transform: translateY(-50%);
  }
  .intro-text.green.magazine-page .item .person-plug img {
    max-width: 350px;
  }
  .intro-text .item {
    overflow: hidden;
  }
  .intro-text .item .person-plug {
    right: -50px;
  }
  .news-section .slick-track {
    padding-left: 0;
  }
  .news-section.home .container-fluid.custom {
    /*   padding: 0 25px;*/
    /*  .col-sm-6 {
        padding: 0 5px;
    }*/
  }
  .ride-neighbour .plug {
    left: -550px;
  }
}
@media only screen and (max-width: 991.5px) {
  .via-bovag.under-header .wrapper .text {
    max-width: 100%;
    order: 2;
  }
  .via-bovag.under-header .wrapper img {
    max-width: 50%;
    margin: 0 0 15px;
    order: 1;
  }
  .via-bovag.under-header .wrapper .day {
    margin: 0 0 15px;
  }
  .via-bovag .wrapper .text {
    max-width: 100%;
  }
  .via-bovag .wrapper img {
    max-width: 75%;
    margin: 25px 0 0;
  }
  .img-header {
    height: inherit;
  }
  .img-header .container-fluid.custom {
    padding: 0 15px;
  }
  .img-header.home .container-fluid.custom {
    padding: 0 25px 25px;
  }
  .img-header.home .text {
    font-size: 18px;
  }
  .img-header.home .text h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .img-header .text h1 {
    font-size: 44px;
  }
  .news-section.home {
    /*   .col-sm-6 {
        padding: 0 15px;
    }*/
  }
  .news-section.home .container-fluid.custom {
    padding: 0 15px;
  }
  .news-section.home .item {
    height: calc(100% - 35px);
    margin-bottom: 25px;
  }
  .intro-text.green.align-left .item {
    padding-bottom: 375px;
  }
  .intro-text.green.align-left .item .person-plug img {
    max-width: 400px !important;
  }
  .intro-text.green .item {
    margin-top: 50px;
  }
  .intro-text.green .item .plug {
    left: -755px;
  }
  .intro-text.green .item .person-plug {
    left: 0;
  }
  .intro-text.green .item .person-plug img {
    max-width: 450px;
  }
  .intro-text.green.magazine-page .item {
    padding: 50px 25px;
  }
  .intro-text.green.magazine-page .item .person-plug {
    right: -215px;
  }
  .intro-text.green.magazine-page .item .person-plug img {
    max-width: 300px;
  }
  .intro-text.green.magazine-page h2 {
    font-size: 24px;
  }
  .intro-text.about a {
    margin-bottom: 15px;
  }
  .intro-text.helpdesk-item .item {
    padding: 50px 25px 375px;
  }
  .intro-text .item .person-plug {
    max-width: 450px;
  }
  .intro-text .item .plug {
    right: -950px;
  }
  .news-section .slick-track {
    padding: 0;
  }
  .news-section .title {
    display: block;
  }
  .news-section .title .btn-row {
    margin-top: 15px;
  }
  .ride-neighbour .plug {
    left: -900px;
  }
  .ride-neighbour .img img {
    left: 10%;
  }
  .insta .text {
    margin-bottom: 25px;
  }
  .insta .item {
    padding: 15px;
  }
  .insta .img-fluid {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767.5px) {
  .via-bovag {
    padding: 0 0 35px;
  }
  .via-bovag .top-title h2, .via-bovag .top-title h3, .via-bovag .top-title h4, .via-bovag .top-title h5, .via-bovag .top-title h6 {
    font-size: 26px;
    line-height: 30px;
  }
  .partners-new {
    padding: 50px 0 25px;
  }
  .img-header {
    height: 65vh;
  }
  .img-header.home {
    /*.btn-row {
        display: none;
    }*/
  }
  .img-header.home:before {
    background: linear-gradient(360deg, rgb(232, 245, 249) 10%, rgba(243, 245, 249, 0) 80%);
  }
  .img-header.home .container-fluid.custom {
    top: 65%;
  }
  .img-header.home img {
    height: 50vh;
    object-fit: cover;
    margin-left: -175px;
    width: 150%;
  }
  .img-header.home .btn-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 15px;
  }
  .img-header.home .btn-row a {
    margin: 0;
  }
  .img-header.home .btn-row-mobile {
    /*     display: block;
    text-align: center;
    margin-top: 25px;*/
  }
  .img-header.home .text {
    font-size: 18px;
  }
  .img-header.home .text h1 {
    font-size: 26px;
    line-height: 32px;
  }
  .img-header.home .text a:nth-of-type(1) {
    margin: 15px 10px 0 0;
  }
  .img-header .text {
    font-size: 18px;
  }
  .img-header .text h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .news-section.home {
    position: relative;
    padding: 15px 0 0 !important;
  }
  .news-section.home:before {
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    height: 25px;
    background: #F3F5F9;
  }
  .tip-tricks .item {
    height: auto;
  }
  .tip-tricks .item a {
    margin-top: 10px;
  }
  .intro-text .ledenvoordeel-home {
    margin-top: 25px;
  }
  .intro-text.spreekbeurt img {
    margin: 20px 0px -50px -25px;
  }
  .intro-text.spreekbeurt .item {
    padding: 50px 25px !important;
  }
  .intro-text.spreekbeurt .item h3:nth-of-type(2) {
    margin-top: 0;
  }
  .intro-text.green .item {
    padding: 50px 25px 425px;
  }
  .intro-text.green .item .person-plug {
    max-width: 250px;
    left: 20%;
  }
  .intro-text.green .item a {
    margin-bottom: 10px;
  }
  .intro-text.green .item .plug {
    left: -1050px;
    bottom: 200px;
    transform: rotate(145deg);
  }
  .intro-text.green.magazine-page h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .intro-text.green.magazine-page .item {
    padding: 50px 25px;
  }
  .intro-text.green.magazine-page .item .person-plug {
    top: unset;
    transform: unset;
    position: relative;
    right: unset;
  }
  .intro-text.green.magazine-page .item .plug {
    transform: rotate(145deg);
    right: -100px;
  }
  .intro-text.green.onderzoek-page h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .intro-text.green.onderzoek-page .col-sm-4:last-child .item {
    margin-bottom: 50px;
  }
  .intro-text.green.onderzoek-page .item {
    padding: 50px 25px;
    margin-bottom: 25px;
  }
  .intro-text.green.onderzoek-page .item .person-plug {
    margin-top: 0;
  }
  .intro-text.green.onderzoek-page .item .person-plug img {
    max-width: 100%;
  }
  .intro-text.green.onderzoek-page .item .plug {
    transform: rotate(145deg);
    right: -100px;
  }
  .intro-text.downloads h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .intro-text.laadpas .item {
    padding: 25px;
  }
  .intro-text.laadpas .item img {
    margin-bottom: 25px;
  }
  .intro-text.white {
    padding-top: 20px;
  }
  .intro-text.white .btn-row {
    margin: 0 0 30px;
  }
  .intro-text.white .btn-row a {
    margin: 10px 0;
    display: inline-block;
    font-size: 15px;
  }
  .intro-text.about .item .person-plug img {
    max-width: 250px !important;
  }
  .intro-text.bg {
    padding: 50px 0 25px;
  }
  .intro-text h2 {
    line-height: 36px;
  }
  .intro-text .item {
    padding: 50px 25px 300px;
    overflow: hidden;
  }
  .intro-text .item .person-plug {
    right: -50px;
  }
  .intro-text .item .person-plug img {
    width: 400px;
  }
  .intro-text .item .plug {
    right: -1250px;
    top: 150px;
  }
  .news-section {
    /*       .col-custom {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;

        .item {
            flex-direction: column;
        }

        .right {
            width: 100% !important;
        }
    }*/
    /*.item {
        flex-direction: column;

        .left {
            max-width: unset;

            img {
                width: 100%;
                height: 175px;
                object-fit: cover;
            }
        }

        .right {
         b , strong {
                font-size: 18px;
            }
        }

        .date {
            margin-bottom: 10px;
        }*/
    /*.title-item{
            font-size: 18px;
        }*/
    /*}*/
  }
  .news-section.home {
    margin: 0;
    padding: 30px 0 0;
  }
  .news-section.home .item-home {
    margin-bottom: 25px;
    height: calc(100% - 25px);
  }
  .news-section.home .item-home .left {
    min-width: 125px;
    max-width: 125px;
  }
  .news-section.home .item-home .left .day {
    width: 100px;
    height: 100px;
  }
  .news-section.home .item-home .left .day span {
    font-size: 24px;
  }
  .news-section .title {
    position: relative;
    display: inline-block;
  }
  .news-section .title h2 {
    margin-bottom: 15px;
  }
  .news-section .title .nav-slider {
    position: absolute;
    top: 0;
    right: 0;
  }
  .news-section .title .btn-row a:nth-child(2) {
    margin-left: 0;
    margin-top: 10px;
  }
  .ride-neighbour {
    padding: 50px 0 275px;
  }
  .ride-neighbour.pd-bottom {
    padding-bottom: 50px;
  }
  .ride-neighbour .video-wrapper {
    margin-bottom: 15px;
  }
  .ride-neighbour .plug {
    left: -1100px;
    bottom: 250px;
  }
  .ride-neighbour .img img {
    max-width: 200px;
    right: 0;
    left: unset;
  }
  .insta:before {
    height: 225px;
  }
  .insta .follow {
    display: block;
  }
  .insta .follow b, .insta .follow strong {
    display: block;
    margin-bottom: 5px;
  }
  .insta .follow b:not(:last-child), .insta .follow strong:not(:last-child) {
    margin-right: 0;
  }
  .insta .follow b i, .insta .follow b em, .insta .follow strong i, .insta .follow strong em {
    max-width: 25px;
    width: 100%;
  }
  .insta .img-fluid {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: inline-block;
  }
  .insta .col-sm-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .insta .text {
    margin-bottom: 25px;
  }
}
.img-banner {
  position: relative;
  height: 250px;
  /* .container.custom {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      z-index: 1;
  }*/
}
.img-banner.custom-container .container-fluid.custom {
  padding: 0px 100px;
}
.img-banner:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgb(243, 245, 249) 25%, rgba(255, 255, 255, 0.69) 100%);
  z-index: 1;
}
.img-banner.prijsvraag-banner {
  /*   &:before {
      display: none;
  }*/
}
.img-banner.prijsvraag-banner .container-fluid.custom {
  position: relative;
  z-index: 2;
}
.img-banner.laadpas-banner a {
  text-decoration: underline !important;
  color: inherit;
}
.img-banner.helpdesk-banner:before {
  display: none;
}
.img-banner.no-image {
  height: unset;
  padding-bottom: 50px;
}
.img-banner.no-image:before {
  z-index: -1;
}
.img-banner.gold-plug-banner {
  height: 325px;
}
.img-banner.gold-plug-banner h1 {
  margin-top: 25px;
}
.img-banner.ambassador-banner .container-fluid.custom {
  z-index: 2;
  position: relative;
}
.img-banner.ambassador-banner:before {
  z-index: 1;
}
.img-banner.tell-text .container {
  z-index: 2;
  position: relative;
}
.img-banner img {
  width: 100%;
}
.img-banner img:not(.relative) {
  position: absolute;
  top: 0;
  left: 0;
  /*height: 100%;*/
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 0;
}
.img-banner img.bg {
  position: relative;
  z-index: 2;
  background: #c9c9c9;
  padding: 10px;
  border-radius: 5px;
}
.img-banner h1 {
  font-size: 40px;
  line-height: 54px;
  margin-top: 50px;
  position: relative;
  z-index: 2;
}
.img-banner b, .img-banner strong {
  position: relative;
  z-index: 2;
}
.img-banner b a, .img-banner strong a {
  color: #00b1aa;
  text-decoration: underline !important;
}

.iframe-specs {
  padding: 75px 0;
}

.about-team {
  position: relative;
  background: #F3F5F9;
}
.about-team h2 {
  font-size: 32px;
  margin-bottom: 25px;
}
.about-team .custom-row {
  margin-bottom: 50px;
}
.about-team .item {
  margin-bottom: 25px;
}
.about-team .item:hover {
  cursor: pointer;
}
.about-team .item:hover .item-img {
  border-bottom-right-radius: 200px;
}
.about-team .item .item-img {
  width: 100%;
  /* max-height: 500px;*/
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
  object-fit: cover;
  border-radius: 5px;
}
.about-team .item b, .about-team .item strong {
  font-size: 22px;
  color: #27348B;
  display: block;
  margin-bottom: 5px;
}
.about-team .item span {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
.about-team .nav-team {
  display: none;
  text-align: right;
  margin-bottom: 10px;
}
.about-team .nav-team .JS-prev, .about-team .nav-team .JS-next {
  display: inline-block;
}
.about-team .nav-team .JS-prev i, .about-team .nav-team .JS-prev em, .about-team .nav-team .JS-next i, .about-team .nav-team .JS-next em {
  font-size: 36px;
}
.about-team .nav-team .JS-prev i, .about-team .nav-team .JS-prev em {
  color: #00B1AA;
}

.about-btn .btn-row a {
  margin-bottom: 10px;
}

.team-modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.team-modal.active {
  opacity: 1;
  visibility: visible;
}
.team-modal .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 100%;
  max-width: 800px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  /*  padding: 25px 20px;*/
  border-radius: 30px;
  align-items: center;
}
.team-modal .content img {
  width: 100%;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.team-modal .content .left {
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
  position: relative;
  padding: 0px 15px 0 0;
}
.team-modal .content .right {
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
  position: relative;
  /*padding: 0px 15px;*/
  padding: 25px 20px;
}
.team-modal .content .right .info {
  display: block;
  margin-bottom: 10px;
  color: #000;
  font-weight: bold;
}
.team-modal .content .right .descrip {
  color: #000;
}
.team-modal .content .right .socials {
  margin-bottom: 20px;
}
.team-modal .content .right ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.team-modal .content .right ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #54AFAA;
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-direction: column;
  margin: 0 5px;
}
.team-modal .content .right ul li:nth-child(1) {
  margin-left: 0;
}
.team-modal .close-modal {
  position: absolute;
  top: 13px;
  right: 15px;
  height: 35px;
  width: 35px;
  cursor: pointer;
  border-radius: 50%;
  background: #CBCBCB;
}
.team-modal .close-modal i, .team-modal .close-modal em {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 20px;
}

.support {
  position: relative;
  overflow: hidden;
  text-align: center;
  color: #000;
  padding: 25px 0 50px;
}
.support.spreekbeurt:before {
  display: none;
}
.support.spreekbeurt .item a {
  background: #fff;
  color: #27348B;
}
.support.spreekbeurt .item h2:before {
  display: none;
}
.support.text-template {
  font-weight: normal;
}
.support.text-template .item {
  font-weight: normal;
}
.support.text-template .item h1, .support.text-template .item h2, .support.text-template .item h3, .support.text-template .item h4, .support.text-template .item h5, .support.text-template .item h6 {
  font-size: 24px;
  color: #fff;
}
.support.mrg-top {
  margin-top: 50px;
}
.support:before {
  content: "";
  position: absolute;
  background: #F3F5F9;
  width: 100%;
  height: 45%;
  left: 0;
  top: 0;
}
.support .item {
  padding: 50px 200px 25px;
  position: relative;
  background: #54AFAA;
  color: white;
  font-weight: bold;
  border-radius: 30px;
  margin-bottom: 25px;
}
.support .item h2 {
  font-size: 32px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.support .item h2:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 175px;
  border-bottom: 4px solid white;
  border-radius: 100px;
}
.support .item a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  background: #27348B;
  color: white;
}
.support .item a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.support .item a.loading:before {
  content: "\f110" !important;
  -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;
}
.support .item a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.support .item a:hover {
  background: #00B1AA;
  color: white !important;
}
.support .item a:hover:before {
  transform: scale(1.1);
}
.support .item a:hover {
  background: white !important;
  color: #27348B !important;
}
.support .item .plug {
  max-width: 1500px;
  transform: rotate(110deg);
  position: absolute;
  bottom: -475px;
  left: 8%;
}

@media only screen and (max-width: 1500px) {
  .support .item {
    padding: 50px 200px 25px;
  }
}
@media only screen and (max-width: 1024px) {
  .intro-text.about .item .person-plug {
    left: 5% !important;
  }
  .intro-text.about .item .person-plug img {
    max-width: 275px;
  }
  .intro-text.about .item .plug {
    left: -550px;
  }
  .img-banner.helpdesk-banner img {
    height: unset;
  }
}
@media only screen and (max-width: 991.5px) {
  .support .item {
    padding: 50px;
  }
  .support .item .plug {
    bottom: -400px;
    left: -275px;
  }
  .intro-text.about .item .person-plug img {
    max-width: 275px;
  }
  .intro-text.about .item .plug {
    left: -900px;
  }
  .img-banner.helpdesk-banner {
    height: 160px;
  }
}
@media only screen and (max-width: 767.5px) {
  .img-banner {
    background: linear-gradient(45deg, #f3f5f9 25%, rgba(255, 255, 255, 0.69) 100%);
  }
  .img-banner img.relative {
    margin-top: 25px;
  }
  .img-banner:before {
    background: linear-gradient(128deg, rgba(255, 255, 255, 0.75) 10%, rgba(255, 255, 255, 0.59) 100%);
  }
  .img-banner.gold-plug-banner {
    height: 300px;
  }
  .img-banner.gold-plug-banner h1 {
    margin-top: 0;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 5px;
  }
  .img-banner.ambassador-banner {
    height: unset;
    padding-bottom: 25px;
  }
  .img-banner h1 {
    font-size: 34px;
    line-height: 40px;
    margin-top: 25px;
  }
  .about-team .title {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  .about-team .title h2 {
    display: inline-block;
  }
  .about-team .title .nav-team {
    /* display: inline-block;*/
    margin-left: auto;
  }
  .about-team .item {
    margin-bottom: 25px;
  }
  .about-team .item .item-img {
    max-height: 350px;
  }
  .about-team .team-modal .content {
    width: calc(100% - 30px);
    max-height: 75vh;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .about-team .team-modal .content .left, .about-team .team-modal .content .right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .about-team .team-modal .content .left {
    padding: 0;
  }
  .about-team .team-modal .content .left img {
    border-bottom-left-radius: 0;
    object-fit: cover;
    object-position: top;
  }
  .about-team .team-modal .content .right {
    padding: 25px 15px;
  }
  .about-team .team-modal .content .right .info b, .about-team .team-modal .content .right .info strong {
    font-size: 25px;
  }
  .about-team .team-modal .close-modal {
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: #27348B;
  }
  .support.spreekbeurt .item {
    padding: 25px 15px;
    text-align: left;
  }
  .support.spreekbeurt .item h2 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .support .item {
    padding: 50px;
  }
}
.adviseurs-text {
  text-align: center;
  padding-bottom: 50px;
}
.adviseurs-text .btn-top {
  display: flex;
}
.adviseurs-text .btn-top a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 0 25px auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  color: white;
  background: #27348B;
  text-decoration: none !important;
  font-style: normal;
}
.adviseurs-text .btn-top a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.adviseurs-text .inner-cats {
  margin: 0px 0 30px;
}
.adviseurs-text .inner-cats .blog-cats {
  display: flex;
  /*   justify-content: space-between;*/
  justify-content: space-evenly;
  background: white;
  box-shadow: 0 3px 6px rgb(204, 206, 209);
  text-align: center;
  padding: 25px 30px;
  border-radius: 5px;
  z-index: 2;
  position: relative;
}
.adviseurs-text .inner-cats .blog-cats li {
  display: inline-block;
}
.adviseurs-text .inner-cats .blog-cats li.active a {
  color: #00B1AA;
  font-weight: bold;
}
.adviseurs-text .inner-cats .blog-cats li a {
  color: #292929;
}
.adviseurs-text h1 {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-size: 32px;
  line-height: 36px;
}
.adviseurs-text h1:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 175px;
  border-bottom: 4px solid #00B1AA;
  border-radius: 100px;
}
.adviseurs-text a {
  text-decoration: underline !important;
  color: #27348B;
  font-weight: bold;
}

.advisors .adviseurs-cats {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}
.advisors .adviseurs-cats li {
  border: 1px solid rgba(28, 28, 28, 0.45);
  color: rgba(26, 26, 26, 0.26);
  background: #FAFAFA;
  border-radius: 5px;
  padding: 12px 20px;
  font-weight: bold;
  min-width: 175px;
  text-align: center;
  margin: 0px 5px 15px;
  cursor: pointer;
}
.advisors .adviseurs-cats li.active {
  background: #27348B;
  color: #fff;
  border-color: #27348B;
}
.advisors .advisor-item.hidden {
  display: none !important;
  opacity: 0;
}
.advisors .item {
  background: #F3F5F9;
  border-radius: 5px;
  color: #292929;
  display: flex;
  flex-direction: column;
  height: calc(100% - 25px);
  margin-bottom: 25px;
}
.advisors .item .img-wrapper {
  background: white;
  border: 3px solid #F3F5F9;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.advisors .item .img-wrapper img {
  width: 100%;
}
.advisors .item .content {
  padding: 25px;
  font-size: 18px;
}
.advisors .item .content h3 {
  color: #27348B;
  font-size: 26px;
  margin-bottom: 10px;
}
.advisors .item .content ul {
  padding-left: 20px;
}
.advisors .item .content ul li {
  list-style: disc;
}
.advisors .item .content .text {
  margin-bottom: 20px;
}
.advisors .item .content .text a {
  color: #27348B;
}
.advisors .item .btn-row {
  margin-top: auto;
  padding: 0 0 25px 25px;
}
.advisors .item .btn-row a {
  font-size: 18px;
}
.advisors .item .btn-row a:nth-child(1) {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}
.advisors .item .btn-row a:nth-child(1).loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.advisors .item .btn-row a:nth-child(1).loading:before {
  content: "\f110" !important;
  -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;
}
.advisors .item .btn-row a:nth-child(1):before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.advisors .item .btn-row a:nth-child(1):hover {
  background: #00B1AA;
  color: white !important;
}
.advisors .item .btn-row a:nth-child(1):hover:before {
  transform: scale(1.1);
}
.advisors .item .btn-row a:nth-child(1):hover {
  background: #27348B !important;
}
.advisors .item .btn-row a:nth-child(2) {
  color: #27348B;
  text-decoration: underline !important;
  display: inline-block;
  font-weight: bold;
  margin-left: 10px;
}

.intro-text.events .item .text-advisor {
  margin-bottom: 10px;
}
.intro-text.events .item .text-advisor a {
  background: none;
  padding: 0;
  color: white;
}
.intro-text.events .item .text-advisor a:before {
  display: none;
}

@media only screen and (max-width: 767.5px) {
  .intro-text.vve {
    padding: 25px 0 50px;
  }
  .intro-text.vve .item {
    margin-top: 0;
  }
  .adviseurs-text {
    padding-top: 25px;
  }
}
.img-banner.packages {
  height: 350px;
}
.img-banner.packages h1 {
  margin-top: 25px;
}
.img-banner.packages .text {
  position: relative;
  z-index: 2;
}

.abonnementen {
  position: relative;
  padding: 50px 0;
}
.abonnementen .inner {
  background: #F3F5F9;
  border-radius: 15px;
  padding: 50px;
  /*      .popular {
      background: #00b1aa;
      font-size: 28px;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      color: white;
      padding: 15px;
      text-align: center;
      font-weight: bold;
  }*/
}
.abonnementen .inner h2 {
  text-align: center;
  font-size: 32px;
  margin-bottom: 100px;
}
.abonnementen .inner .item {
  background: #fff;
  border-radius: 15px;
  padding: 25px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  position: relative;
}
.abonnementen .inner .item.popular {
  border-radius: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.abonnementen .inner .item.popular:before {
  content: "Meest gekozen!";
  background: #00b1aa;
  font-size: 28px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: white;
  padding: 15px;
  text-align: center;
  font-weight: bold;
  position: absolute;
  top: -56px;
  left: 0;
  width: 100%;
}
.abonnementen .inner .item b, .abonnementen .inner .item strong {
  text-align: center;
  display: block;
  font-size: 26px;
}
.abonnementen .inner .item i, .abonnementen .inner .item em {
  font-style: normal;
  color: #00b1aa;
  text-align: center;
  display: block;
  font-size: 18px;
}
.abonnementen .inner .item i u, .abonnementen .inner .item em u {
  font-size: 26px;
  font-weight: bold;
  text-decoration: none !important;
}
.abonnementen .inner .item ul {
  position: relative;
  padding: 15px 0;
}
.abonnementen .inner .item ul:before, .abonnementen .inner .item ul:after {
  content: "";
  border-top: 1px solid #d0d3e6;
  width: 75px;
  position: absolute;
  left: 0;
}
.abonnementen .inner .item ul:before {
  top: 0;
}
.abonnementen .inner .item ul:after {
  bottom: 0;
}
.abonnementen .inner .item ul:nth-of-type(2):before {
  border-top: none;
}
.abonnementen .inner .item ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
}
.abonnementen .inner .item ul li:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  font-weight: normal;
}
.abonnementen .inner .item a {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  background: #f5751c;
  font-weight: bold;
  margin-top: 25px;
}
.abonnementen .inner .item a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  display: inline-block;
}

@media only screen and (max-width: 1024px) {
  .img-banner.packages {
    height: 400px;
  }
}
@media only screen and (max-width: 991.5px) {
  .abonnementen .inner {
    padding: 50px 25px;
  }
}
@media only screen and (max-width: 767.5px) {
  .img-banner.packages {
    height: 525px;
  }
  .img-banner.packages:before {
    background: linear-gradient(128deg, rgba(255, 255, 255, 0.85) 10%, rgba(255, 255, 255, 0.9) 100%);
  }
  .abonnementen {
    padding: 50px 0 0;
  }
  .abonnementen .inner .col-sm-6 {
    padding: 0;
  }
  .abonnementen .inner h2 {
    margin-bottom: 50px;
  }
  .abonnementen .inner .item {
    margin-bottom: 50px;
  }
  .abonnementen .inner .item.free {
    margin-bottom: 100px;
  }
}
.intro-agenda {
  text-align: center;
  padding: 50px 0;
}
.intro-agenda a {
  color: #27348B;
  text-decoration: underline !important;
}
.intro-agenda .event-info {
  padding-top: 25px;
}
.intro-agenda .event-info .location li {
  position: relative;
  padding-left: 25px;
  display: table;
  margin: 0 auto;
}
.intro-agenda .event-info .location li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  color: #27348B;
}
.intro-agenda .event-info .location li:nth-child(1):before {
  content: "\f3c5";
}
.intro-agenda .event-info .location li:nth-child(2):before {
  content: "\f017";
}
.intro-agenda .event-info .location li a {
  color: #27348B;
}

.agenda-top .top-detail img {
  width: 100%;
}

.agenda-detail.intro-text {
  text-align: left;
}
.agenda-detail.agenda-top {
  padding-bottom: 0;
}
.agenda-detail:before {
  display: none;
}
.agenda-detail.custom.green .item {
  min-height: initial;
  padding: 120px 50px;
}
.agenda-detail.green .item {
  min-height: 400px;
  z-index: 1;
}
.agenda-detail iframe {
  width: 100%;
  padding: 50px 0;
  height: 450px;
}
.agenda-detail .item .label {
  border: 1px solid white;
  border-radius: 5px;
  padding: 10px;
  display: table;
  font-weight: bold;
  margin-bottom: 10px;
}
.agenda-detail .item a {
  padding: 0;
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  background: white !important;
  color: #00B1AA;
  text-decoration: none !important;
  margin: 0;
}
.agenda-detail .item a:hover {
  background: #27348B !important;
  color: white;
}
.agenda-detail .item h3 {
  line-height: 1;
  display: block;
  margin-bottom: 15px;
}
.agenda-detail .item .person-plug {
  max-width: 575px !important;
  left: 5% !important;
}
.agenda-detail ul {
  padding-bottom: 15px;
}
.agenda-detail ul li:before {
  font-family: "Font Awesome 5 Free";
  background-image: none !important;
  font-size: 22px;
  font-weight: bold;
}
.agenda-detail ul li:nth-child(1):before {
  content: "\f017";
}
.agenda-detail ul li:nth-child(2):before {
  content: "\f3c5";
}

.agenda-form .unique-link {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  padding: 10px;
  color: #fff;
  margin: 15px 0;
}
.agenda-form .unique-link a {
  font-weight: bold;
  text-decoration: underline !important;
  display: block;
  color: #fff;
}
.agenda-form.contact-questions select option:disabled {
  background-color: #c3c3c3; /* Lichtrood (past bij een "verboden" status) */
  color: #616161; /* Donkerrood voor contrast */
}
.agenda-form.contact-questions .content {
  background: #27348b;
}
.agenda-form.contact-questions .content .contact-text b, .agenda-form.contact-questions .content .contact-text strong {
  font-size: 32px;
}
.agenda-form.contact-questions .content .plug {
  max-width: 1200px;
  left: 36%;
}
.agenda-form.contact-questions .content .mrg-top {
  margin-top: 30px;
}
.agenda-form.contact-questions .content .btn-submit.btn-submit-login {
  margin: 0 auto;
  width: 100%;
}
.agenda-form.contact-questions .content .btn-submit.btn-submit-login:hover {
  background: #00B1AA !important;
  color: white !important;
}
.agenda-form.contact-questions .content .btn-submit:hover {
  background: #00B1AA !important;
  color: white !important;
}
.agenda-form i, .agenda-form em {
  font-weight: normal;
  font-style: normal;
}
.agenda-form.contact-helpdesk .content .btn-submit.btn-new:hover {
  background: #00B1AA !important;
  color: white !important;
}
.agenda-form .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  z-index: 2;
  overflow: hidden;
  background: #27348b;
  justify-content: center;
  margin-bottom: 25px;
}
.agenda-form .nav-tabs li {
  position: relative;
  cursor: pointer;
  display: block;
  padding: 15px 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-width: 150px;
  text-align: center;
  background: #ededed;
}
.agenda-form .nav-tabs li a {
  color: #000;
}
.agenda-form .nav-tabs li.active {
  background: #fff;
}
.agenda-form .nav-tabs li.active a {
  font-weight: bold;
  color: #00b1aa;
}
.agenda-form .form-group {
  position: relative;
}
.agenda-form .form-group .JS-TogglePassword {
  position: absolute;
  right: 15px;
  top: 40px;
  cursor: pointer;
  color: #fff;
}
.agenda-form .form-group ::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}
.agenda-form .form-group .label {
  display: flex;
  flex-direction: row;
}
.agenda-form .form-group .label a {
  color: #fff;
  text-decoration: underline !important;
  margin-left: auto;
}
.agenda-form .inner.hidden {
  display: none;
}
.agenda-form .text {
  text-align: center;
  margin-bottom: 20px;
}
.agenda-form .error-message {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  position: relative;
  padding: 10px 15px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
}
.agenda-form .error-message.alert-warning {
  border-color: #ffeeba;
  background: #fff3cd;
  margin: 0 0 25px;
  color: #856404;
}

.slider-event {
  position: relative;
  /* the slides */
  /* the parent */
}
.slider-event .sliderwrapper {
  position: relative;
}
.slider-event .sliderwrapper img {
  width: 100%;
}
.slider-event .slick-slide {
  margin: 0 27px;
}
.slider-event .slick-list {
  margin: 0 -27px;
}
.slider-event .nav-event .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.slider-event .nav-event .slick-arrow i, .slider-event .nav-event .slick-arrow em {
  font-size: 28px;
  color: #00B1AA;
}
.slider-event .nav-event .slick-arrow.JS-prev {
  left: -25px;
}
.slider-event .nav-event .slick-arrow.JS-next {
  right: -25px;
}

.agenda-content-detail {
  padding: 0 0 50px;
}
.agenda-content-detail img {
  width: 100%;
  padding: 50px 0;
}
.agenda-content-detail .no-pad .alinea.custom-alinea {
  padding-left: 0;
}
.agenda-content-detail .alinea.custom-alinea {
  padding-left: 50px;
}
.agenda-content-detail a {
  color: #27348B;
  text-decoration: underline !important;
}

@media only screen and (max-width: 1200px) {
  .contact-questions.agenda-form .content {
    padding: 100px 150px;
  }
}
@media only screen and (max-width: 1024px) {
  .agenda-detail.intro-text .item {
    overflow: visible;
  }
}
@media only screen and (max-width: 767.5px) {
  .slider-event {
    padding-bottom: 100px;
  }
  .slider-event .nav-event .slick-arrow.JS-prev, .slider-event .nav-event .slick-arrow.JS-next {
    bottom: -25px;
    top: unset;
    transform: unset;
  }
  .slider-event .nav-event .slick-arrow.JS-prev {
    left: unset;
    right: 75px;
  }
  .slider-event .nav-event .slick-arrow.JS-next {
    right: 5px;
  }
  .agenda-content-detail iframe {
    height: 350px;
  }
  .agenda-content-detail .alinea.custom-alinea {
    padding-left: 0;
  }
  .agenda-detail.custom {
    padding: 0;
  }
  .agenda-detail.custom.green .item {
    padding: 60px 35px;
  }
  .agenda-detail.custom.green .item .plug {
    max-width: 450px;
    left: -100px;
    bottom: 0;
  }
  .agenda-detail.green .item {
    margin-top: 50px;
  }
  .agenda-detail.prijsvraag .text {
    padding-bottom: 25px;
  }
  .contact-questions.agenda-form .content {
    padding: 50px;
  }
  .agenda-form .content {
    padding: 50px 25px !important;
  }
  .agenda-form .nav-tabs li {
    padding: 15px 12px;
    min-width: unset;
  }
}
.no-image.bg-color {
  background: #f3f5f9;
}

.ambassador-detail {
  position: relative;
}
.ambassador-detail.bg-color {
  background: white;
}
.ambassador-detail.bottom {
  padding-bottom: 50px;
}
.ambassador-detail.bottom .no-image {
  text-align: center;
}
.ambassador-detail.bg-blue:before {
  content: "";
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 200%;
  z-index: -1;
  background: #f3f5f9;
}
.ambassador-detail.gold-plug-intro .intro {
  padding: 0 0 50px;
}
.ambassador-detail .img-wrapper img {
  width: 100%;
  border-radius: 30px;
  margin-bottom: 50px;
}
.ambassador-detail .intro {
  text-align: center;
  font-weight: bold;
  color: #27348B;
  padding: 50px 0;
}
.ambassador-detail .text-plug {
  color: #292929;
  margin: 50px 0;
}
.ambassador-detail .text {
  color: #292929;
  margin: 25px 0;
}
.ambassador-detail .text.bg-green {
  background: #00B1AA;
  color: white;
  border-radius: 30px;
  padding: 25px;
}
.ambassador-detail .text.bg-green b, .ambassador-detail .text.bg-green strong {
  color: white;
}
.ambassador-detail .text b, .ambassador-detail .text strong {
  color: #27348B;
  font-size: 24px;
  display: block;
  margin-bottom: 10px;
}
.ambassador-detail .text ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ambassador-detail .text ul li {
  max-width: 50%;
  width: 100%;
}
.ambassador-detail .text ul li:nth-child(1) {
  padding-right: 25px;
}
.ambassador-detail .text ul li:nth-child(2) {
  padding-left: 25px;
  padding-right: 25px;
}
.ambassador-detail .outer {
  background: #27348B;
  border-radius: 30px;
  color: white;
  padding: 25px;
}
.ambassador-detail .outer b, .ambassador-detail .outer strong {
  font-size: 24px;
  display: block;
  margin-bottom: 10px;
}
.ambassador-detail .outer.green {
  background: #00B1AA;
}
.ambassador-detail .outer a {
  color: white;
  text-decoration: underline !important;
}
.ambassador-detail .outer iframe {
  width: 100%;
  border-radius: 30px;
}

.ambassadeur-page {
  padding: 50px 0;
}
.ambassadeur-page .checkbox label {
  color: #555555;
}
.ambassadeur-page .car-information {
  margin: 0;
}
.ambassadeur-page .car-information.hidden {
  display: none !important;
}
.ambassadeur-page .text-div.text-center {
  text-align: center;
}
.ambassadeur-page .help-block {
  display: block;
  background: #fdfdfd;
  padding: 5px 10px;
  margin-top: 10px;
  color: #f70000;
  border: 1px solid #f70000;
  font-size: 14px;
}
.ambassadeur-page .alert {
  margin-bottom: 15px;
}
.ambassadeur-page .alert.alert-danger {
  display: block;
  background: #fdfdfd;
  padding: 5px 10px;
  margin-top: 10px;
  color: #f70000;
  border: 1px solid #f70000;
  font-size: 14px;
}
.ambassadeur-page .alert.alert-success {
  display: block;
  background: #fdfdfd;
  padding: 5px 10px;
  margin-top: 10px;
  color: #155724;
  border: 1px solid #155724;
  font-size: 14px;
}
.ambassadeur-page .shop-bag {
  text-align: left;
}
.ambassadeur-page .shop-bag .order-item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  color: #a5a3a3;
}
.ambassadeur-page .shop-bag .order-item.last span {
  font-size: 20px;
}
.ambassadeur-page .shop-bag .order-item span {
  display: block;
  color: #27348B;
  font-weight: bold;
}
.ambassadeur-page .shop-bag .btn-register {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: block;
  width: 100%;
  text-align: center;
}
.ambassadeur-page .shop-bag .btn-register.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.ambassadeur-page .shop-bag .btn-register.loading:before {
  content: "\f110" !important;
  -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;
}
.ambassadeur-page .shop-bag .btn-register:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.ambassadeur-page .shop-bag .btn-register:hover {
  background: #00B1AA;
  color: white !important;
}
.ambassadeur-page .shop-bag .btn-register:hover:before {
  transform: scale(1.1);
}
.ambassadeur-page .shop-bag .btn-register:hover {
  background: #df6713;
}
.ambassadeur-page .btn-row-bottom {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 15px 0 0;
}
.ambassadeur-page .btn-row-bottom a {
  position: relative;
  padding-left: 25px;
}
.ambassadeur-page .btn-row-bottom a:before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.ambassadeur-page .btn-row-bottom a:nth-of-type(1) {
  color: #27348b;
  margin-right: 30px;
}
.ambassadeur-page .btn-row-bottom a:nth-of-type(1):before {
  content: "\f2f5";
}
.ambassadeur-page .btn-row-bottom a:nth-of-type(2) {
  color: #fd2121;
}
.ambassadeur-page .btn-row-bottom a:nth-of-type(2):before {
  content: "\f2ed";
  font-size: 14px;
}
.ambassadeur-page .btn-row {
  margin-top: 10px;
}
.ambassadeur-page .btn-row a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: 0px 15px 0 0;
}
.ambassadeur-page .btn-row a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.ambassadeur-page .btn-row a.loading:before {
  content: "\f110" !important;
  -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;
}
.ambassadeur-page .btn-row a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.ambassadeur-page .btn-row a:hover {
  background: #00B1AA;
  color: white !important;
}
.ambassadeur-page .btn-row a:hover:before {
  transform: scale(1.1);
}
.ambassadeur-page .btn-row a:hover {
  background: #df6713;
}
.ambassadeur-page .btn-row a:nth-child(1) {
  background: #00b1aa;
}
.ambassadeur-page .btn-row a:nth-child(2) {
  border-color: #27348b;
  color: #27348b;
  background: #fff;
}
.ambassadeur-page .pf-image {
  max-width: 100%;
  border-radius: 5px;
  margin-bottom: 10px;
}
.ambassadeur-page .table-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.ambassadeur-page .table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  text-align: left;
}
.ambassadeur-page .table tbody {
  color: #000;
}
.ambassadeur-page .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  font-weight: bold;
}
.ambassadeur-page .table td, .ambassadeur-page .table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.ambassadeur-page .btn-delete {
  padding: 0;
  background: transparent;
  color: #d60000;
  text-decoration: underline !important;
  margin: 0 0 0 auto;
}
.ambassadeur-page .btn-delete.ml-auto {
  margin-top: 20px;
  margin-left: 0;
}
.ambassadeur-page .btn-delete:before {
  content: "\f2ed";
  margin-right: 10px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}
.ambassadeur-page .info-div {
  background: #27348b;
  border-radius: 5px;
  margin-bottom: 40px;
  color: #fff;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.ambassadeur-page .info-div b, .ambassadeur-page .info-div strong {
  font-size: 24px;
  margin: 10px 15px 0 0;
}
.ambassadeur-page .info-div ul {
  padding-left: 20px;
}
.ambassadeur-page .info-div ul li {
  list-style: initial;
}
.ambassadeur-page .info-div ul li label {
  display: table;
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
}
.ambassadeur-page .btn-update {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: 10px 0 0;
}
.ambassadeur-page .btn-update.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.ambassadeur-page .btn-update.loading:before {
  content: "\f110" !important;
  -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;
}
.ambassadeur-page .btn-update:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.ambassadeur-page .btn-update:hover {
  background: #00B1AA;
  color: white !important;
}
.ambassadeur-page .btn-update:hover:before {
  transform: scale(1.1);
}
.ambassadeur-page .btn-update:hover {
  background: #df6713;
}
.ambassadeur-page > .container {
  max-width: 900px;
}
.ambassadeur-page .input-wrapper {
  position: relative;
}
.ambassadeur-page .input-wrapper input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.ambassadeur-page .input-wrapper label {
  background-color: #fbfbfb;
  padding: 10px 20px;
  border-radius: 5px;
  color: #000;
  width: 100%;
  border: 2px solid #ededed;
  font-family: inherit;
  text-align: center;
  cursor: pointer;
  display: block;
}
.ambassadeur-page .input-wrapper label:before {
  content: "\f302";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  margin-right: 10px;
  color: #00b1aa;
}
.ambassadeur-page .title {
  font-size: 40px;
  font-weight: bold;
  display: block;
  line-height: initial;
  text-align: center;
  margin-bottom: 30px;
}
.ambassadeur-page .title-main, .ambassadeur-page h3 {
  color: #27348b;
  font-weight: bold;
  font-size: 26px;
  display: block;
  margin-bottom: 10px;
}
.ambassadeur-page .title-main i, .ambassadeur-page .title-main em, .ambassadeur-page h3 i, .ambassadeur-page h3 em {
  color: #000;
  font-style: normal;
  font-size: 18px;
  margin-top: 15px;
  display: block;
}
.ambassadeur-page .w-100 {
  width: 100%;
}
.ambassadeur-page .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  z-index: 2;
  overflow: hidden;
  background: #f8f9fc;
}
.ambassadeur-page .nav-tabs li {
  position: relative;
  cursor: pointer;
  display: block;
  padding: 15px 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-width: 150px;
  text-align: center;
}
.ambassadeur-page .nav-tabs li.active {
  background: #fff;
}
.ambassadeur-page .nav-tabs li.active a {
  font-weight: bold;
  color: #00b1aa;
}
.ambassadeur-page .nav-tabs li a {
  color: #000;
}
.ambassadeur-page .tab-wrapper {
  padding: 30px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #f3f5f9;
  margin-bottom: 10px;
}
.ambassadeur-page .tab-wrapper .cb-custom {
  width: 100%;
}
.ambassadeur-page .tab-wrapper .form-input.has-success:after {
  content: "\f058";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 15px;
  top: 41px;
  color: #1db1aa;
  font-size: 18px;
}
.ambassadeur-page .tab-wrapper .form-input.has-success .form-control {
  border-color: #1db1aa;
}
.ambassadeur-page .tab-wrapper .form-input label {
  border: none;
  padding: 0 !important;
  margin-bottom: 5px !important;
  background: transparent !important;
}
.ambassadeur-page .tab-wrapper .form-input label:before, .ambassadeur-page .tab-wrapper .form-input label:after {
  display: none;
}
.ambassadeur-page .tab-wrapper .form-input .form-control {
  opacity: 1;
  position: relative;
  visibility: initial;
}
.ambassadeur-page .tab-wrapper.white-buttons .checkbox.cb-custom label {
  background: #fff;
}
.ambassadeur-page .tab-wrapper.white-buttons .checkbox.cb-custom label b, .ambassadeur-page .tab-wrapper.white-buttons .checkbox.cb-custom label strong {
  color: #0a369c;
}
.ambassadeur-page .tab-wrapper img {
  max-width: 100%;
}
.ambassadeur-page .tab-wrapper .radio {
  margin-bottom: 20px;
}
.ambassadeur-page .tab-wrapper.border-r {
  border-radius: 10px;
  margin-bottom: 20px;
}
.ambassadeur-page .tab-wrapper.border-r .btn-update {
  background: #00b1aa;
}
.ambassadeur-page .tab-wrapper.border-r .btn-update.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.ambassadeur-page .tab-wrapper.border-r .btn-update.loading:before {
  content: "\f110";
  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;
}
.ambassadeur-page .tab-wrapper.border-r .title-main p {
  margin: 0;
  color: #000;
  font-weight: 500;
  margin-top: 10px;
  font-size: 16px;
}

@media only screen and (max-width: 767.5px) {
  .ambassador-detail .intro {
    padding: 25px 0;
  }
  .ambassador-detail .text ul li {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .ambassador-detail .text ul li:nth-child(1), .ambassador-detail .text ul li:nth-child(2) {
    padding: 0;
  }
  .ambassador-detail .text-plug {
    margin: 25px 0;
  }
  .ambassador-detail .text-plug.alinea2 {
    margin: 0 0 50px;
  }
  .ambassador-detail .outer iframe {
    margin-top: 25px;
    height: 250px;
  }
  .ambassador-detail .outer img {
    margin-top: 20px;
  }
}
.blog-list.ambassador-view {
  padding-top: 50px;
}
.blog-list .inner-cats {
  margin-top: -40px;
  margin-bottom: 55px;
}
.blog-list .inner-cats .blog-cats {
  display: flex;
  /*   justify-content: space-between;*/
  justify-content: space-evenly;
  background: white;
  box-shadow: 0 3px 6px rgb(204, 206, 209);
  text-align: center;
  padding: 25px 30px;
  border-radius: 5px;
  z-index: 2;
  position: relative;
}
.blog-list .inner-cats .blog-cats li {
  display: inline-block;
}
.blog-list .inner-cats .blog-cats li.active a {
  color: #00B1AA;
  font-weight: bold;
}
.blog-list .inner-cats .blog-cats li a {
  color: #292929;
}
.blog-list .subtitel {
  text-align: center;
  margin-bottom: 25px;
}
.blog-list .blog {
  padding: 25px 0;
}
.blog-list .blog.events {
  padding-bottom: 50px;
}
.blog-list .blog.events .link .item .content span {
  background: white;
  border-radius: 5px;
  color: #27348B;
  border: 1.5px solid #27348B;
  padding: 2px 5px;
  font-weight: bold;
  display: table;
  margin-bottom: 10px;
  font-size: 14px;
}
.blog-list .blog.events .link .item .content .info p {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-list .blog.agenda .link .item .content .info span {
  font-weight: bold;
}
.blog-list .blog.agenda .link .item .content .info span i, .blog-list .blog.agenda .link .item .content .info span em {
  margin-right: 5px;
}
.blog-list .blog.agenda .past .title {
  margin-bottom: 25px;
}
.blog-list .blog.agenda .past .content {
  filter: grayscale(1);
}
.blog-list .blog.gold-plug .link .item .content .info .date {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #27348B;
}
.blog-list .blog.gold-plug .link .item .content .info .date b, .blog-list .blog.gold-plug .link .item .content .info .date strong {
  margin-left: auto;
  font-weight: normal;
  text-decoration: underline;
  color: #00B1AA;
}
.blog-list .blog.ambassador .link .item .content .info .date {
  color: #717171;
  font-weight: normal;
}
.blog-list .blog .link {
  color: #292929;
  display: block;
}
.blog-list .blog .link .item {
  border-radius: 5px;
  background: #F3F5F9;
  /*                display: flex;
  flex-direction: column;
  height: calc(100% - 25px);*/
  margin-bottom: 25px;
  /*  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;*/
}
.blog-list .blog .link .item.nieuws-evenement .img-wrapper {
  background: #00B1AA;
  position: relative;
  min-height: 250px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.blog-list .blog .link .item.nieuws-evenement .img-wrapper .date {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  color: #fff;
  font-size: 43px;
  text-align: center;
  line-height: 48px;
}
.blog-list .blog .link .item.nieuws-evenement .img-wrapper img {
  display: none;
}
.blog-list .blog .link .item img {
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.blog-list .blog .link .item .content {
  padding: 15px;
  /*   display: flex;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  height: 100%;*/
}
.blog-list .blog .link .item .content h2 {
  font-weight: bold;
  color: #27348B;
  font-size: 20px;
  margin-bottom: 10px;
}
.blog-list .blog .link .item .content .info {
  margin-top: auto;
}
.blog-list .blog .link .item .content .info p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-list .blog .link .item .content .info .date {
  /* color: #00B1AA;
  position: relative;
  font-weight: bold;
  display: block;*/
  /*  margin-top: auto;*/
  /* display: flex;
  align-items: center;*/
  /* i  , em {
      margin-left: auto;
  }*/
}
.blog-list .contain-pages {
  position: relative;
  padding-bottom: 50px;
  display: table;
  margin: 0 auto;
}
.blog-list .contain-pages .pagination {
  white-space: nowrap;
  position: relative;
  z-index: 2;
  overflow-y: hidden;
  overflow-x: scroll;
  text-align: right;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.blog-list .contain-pages .pagination::-webkit-scrollbar {
  display: none;
}
.blog-list .contain-pages .pagination a {
  color: #0b4476;
  padding: 10px;
}
.blog-list .contain-pages .pagination .dots {
  padding: 0 5px;
  margin-right: -10px;
}
.blog-list .contain-pages .pagination li {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  background: #fff;
  border: 3px solid #ededed;
  margin-left: 10px;
  cursor: pointer;
  line-height: 38px;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
  text-align: center;
}
.blog-list .contain-pages .pagination li span {
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  font-size: 13px;
}
.blog-list .contain-pages .pagination li.active {
  background: #0b4476;
  color: #fff;
  border-color: #0b4476;
}
.blog-list .contain-pages .pagination li.active a {
  color: white;
}
.blog-list .contain-pages .page-controls .prev, .blog-list .contain-pages .page-controls .Next {
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 3px solid #ededed;
  border-radius: 5px;
}
.blog-list .contain-pages .page-controls .prev a, .blog-list .contain-pages .page-controls .Next a {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  font-size: 18px;
  padding: 10px;
  color: #0b4476;
}
.blog-list .contain-pages .page-controls .prev {
  left: -40px;
}
.blog-list .contain-pages .page-controls .Next {
  right: -50px;
}

.news-detail {
  position: relative;
}
.news-detail.img-banner {
  height: 350px;
}
.news-detail.img-banner:before {
  background: linear-gradient(45deg, #f3f5f9 25%, rgba(255, 255, 255, 0.2) 100%);
}
.news-detail.img-banner h1 {
  margin-top: 0;
}
.news-detail .date {
  color: #00b1aa;
}
.news-detail .embed-responsive {
  min-height: 350px;
}

.news-detail-content {
  position: relative;
  color: #292929;
  padding: 50px 0;
}
.news-detail-content .img-wrap {
  margin: 25px 0;
}
.news-detail-content .img-wrap img {
  width: 100%;
}
.news-detail-content ol, .news-detail-content ul {
  text-align: left;
  margin: 10px 0;
}
.news-detail-content video {
  width: 100%;
  height: auto;
  padding: 50px 0;
}
.news-detail-content iframe {
  width: 100%;
  padding: 50px 0;
}
.news-detail-content ul {
  padding-left: 20px;
}
.news-detail-content ul li {
  list-style: initial;
}
.news-detail-content h3 {
  color: #27348B;
}
.news-detail-content a {
  color: #27348B;
  text-decoration: underline !important;
}
.news-detail-content .blog-content {
  padding-bottom: 25px;
}
.news-detail-content .blog-content img {
  display: block;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  margin: 25px auto 0;
}
.news-detail-content .blog-content a {
  color: #27348b;
  text-decoration: underline !important;
  /*   font-weight: bold;*/
}
.news-detail-content h2 {
  margin-bottom: 25px;
}
.news-detail-content .related-blogs img {
  width: 100%;
}
.news-detail-content .related-blogs .content {
  padding: 15px;
  background: #F3F5F9;
}
.news-detail-content .related-blogs .content h3 {
  color: #27348B;
}
.news-detail-content .related-blogs .content .date {
  color: #00B1AA;
}

.intro-text.green.events .label {
  padding: 5px 10px;
  font-size: 16px;
  border: 1.5px solid white;
  border-radius: 5px;
  display: table;
  margin-bottom: 15px;
}
.intro-text.green.events .time li:before {
  content: "\f017";
}
.intro-text.green.events .location li:before {
  content: "\f3c5";
}
.intro-text.green.events .item .person-plug img {
  width: 550px;
}

.event-detail {
  position: relative;
  background: #F3F5F9;
  color: #292929;
}

@media only screen and (max-width: 767.5px) {
  .blog {
    padding: 25px 0;
  }
  .blog-list.ambassador-view {
    padding-bottom: 25px;
  }
  .blog-list .inner-cats .blog-cats {
    overflow-x: scroll;
    white-space: nowrap;
    justify-content: unset;
  }
  .blog-list .inner-cats .blog-cats li {
    margin: 0 10px;
  }
  .blog-list .contain-pages .pagination li {
    margin-left: 5px;
  }
  .blog-list .contain-pages .pagination .dots {
    margin-right: -5px;
  }
  .news-detail.img-banner {
    margin-top: 25px;
    height: 100%;
    padding-bottom: 25px;
  }
  .news-detail.img-banner h1 {
    font-size: 28px;
  }
  .news-detail-content iframe {
    width: 100%;
    height: 350px;
  }
  .news-detail-content .embed-responsive {
    min-height: 350px;
  }
  .event-detail .text {
    margin-bottom: 25px;
  }
  .related-blogs .blog-item {
    margin-bottom: 25px;
  }
}
.pop-wrapper {
  background: rgba(0, 0, 0, 0.47);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 999;
}

.popup {
  position: fixed;
  z-index: 12;
  left: 0;
  bottom: 0;
  background: #fff;
  color: #000;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 25px 35px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16);
  /* max-width: 350px;*/
  width: 100%;
}
.popup .accept {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  padding: 10px 25px;
  min-width: inherit;
  display: inline-block;
  margin: 0 0 0 auto;
}
.popup b, .popup strong {
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #2B2B2B;
}
.popup .content {
  margin: 0;
  color: #292929;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.popup .content a {
  text-decoration: underline;
}
.popup .link {
  color: #FFFFFF;
  margin-right: 15px;
}
.popup img {
  width: 35px;
  height: auto;
  display: inline-block;
  margin-right: 25px;
}

.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, .cookies .text strong {
  font-size: 24px;
  color: #27348B;
  display: block;
  margin-bottom: 15px;
}
.cookies .banner {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
  color: #27348B;
  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: #27348B;
  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: #27348B;
}
.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) {
  .checkbox-mobile {
    position: absolute;
    right: 30px;
    top: -10px;
    text-align: right;
  }
  .preference .checkbox {
    margin-right: 0px;
  }
  .popup img {
    margin-bottom: 10px;
  }
}
@media (max-width: 767.5px) {
  .cookies .title {
    padding: 0 30px;
  }
  .cookies .info h4 {
    text-align: center;
    padding: 10px;
    font-size: 16px;
  }
  .popup .content {
    flex-direction: column;
    align-items: unset;
  }
  .popup .content a {
    margin-top: 10px;
  }
}
.contact-banner {
  padding-bottom: 25px;
  position: relative;
}
.contact-banner.social-ads-banner .inner {
  padding: 25px 25px 50px;
}
.contact-banner.social-ads-banner .inner h1 {
  line-height: 1;
}
.contact-banner.social-ads-banner .inner .text {
  margin: 0 0 25px;
}
.contact-banner.social-ads-banner .item {
  font-size: initial;
}
.contact-banner.social-ads-banner .item b, .contact-banner.social-ads-banner .item strong {
  display: inline-block;
  font-size: initial;
}
.contact-banner.social-ads-banner img {
  width: 100%;
  border-radius: 20px;
}
.contact-banner .inner {
  background: #F3F5F9;
  text-align: center;
  width: 100%;
  padding: 25px 25px 0;
  border-radius: 0 0 30px 30px;
  /*margin: 0 -15px;*/
}
.contact-banner .inner h1 {
  padding: 35px 0;
  font-size: 34px;
}
.contact-banner .breadcrumbs {
  text-align: left;
  margin-top: 0;
}
.contact-banner .inner-dark {
  background: #27348B;
  text-align: center;
  width: 100%;
  font-size: 20px;
  padding: 50px 0 50px 30px;
  max-width: 70%;
  margin: 0 0 0 -25px;
  color: white;
  text-align: left;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
}
.contact-banner .item {
  padding-top: 25px;
  font-size: 20px;
  color: #000;
}
.contact-banner .item b, .contact-banner .item strong {
  color: #27348B;
}
.contact-banner .item.pers a:before {
  content: "\f095" !important;
  font-weight: bold !important;
}
.contact-banner .item.location a:before {
  content: "\f3c5" !important;
  font-weight: bold !important;
}
.contact-banner .item.mail a, .contact-banner .item.location a, .contact-banner .item.pers a {
  position: relative;
  padding-left: 25px;
}
.contact-banner .item.mail a:before, .contact-banner .item.location a:before, .contact-banner .item.pers a:before {
  content: "\f0e0";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  color: #00B1AA;
}
.contact-banner .item ul li:nth-of-type(2) a:before {
  content: "\f0e0" !important;
}
.contact-banner .item b, .contact-banner .item strong {
  display: block;
  margin-bottom: 5px;
}
.contact-banner .item a {
  display: block;
  color: #27348B;
  margin-top: 10px;
}
.contact-banner .item a i, .contact-banner .item a em {
  color: #00B1AA;
  margin-right: 5px;
}
.contact-banner img {
  width: 100%;
  margin-top: -50px;
}

.contact-questions {
  position: relative;
  padding: 50px 0px;
}
.contact-questions.contact-helpdesk:before {
  content: "";
  position: absolute;
  background: #F3F5F9;
  width: 100%;
  height: 75%;
  left: 0;
  bottom: 0;
}
.contact-questions.contact-helpdesk .content .btn-submit:hover {
  background: #27348B !important;
}
.contact-questions.contact-helpdesk .checkbox label {
  color: white;
}
.contact-questions.contact-helpdesk .checkbox label a {
  color: white;
  text-decoration: underline !important;
}
.contact-questions.events:before {
  content: "";
  position: absolute;
  background: #F3F5F9;
  width: 100%;
  height: 75%;
  left: 0;
  top: 0;
}
.contact-questions.events .content {
  background: #27348B;
}
.contact-questions.events .content .plug {
  bottom: -425px;
}
.contact-questions.events .checkbox label {
  margin-bottom: 5px !important;
}
.contact-questions .content {
  padding: 100px 250px;
  position: relative;
  z-index: 1;
  color: white;
  margin: 0 auto;
  background: #54AFAA;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
.contact-questions .content .plug {
  max-width: 1500px;
  transform: rotate(100deg);
  position: absolute;
  bottom: -300px;
  left: 30%;
}
.contact-questions .content .contact-text {
  text-align: center;
  margin-bottom: 25px;
  font-weight: bold;
}
.contact-questions .content .contact-text#divWorkshopsOnline {
  padding-top: 35px;
  margin-top: 35px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 15px;
  text-align: left;
}
.contact-questions .content .contact-text#divWorkshopsOnline b, .contact-questions .content .contact-text#divWorkshopsOnline strong {
  font-size: 24px;
}
.contact-questions .content .contact-text h2 {
  font-size: 34px;
  margin-bottom: 10px;
}
.contact-questions .content .form-control {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid white;
  padding: 8px 15px;
  margin-top: 3px;
  color: white;
}
.contact-questions .content .form-group label {
  font-weight: bold;
}
.contact-questions .content .form-group label span {
  font-weight: normal;
  margin-left: 5px;
}
.contact-questions .content .form-group textarea {
  width: 100% !important;
}
.contact-questions .content .form-group.checkbox label {
  color: white;
}
.contact-questions .content .form-group.checkbox a {
  text-decoration: underline !important;
  color: white;
}
.contact-questions .content .btn-submit {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  background: white;
  color: #27348B;
  margin: 0 0 0 auto;
  text-align: center;
  min-width: 175px;
}
.contact-questions .content .btn-submit.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.contact-questions .content .btn-submit.loading:before {
  content: "\f110" !important;
  -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;
}
.contact-questions .content .btn-submit:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.contact-questions .content .btn-submit:hover {
  background: #00B1AA;
  color: white !important;
}
.contact-questions .content .btn-submit:hover:before {
  transform: scale(1.1);
}
.contact-questions .content .btn-submit.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.contact-questions .content .btn-submit.loading:before {
  content: "\f110";
  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;
}
.contact-questions .content .btn-submit:hover {
  color: white;
  background: #27348B;
}

@media only screen and (max-width: 1400px) {
  .contact-questions .content .plug {
    left: 23%;
  }
}
@media only screen and (max-width: 1250px) {
  .contact-questions .content .plug {
    left: 12%;
  }
}
@media only screen and (max-width: 1024px) {
  .contact-questions .content {
    padding: 50px;
  }
  .contact-questions .content .plug {
    left: 0;
  }
}
@media only screen and (max-width: 991.5px) {
  .contact-questions .content .plug {
    left: -50px;
    max-width: 1200px;
  }
  .contact-banner .inner-dark {
    width: 110%;
  }
}
@media only screen and (max-width: 767.5px) {
  .contact-banner img {
    margin-top: 25px;
  }
  .contact-banner .inner-dark {
    width: 118%;
    max-width: unset;
    padding: 50px 30px;
    font-size: 16px;
  }
  .contact-banner .item {
    font-size: 16px;
  }
  .contact-questions {
    display: block;
    height: inherit;
    padding: 50px 0;
  }
  .contact-questions.events {
    padding: 50px 0 50px;
  }
  .contact-questions .content {
    padding: 35px 20px;
  }
  .contact-questions .content .plug {
    left: -350px;
    max-width: 1000px;
    bottom: 0;
  }
}
.search-page {
  position: relative;
  min-height: 100vh;
}
.search-page .table-scroll {
  position: relative;
  max-width: 1500px;
  overflow: hidden;
  width: calc(100% - 30px);
  margin: 0 auto;
  text-align: left;
}
.search-page .table-scroll .clone {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.search-page .table-scroll .clone .fixed-side {
  visibility: visible;
}
.search-page .table-scroll .clone th, .search-page .table-scroll .clone td {
  visibility: hidden;
  border-color: transparent;
}
.search-page .table-scroll .clone tbody th {
  visibility: visible;
}
.search-page .widget-search-list {
  padding: 50px 0;
  width: 100%;
  overflow: auto;
}
.search-page .widget-search-list table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.search-page .widget-search-list table thead tr {
  border-bottom: 25px solid white;
}
.search-page .widget-search-list table thead th {
  padding: 0 15px;
}
.search-page .widget-search-list table thead th:nth-child(1) h1, .search-page .widget-search-list table thead th:nth-child(1) b {
  display: inline-block;
  color: #292929;
}
.search-page .widget-search-list table thead th:nth-child(1) h1 {
  font-weight: normal;
  font-size: 32px;
}
.search-page .widget-search-list table thead th:nth-child(1) b, .search-page .widget-search-list table thead th:nth-child(1) strong {
  font-size: 36px;
}
.search-page .widget-search-list table tbody tr:nth-child(odd) {
  background: #F3F5F9;
  border-radius: 5px;
}
.search-page .widget-search-list table tbody td {
  padding: 15px;
  margin: 0 !important;
}
.search-page .widget-search-list table tbody td:nth-child(1) h5 {
  color: #27348b;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 800px;
  width: 100%;
}
.search-page .widget-search-list table tbody td:nth-child(1) h5 a {
  color: #27348B;
}
.search-page .widget-search-list table tbody td h5 {
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
.search-page .widget-search-list table tbody a {
  color: #000;
}
.search-page .pagination ul {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.search-page .pagination ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #717171;
  border-radius: 5px;
  margin: 0 0 0 5px;
  height: 35px;
  width: 35px;
  padding: 5px;
  color: #717171;
}
.search-page .pagination ul li.active {
  border-color: #27348B;
  color: #27348B;
}
.search-page .pagination ul li span {
  font-weight: bold;
}

@media only screen and (max-width: 767.5px) {
  .search-page .table-scroll {
    width: 100%;
  }
  .search-page .widget-search-list table thead tr {
    border-bottom: 15px solid #fff;
  }
  .search-page .widget-search-list table thead th:nth-child(1) h1 {
    font-size: 22px;
  }
  .search-page .widget-search-list table thead th:nth-child(1) b, .search-page .widget-search-list table thead th:nth-child(1) strong {
    font-size: 22px;
  }
  .search-page .widget-search-list table tbody td:nth-child(1) {
    min-width: 250px;
  }
  .search-page .widget-search-list table tbody td:nth-child(2), .search-page .widget-search-list table tbody td:nth-child(3) {
    min-width: 170px;
  }
}
.iframe-page {
  padding: 50px 0 50px;
  background: #F3F5F9;
}
.iframe-page h1 {
  margin: 0 0 15px;
  font-size: 32px;
}
.iframe-page h2, .iframe-page h3, .iframe-page h4, .iframe-page h5, .iframe-page h6 {
  font-size: 26px;
  margin: 0 0 15px;
}
.iframe-page iframe {
  width: 100%;
  border: none;
  min-height: 1500px;
  background: #fff;
  padding: 25px;
  border-radius: 10px;
}
.iframe-page iframe.viabovag {
  min-height: 9500px;
}
.iframe-page .text {
  font-size: 20px;
  margin: 0 0 50px;
}
.iframe-page .text.bottom {
  padding: 50px 0 0;
}
.iframe-page .text h1 {
  font-size: 28px;
  display: block;
  margin: 0 0 10px;
}
.iframe-page .text p {
  margin: 0 0 15px;
}
.iframe-page .text a {
  text-decoration: underline;
  color: #27348B;
}
.iframe-page .text ul {
  padding: 0 0 0 20px;
}
.iframe-page .text ul li {
  list-style: disc;
  margin: 0 0 7px;
}

.social-ads-section {
  position: relative;
  padding: 0 0 50px 0;
}
.social-ads-section .text {
  color: #000;
  font-size: initial;
}
.social-ads-section img {
  width: 100%;
  border-radius: 20px;
}
.social-ads-section label.label-form {
  display: block;
  color: #000;
  margin: 0 0 5px;
}
.social-ads-section .questions {
  margin-top: 25px;
}
.social-ads-section .questions .form-group.checkbox label {
  color: #000;
}
.social-ads-section .questions .form-group ul li {
  margin: 0 0 5px;
}
.social-ads-section .questions .btn-default {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
  display: inline-block;
}

.video {
  padding: 50px 0 25px;
}
.video .wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.video .wrap .item {
  width: calc(33% - 15px);
  margin-bottom: 50px;
  display: inline-block;
}
.video .wrap .item b, .video .wrap .item strong {
  margin-bottom: 15px;
  display: block;
  font-size: 20px;
}
.video .wrap .item iframe {
  width: 100%;
}

.laadpas {
  padding: 75px 0;
}
.laadpas img {
  border-radius: 30px;
  width: 100%;
}
.laadpas .item {
  margin-top: 0 !important;
}
.laadpas .item h3 {
  margin-bottom: 10px;
}
.laadpas .item a {
  margin-top: 10px;
}

.car-test {
  padding: 50px 0 25px;
}

.text-community {
  position: relative;
  display: block;
  height: calc(100vh - 225px);
}
.text-community.textpage a {
  text-decoration: none !important;
}
.text-community img {
  max-width: 400px;
  width: 100%;
  display: inline-block;
}
.text-community img:nth-of-type(1) {
  margin-right: 25px;
}
.text-community .bg {
  position: relative;
  z-index: 2;
  background: #c9c9c9;
  padding: 10px;
  border-radius: 5px;
}
.text-community h2 {
  margin-bottom: 25px;
}

.electric-car {
  padding: 50px 0 25px;
}
.electric-car .item {
  position: relative;
  margin-bottom: 30px;
  color: #27348B;
  border-radius: 5px;
}
.electric-car .item:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #f3f5f9 25%, rgba(255, 255, 255, 0.69) 100%);
  border-radius: 5px;
}
.electric-car .item .info {
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 2;
}
.electric-car .item img {
  /*  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;*/
  width: 100%;
  border-radius: 5px;
}

.electric .item {
  min-height: 400px;
}
.electric .col-custom {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.text-template {
  padding: 50px 0;
  color: #000;
}
.text-template h1 {
  font-size: 42px;
  line-height: 42px;
  margin-bottom: 25px;
  color: #27348B;
}
.text-template a {
  color: #27348B;
  text-decoration: underline !important;
}
.text-template b, .text-template strong {
  color: #27348B;
}
.text-template .text h2, .text-template .text h3, .text-template .text h4, .text-template .text h5, .text-template .text h6 {
  color: #27348B;
  font-size: 20px;
  margin-bottom: 10px;
}
.text-template .img-wrapper img {
  width: 100%;
  margin: 25px 0;
}
.text-template ul:not(.breadcrumbs) {
  padding: 0 0 0 20px;
}
.text-template ul:not(.breadcrumbs) li {
  list-style: disc;
}

.textpage {
  color: #000;
  padding: 50px 0;
  font-size: 18px;
}
.textpage .inner-cats {
  margin: 0px 0 30px;
}
.textpage .inner-cats .blog-cats {
  display: flex;
  /*   justify-content: space-between;*/
  justify-content: space-evenly;
  background: white;
  box-shadow: 0 3px 6px rgb(204, 206, 209);
  text-align: center;
  padding: 25px 30px;
  border-radius: 5px;
  z-index: 2;
  position: relative;
}
.textpage .inner-cats .blog-cats li {
  display: inline-block;
}
.textpage .inner-cats .blog-cats li.active a {
  color: #00B1AA;
  font-weight: bold;
}
.textpage .inner-cats .blog-cats li a {
  color: #292929;
}
.textpage table td:nth-child(2) a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  text-decoration: none !important;
  margin-left: 15px;
}
.textpage table td:nth-child(2) a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.textpage table td:nth-child(2) a.loading:before {
  content: "\f110" !important;
  -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;
}
.textpage table td:nth-child(2) a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.textpage table td:nth-child(2) a:hover {
  background: #00B1AA;
  color: white !important;
}
.textpage table td:nth-child(2) a:hover:before {
  transform: scale(1.1);
}
.textpage h1 {
  font-size: 42px;
  line-height: 42px;
  margin-bottom: 25px;
  color: #27348B;
}
.textpage a {
  color: #27348B;
  text-decoration: underline !important;
}
.textpage b, .textpage strong {
  color: #27348B;
}
.textpage h3 {
  color: #27348B;
  font-size: 20px;
  margin-bottom: 10px;
}
.textpage ul {
  padding-left: 25px;
}
.textpage ul li {
  list-style: disc;
}

@media only screen and (max-width: 1500px) {
  .textpage {
    padding: 100px 0 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .electric.intro-text .item {
    margin-top: 0;
  }
  .electric.intro-text .item .person-plug img {
    max-width: 400px !important;
  }
  .electric.intro-text .item .plug {
    left: -550px;
  }
  .video {
    padding: 50px 0 25px;
  }
  .video .wrap .item {
    width: calc(50% - 15px);
  }
  .text-community img {
    max-width: 300px;
  }
}
@media only screen and (max-width: 1480px) {
  .text-community {
    height: calc(100vh - 175px);
  }
}
@media only screen and (max-width: 991.5px) {
  .electric.intro-text .item .plug {
    left: -900px;
  }
}
@media only screen and (max-width: 767.5px) {
  .social-ads-section img {
    margin-top: 25px;
  }
  .intro-text.electric {
    padding: 0 0 50px;
  }
  .intro-text.electric .col-custom {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
  }
  .intro-text.electric .item {
    margin-top: 0;
  }
  .intro-text.electric .item .plug {
    bottom: 0;
  }
  .intro-text.electric .item .person-plug img {
    width: 450px !important;
  }
  .video .wrap .item {
    width: 100%;
  }
  .video .wrap .item iframe {
    height: 250px;
  }
  .electric-car .item .info h2 {
    padding-right: 35px;
    margin-bottom: 5px;
  }
  .textpage table td {
    display: block;
  }
  .textpage table td a {
    margin: 15px 0 0;
  }
  .textpage h1 {
    font-size: 32px;
    line-height: 32px;
  }
  .text-community {
    padding: 50px 0;
  }
  .text-community img:nth-of-type(1) {
    margin-bottom: 25px;
  }
  .text-community .text {
    padding: 0 15px;
  }
  .text-template h1 {
    font-size: 32px;
    line-height: 32px;
  }
  .iframe-page iframe {
    padding: 0;
  }
  .iframe-page iframe.viabovag {
    min-height: 16500px;
  }
}
.timeline {
  padding: 0 0 0;
  position: relative;
}
.timeline .bg {
  max-width: 425px;
  position: absolute;
  bottom: -100px;
  z-index: -1;
}
.timeline .bg.bg1 {
  left: -150px;
}
.timeline .bg.bg2 {
  right: -150px;
}
.timeline h2 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 50px;
  position: relative;
  padding-top: 35px;
  color: #383838;
}
.timeline h2:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  width: 90px;
  background: #9fcf67;
  margin: 0 auto;
}
.timeline .time-pipe {
  position: relative;
}
.timeline .time-pipe:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 6px;
  background: #27348b;
  height: 100%;
  z-index: 2;
  opacity: 0.3;
}
.timeline .time-pipe .top-dot {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #27348b;
  z-index: 2;
  margin-left: 3px;
}
.timeline .time-pipe .top-dot:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #27348b;
  z-index: 2;
  opacity: 0.3;
}
.timeline .time-pipe img {
  margin: 0 auto;
  display: block;
  max-width: 90%;
  border-radius: 5px;
}
.timeline .time-pipe .text {
  max-width: 450px;
  width: 100%;
  position: relative;
  color: #000;
}
.timeline .time-pipe .row {
  align-items: center;
  position: relative;
  padding: 75px 0;
  /*   &:before {
      content: "";
      position: absolute;
      left: 50%;
      top: 0;
      width: 6px;
      background: $primary-pink;
      height: 100%;
      z-index: 2;
      opacity: 0.3;
  }*/
}
.timeline .time-pipe .row:nth-of-type(odd) b, .timeline .time-pipe .row:nth-of-type(odd) strong {
  margin-left: auto;
  margin-right: -30px;
  color: #00B1AA;
  opacity: 0.3;
  left: -250px;
}
.timeline .time-pipe .row:nth-of-type(even) {
  background: #f3f5f9;
}
.timeline .time-pipe .row:nth-of-type(even):before {
  content: "";
  position: absolute;
  left: -200px;
  width: 100%;
  height: 100%;
  background: #f3f5f9;
  z-index: -1;
}
.timeline .time-pipe .row:nth-of-type(even):after {
  content: "";
  position: absolute;
  right: -200px;
  width: 100%;
  height: 100%;
  background: #f3f5f9;
  z-index: -1;
}
.timeline .time-pipe .row:nth-of-type(even) b, .timeline .time-pipe .row:nth-of-type(even) strong {
  right: -250px;
}
.timeline .time-pipe .row b, .timeline .time-pipe .row strong {
  display: table;
  /* @include primary-gradient-purple;*/
  font-size: 200px;
  font-weight: 700;
  color: #27348B;
  position: relative;
  position: absolute;
  top: -50px;
  opacity: 0.3;
}
.timeline .time-pipe .row h3 {
  color: #27348B;
  font-size: 20px;
}
.timeline .time-pipe .row a {
  color: #00B1AA;
  display: block;
  text-decoration: underline !important;
}
.timeline .time-pipe .row:not(:nth-of-type(even)) .text {
  margin-left: auto;
  text-align: right;
  padding-right: 15px;
  justify-content: flex-end;
}
.timeline .time-pipe .row:not(:nth-of-type(even)) .text b, .timeline .time-pipe .row:not(:nth-of-type(even)) .text strong {
  /*margin-left: auto;
  margin-right: -30px;*/
}
.timeline .time-pipe .row:not(:nth-of-type(even)) .text b:before, .timeline .time-pipe .row:not(:nth-of-type(even)) .text strong:before {
  transform: rotate(-30deg);
  left: -15px;
}
.timeline .time-pipe .row:nth-of-type(even) {
  flex-direction: row-reverse;
}
.timeline .time-pipe .row:nth-of-type(even) b, .timeline .time-pipe .row:nth-of-type(even) strong {
  margin-right: auto;
  margin-left: -30px;
}
.timeline .time-pipe .row:nth-of-type(even) .text {
  margin-right: auto;
  text-align: left;
  padding-left: 15px;
}
.timeline .time-pipe .row:nth-of-type(even) .text b, .timeline .time-pipe .row:nth-of-type(even) .text strong {
  /*margin-left: -30px;*/
}
.timeline .time-pipe .row:nth-of-type(even) .text b:before, .timeline .time-pipe .row:nth-of-type(even) .text strong:before {
  transform: rotate(30deg);
  right: -13px;
}

@media only screen and (max-width: 1024px) {
  .timeline .time-pipe .row:nth-of-type(even) b, .timeline .time-pipe .row:nth-of-type(even) strong {
    right: 0;
  }
  .timeline .time-pipe .row:nth-of-type(odd) b, .timeline .time-pipe .row:nth-of-type(odd) strong {
    left: 0;
  }
  .timeline .time-pipe .row b, .timeline .time-pipe .row strong {
    font-size: 150px;
  }
}
@media only screen and (max-width: 991.5px) {
  .timeline .bg {
    display: none;
  }
  .timeline .time-pipe .row:nth-of-type(-n+3) {
    padding-bottom: 50px;
  }
  .timeline .time-pipe .row b, .timeline .time-pipe .row strong {
    font-size: 100px;
    top: -25px;
  }
}
@media only screen and (max-width: 767.5px) {
  .timeline .time-pipe:before {
    display: none;
  }
  .timeline .time-pipe .top-dot {
    display: none;
  }
  .timeline .time-pipe img {
    margin-top: 25px;
  }
  .timeline .time-pipe .row {
    padding-bottom: 50px;
  }
  .timeline .time-pipe .row:nth-of-type(-n+3):before {
    left: 15px;
    bottom: 25px;
    width: 125px;
    height: 6px;
    top: inherit;
  }
  .timeline .time-pipe .row:nth-of-type(n+4):before {
    top: inherit;
    left: 15px;
    margin-left: 0;
    bottom: 25px;
    width: 95px;
    height: 4px;
    transform: none;
  }
  .timeline .time-pipe .row:nth-of-type(even):after {
    display: none;
  }
  .timeline .time-pipe .row:nth-of-type(even) b, .timeline .time-pipe .row:nth-of-type(even) strong {
    right: 25px;
  }
  .timeline .time-pipe .row:nth-of-type(odd) b {
    left: 25px;
  }
}
.quote {
  padding-bottom: 75px;
}
.quote.inners {
  padding: 0;
  text-align: left;
}
.quote img {
  position: relative;
  border-radius: 50%;
}
.quote i, .quote em {
  position: relative;
  padding-left: 30px;
  position: relative;
  font-style: normal;
  display: block;
}
.quote i:before, .quote em:before {
  content: "\f058";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: #00B1AA;
}

.divAccount.hidden {
  display: none;
}

.zendeskList {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 20px;
  padding: 20px 35px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08);
  height: 100%;
  transition: opacity 0.4s ease-in-out;
  max-height: 500px;
  overflow: hidden;
  overflow-y: auto;
}
.zendeskList:empty {
  opacity: 0;
  padding: 0;
  visibility: hidden;
}
.zendeskList li#liEmpty {
  background: #2d2e83;
  padding: 20px 15px;
  position: relative;
  left: -35px;
  width: calc(100% + 70px);
  border-radius: 20px 20px 0 0;
  margin-top: -20px;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}
.zendeskList li.last-item a {
  background: #2d2e83;
}
.zendeskList li.last-item a:before {
  transform: rotate(90deg);
}
.zendeskList li a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin-left: 0;
  margin-top: 10px;
  padding: 8px 20px;
}
.zendeskList li a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.zendeskList li a.loading:before {
  content: "\f110" !important;
  -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;
}
.zendeskList li a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.zendeskList li a:hover {
  background: #00B1AA;
  color: white !important;
}
.zendeskList li a:hover:before {
  transform: scale(1.1);
}
.zendeskList li:not(:last-child) {
  border-bottom: 2px solid #eee;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.register {
  text-align: center;
  padding: 75px 0;
  position: relative;
  background: #F3F5F9;
}
.register.helpdesk .inner {
  margin: 30px 25px 0;
}
.register.helpdesk .inner ul {
  margin: 30px 0;
  padding: 0;
  border: none;
}
.register .shop-bag {
  /* background: #f4f4f4;*/
  background: #fff;
  padding: 25px;
  text-align: left;
  border-radius: 20px;
}
.register .shop-bag .form-group select {
  background-image: url(/Resources/img/arrow-black.svg) !important;
}
.register .shop-bag .title {
  margin-bottom: 15px;
  color: #27348B;
  font-weight: bold;
  font-size: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 2px solid #f3f5f9;
}
.register .shop-bag .title b, .register .shop-bag .title strong {
  color: #00b1aa;
  margin-left: auto;
}
.register .shop-bag .order-item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  color: #a5a3a3;
}
.register .shop-bag .order-item.last span {
  font-size: 20px;
}
.register .shop-bag .order-item span {
  display: block;
  color: #27348B;
  font-weight: bold;
}
.register .shop-bag .btn-register {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: block;
  width: 100%;
  text-align: center;
}
.register .shop-bag .btn-register.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.register .shop-bag .btn-register.loading:before {
  content: "\f110" !important;
  -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;
}
.register .shop-bag .btn-register:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.register .shop-bag .btn-register:hover {
  background: #00B1AA;
  color: white !important;
}
.register .shop-bag .btn-register:hover:before {
  transform: scale(1.1);
}
.register .shop-bag .btn-register.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.register .shop-bag .btn-register.loading:before {
  content: "\f110";
  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;
}
.register .form {
  background: white;
  padding: 25px;
  border-radius: 20px;
}
.register .form .btn-register {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin-left: 0;
}
.register .form .btn-register.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.register .form .btn-register.loading:before {
  content: "\f110" !important;
  -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;
}
.register .form .btn-register:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.register .form .btn-register:hover {
  background: #00B1AA;
  color: white !important;
}
.register .form .btn-register:hover:before {
  transform: scale(1.1);
}
.register .form .desc {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 2px solid #f3f5f9;
  display: block;
  color: #000;
  font-weight: 400;
  font-size: 16px;
}
.register .form .desc b, .register .form .desc strong {
  font-size: 17px;
  display: block;
  margin-bottom: 5px;
}
.register .form .step {
  color: #27348B;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: left;
}
.register .form .step img {
  max-height: 600px;
  margin: 0 auto;
  display: table;
  width: 100%;
}
.register .form .step .title-bar {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 2px solid #f3f5f9;
}
.register .form .step .title-bar b, .register .form .step .title-bar strong {
  font-size: 24px;
  font-weight: bold;
}
.register .form .step .title-bar span {
  display: block;
  /* font-size: 18px; */
  font-weight: normal;
  color: #000;
}
.register .form .step.mt-5 {
  margin-top: 25px;
}
.register .form .step h5 {
  font-size: 16px;
}
.register .form .form-group .form-control {
  font-size: 14px;
  padding: 7px 15px;
}
.register .form .form-group textarea {
  width: 100% !important;
}
.register .form .form-group select {
  background-image: url(/Resources/img/arrow-black.svg) !important;
}
.register .text a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
}
.register .text a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.register .text a.loading:before {
  content: "\f110" !important;
  -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;
}
.register .text a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.register .text a:hover {
  background: #00B1AA;
  color: white !important;
}
.register .text a:hover:before {
  transform: scale(1.1);
}
.register .text.top {
  color: #27348B;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 35px;
}
.register .text.top h1 {
  margin-bottom: 25px;
  line-height: 42px;
}
.register .text h1, .register .text h2, .register .text h3 {
  font-size: 35px;
  color: #27348B;
}
.register .text.bottom {
  margin-top: 75px;
}
.register .text.bottom h2 {
  margin-bottom: 25px;
}
.register .text.no-mrg {
  margin-bottom: 75px;
}
.register .text.no-mrg h2 {
  margin-bottom: 25px;
}
.register .text.no-mrg b, .register .text.no-mrg strong {
  display: block;
  color: #27348B;
  font-size: 20px;
  margin-bottom: 10px;
}
.register .inner {
  background: #fff;
  border-radius: 20px;
  padding: 0px 35px 20px;
  /* box-shadow: 0 6px 10px rgba(0,0,0,0.08);*/
  margin: 0px 0 25px;
}
.register .inner.pd-top {
  padding: 20px 35px;
}
.register .inner.input-div b, .register .inner.input-div strong {
  margin-bottom: 35px;
  display: block;
}
.register .inner.hidden {
  display: none;
}
.register .inner.no-pad {
  padding: 0;
}
.register .inner.no-pad .title {
  text-align: left;
  padding: 50px 0 0 0;
  left: 0;
}
.register .inner a:not(.btn-register) {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.register .inner a:not(.btn-register).loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.register .inner a:not(.btn-register).loading:before {
  content: "\f110" !important;
  -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;
}
.register .inner a:not(.btn-register):before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.register .inner a:not(.btn-register):hover {
  background: #00B1AA;
  color: white !important;
}
.register .inner a:not(.btn-register):hover:before {
  transform: scale(1.1);
}
.register .inner ul {
  text-align: left;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 2px solid #f4f4f4;
}
.register .inner ul li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 5px;
}
.register .inner ul li:before {
  content: "\f058";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: #00B1AA;
}
.register .inner ul li b, .register .inner ul li strong {
  display: block;
}
.register .inner .title {
  padding: 20px 15px;
  position: relative;
  left: -35px;
  width: calc(100% + 70px);
  border-radius: 20px 20px 0 0;
  margin-bottom: 20px;
}
.register .inner .title h2 {
  margin: 0;
  font-size: 26px;
}
.register .inner .title.grey {
  background: #EFEFEF;
}
.register .inner .title.grey h2 {
  color: #27348B;
}
.register .inner .title.purple {
  background: #27348B;
}
.register .inner .title.purple h2 {
  color: #fff;
}

@media only screen and (max-width: 991.5px) {
  .register .form {
    margin-bottom: 25px;
  }
  .register .inner {
    margin: 0 0 25px;
  }
}
@media only screen and (max-width: 767.5px) {
  .register {
    padding: 35px 0;
  }
  .register .inner {
    margin: 0px 0px 35px 0;
  }
}
.premium {
  padding: 125px 0;
  background: #F3F5F9;
}
.premium.rkv-aanvraag .rkv-img {
  width: 100%;
  border-radius: 16px;
  margin: 25px auto 0;
  display: block;
}
.premium.rkv-aanvraag .inner {
  height: calc(100% - 25px);
  margin: 0 0 25px;
}
.premium h1 {
  font-size: 35px;
  display: block;
  margin-bottom: 75px;
  color: #27348B;
}
.premium h2 {
  font-size: 26px;
  display: block;
  margin-bottom: 15px;
  color: #27348B;
}
.premium ul {
  padding-left: 20px;
}
.premium ul li {
  list-style: inherit;
  margin-bottom: 5px;
}
.premium .inner {
  background: #fff;
  border-radius: 20px;
  padding: 25px;
  color: #292929;
}
.premium .inner.input-div b, .premium .inner.input-div strong {
  margin-bottom: 35px;
  display: block;
}
.premium .inner .checkbox label:after {
  color: #00B1AA;
}
.premium .inner .checkbox label a {
  background: none;
  color: #27348B;
  margin: 0;
  padding: 0;
  display: inline-block;
  text-decoration: underline !important;
}
.premium .inner .checkbox label a:before {
  display: none;
}
.premium .inner a:not(.btn-register) {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: 15px 0 0;
}
.premium .inner a:not(.btn-register).loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.premium .inner a:not(.btn-register).loading:before {
  content: "\f110" !important;
  -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;
}
.premium .inner a:not(.btn-register):before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.premium .inner a:not(.btn-register):hover {
  background: #00B1AA;
  color: white !important;
}
.premium .inner a:not(.btn-register):hover:before {
  transform: scale(1.1);
}
.premium .inner a:not(.btn-register):hover {
  background: #27348B !important;
}
.premium .inner .price {
  display: flex;
  vertical-align: top;
}
.premium .inner .price b, .premium .inner .price strong {
  font-size: 42px;
  line-height: 42px;
  margin-right: 5px;
}
.premium .inner b, .premium .inner strong {
  font-size: 18px;
}
.premium .inner .title {
  position: relative;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #27348B;
}
.premium .inner ul {
  padding: 0;
  color: #27348B;
  margin-top: 10px;
}
.premium .inner ul li {
  list-style: none;
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
}
.premium .inner ul li:before {
  content: "\f00c";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  color: #00B1AA;
}
.premium .inner ul li b, .premium .inner ul li strong {
  font-size: 16px;
  line-height: unset;
}

@media only screen and (max-width: 767.5px) {
  .premium {
    padding: 50px 0 50px;
    height: unset;
  }
  .premium .inner {
    margin-bottom: 25px;
  }
}
.template-pdf-head {
  position: relative;
  padding: 75px 0;
  color: #000;
}
.template-pdf-head.custom {
  padding-top: 30px;
}
.template-pdf-head.custom .col-sm-8 a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: 20px 0 0;
}
.template-pdf-head.custom .col-sm-8 a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.template-pdf-head.custom .col-sm-8 a.loading:before {
  content: "\f110" !important;
  -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;
}
.template-pdf-head.custom .col-sm-8 a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.template-pdf-head.custom .col-sm-8 a:hover {
  background: #00B1AA;
  color: white !important;
}
.template-pdf-head.custom .col-sm-8 a:hover:before {
  transform: scale(1.1);
}
.template-pdf-head.custom .col-sm-8 a:hover {
  background: #27348B !important;
}
.template-pdf-head.custom .breadcrumbs {
  margin-top: 0;
}
.template-pdf-head.custom h1 {
  margin-bottom: 10px;
}
.template-pdf-head.custom .listitem-link {
  margin: 30px 0;
}
.template-pdf-head.custom .listitem-link h3 {
  font-size: 16px;
}
.template-pdf-head.custom ul {
  padding: 0;
  background: transparent;
  border-radius: 0;
  color: #000;
  margin-top: 0;
}
.template-pdf-head.custom ul li {
  position: relative;
  margin-top: 5px !important;
  list-style: disc;
  padding-left: 10px;
  display: list-item;
  margin-left: 20px;
  font-weight: normal !important;
}
.template-pdf-head h1, .template-pdf-head h2, .template-pdf-head h3, .template-pdf-head h4, .template-pdf-head h5 {
  line-height: initial;
  color: #27348b;
  font-weight: bold;
}
.template-pdf-head h1 {
  font-size: 34px;
}
.template-pdf-head h3 {
  font-size: 21px;
}
.template-pdf-head .btn-default {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: 20px 0 0;
}
.template-pdf-head .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.template-pdf-head .btn-default.loading:before {
  content: "\f110" !important;
  -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;
}
.template-pdf-head .btn-default:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.template-pdf-head .btn-default:hover {
  background: #00B1AA;
  color: white !important;
}
.template-pdf-head .btn-default:hover:before {
  transform: scale(1.1);
}
.template-pdf-head .btn-default:hover {
  background: #27348B !important;
}
.template-pdf-head .img-wrapper {
  position: relative;
}
.template-pdf-head .img-wrapper img {
  max-width: 100%;
  border-radius: 10px;
  margin-bottom: 40px;
}
.template-pdf-head .img-wrapper .tag {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #f5751c;
  color: #fff;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 5px;
}
.template-pdf-head ol {
  margin: 10px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.template-pdf-head ol br {
  display: none;
}
.template-pdf-head ol li {
  list-style: none;
  position: relative;
  padding-right: 15px;
}
.template-pdf-head ol li:last-child:after {
  display: none;
}
.template-pdf-head ol li:after {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 5px;
  right: 5px;
}
.template-pdf-head .listitem-link {
  padding: 20px;
  background: #f3f5f9;
  border-radius: 10px;
}
.template-pdf-head .listitem-link ul li {
  display: block;
  position: relative;
}
.template-pdf-head .listitem-link ul li a {
  font-size: 16px;
  display: block;
  color: #000;
  position: relative;
  margin-bottom: 25px;
  padding-left: 25px;
}
.template-pdf-head .listitem-link ul li a:before {
  content: "\f062";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0px;
  top: 0px;
  color: rgb(177, 177, 177);
  transform: rotate(45deg);
  font-size: 18px;
}
.template-pdf-head .listitem-link b, .template-pdf-head .listitem-link strong {
  display: block;
  font-size: 20px;
  margin-bottom: 20px;
  color: #27348b;
}
.template-pdf-head .usp-sticky {
  padding: 20px;
  border: 4px solid #F3F5F9;
  border-radius: 10px;
  background: #fff;
}
.template-pdf-head .usp-sticky .alert-danger {
  padding: 10px;
  text-align: center;
  margin: 0 0 10px;
}
.template-pdf-head .usp-sticky .btn-row .btn-default:not(.loading):before {
  display: none;
}
.template-pdf-head .usp-sticky .btn-row .btn-default.btn-purple {
  color: white !important;
  background: #27348B !important;
}
.template-pdf-head .usp-sticky .btn-row b, .template-pdf-head .usp-sticky .btn-row strong {
  position: relative;
  width: 100%;
  margin: 10px 0;
  font-size: 16px;
  color: #292929;
}
.template-pdf-head .usp-sticky .btn-row b:before, .template-pdf-head .usp-sticky .btn-row strong:before {
  content: "";
  background: #e9eaeb;
  height: 1px;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.template-pdf-head .usp-sticky .btn-row b span, .template-pdf-head .usp-sticky .btn-row strong span {
  display: table;
  text-align: center;
  color: #0F0F0F;
  margin: 0 auto 0px;
  background: #fff;
  z-index: 2;
  padding: 0px 8px;
  position: relative;
}
.template-pdf-head .usp-sticky .label {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.template-pdf-head .usp-sticky .label .forgot {
  text-decoration: underline !important;
  display: block;
  color: #2d2e83;
  margin-left: auto !important;
  font-weight: normal !important;
}
.template-pdf-head .usp-sticky .form-group i, .template-pdf-head .usp-sticky .form-group em {
  position: absolute;
  right: 15px;
  top: 20px;
  color: #313131;
  cursor: pointer;
}
.template-pdf-head .usp-sticky b, .template-pdf-head .usp-sticky strong {
  display: block;
  font-size: 24px;
  margin-bottom: 10px;
  color: #27348b;
}
.template-pdf-head .usp-sticky a.btn-default {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  width: 100%;
  margin: 10px auto 0;
  text-align: center;
  text-decoration: none !important;
}
.template-pdf-head .usp-sticky a.btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.template-pdf-head .usp-sticky a.btn-default.loading:before {
  content: "\f110" !important;
  -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;
}
.template-pdf-head .usp-sticky a.btn-default:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.template-pdf-head .usp-sticky a.btn-default:hover {
  background: #00B1AA;
  color: white !important;
}
.template-pdf-head .usp-sticky a.btn-default:hover:before {
  transform: scale(1.1);
}
.template-pdf-head .usp-sticky a.btn-default:hover {
  background: #27348B !important;
}
.template-pdf-head .usp-sticky ul li {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
}
.template-pdf-head .usp-sticky ul li:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  position: absolute;
  color: #00b1aa;
  left: 0px;
  top: 0px;
}

.text-div-template {
  padding: 50px 0;
  color: #000;
}
.text-div-template.custom h1, .text-div-template.custom h2, .text-div-template.custom h3, .text-div-template.custom h4, .text-div-template.custom h5 {
  line-height: initial;
  color: #27348b;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 20px;
}
.text-div-template.custom ul {
  padding: 0;
  background: #fff;
  border-radius: 0;
  color: #000;
  margin-top: 0;
}
.text-div-template.custom ul li {
  position: relative;
  margin-top: 5px !important;
  list-style: disc;
  padding-left: 10px;
  display: list-item;
  margin-left: 20px;
  font-weight: normal !important;
}
.text-div-template i a, .text-div-template em a {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 15px auto 0;
  border: none;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
  display: inline-block;
  font-style: normal;
  text-decoration: none !important;
}
.text-div-template h1, .text-div-template h2, .text-div-template h3, .text-div-template h4, .text-div-template h5 {
  line-height: initial;
  color: #27348b;
  font-weight: bold;
  margin-bottom: 5px;
}
.text-div-template h2 {
  font-size: 21px;
}
.text-div-template.bg-color {
  background: #f3f5f9;
}
.text-div-template.bg-color.custom ul {
  background: transparent;
}
.text-div-template img {
  border-radius: 10px;
  margin-top: 20px;
  width: 100%;
  max-height: 300px;
  object-fit: cover;
}
.text-div-template a {
  color: inherit;
  text-decoration: underline !important;
  /*font-weight: bold;*/
}
.text-div-template b a, .text-div-template strong a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: 10px 0 0;
  text-align: center;
  text-decoration: none !important;
}
.text-div-template b a.loading, .text-div-template strong a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.text-div-template b a.loading:before, .text-div-template strong a.loading:before {
  content: "\f110" !important;
  -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;
}
.text-div-template b a:before, .text-div-template strong a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.text-div-template b a:hover, .text-div-template strong a:hover {
  background: #00B1AA;
  color: white !important;
}
.text-div-template b a:hover:before, .text-div-template strong a:hover:before {
  transform: scale(1.1);
}
.text-div-template b a:hover, .text-div-template strong a:hover {
  background: #27348B !important;
}
.text-div-template b a:before, .text-div-template strong a:before {
  content: "\f05a";
}
.text-div-template ol {
  padding: 20px;
  border: 4px solid #F3F5F9;
  border-radius: 10px;
}
.text-div-template ol li:first-child {
  display: block;
  font-weight: bold;
  font-size: 21px;
  margin-bottom: 10px;
  color: #27348b;
}
.text-div-template ol li:not(:first-child) {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
}
.text-div-template ol li:not(:first-child):before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  position: absolute;
  color: #00b1aa;
  left: 0px;
  top: 0px;
}
.text-div-template ul {
  padding: 20px;
  background: #f3f5f9;
  border-radius: 10px;
  color: #27348b;
  margin-top: 20px;
}
.text-div-template ul li:first-child {
  font-weight: bold;
}
.text-div-template ul li:not(:first-child) {
  position: relative;
  margin-top: 10px;
  list-style: disc;
  padding-left: 10px;
  display: list-item;
  margin-left: 20px;
}

.cta-feiten-fabels {
  position: relative;
  padding: 50px 0 20px;
}
.cta-feiten-fabels .item {
  background-color: #27348b;
  border-radius: 15px;
  padding: 25px 30px;
  color: #fff;
  background-image: url(/Resources/img/stekker.svg);
  background-position: 450px center;
  background-repeat: no-repeat;
}
.cta-feiten-fabels .item img {
  max-width: 375px;
  position: absolute;
  right: 20px;
  bottom: -50px;
}
.cta-feiten-fabels .item i, .cta-feiten-fabels .item em {
  font-size: 14px;
}
.cta-feiten-fabels .item a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  background: #fff;
  color: #27348b;
  margin: 0;
}
.cta-feiten-fabels .item a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.cta-feiten-fabels .item a.loading:before {
  content: "\f110" !important;
  -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;
}
.cta-feiten-fabels .item a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.cta-feiten-fabels .item a:hover {
  background: #00B1AA;
  color: white !important;
}
.cta-feiten-fabels .item a:hover:before {
  transform: scale(1.1);
}
.cta-feiten-fabels .item h2 {
  position: relative;
  margin-bottom: 15px;
  font-size: 30px;
  line-height: initial;
}
.cta-feiten-fabels .item ul {
  padding-left: 20px;
  margin: 15px 0;
}
.cta-feiten-fabels .item ul li {
  list-style: disc;
  padding-left: 10px;
  margin: 0;
  font-style: italic;
}
.cta-feiten-fabels .item ul li:last-child {
  list-style: none;
  margin-left: -20px;
  padding-left: 0;
}

@media only screen and (max-width: 1500px) {
  .template-pdf-head {
    padding: 100px 0 50px;
  }
}
@media only screen and (max-width: 1200px) {
  .template-pdf-head {
    padding: 40px 0;
  }
  .template-pdf-head h1 {
    font-size: 26px;
  }
  .template-pdf-head h3 {
    font-size: 18px;
  }
  .template-pdf-head .listitem-link ul {
    column-count: 1;
    column-gap: 0;
  }
  .template-pdf-head .usp-sticky {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767.5px) {
  .cta-feiten-fabels .item img {
    position: relative;
    max-width: 100%;
    right: 0;
    bottom: 0;
    margin-bottom: -75px;
  }
}
.login-template {
  position: relative;
  padding: 75px 0;
  height: calc(100vh - 175px);
}
.login-template .error-message {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  position: relative;
  padding: 10px 15px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
}
.login-template img {
  width: 100vw;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  object-fit: cover;
}
.login-template .container-fluid.custom {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.login-template .unique-link {
  background: #F3F5F9;
  border-radius: 5px;
  padding: 10px;
  color: #292929;
  margin: 15px 0;
}
.login-template .unique-link a {
  font-weight: bold;
  text-decoration: underline !important;
  display: block;
  color: #27348B;
}
.login-template .label {
  display: flex;
  flex-direction: row;
  color: #333333;
  margin-bottom: 5px;
}
.login-template .label a {
  margin: 0 !important;
  margin-left: auto !important;
  font-weight: normal !important;
}
.login-template .form-group {
  position: relative;
}
.login-template .form-group i, .login-template .form-group em {
  position: absolute;
  right: 15px;
  top: 20px;
  color: #313131;
  cursor: pointer;
}
.login-template .content {
  background: white;
  border-radius: 5px;
  padding: 50px 25px 25px;
}
.login-template .content h1 {
  font-size: 35px;
  margin-bottom: 15px;
  color: #2d2e83;
}
.login-template .content .div-select {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.login-template .content .div-select h2, .login-template .content .div-select a {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 15px;
}
.login-template .content .div-select a {
  color: #dddddd;
  text-decoration: none !important;
  border-bottom: 5px solid transparent;
}
.login-template .content .div-select h2 {
  color: #2d2e83;
  border-bottom: 5px solid #04b0a9;
}
.login-template .content .forgot {
  text-decoration: underline !important;
  margin: 25px 0;
  display: block;
  font-weight: bold;
  color: #2d2e83;
}
.login-template .content .register-div {
  text-align: center;
  display: table;
  margin: 0 auto;
  position: relative;
}
.login-template .content .register-div:before {
  content: "\f35a";
  position: absolute;
  left: -20px;
  top: 2px;
  font-weight: bold;
  color: #00B1AA;
  font-family: "Font Awesome 5 Free";
}
.login-template .content .register-div a {
  color: #333333;
  display: inline-block;
  font-size: 16px;
  margin-left: 3px;
}
.login-template .content .btn-register {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin-left: auto;
  margin-right: 0;
}
.login-template .content .btn-register.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.login-template .content .btn-register.loading:before {
  content: "\f110" !important;
  -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;
}
.login-template .content .btn-register:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.login-template .content .btn-register:hover {
  background: #00B1AA;
  color: white !important;
}
.login-template .content .btn-register:hover:before {
  transform: scale(1.1);
}
.login-template .content .btn-register:hover {
  background: #27348B !important;
}

@media only screen and (max-width: 767.5px) {
  .login-template {
    padding: 0;
    height: 100vh;
  }
  .login-template .content h1 {
    margin-bottom: 25px;
  }
  .login-template .content .register-div {
    margin-top: 30px;
  }
  .login-template .content .div-select {
    margin-bottom: 25px;
  }
  .login-template .content .div-select h2, .login-template .content .div-select a {
    font-size: 25px;
    margin-bottom: 5px;
    padding-bottom: 10px;
  }
  .login-template img {
    width: 100%;
    /*margin-top: 25px;
    height: 250px;*/
    position: relative;
  }
}
.confirm {
  padding: 50px 0;
}
.confirm .ordernumber {
  font-size: 25px;
  margin-bottom: 30px;
}
.confirm .ordernumber b, .confirm .ordernumber strong {
  color: #27348B;
  margin-right: 15px;
}
.confirm .info {
  font-size: 14px;
  color: #939393;
  line-height: 24px;
  margin-bottom: 30px;
}
.confirm .btn-default {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
}
.confirm .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.confirm .btn-default.loading:before {
  content: "\f110" !important;
  -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;
}
.confirm .btn-default:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.confirm .btn-default:hover {
  background: #00B1AA;
  color: white !important;
}
.confirm .btn-default:hover:before {
  transform: scale(1.1);
}
.confirm .inner {
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.17);
  background: #fff;
  height: calc(100% - 30px);
  margin-bottom: 30px;
}
.confirm .inner .text {
  padding: 25px;
  color: #939393;
  line-height: 24px;
}
.confirm .inner .heading {
  padding: 10px 25px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 16px;
  color: #fff;
  background-color: #27348B;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 3px;
  background: #2d2e83 !important;
  color: #fff !important;
  font-size: 14px !important;
  border: none !important;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid rgba(34, 36, 38, 0.15);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff !important;
  font-size: 15px !important;
  border: none;
}

.select2-container--default .select2-search--inline .select2-search__field {
  margin: 7px 20px !important;
  font-size: 14px !important;
  height: 23px !important;
}

.account-page {
  padding: 75px 0;
  background: #F3F5F9;
}
.account-page .error-message {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  position: relative;
  padding: 10px 15px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
}
.account-page .btn-naked-delete {
  display: table;
  color: #a5a3a3;
  font-weight: 400;
  margin: 0px 0 30px auto;
}
.account-page .btn-naked-delete:before {
  content: "\f2ed";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  margin-right: 10px;
}
.account-page .pf-image {
  border-radius: 10px;
  margin-bottom: 10px;
}
.account-page .input-wrapper {
  position: relative;
}
.account-page .input-wrapper input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.account-page .input-wrapper label {
  background-color: #fafafa;
  line-height: 50px;
  padding: 10px 20px;
  border-radius: 5px;
  color: #000;
  width: 100%;
  border: 3px solid #ededed;
  font-family: inherit;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  display: block;
}
.account-page .input-wrapper label:before {
  content: "\f302";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  margin-right: 10px;
}
.account-page .btn-back {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: 0 0 30px;
}
.account-page .btn-back.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.account-page .btn-back.loading:before {
  content: "\f110" !important;
  -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;
}
.account-page .btn-back:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.account-page .btn-back:hover {
  background: #00B1AA;
  color: white !important;
}
.account-page .btn-back:hover:before {
  transform: scale(1.1);
}
.account-page .btn-back:before {
  transform: rotate(180deg);
}
.account-page label span {
  display: inline-block !important;
  color: #2d2e83;
  cursor: pointer;
  margin: 0 !important;
}
.account-page .ui {
  border: 3px solid #ededed;
}
.account-page .ui .label {
  padding: 7px 10px;
  border-radius: 3px;
  background: #2d2e83;
}
.account-page .ui .label:before {
  display: none;
}
.account-page .ui .delete {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  font-style: normal;
  cursor: pointer;
}
.account-page .ui .delete:after {
  content: "\f00d";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.account-page .btn-naked {
  display: table;
  color: #04b0a9;
  font-weight: bold;
  font-size: 14px;
  margin: 0 auto;
  background: transparent;
  border: none;
  cursor: pointer;
  text-decoration: underline;
}
.account-page .shop-bag {
  background: #f4f4f4;
  padding: 25px;
  text-align: left;
  border-radius: 20px;
}
.account-page .shop-bag .title {
  /*     margin-bottom: 15px;
  color: $primary-color;
  font-weight: bold;*/
  font-size: 20px;
}
.account-page .shop-bag .order-item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  color: #a5a3a3;
}
.account-page .shop-bag .order-item.last span {
  font-size: 20px;
}
.account-page .shop-bag .order-item span {
  display: block;
  color: #27348B;
  font-weight: bold;
}
.account-page .shop-bag .btn-register {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: block;
  width: 100%;
  text-align: center;
}
.account-page .shop-bag .btn-register.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.account-page .shop-bag .btn-register.loading:before {
  content: "\f110" !important;
  -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;
}
.account-page .shop-bag .btn-register:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.account-page .shop-bag .btn-register:hover {
  background: #00B1AA;
  color: white !important;
}
.account-page .shop-bag .btn-register:hover:before {
  transform: scale(1.1);
}
.account-page .table-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.account-page .table {
  width: 100%;
  max-width: 100%;
  margin: 1rem 0;
  background-color: transparent;
  border-collapse: collapse;
}
.account-page .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.account-page .table td, .account-page .table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.account-page .inner {
  background: #fff;
  border-radius: 5px;
  padding: 25px;
  /*  box-shadow: 0 6px 10px rgba(0,0,0,0.08);*/
  margin: 0px 0px 35px;
  /*        span {
      font-weight: bold;
      display: block;
      margin-bottom: 15px;
  }*/
}
.account-page .inner h6 {
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
  margin-top: 15px;
  font-style: italic;
}
.account-page .inner.mrg-bottom {
  margin-bottom: 15px !important;
}
.account-page .inner img {
  max-width: 100%;
}
.account-page .inner textarea {
  width: 100% !important;
}
.account-page .inner ul.codes {
  counter-reset: li;
}
.account-page .inner ul.codes li {
  position: relative;
  text-align: left;
}
.account-page .inner ul.codes li:before {
  counter-increment: li;
  content: counter(li) ". ";
  color: #2d2e83;
  font-weight: bold;
  margin-right: 5px;
}
.account-page .inner ul.codes li:not(:last-child) {
  border-bottom: 2px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.account-page .inner ul li a {
  padding: 5px;
  background: transparent;
  color: #27348B;
  text-align: left;
  display: table;
  margin-left: 0;
  margin: 0;
}
.account-page .inner.left {
  margin-bottom: 35px;
  padding: 35px 100px 50px 35px;
  /* box-shadow: 0 0px 10px rgba(0,0,0,0.08);*/
  text-align: left;
}
.account-page .inner.left .label a {
  padding: 0;
  background: none;
  color: #2d2e83;
  font-weight: 500;
  text-decoration: underline !important;
  display: inline-block;
  margin: 0;
}
.account-page .inner.left .label a:before {
  display: none;
}
.account-page .inner.left .form-group .form-control {
  font-size: 14px;
  padding: 7px 15px;
}
.account-page .inner.left .form-group textarea {
  width: 100% !important;
}
.account-page .inner.left a {
  margin-left: 0;
}
.account-page .inner.left h3, .account-page .inner.left h1 {
  font-size: 20px;
  margin: 0px 0 15px;
  text-align: left;
  line-height: 25px;
  color: #27348B;
}
.account-page .inner.input-div b, .account-page .inner.input-div strong {
  margin-bottom: 35px;
  display: block;
}
.account-page .inner a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: 0;
  margin-top: 20px;
}
.account-page .inner a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.account-page .inner a.loading:before {
  content: "\f110" !important;
  -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;
}
.account-page .inner a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.account-page .inner a:hover {
  background: #00B1AA;
  color: white !important;
}
.account-page .inner a:hover:before {
  transform: scale(1.1);
}
.account-page .inner a.not-btn {
  margin: 0;
  padding: 0;
  background: transparent;
}
.account-page .inner a.not-btn:before {
  display: none;
}
.account-page .inner a.btn-delete {
  padding: 0;
  background: transparent;
  color: #d60000;
  text-decoration: underline !important;
  margin: 0 0 0 auto;
}
.account-page .inner a.btn-delete.ml-auto {
  margin-top: 20px;
  margin-left: 0;
}
.account-page .inner a.btn-delete:before {
  content: "\f2ed";
  margin-right: 10px;
}
.account-page .inner a.naked {
  background: #ededed;
  color: #4b4b4b;
}
.account-page .inner a.naked:before {
  content: "\f0a8";
}
.account-page .inner b, .account-page .inner strong {
  font-size: 60px;
  margin: 35px 0;
  display: block;
  line-height: 60px;
  color: #27348B;
}
.account-page .inner .title {
  position: relative;
  /*     padding: 30px 15px;    
  left: -35px;
  width: calc(100% + 70px);
  border-radius: 20px 20px 0 0;
  margin-bottom: 20px;
   background: #EFEFEF;*/
  font-weight: bold;
  font-size: 26px;
  color: #27348B;
}

@media only screen and (max-width: 991.5px) {
  .account-page .inner.left {
    margin-bottom: 25px;
    padding: 35px;
  }
}
.helpdesk-search.head-search {
  background: #F3F5F9;
  padding: 0;
  margin-top: -50px;
}
.helpdesk-search.head-search .wrapper {
  background: #27348B;
  border-radius: 10px;
  padding: 25px;
}
.helpdesk-search.head-search label {
  color: white;
  margin-right: 15px;
  font-weight: bold;
}
.helpdesk-search.head-search .form-group {
  margin: 0 auto;
  display: table;
  width: 750px;
  /*display: flex;
  justify-content: center;
  align-items: center;*/
}
.helpdesk-search.head-search .form-group .form-control {
  max-width: 325px;
  width: 100%;
  border: none;
}

.helpdesk-lid {
  position: relative;
  color: #292929;
}
.helpdesk-lid .quote h3 {
  color: #27348B;
}
.helpdesk-lid .quote a {
  color: inherit;
  text-decoration: underline !important;
}
.helpdesk-lid .inner {
  background: #F3F5F9;
  border-radius: 5px;
  padding: 25px;
}
.helpdesk-lid .inner h2 {
  color: #27348B;
  margin-bottom: 20px;
}
.helpdesk-lid .inner ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
  line-height: 20px;
}
.helpdesk-lid .inner ul li:before {
  content: "\f00c";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
}
.helpdesk-lid .inner ul li b, .helpdesk-lid .inner ul li strong {
  display: block;
}
.helpdesk-lid .inner a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  margin-top: 10px;
  background: #27348B;
}
.helpdesk-lid .inner a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.helpdesk-lid .inner a.loading:before {
  content: "\f110" !important;
  -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;
}
.helpdesk-lid .inner a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.helpdesk-lid .inner a:hover {
  background: #00B1AA;
  color: white !important;
}
.helpdesk-lid .inner a:hover:before {
  transform: scale(1.1);
}

.video-helpdesk {
  background: #F3F5F9;
  padding-bottom: 50px;
}
.video-helpdesk iframe {
  width: 100%;
  border-radius: 30px;
}

.helpdesk-page {
  background-color: #F3F5F9;
  padding: 50px 0 30px 0;
}
.helpdesk-page .btn-back {
  background: #fff;
  color: #27348b;
  padding: 10px 20px 10px 10px;
  border-radius: 5px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  z-index: 2;
}
.helpdesk-page .btn-back i, .helpdesk-page .btn-back em {
  margin: 0 10px 0 5px;
}
.helpdesk-page.higlighted {
  padding: 50px 0 30px;
}
.helpdesk-page.higlighted .left .item-link {
  font-size: 16px;
  color: #292929;
  padding: 5px 5px 5px 35px;
  position: relative;
  text-align: left;
  display: block;
  border: 1px solid transparent;
  border-radius: 5px;
}
.helpdesk-page.higlighted .left .item-link:hover {
  color: #2d2e83;
  /*  border-color: #c0c0c0;*/
}
.helpdesk-page.higlighted .left .item-link:before {
  content: "\f05a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  color: #2d2e83;
  position: absolute;
  left: 10px;
  top: 5px;
}
.helpdesk-page .head .text {
  font-style: italic;
  margin: 0 0 30px 0;
  font-weight: 400;
  text-align: center;
}
.helpdesk-page .head .breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  margin-bottom: 50px;
}
.helpdesk-page .head .breadcrumbs li {
  position: relative;
}
.helpdesk-page .head .breadcrumbs li:after {
  content: ">";
  margin: 0 6px;
  vertical-align: middle;
  color: #999;
}
.helpdesk-page .head .breadcrumbs li:last-child a {
  color: #999;
}
.helpdesk-page .head .breadcrumbs li:last-child:after {
  display: none;
}
.helpdesk-page .head .breadcrumbs li a {
  color: rgb(45, 46, 131);
  font-weight: 300;
  font-size: 13px;
}
.helpdesk-page .head h1 {
  font-weight: 700;
  color: #2d2e83;
  font-size: 34px;
  line-height: 44px;
  margin: 0 0 56px 0;
  position: relative;
  text-align: center;
}
.helpdesk-page .head h1:before {
  width: 200px;
  height: 3px;
  background-color: #00B1AA;
  background: #00B1AA;
  border-radius: 5px;
  position: absolute;
  left: 50%;
  bottom: -18px;
  margin-left: -100px;
  content: "";
}
.helpdesk-page .questions #divCat {
  display: none;
}
.helpdesk-page .questions .item {
  background-color: #fff;
  height: calc(100% - 30px);
  margin-bottom: 30px;
  border-radius: 5px;
  color: #2d2e83;
  margin: 0 0 30px;
  max-width: 100%;
  transition: 0.3s all ease-in-out 0s;
  padding: 20px 30px;
  display: block;
}
.helpdesk-page .questions .item img {
  height: 30px;
  width: 30px;
  display: block;
  margin: 0 0 10px;
  filter: drop-shadow(1px 1px 1px #eee);
  color: #73d1ff;
}
.helpdesk-page .questions .item b, .helpdesk-page .questions .item strong {
  font-size: 20px;
}
.helpdesk-page .questions .item:hover {
  /*  background-color: #d5ecef;*/
  /*border-color: rgba(45, 46, 131, 1);
                  -webkit-box-shadow: 0 0 0 2px rgb(45,46,131);
                  box-shadow: 0 0 0 2px rgb(45,46,131);
  */
  /* h2 {
      color: #00b1aa;
  }*/
}
.helpdesk-page .questions .item h2 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  color: #2d2e83;
  transition: all 0.3s ease-in-out;
}
.helpdesk-page .questions .item h3 {
  color: #666;
  margin-top: 10px;
  font-weight: 400;
  font-size: 16px;
}
.helpdesk-page .questions .item .shop-item .btn-link {
  font-size: 16px;
  color: #292929;
  padding: 5px 5px 5px 25px;
  position: relative;
  text-align: left;
  display: block;
}
.helpdesk-page .questions .item .shop-item .btn-link:hover {
  color: #2d2e83;
}
.helpdesk-page .questions .item .shop-item .btn-link:before {
  content: "\f05a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 0;
  top: 5px;
  color: #2d2e83;
}

.partij {
  position: relative;
  padding: 50px 0;
  background: #F3F5F9;
  color: #292929;
}
.partij .wrapper-premium {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.partij .wrapper-premium:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0), #f3f5f9);
  content: "";
}
.partij .premium-div {
  padding: 45px 25px;
  color: #fff;
  background: #27348B;
  text-align: center;
  border-radius: 10px;
  margin-top: 20px;
}
.partij .premium-div a:not(.btn-default) {
  color: #00b1aa;
  display: inline-block;
  margin-left: 10px;
  text-decoration: underline !important;
  font-weight: 600;
}
.partij .premium-div a.btn-default {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: 20px auto;
  text-decoration: none !important;
  min-width: 300px;
}
.partij .premium-div b, .partij .premium-div strong {
  font-size: 34px;
  font-weight: bold;
  display: block;
  color: #fff;
  margin-bottom: 20px;
}
.partij .btn-back {
  background: #fff;
  color: #27348b;
  padding: 10px 20px 10px 10px;
  border-radius: 5px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  z-index: 2;
  text-decoration: none !important;
  display: table;
  margin-bottom: 25px;
}
.partij .btn-back i, .partij .btn-back em {
  margin: 0 10px 0 5px;
}
.partij .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #2d2e83;
}
.partij img {
  max-width: 100%;
}
.partij b, .partij strong {
  color: #2d2e83;
}
.partij a {
  text-decoration: underline !important;
  color: #00B1AA;
}
.partij ul {
  padding-left: 20px;
  margin: 10px 0;
}
.partij ul li {
  list-style: initial;
}
.partij .left {
  background: white;
  border-radius: 5px;
  padding: 25px;
}
.partij .left b, .partij .left strong {
  font-size: 18px;
  position: relative;
  display: block;
  color: #2d2e83;
}
.partij .left .item-link {
  font-size: 16px;
  color: #292929;
  padding-left: 35px;
  position: relative;
  text-align: left;
  display: block;
  border: 1px solid transparent;
  border-radius: 5px;
  text-decoration: none !important;
}
.partij .left .item-link.active {
  color: #2d2e83;
  font-weight: bold;
}
.partij .left .item-link:before {
  content: "\f05a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 10px;
  top: 0px;
  color: #2d2e83;
}

@media only screen and (max-width: 1499px) {
  .helpdesk-page {
    padding: 100px 0 30px 0;
  }
}
@media only screen and (max-width: 1400px) {
  .partij {
    padding: 100px 0 30px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .intro-text.helpdesk-item .item .person-plug {
    max-width: 475px;
  }
}
@media only screen and (max-width: 767.5px) {
  .helpdesk-page {
    padding: 25px 0 30px 0 !important;
  }
  .helpdesk-page h1 {
    margin: 25px auto 35px !important;
    display: table;
  }
  .helpdesk-page .left {
    padding-bottom: 25px;
  }
  .helpdesk-lid .quote img {
    max-width: 125px;
    margin-bottom: 15px;
  }
  .helpdesk-lid .inner {
    margin-top: 25px;
  }
  .helpdesk-search.head-search .form-group {
    display: block;
  }
  .helpdesk-search.head-search .form-group .form-control {
    max-width: 275px;
    display: block;
  }
  .helpdesk-item {
    padding: 0 0 50px;
  }
  .helpdesk-item.bg-green .item {
    margin-top: 0;
  }
  .contact-helpdesk {
    padding: 50px 0;
  }
  .video-helpdesk {
    padding-bottom: 50px;
  }
  .partij {
    padding: 25px 0 50px;
  }
  .partij .premium-div b, .partij .premium-div strong {
    font-size: 26px;
  }
  .partij .left {
    margin-bottom: 25px;
  }
}
.product-page {
  padding: 50px 0;
}
.product-page .text {
  text-align: center;
  margin-bottom: 50px;
}
.product-page .text a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
}
.product-page .text a.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.product-page .text a.loading:before {
  content: "\f110" !important;
  -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;
}
.product-page .text a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.product-page .text a:hover {
  background: #00B1AA;
  color: white !important;
}
.product-page .text a:hover:before {
  transform: scale(1.1);
}
.product-page .text h2 {
  margin-bottom: 25px;
  font-size: 35px;
  color: #27348B;
}
.product-page .item {
  background: #fff;
  border-radius: 20px;
  padding: 0 25px 20px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.0008);
  text-align: center;
  margin-bottom: 15px;
}
.product-page .item h2 {
  padding: 10px 15px;
  position: relative;
  left: -25px;
  width: calc(100% + 50px);
  border-radius: 20px 20px 0 0;
  margin-bottom: 20px;
  background: #2d2e83;
  color: #fff;
}
.product-page .item b, .product-page .item strong {
  display: block;
  margin: 10px 0;
  font-size: 18px;
  color: #2d2e83;
}
.product-page .item .bottom {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.product-page .item .bottom .form-group {
  margin-bottom: 0;
}
.product-page .item .bottom input {
  border: 3px solid #ededed;
  width: 75px;
  padding: 6px 5px;
  border-radius: 5px;
  color: #000;
  height: inherit;
  text-align: center;
}
.product-page .item .orderBtn {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: 0;
  margin-left: auto;
  padding: 10px 15px;
}
.product-page .item .orderBtn.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.product-page .item .orderBtn.loading:before {
  content: "\f110" !important;
  -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;
}
.product-page .item .orderBtn:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.product-page .item .orderBtn:hover {
  background: #00B1AA;
  color: white !important;
}
.product-page .item .orderBtn:hover:before {
  transform: scale(1.1);
}
.product-page .item .orderBtn:before {
  content: "\f07a";
}

.vacature-list {
  position: relative;
  text-align: left;
  padding: 50px 0;
}
.vacature-list .text {
  font-size: 20px;
}
.vacature-list h2 {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 15px;
  font-size: 36px;
  line-height: initial;
}
.vacature-list h2:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 250px;
  border-bottom: 6px solid #00b1aa;
  border-radius: 100px;
}
.vacature-list ul {
  padding-left: 20px;
  margin: 10px 0 0;
}
.vacature-list ul li {
  list-style: initial;
}
.vacature-list .list-items ul {
  position: relative;
}
.vacature-list .list-items ul li {
  background: #fff;
  padding: 20px 35px;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #000;
}
.vacature-list .list-items ul li b, .vacature-list .list-items ul li strong {
  font-size: 18px;
  color: #27348b;
  max-width: 40%;
  width: 100%;
  text-align: left;
}
.vacature-list .list-items ul li a {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00b1aa;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  border: none;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
}
.vacature-list .list-items ul li:nth-child(odd) {
  background: #f3f5f9;
}

.vacature-text {
  padding: 50px 0;
}
.vacature-text h4 {
  font-weight: bold;
  font-size: 24px;
  display: block;
  margin-bottom: 10px;
}
.vacature-text .btn-default {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  display: table;
  margin: 20px auto 0;
}
.vacature-text .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.vacature-text .btn-default.loading:before {
  content: "\f110" !important;
  -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;
}
.vacature-text .btn-default:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.vacature-text .btn-default:hover {
  background: #00B1AA;
  color: white !important;
}
.vacature-text .btn-default:hover:before {
  transform: scale(1.1);
}

@media only screen and (max-width: 767.5px) {
  .vacature-list .list-items ul li {
    padding: 10px;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .vacature-list .list-items ul li b, .vacature-list .list-items ul li strong {
    max-width: 100%;
    display: block;
    flex: 0 0 100%;
    margin-bottom: 10px;
  }
}
.paging-wrapper {
  position: relative;
}
.paging-wrapper .page-controls {
  z-index: 1;
}
.paging-wrapper .page-controls div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #0b4476;
}
.paging-wrapper .page-controls div:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}
.paging-wrapper .page-controls div.left-side {
  left: 0;
}
.paging-wrapper .page-controls div.left-side:before {
  content: "\f053";
}
.paging-wrapper .page-controls div.right-side {
  right: 0;
}
.paging-wrapper .page-controls div.right-side:before {
  content: "\f054";
}
.paging-wrapper .pagenation {
  white-space: nowrap;
  margin: 20px 0px 0;
  position: relative;
  z-index: 2;
  overflow-y: hidden;
  overflow-x: scroll;
  text-align: right;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.paging-wrapper .pagenation::-webkit-scrollbar {
  display: none;
}
.paging-wrapper .pagenation li {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  background: #fff;
  border: 3px solid #ededed;
  margin-left: 10px;
  cursor: pointer;
  line-height: 38px;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
  text-align: center;
}
.paging-wrapper .pagenation li span {
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  font-size: 13px;
}
.paging-wrapper .pagenation li.active {
  background: #0b4476;
  color: #fff;
  border-color: #0b4476;
}

.section-car-specs {
  position: relative;
  padding: 35px 0;
}
.section-car-specs .btn-filter {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  width: 100%;
  text-align: center;
  display: none;
  margin-bottom: 15px;
}
.section-car-specs .btn-filter.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.section-car-specs .btn-filter.loading:before {
  content: "\f110" !important;
  -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;
}
.section-car-specs .btn-filter:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.section-car-specs .btn-filter:hover {
  background: #00B1AA;
  color: white !important;
}
.section-car-specs .btn-filter:hover:before {
  transform: scale(1.1);
}
.section-car-specs .btn-filter:before {
  content: "\f885";
  margin-right: 5px;
}
.section-car-specs object .btn-wrapper {
  margin: 25px 0 0;
  text-align: center;
}
.section-car-specs object .btn-wrapper .btn-default {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block !important;
  background: #27348b;
  color: #fff !important;
}
.section-car-specs object .btn-wrapper .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.section-car-specs object .btn-wrapper .btn-default.loading:before {
  content: "\f110" !important;
  -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;
}
.section-car-specs object .btn-wrapper .btn-default:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.section-car-specs object .btn-wrapper .btn-default:hover {
  background: #00B1AA;
  color: white !important;
}
.section-car-specs object .btn-wrapper .btn-default:hover:before {
  transform: scale(1.1);
}
.section-car-specs object .btn-wrapper .btn-default:before {
  display: none;
}
.section-car-specs object .btn-wrapper .btn-default:nth-of-type(2) {
  margin: 0 0 0 10px;
  background: #fff;
  color: #27348b !important;
}
.section-car-specs object .btn-wrapper .btn-default:nth-of-type(2):hover {
  color: #fff !important;
  background: #27348b;
}
.section-car-specs .mob-show {
  display: none;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
}
.section-car-specs .mob-show i, .section-car-specs .mob-show em {
  color: #00b1aa;
  padding: 10px;
  margin: -10px -10px -10px auto;
}
.section-car-specs .text-warning {
  text-align: center;
  color: #000;
  width: 100%;
}
.section-car-specs .paging-wrapper .pagenation {
  text-align: center;
}
.section-car-specs .paging-wrapper .pagenation li {
  width: 45px;
  height: 45px;
  line-height: 43px;
  font-weight: bold;
  border: 2px solid #e7e7e7;
  color: #e7e7e7;
}
.section-car-specs .paging-wrapper .pagenation li.active {
  background: #fff;
  border-color: #27348b;
  color: #27348b;
}
.section-car-specs .wrapper-search {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  margin-bottom: 30px;
}
.section-car-specs .wrapper-search .form-group {
  margin-bottom: 0;
  margin-right: 15px;
  min-width: 175px;
}
.section-car-specs .wrapper-search .form-group .form-control {
  border: 2px solid #a5aace;
  width: 100%;
  padding: 10px 20px;
}
.section-car-specs .wrapper-search .form-group select {
  background-image: url(/Resources/img/arrow-black.svg) !important;
  background-position: 91% !important;
}
.section-car-specs .wrapper-search .form-group.search {
  margin: 0 0 0 auto;
  min-width: 350px;
}
.section-car-specs .wrapper-search .form-group b, .section-car-specs .wrapper-search .form-group strong {
  display: none;
}
.section-car-specs .item {
  padding: 15px;
  background: #f3f5f9;
  border-radius: 5px;
  margin-bottom: 30px;
}
.section-car-specs .item img {
  max-width: 100%;
  border-radius: 5px;
}
.section-car-specs .item .text > b {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin: 10px 0 0;
  color: #27348b;
  display: block;
}
.section-car-specs .item .text span {
  display: block;
  text-align: center;
  font-weight: 400;
  color: #00b1aa;
  margin: 0 0 5px;
}
.section-car-specs .item .price {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin: 10px 0 0;
  color: #27348b;
}
.section-car-specs .item ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  margin: 0 -10px;
  font-size: 14px;
}
.section-car-specs .item ul li {
  padding: 0px 10px;
  position: relative;
  flex: 0 0 20%;
  max-width: 20%;
  text-align: center;
}
.section-car-specs .item ul li b, .section-car-specs .item ul li strong {
  display: block;
}
.section-car-specs .item a {
  display: block;
  position: relative;
  color: #000;
}

.shop-product {
  padding: 50px 0 0;
}
.shop-product .item {
  display: block;
  color: #0a369c;
  margin-bottom: 20px;
  background: #f3f5f9;
  height: calc(100% - 20px);
}
.shop-product .item .img-wrapper {
  position: relative;
}
.shop-product .item .img-wrapper .tag {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #f5751c;
  color: #fff;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px;
}
.shop-product .item .img-wrapper img {
  max-width: 100%;
}
.shop-product .item .content {
  background: #f3f5f9;
  padding: 20px;
  font-size: 20px;
  font-weight: 500;
}
.shop-product .item .content b, .shop-product .item .content strong {
  font-size: 24px;
  font-weight: bolder;
  line-height: 30px;
}
.shop-product .item .content i, .shop-product .item .content em {
  display: block;
  /*font-weight: bold;*/
  font-style: initial;
  margin-top: 5px;
  font-size: 16px;
}

.search-head {
  padding: 10px 0;
  background: #2d2e83;
  color: #fff;
  position: relative;
  display: block;
}
.search-head.hidden {
  display: none;
}
.search-head .btn-back {
  position: absolute;
  background: #fff;
  color: #2d2e83;
  padding: 10px 20px 10px 10px;
  border-radius: 8px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  z-index: 2;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.search-head .btn-back i, .search-head .btn-back em {
  margin: 0 10px 0 5px;
}
.search-head label {
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
  width: 100%;
}
.search-head .maps-results {
  background: #fff;
  padding: 20px 15px;
  width: 100%;
  border: 3px solid #ededed;
  border-radius: 10px;
  position: absolute;
  max-width: 715px;
  z-index: 3;
  left: 0;
  top: calc(100% + 10px);
}
.search-head .maps-results li {
  color: #2d2e83;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.search-head .maps-results li:hover {
  color: #04b0a9;
}
.search-head .maps-results:empty {
  display: none;
}
.search-head .search {
  display: table;
  margin: 0 auto;
  min-width: 750px;
}
.search-head .search .form-control {
  border-width: 2px;
  padding: 8px 15px;
}
.search-head .search .input {
  max-width: 450px;
}
.search-head .search .select {
  max-width: 125px;
  margin: 0px 15px 0 5px;
}
.search-head .search .btn-search {
  padding: 13px 25px;
  background: #04b0a9;
  border-radius: 5px;
  color: #fff;
  position: relative;
  cursor: pointer;
}
.search-head .search .btn-search i, .search-head .search .btn-search em {
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
}

.shop {
  color: #0b4375;
  padding-bottom: 100px;
  position: relative;
  margin-top: 112px;
}
.shop .gm-ui-hover-effect {
  display: none !important;
  visibility: hidden !important;
}
.shop.vpa-shop:not(.map-view) {
  margin-top: 0 !important;
}
.shop.vpa-shop .items {
  margin-bottom: 15px !important;
}
.shop.vpa-shop .items .text {
  width: 100% !important;
  padding: 20px 25px !important;
}
.shop.vpa-shop .items .text a {
  display: inline-block;
}
.shop .search-map {
  display: none;
}
.shop .search-map .maps-results {
  background: #fff;
  padding: 20px 15px;
  max-width: 420px;
  border: 3px solid #ededed;
  border-radius: 10px;
  margin-top: 5px;
}
.shop .search-map .maps-results li {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.shop .search-map .maps-results li:hover {
  color: #04b0a9;
}
.shop .search-map .maps-results:empty {
  display: none;
}
.shop .search-map .btn-search {
  padding: 12px 25px;
  background: #04b0a9;
  border-radius: 5px;
  color: #fff;
  position: relative;
  cursor: pointer;
}
.shop .search-map .btn-search i, .shop .search-map .btn-search em {
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
}
.shop .search-map .form-control {
  border: 3px solid #ededed;
  padding: 8px 20px;
  border-radius: 5px;
  color: #000;
  height: inherit;
  max-width: 300px;
  margin-right: 10px;
}
.shop.map-view {
  padding: 0;
}
.shop.map-view .row {
  margin: 0;
}
.shop.map-view .search-map {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.shop.map-view .ddlType {
  display: none;
}
.shop.map-view .items {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 750px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.shop.map-view .items .close {
  display: block;
}
.shop.map-view .items.active {
  opacity: 1;
  visibility: visible;
}
.shop.map-view .items .img {
  width: 30%;
}
.shop.map-view .items .text {
  width: 70%;
  padding: 15px 15px;
  font-size: 14px;
}
.shop.map-view .items .text .specs {
  margin-top: 5px;
}
.shop.map-view .items .text ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.shop.map-view .items .text ul li {
  margin-bottom: 0px;
  width: 50%;
}
.shop.map-view .items .text b, .shop.map-view .items .text strong {
  font-size: 17px;
}
.shop.map-view #map {
  display: block;
  min-height: calc(100vh - 120px);
  width: 100%;
  /*   &:hover {
      cursor: url('/Resources/img/ev-cursor.svg'), default !important;
  }*/
}
.shop.map-view .view-row {
  position: absolute;
  left: 25%;
  padding: 20px 15px;
  width: 75%;
  z-index: 2;
}
.shop.map-view .left-side {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0;
}
.shop.map-view .right-side {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0;
  position: relative;
}
.shop.map-view #loading-div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-left: 40px;
  width: 100%;
  margin: 0 auto;
  display: block;
  text-align: center;
  /*   &:before {
          content: "\f110";
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          position: absolute;
          left: 10px;
      }*/
}
.shop.map-view #loading-div i, .shop.map-view #loading-div em {
  -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;
  margin-right: 15px;
  font-size: 40px;
}
.shop.map-view .filters {
  height: 100%;
  border-radius: 0;
}
.shop.map-view .filters #countMakes {
  font-weight: bold;
}
.shop.map-view .container {
  padding: 0;
  max-width: 100%;
}
.shop #map {
  display: none;
}
.shop .filters {
  padding: 30px;
  background: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  border-radius: 30px;
}
.shop .filters b, .shop .filters strong {
  color: #000;
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}
.shop .filters select {
  background-image: url(/Resources/img/arrow-black.svg) !important;
}
.shop .filters .filter {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 2px solid #ededed;
}
.shop .filters .filter .checkbox {
  margin-bottom: 10px;
}
.shop .filters .filter .checkbox label {
  padding-left: 30px !important;
}
.shop .filters .filter .checkbox label:before {
  width: 23px;
  height: 23px;
  border: 2px solid #ededed;
}
.shop .items {
  background: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  border-radius: 30px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  overflow: hidden;
  align-items: center;
  margin-bottom: 5px;
}
.shop .items .close {
  display: none;
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 22px;
  color: #04b0a9;
  cursor: pointer;
}
.shop .items .img {
  width: 50%;
}
.shop .items .img img {
  max-width: 100%;
  max-height: 250px;
  width: 100%;
  object-fit: cover;
}
.shop .items .specs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
}
.shop .items .specs .rating-wrapper {
  position: relative;
}
.shop .items .specs .rating-wrapper i, .shop .items .specs .rating-wrapper em {
  font-size: 20px;
  padding-right: 5px;
  color: #2d2e83;
}
.shop .items .specs .rating-wrapper .top {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
}
.shop .items .specs .rating-wrapper .bottom {
  position: relative;
  width: 100%;
  white-space: nowrap;
  z-index: 1;
  overflow: hidden;
}
.shop .items .specs .rating-wrapper .bottom i, .shop .items .specs .rating-wrapper .bottom em {
  opacity: 0.6;
}
.shop .items .text {
  width: 50%;
  padding: 15px 35px;
}
.shop .items .text ul {
  color: #000;
}
.shop .items .text ul li {
  position: relative;
  display: block;
  padding-left: 25px;
  margin-bottom: 5px;
}
.shop .items .text ul li:nth-child(1):before {
  content: "\f3c5";
}
.shop .items .text ul li:nth-child(2):before {
  content: "\f1b9";
}
.shop .items .text ul li:nth-child(3):before {
  content: "\f017";
}
.shop .items .text ul li:nth-child(4):before {
  content: "\f059";
}
.shop .items .text ul li:Before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 0;
  top: 0;
  color: #00B1AA;
}
.shop .items .text b, .shop .items .text strong {
  color: #2d2e83;
  margin-bottom: 10px;
  display: block;
  font-size: 18px;
}
.shop .items .text a {
  display: table;
  color: #04b0a9;
  text-decoration: underline !important;
  margin: 0 auto;
  font-weight: bold;
}
.shop .view-row {
  padding: 35px 0;
}
.shop .view-row .form-group {
  margin: 0;
}
.shop .view-row .form-group .form-control {
  max-width: 225px;
  padding: 8px 10px;
  border: 2px solid #2d2e83;
  color: #2d2e83;
}
.shop .view-row .view-selector {
  margin-bottom: 20px;
  display: table;
  margin-left: auto;
  overflow: hidden;
}
.shop .view-row .view-selector li {
  display: inline-table;
  line-height: 40px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding-left: 55px;
  font-weight: 500;
  padding-right: 20px;
  border: 2px solid;
  background: #fff;
}
.shop .view-row .view-selector li.active {
  border: 2px solid #04b0a9;
}
.shop .view-row .view-selector li.view-list {
  border-right: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.shop .view-row .view-selector li.view-grid {
  border-left: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.shop .view-row .view-selector li svg {
  width: 20px;
  vertical-align: middle;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.shop .view-row .view-selector li.active {
  background: #04b0a9;
  color: #fff;
}
.shop .srcoll-filter {
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  height: 20em;
  overflow-y: scroll;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f7ff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f7ff), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(bottom, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(top, #e9f0f9, rgba(255, 255, 255, 0)), -moz-linear-gradient(bottom, #e9f0f9, rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(bottom, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(top, #e9f0f9, rgba(255, 255, 255, 0)), -webkit-linear-gradient(bottom, #f0f7ff, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(to bottom, #e9f0f9, rgba(255, 255, 255, 0)), linear-gradient(to top, #e9f0f9, rgba(255, 255, 255, 0));
  background-position: 0 0, 0 100%, 0 0, 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 5em, 100% 5em, 100% 1em, 100% 1em;
  background-attachment: local, local, scroll, scroll;
}
.shop .srcoll-filter::-webkit-scrollbar {
  display: none;
}
.shop .container-fluid {
  padding: 0px 100px;
}
.shop .range-slider .input-list {
  margin-bottom: 5px;
  width: 100%;
  white-space: nowrap;
}
.shop .range-slider .input-list input {
  border: none;
  width: calc(50% - 2px);
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
}
.shop .range-slider .input-list input.max-custom {
  margin-left: auto;
  text-align: right;
}
.shop .range-slider .ui-widget-content {
  height: 5px;
  background: #f0f7ff;
  position: relative;
  border-radius: 5px;
  width: calc(100% - 15px);
  margin: 10px auto;
}
.shop .range-slider .ui-widget-content .ui-slider-range {
  position: absolute;
  background: #0b4476;
  height: 100%;
}
.shop .range-slider .ui-widget-content .ui-slider-handle {
  height: 20px;
  width: 20px;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(206, 206, 206);
  display: block;
  border-radius: 50%;
  top: 2px;
  position: absolute;
  transform: translateY(-50%);
  cursor: pointer;
  margin-left: -10px;
}
.shop .advertisement {
  box-shadow: 0 10px 20px rgba(11, 68, 118, 0.12);
}
.shop .advertisement .txt {
  padding: 25px 35px 15px;
  background: #f0f7ff;
  text-align: center;
  border-top-left-radius: 30px;
  border-top-right-radius: 35px;
  margin-top: -45px;
  z-index: 1;
  position: relative;
}
.shop .advertisement .txt .btn-default {
  margin: 0 auto;
  display: table;
}
.shop .product-list a {
  margin-bottom: 25px;
  padding: 15px 25px;
  background: #f0f7ff;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  color: #0B4476;
  text-decoration: none !important;
  position: relative;
  transition: all 0.3s ease-in-out;
  top: 0px;
  box-shadow: 0 10px 20px rgba(11, 68, 118, 0);
}
.shop .product-list a:hover {
  box-shadow: 0 10px 20px rgba(11, 68, 118, 0.08);
  top: -5px;
}
.shop .product-list a.show-highlight .hightlight {
  display: block;
}
.shop .product-list a .hightlight {
  display: none;
  position: absolute;
  right: 15px;
  top: 20px;
  font-size: 17px;
}
.shop .product-list a .hightlight i, .shop .product-list a .hightlight em {
  margin-right: 10px;
  top: -5px;
  position: relative;
}
.shop .product-list a .left-side {
  flex: 0 0 10%;
  max-width: 10%;
}
.shop .product-list a .right-side {
  padding-left: 25px;
  font-size: 16px;
  flex: 0 0 90%;
  max-width: 90%;
}
.shop .product-list a .right-side span {
  display: block;
  color: #fdb811;
  font-size: 14px;
  font-weight: bold;
}
.shop .product-list a .right-side h5 {
  font-size: 25px;
  font-weight: 600;
}
.shop .product-list img {
  max-width: 85px;
  border-radius: 50%;
}
.shop .checkbox-shop {
  padding: 0px !important;
}
.shop .checkbox-shop input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.shop .checkbox-shop input:checked + label:before {
  background: #EAB700;
}
.shop .checkbox-shop label {
  position: relative;
  margin-bottom: 5px;
  padding-left: 30px !important;
  cursor: pointer;
  font-size: 17px;
  font-weight: 400;
  color: #0a4274;
  line-height: 30px;
}
.shop .checkbox-shop label a {
  color: #0a4274;
  text-decoration: underline;
  font-weight: bold;
}
.shop .checkbox-shop label:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  border-radius: 5px;
  background-color: #f0f7ff;
  border: 1px solid #deedff;
  -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;
}
.shop .filters-top {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-end;
}
.shop .filters-top .form-group:not(:last-child) {
  margin-right: 10px;
}
.shop .filters-top .form-group .form-control {
  background-color: #f0f7ff;
  border-radius: 5px;
  height: 40px;
  font-size: 14px;
  min-width: 85px;
}
.shop .filters-top .form-group .form-control::-ms-expand {
  display: none;
}

.filter-button, .close-filters {
  display: none;
}

@media only screen and (max-width: 1499px) {
  .shop {
    margin: 160px 0 0;
  }
}
@media only screen and (max-width: 1330px) {
  .section-car-specs .wrapper-search .form-group.search {
    min-width: 175px;
  }
}
@media only screen and (max-width: 1200px) {
  .section-car-specs .btn-filter {
    display: block;
  }
  .section-car-specs object .btn-wrapper .btn-default {
    font-size: 14px;
  }
  .section-car-specs .mob-show {
    display: flex;
  }
  .section-car-specs .item ul li {
    flex: 0 0 33%;
    max-width: 33%;
  }
  .section-car-specs .wrapper-search {
    position: fixed;
    top: 0;
    left: -90%;
    background: #fff;
    width: 90%;
    height: 100%;
    z-index: 222;
    display: block;
    padding: 25px 15px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    transition: all 0.3s ease-in-out;
  }
  .section-car-specs .wrapper-search.active {
    left: 0;
  }
  .section-car-specs .wrapper-search .form-group {
    min-width: inherit !important;
    margin: 0 0 15px !important;
  }
  .section-car-specs .wrapper-search .form-group .form-control {
    max-width: 100%;
  }
  .shop .advertisement .txt {
    padding: 25px 15px 15px;
  }
  .shop .container-fluid {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 991.5px) {
  .close-filters {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #fdb811;
    font-size: 25px;
    padding: 5px;
    margin: -5px;
    display: block;
  }
  .filter-button {
    display: block;
    position: fixed;
    z-index: 8;
    bottom: 25px;
    left: 0;
    margin: 0 auto;
    right: 0;
    box-shadow: 1px 6px 24px 0 rgba(7, 94, 84, 0.24);
    transition: background-color 0.2s linear;
    -webkit-tap-highlight-color: transparent;
    width: 50%;
  }
  .filter-button i, .filter-button em {
    font-size: 15px;
    margin-right: 10px;
  }
  .search-head {
    padding-top: 100px;
  }
  .search-head .search {
    margin-left: 20%;
    width: calc(100% - 20px);
    min-width: inherit;
  }
  .search-head .search .input {
    max-width: 250px;
  }
  .shop {
    padding-bottom: 30px;
    margin-top: 0;
  }
  .shop .search-map .maps-results {
    width: 100%;
  }
  .shop .search-map .form-control {
    max-width: 200px;
    margin-right: 10px;
  }
  .shop .items .img, .shop .items .text {
    width: 100% !important;
  }
  .shop .items .close {
    right: 15px;
    font-size: 30px;
    padding: 10px;
    margin: -10px;
  }
  .shop.map-view {
    padding-bottom: 0;
    padding-top: 75px;
  }
  .shop.map-view .left-side {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  .shop.map-view .right-side {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  .shop.map-view .items {
    margin: 0;
    bottom: initial;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 30px);
    display: block;
  }
  .shop.map-view .view-row {
    position: relative;
    padding: 15px 0px;
    left: 0;
    width: 100%;
  }
  .shop .sm-filters {
    position: fixed;
    top: 0px;
    left: -280px;
    z-index: 999;
    background: #fdfdfd;
    border-right: 1px solid #eee;
    height: 100%;
    width: 100%;
    max-width: 280px;
    transition: all 0.3s ease-in-out;
    padding: 100px 15px;
  }
  .shop .sm-filters.open {
    left: 0;
  }
  .shop .product-list a .left-side {
    flex: 30%;
    max-width: 30%;
  }
  .shop .product-list a .right-side {
    flex: 70%;
    max-width: 70%;
  }
}
@media only screen and (max-width: 767.5px) {
  .search-head {
    padding: 50px 0 20px;
  }
  .search-head .map-results {
    max-width: calc(100% - 30px);
    top: 85px;
  }
  .search-head .search {
    margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
  }
  .search-head .search .input {
    margin-bottom: 10px;
    max-width: 100%;
  }
  .search-head .search .btn-search {
    width: calc(50% - 20px);
    text-align: center;
    margin-left: auto;
    padding: 10px 15px;
  }
  .search-head .search .select {
    max-width: 50%;
    margin: 0;
  }
  .search-head .btn-back {
    position: relative;
    left: 15px;
    top: inherit;
    transform: none;
    display: table;
    margin-bottom: 10px;
  }
  .shop.map-view .left-side, .shop.map-view .right-side, .shop.map-view .right-map, .shop.map-view .left-map {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .shop.map-view .search-map {
    justify-content: space-between;
  }
  .shop.map-view .search-map .form-control {
    margin: 0;
    width: calc(50% - 7.5px);
  }
  .shop.map-view .search-map .btn-search {
    display: inline-block;
    margin-left: auto;
    padding: 10 px 25 px;
    flex-basis: 100%;
    margin-top: 15px;
  }
  .shop.map-view .view-row .view-selector {
    margin: 15px 0 0 auto;
  }
  .shop .view-row {
    padding: 15px 0;
  }
  .shop .view-row .view-selector li {
    padding-left: 35px;
    padding-right: 10px;
  }
  .shop .view-row .view-selector li svg {
    width: 15px;
    left: 10px;
  }
  .shop .items {
    margin: 30px 0 0 0;
  }
  .shop .advertisement {
    margin-top: 25px;
  }
  .shop .product-list a .left-side {
    flex: 100%;
    max-width: 100%;
  }
  .shop .product-list a .right-side {
    padding: 25px 0px 0;
    flex: 100%;
    max-width: 100%;
  }
}
.banner {
  position: relative;
}
.banner .overlay-banner {
  background: white;
  opacity: 0.17;
  width: 100%;
  height: 100%;
  position: relative;
}
.banner .overlay-banner img {
  max-height: 300px;
  width: 100%;
  object-fit: cover;
}
.banner .logo-middle {
  max-width: 550px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: calc(100% - 30px);
}

.video-section {
  padding-bottom: 75px;
}
.video-section .title {
  text-align: center;
}
.video-section .title h2 {
  display: block;
  color: #27348B;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 25px;
  line-height: initial;
  position: relative;
}
.video-section video {
  width: 100%;
}

.vraag-en-rijd {
  padding: 0 0 75px 0;
}
.vraag-en-rijd .intro {
  color: #27348B;
  text-align: center;
  margin-bottom: 50px;
  font-size: 20px;
  font-weight: bold;
}
.vraag-en-rijd h1 {
  font-size: 35px;
  display: block;
  margin-bottom: 75px;
  color: #27348B;
}
.vraag-en-rijd h2 {
  display: block;
  color: #27348B;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 25px;
  line-height: initial;
  position: relative;
}
.vraag-en-rijd h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-top: 5px solid #04b0a9;
  width: 150px;
}
.vraag-en-rijd ul {
  padding-left: 20px;
}
.vraag-en-rijd ul li {
  list-style: inherit;
  margin-bottom: 5px;
}
.vraag-en-rijd #map {
  width: 100%;
  height: 450px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.vraag-en-rijd .aanmelden {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin-top: 55px;
  background: #27348B;
}
.vraag-en-rijd .aanmelden.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.vraag-en-rijd .aanmelden.loading:before {
  content: "\f110" !important;
  -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;
}
.vraag-en-rijd .aanmelden:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.vraag-en-rijd .aanmelden:hover {
  background: #00B1AA;
  color: white !important;
}
.vraag-en-rijd .aanmelden:hover:before {
  transform: scale(1.1);
}
.vraag-en-rijd .inner {
  background: #fff;
  border-radius: 20px;
  padding: 0 35px 20px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08);
  margin: 0 25px 15px;
}
.vraag-en-rijd .inner.map {
  padding: 0;
  position: relative;
  margin: 0;
}
.vraag-en-rijd .inner.map .title {
  width: 100%;
  left: 0;
  margin-bottom: 0;
  background: #2d2e83;
}
.vraag-en-rijd .inner.map .watch {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}
.vraag-en-rijd .inner.map .watch.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.vraag-en-rijd .inner.map .watch.loading:before {
  content: "\f110" !important;
  -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;
}
.vraag-en-rijd .inner.map .watch:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.vraag-en-rijd .inner.map .watch:hover {
  background: #00B1AA;
  color: white !important;
}
.vraag-en-rijd .inner.map .watch:hover:before {
  transform: scale(1.1);
}
.vraag-en-rijd .inner.grey {
  margin-bottom: 50px;
}
.vraag-en-rijd .inner.grey .title {
  background: #EFEFEF;
  color: #27348B;
}
.vraag-en-rijd .inner.input-div b, .vraag-en-rijd .inner.input-div strong {
  margin-bottom: 35px;
  display: block;
}
.vraag-en-rijd .inner .aanmelden {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin-top: 75px;
}
.vraag-en-rijd .inner .aanmelden.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.vraag-en-rijd .inner .aanmelden.loading:before {
  content: "\f110" !important;
  -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;
}
.vraag-en-rijd .inner .aanmelden:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.vraag-en-rijd .inner .aanmelden:hover {
  background: #00B1AA;
  color: white !important;
}
.vraag-en-rijd .inner .aanmelden:hover:before {
  transform: scale(1.1);
}
.vraag-en-rijd .inner b, .vraag-en-rijd .inner strong {
  font-size: 60px;
  margin: 35px 0;
  display: block;
  line-height: 60px;
  color: #27348B;
}
.vraag-en-rijd .inner .title {
  padding: 20px;
  position: relative;
  left: -35px;
  text-align: center;
  width: calc(100% + 70px);
  border-radius: 20px 20px 0 0;
  margin-bottom: 20px;
  color: #fff;
}
.vraag-en-rijd .inner .title h3 {
  margin: 0;
  font-size: 26px;
  line-height: initial;
}

.last-locations {
  padding-bottom: 75px;
}
.last-locations.home {
  position: relative;
  padding: 50px 0;
}
.last-locations.home .item {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  height: inherit;
}
.last-locations.home .item #divLocatie {
  font-weight: 400;
  display: block;
}
.last-locations.home .item img {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  object-fit: contain;
  background: #fff;
  border: 1px solid #fff;
  margin: 0 auto 20px;
}
.last-locations.home .title h2 {
  color: #fff;
  margin-bottom: 0px;
  padding-bottom: 0;
}
.last-locations.home:before {
  content: "";
  position: absolute;
  background: #54afaa;
  width: 100%;
  height: 35%;
  left: 0;
  top: 0;
}
.last-locations .title h2 {
  display: block;
  color: #2d2e83;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 25px;
  position: relative;
  text-align: center;
}
.last-locations .item {
  border-radius: 5px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
  display: block;
  overflow: hidden;
  width: 95%;
  margin: 0 auto 15px;
  height: calc(100% - 15px);
}
.last-locations .item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.last-locations .item .text {
  color: #27348B;
  text-align: center;
  padding: 25px 15px;
}
.last-locations .item .text h3 {
  font-size: 22px;
}
.last-locations .item .text h4 {
  color: #000;
  font-weight: normal;
  position: relative;
  font-size: 16px;
  margin: 10px 0;
}
.last-locations .item .text h4:before {
  content: "\f1b9";
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  font-weight: bold;
}
.last-locations .item .text b, .last-locations .item .text strong {
  font-size: 18px;
}
.last-locations .item .rating-wrapper {
  position: relative;
  display: inline-block;
  margin: 0px 30px 0 0;
  vertical-align: middle;
}
.last-locations .item .rating-wrapper i, .last-locations .item .rating-wrapper em {
  font-size: 20px;
  padding-right: 5px;
  color: #2d2e83;
}
.last-locations .item .rating-wrapper i:last-of-type, .last-locations .item .rating-wrapper em:last-of-type {
  margin-right: 0;
}
.last-locations .item .rating-wrapper .top {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
}
.last-locations .item .rating-wrapper .bottom {
  position: relative;
  width: 100%;
  white-space: nowrap;
  z-index: 1;
  overflow: hidden;
}
.last-locations .item .rating-wrapper .bottom i, .last-locations .item .rating-wrapper .bottom em {
  opacity: 0.6;
}
.last-locations .item a {
  display: inline-block;
  margin: 0 auto;
  font-weight: bold;
  color: #27348B;
}
.last-locations .item a i, .last-locations .item a em {
  color: #04b0a9;
  margin-left: 5px;
}
.last-locations .item .checked {
  color: #27348B;
}

@media only screen and (max-width: 1400px) {
  .vraag-en-rijd {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 991.5px) {
  .last-locations .item .rating, .last-locations .item a {
    display: block;
  }
  .last-locations .item .rating {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767.5px) {
  .vraag-en-rijd h2 {
    font-size: 26px;
  }
  .vraag-en-rijd .intro {
    font-size: 18px;
  }
  .banner .overlay-banner img {
    height: 150px;
  }
  .banner .overlay-banner .img-fluid.ev-rijd {
    height: 300px;
    object-fit: cover;
  }
  .last-locations .item .rating-wrapper {
    margin: 0 auto 15px;
  }
  .last-locations .title h2 {
    line-height: 1;
  }
}
.widget-scrollspy .button {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 0px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  height: 50px;
  width: 50px;
  background-color: rgb(255, 255, 255);
  background-image: none;
  border: 1px solid #000;
  border-radius: 0;
  z-index: 999;
}
.widget-scrollspy .button .icon-bars {
  width: 100%;
  height: 3px;
  display: block;
  background: #27348B;
  margin: 7px 0 0;
  -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;
}
.widget-scrollspy .button .icon-bars:first-of-type {
  margin-top: 0;
}
.widget-scrollspy .button.open .icon-bars {
  margin: -2.5px 0 0;
}
.widget-scrollspy .button.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.widget-scrollspy .button.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.widget-scrollspy .button.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.widget-scrollspy .list {
  display: none;
  position: fixed;
  bottom: 83px;
  right: 15px;
  width: 250px;
  background: #fff;
  border: 1px solid #a1b1bc;
  max-height: 60vh;
  overflow-y: scroll;
  z-index: 999;
}
.widget-scrollspy .list .nav-tabs {
  border-bottom: 1px solid #ddd;
}
.widget-scrollspy .list .nav-tabs li {
  position: relative;
  width: 100%;
  display: block;
  float: left;
  margin-bottom: -1px;
}
.widget-scrollspy .list .nav-tabs li a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  position: relative;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #27348B;
}
.widget-scrollspy .list.open {
  animation: 0.25s cubic-bezier(0.1, 1.45, 0.35, 1) 0s normal none 1 running scale-drop-down;
  display: block;
  transform-origin: left bottom 0;
}

.list-group-item2.active a {
  text-decoration: underline;
}

.banner.normal.money svg {
  bottom: -15px;
}

.terms {
  padding: 50px 0;
}
.terms table {
  width: 100%;
}
.terms table tr {
  background: #fff;
}
.terms table tr:hover {
  background: #eee;
}
.terms table tr td {
  padding: 10px;
}
.terms ul:not(.breadcrumbs) {
  /*padding-left: 40px;*/
  margin-left: 40px;
  margin-bottom: 10px;
}
.terms ul:not(.breadcrumbs) li {
  list-style: inherit;
}
.terms h4, .terms b {
  color: #27348B;
}
.terms h4 {
  color: #27348B;
  font-size: 25px;
  display: block;
  margin-top: 25px;
  margin-bottom: 10px;
}
.terms .divScrollSpyList {
  /*position: fixed;*/
}
.terms .list-title {
  display: block;
  color: #27348B;
  font-weight: 600;
}
.terms .list-group {
  max-width: 400px;
  max-height: 300px;
  margin-top: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 5px;
}
.terms .list-group .list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.terms .list-group .list-group-item:first-child {
  border-top: none;
}
.terms .list-group .list-group-item:last-child {
  border-bottom: none;
}
.terms .list-group .list-group-item a {
  text-decoration: none;
  color: #000;
}
.terms .list-group::-webkit-scrollbar {
  width: 6px;
  margin: 20px 0;
}
.terms .list-group::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 6px;
}
.terms .list-group::-webkit-scrollbar-thumb {
  background: #27348B;
  border-radius: 6px;
}
.terms .list-group::-webkit-scrollbar-thumb:hover {
  background: #27348B;
}
.terms .bigger-bullets .bigger-bullet {
  font-size: 3em;
  content: "●";
}

@media only screen and (max-width: 1150px) {
  .terms table tr td {
    font-size: 13px;
    width: 70%;
  }
}
@media only screen and (max-width: 1115px) {
  .terms .list .list-group li a {
    font-size: 11px;
  }
}
@media only screen and (max-width: 980px) {
  .terms .list .list-group {
    margin-left: 0px;
  }
  .terms .list .list-group li {
    padding: 0.75rem 0.5rem;
  }
}
@media only screen and (max-width: 840px) {
  .terms table tr td {
    width: 65%;
  }
}
@media only screen and (max-width: 767.5px) {
  .terms .list .list-group {
    max-width: 100% !important;
  }
  .widget-scrollspy .button {
    display: block;
  }
}
@media only screen and (max-width: 490px) {
  .terms table tr td {
    font-size: 12px;
  }
}
@media only screen and (max-width: 460px) {
  .terms table {
    border: none;
  }
  .terms table tr td {
    display: block;
    width: 100%;
    border-top: solid 0.5px;
    border-bottom: solid -0.5px;
    border-left: solid 1px;
    border-right: solid 1px;
  }
  .terms table tr:last-child td:last-child {
    border-bottom: solid 0.5px;
  }
}
.banner {
  position: relative;
  margin-top: 100px;
}
.banner .btn-back {
  position: absolute;
  background: white;
  color: #27348B;
  padding: 10px 20px 10px 10px;
  border-radius: 11px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  z-index: 2;
  left: 25px;
  top: 25px;
}
.banner .btn-back i, .banner .btn-back em {
  margin: 0 10px 0 5px;
}
.banner #map {
  width: 100%;
  height: 250px;
}

.person-info {
  padding: 25px 0 50px;
}
.person-info .text {
  color: #27348B;
}
.person-info .text h2 {
  display: block;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 25px;
  position: relative;
}
.person-info .text h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 5px solid #04b0a9;
  width: 200px;
}
.person-info .item {
  border-radius: 5px;
  background: #F3F5F9;
}
.person-info .item img {
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin: 25px 0 0;
}
.person-info .item .text {
  padding: 25px;
}
.person-info .item .text ul li {
  display: flex;
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}
.person-info .item .text ul li:before {
  position: absolute;
  color: #04b0a9;
  font-size: 16px;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  top: 0;
  left: 0;
}
.person-info .item .text ul li:nth-child(1):before {
  content: "\f3c5";
}
.person-info .item .text ul li:nth-child(2):before {
  content: "\f1b9";
}
.person-info .item .text ul li:nth-child(3):before {
  content: "\f059";
}
.person-info .item .text ul li b, .person-info .item .text ul li strong {
  max-width: 35%;
  width: 100%;
}
.person-info .item .text ul li ul li {
  margin-bottom: 0;
}
.person-info .item .text ul li ul li:nth-child(1n):before {
  content: "\f058";
}
.person-info .item b, .person-info .item strong {
  color: #27348B;
}

.reviews {
  padding-bottom: 50px;
}
.reviews .slick-list {
  margin: -15px -25px 0;
}
.reviews .slick-slide {
  margin: 15px 25px 0;
  padding: 10px 0;
}
.reviews .review-title {
  margin-bottom: 25px;
}
.reviews .review-title h3 {
  color: #27348B;
  margin-bottom: 5px;
}
.reviews .review-title .rating-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.reviews .review-title .rating-wrapper i, .reviews .review-title .rating-wrapper em {
  font-size: 20px;
  padding-right: 5px;
  color: #2d2e83;
}
.reviews .review-title .rating-wrapper .top {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
}
.reviews .review-title .rating-wrapper .bottom {
  position: relative;
  width: 100%;
  white-space: nowrap;
  z-index: 1;
  overflow: hidden;
}
.reviews .review-title .rating-wrapper .bottom i, .reviews .review-title .rating-wrapper .bottom em {
  opacity: 0.6;
}
.reviews .review-slider {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.reviews .review-slider .item {
  border-radius: 30px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
  display: block !important;
  padding: 25px;
  margin-bottom: 15px;
}
.reviews .review-slider .item .rating-wrapper {
  position: relative;
  margin-bottom: 20px;
  display: table;
}
.reviews .review-slider .item .rating-wrapper i, .reviews .review-slider .item .rating-wrapper em {
  font-size: 20px;
  padding-right: 5px;
  color: #2d2e83;
}
.reviews .review-slider .item .rating-wrapper .top {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
}
.reviews .review-slider .item .rating-wrapper .bottom {
  position: relative;
  width: 100%;
  white-space: nowrap;
  z-index: 1;
  overflow: hidden;
}
.reviews .review-slider .item .rating-wrapper .bottom i, .reviews .review-slider .item .rating-wrapper .bottom em {
  opacity: 0.6;
}
.reviews .review-slider .item h2 {
  display: inline-block;
  color: #27348B;
  margin-bottom: 10px;
  font-size: 18px;
}
.reviews .review-slider .item h3 {
  display: inline-block;
  float: right;
  font-size: 16px;
  font-weight: normal;
  color: #27348B;
}

.contact-form {
  position: relative;
  padding-bottom: 50px;
}
.contact-form .time-wrapper {
  position: relative;
}
.contact-form .time-wrapper .slick-arrow {
  width: 45px;
  line-height: 40px;
  border: 2px solid #424390;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  background: #fff;
  cursor: pointer;
  color: #424390;
  z-index: 2;
}
.contact-form .time-wrapper .prev-slide {
  left: -55px;
}
.contact-form .time-wrapper .next-slide {
  right: -55px;
}
.contact-form .time-wrapper .slick-list {
  padding: 15px 0;
  margin: 0px -15px;
}
.contact-form .time-wrapper .slick-slide {
  padding: 0px 15px;
  /* &.slick-current + .slick-active {


      label {
          padding-left: 30px;
          border-color: #2d2e83;
          transform: scale(1.1);

          &:before {
              content: "";
              position: absolute;
              left: 0px;
              border-top-left-radius: 5px;
              border-bottom-left-radius: 5px;
              top: 0px;
              height: 100%;
              width: 17px;
              background: #2d2e83;
          }
      }
  }*/
}
.contact-form .time-wrapper .last-item {
  padding: 10px 15px 25px;
  display: block;
  border: 3px dashed #ededed;
  border-radius: 5px;
  transform: none;
  transition: all 0.3s ease-in-out;
  min-height: 160px;
}
.contact-form .time-wrapper .item {
  position: relative;
}
.contact-form .time-wrapper .item label {
  padding: 10px 15px 25px;
  display: block;
  border: 3px solid #ededed;
  cursor: pointer;
  border-radius: 5px;
  transform: none;
  transition: all 0.3s ease-in-out;
}
.contact-form .time-wrapper .item label span {
  display: block;
  margin-bottom: 25px;
}
.contact-form .time-wrapper .item label .tag {
  border-radius: 10px;
  background: #eee;
  padding: 3px 9px;
  font-size: 12px;
  display: table;
  margin-top: 5px;
}
.contact-form .time-wrapper .item input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.contact-form .time-wrapper .item input:checked + label {
  /*padding-left: 30px;*/
  border-color: #2d2e83;
  transform: scale(1.05);
  border-left: 17px solid #2d2e83;
  /*
      &:before {
          content: "";
          position: absolute;
          left: 0px;
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px;
          top: 0px;
          height: 100%;
          width: 17px;
          background: #2d2e83;
      }*/
}
.contact-form .inner {
  border-radius: 40px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
  padding: 25px;
  background-color: white;
}
.contact-form .inner .title {
  margin-bottom: 25px;
}
.contact-form .inner .title h2 {
  color: #27348B;
  text-align: center;
}
.contact-form .inner .form-group select {
  text-transform: none;
  font-weight: normal;
}
.contact-form .inner .btn-default {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  width: 100%;
  text-align: center;
}
.contact-form .inner .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.contact-form .inner .btn-default.loading:before {
  content: "\f110" !important;
  -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;
}
.contact-form .inner .btn-default:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.contact-form .inner .btn-default:hover {
  background: #00B1AA;
  color: white !important;
}
.contact-form .inner .btn-default:hover:before {
  transform: scale(1.1);
}

.modal-account {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.46);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  overflow-y: auto;
}
.modal-account.active {
  opacity: 1;
  visibility: visible;
}
.modal-account.no-projects #rblAction tr:first-of-type {
  display: none !important;
}
.modal-account.no-projects .checkbox-list .item:first-of-type {
  display: none !important;
}
.modal-account .checkbox-list .item {
  margin-bottom: 30px;
  border-bottom: 1px solid #d1dbef;
  padding: 0px 150px 30px;
  position: relative;
}
.modal-account .checkbox-list .item.last b, .modal-account .checkbox-list .item.last strong {
  margin-bottom: 0;
}
.modal-account .checkbox-list .item.last label:before {
  top: 0%;
  transform: none;
}
.modal-account .checkbox-list .item.last label:after {
  top: 5px;
}
.modal-account .checkbox-list .item label.highlight:after {
  opacity: 1;
  visibility: visible;
}
.modal-account .checkbox-list .item label:before {
  content: "";
  display: inline-block;
  position: absolute;
  background: #fff;
  width: 22px;
  cursor: pointer;
  border-radius: 5px;
  height: 22px;
  left: 100px;
  border: 2px solid #dfdfdf;
  top: calc(50% + 15px);
  transform: translateY(-50%);
}
.modal-account .checkbox-list .item label:after {
  left: 105px;
  font-size: 14px;
  top: calc(50% + 10px);
  color: #000;
  content: "\f00c" !important;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  line-height: 12px;
  margin-left: 0;
  opacity: 0;
  visibility: hidden;
}
.modal-account .checkbox-list .item b, .modal-account .checkbox-list .item strong {
  font-size: 18px;
  font-weight: 500;
  display: block;
  margin-bottom: 25px;
}
.modal-account .checkbox-list .item .form-group {
  margin: 0;
}
.modal-account .btn-row {
  margin-top: 25px;
  justify-content: center;
}
.modal-account .content {
  margin: 1.75rem auto;
  background: #f7f8fa;
  border-radius: 10px;
  padding: 75px 50px;
  text-align: center;
  max-width: 800px;
  min-height: inherit;
  width: 100%;
  position: relative;
  box-shadow: none;
}
.modal-account .content.small {
  max-width: 800px;
}
.modal-account .content.small b, .modal-account .content.small strong {
  margin-bottom: 20px;
}
.modal-account .content .form-group {
  margin: 0px auto 20px;
}
.modal-account .content .form-group .bootstrap-tagsinput {
  background-color: #fff;
}
.modal-account .content .form-group label {
  display: block;
  text-align: left;
  font-weight: 500;
  margin-bottom: 5px;
}
.modal-account .content .form-group .form-control {
  font-family: inherit;
  width: 100%;
  padding: 10px 20px;
  background-color: #fff;
  border: 2px solid #dedede;
  border-radius: 4px;
  font-weight: 500;
}
.modal-account .content .fas {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  background: #04b0a9;
  font-size: 22px;
  width: 30px;
  border-radius: 50%;
  line-height: 30px;
}
.modal-account .content b, .modal-account .content strong {
  font-size: 24px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

.review-modal .btn-default {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  width: 100%;
  text-align: center;
  width: calc(100% - 125px);
}
.review-modal .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.review-modal .btn-default.loading:before {
  content: "\f110" !important;
  -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;
}
.review-modal .btn-default:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.review-modal .btn-default:hover {
  background: #00B1AA;
  color: white !important;
}
.review-modal .btn-default:hover:before {
  transform: scale(1.1);
}
.review-modal .title {
  color: #27348B;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 20px;
}
.review-modal .content {
  max-width: 650px;
  background: #fff;
  border-radius: 30px;
  padding: 50px;
}
.review-modal .rating-wrapper span {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.review-modal .rating-wrapper input {
  position: absolute;
  opacity: 0;
}
.review-modal .rating-wrapper input:checked ~ label:before {
  color: #27348B;
}
.review-modal .rating-wrapper label {
  cursor: pointer;
  font-size: 0px !important;
  margin: 0 4px;
}
.review-modal .rating-wrapper label:first-of-type {
  margin-left: 0px;
}
.review-modal .rating-wrapper label:before {
  content: "\f005";
  /*width: 27px;
  height: 27px;*/
  opacity: 1;
  font-weight: 900;
  color: #9090BD;
  position: relative;
  border-radius: 50%;
  /*background-image: url(/Resources/img/star.svg);*/
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 21px;
  display: inline-block;
  /* background-position: center;
  background-repeat: no-repeat;
  background-size: 17px;*/
}

@media only screen and (max-width: 1500px) {
  .banner {
    margin: 150px 0 0;
  }
}
@media only screen and (max-width: 1024px) {
  .modal-account .content {
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 767.5px) {
  .review-modal .content {
    padding: 25px;
  }
  .contact-form .time-wrapper .slick-list {
    margin: 0 -10px;
  }
  .contact-form .time-wrapper .slick-arrow {
    position: relative;
    top: inherit;
    transform: none;
    left: 0;
    display: inline-block;
  }
  .person-info .text {
    margin-bottom: 25px;
  }
}
.img-banner {
  position: relative;
  /* text-align: center;*/
  /*
  h5, h1 {*/
}
.img-banner.tell-text h1 {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 30px;
}
.img-banner h5 {
  font-size: 24px;
  display: block;
  color: #2d2e83;
  font-weight: normal;
  margin-top: 50px;
}
.img-banner h5 b, .img-banner h5 strong {
  font-weight: bold;
}
.img-banner .banner-image img {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-height: 500px;
  object-fit: cover;
}
.img-banner .pf-image img {
  width: 180px;
  border-radius: 50%;
  height: 180px;
  object-fit: cover;
  border: 12px solid #fff;
  margin: -90px auto 0px;
  z-index: 2;
  position: relative;
}

#confetti-canvas {
  position: fixed;
  top: 0;
}

.magazines {
  position: relative;
}
.magazines h1 {
  text-align: center;
  display: block;
  padding: 50px 0;
  font-size: 32px;
}
.magazines .text {
  padding-bottom: 25px;
}
.magazines a {
  color: #27348b;
}
.magazines .item {
  border-radius: 5px;
  background: #f3f5f9;
  display: flex;
  flex-direction: column;
  height: calc(100% - 25px);
  margin-bottom: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.magazines .item img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.magazines .item .content {
  padding: 15px;
  display: flex;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  height: 100%;
}
.magazines .item .content b, .magazines .item .content strong {
  font-weight: bold;
  color: #27348b;
  font-size: 20px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .magazines {
    padding: 50px 0 0;
  }
}
.laadpassen {
  position: relative;
  padding: 35px 0;
}
.laadpassen .hidden {
  display: none;
}
.laadpassen .search-bar .form-group > label {
  font-weight: bold;
}
.laadpassen .search-bar .form-group > label i, .laadpassen .search-bar .form-group > label em {
  display: none;
}
.laadpassen .search-bar .checkbox {
  width: 100%;
}
.laadpassen .search-bar .checkbox label {
  display: table;
}
.laadpassen .search-bar hr {
  border: none;
  height: 2px;
  background: #ededed;
}
.laadpassen .search-bar hr.mobile-show {
  display: none;
}
.laadpassen .item {
  border-radius: 5px;
  background: #f3f5f9;
  height: calc(100% - 25px);
  margin-bottom: 25px;
  display: flex;
  padding: 20px;
  color: #292929;
  flex-wrap: wrap;
  flex-direction: row;
}
.laadpassen .item img {
  max-width: 250px;
  padding: 0 20px 20px;
  border-radius: 5px;
  margin: 0 auto;
  align-self: center;
  width: 100%;
}
.laadpassen .item .text {
  margin-top: auto;
  width: 100%;
}
.laadpassen .item .text ul li:first-child {
  font-weight: bold;
  color: #27348b;
  font-size: 20px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767.5px) {
  .laadpassen {
    position: relative;
    padding: 35px 0;
  }
  .laadpassen .search-bar hr.mobile-show {
    display: block;
  }
  .laadpassen .search-bar .form-group.collapser {
    margin: 0;
  }
  .laadpassen .search-bar .form-group > label {
    display: block;
  }
  .laadpassen .search-bar .form-group > label i, .laadpassen .search-bar .form-group > label em {
    display: inline-block;
    background: #00b1aa;
    width: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 5px;
    color: #fff;
    margin-left: 5px;
    transform: rotate(0deg);
    transition: all 0.3s ease-in-out;
  }
  .laadpassen .search-bar .form-group > label i.active, .laadpassen .search-bar .form-group > label em.active {
    transform: rotate(180deg);
  }
  .laadpassen .wrapper {
    overflow: hidden;
    max-height: 0;
    transition: all 0.3s ease-in-out;
  }
  .laadpassen .wrapper.active {
    max-height: 999px;
  }
}
.g-snows > li {
  opacity: 0;
  position: absolute;
  top: 0;
  border-radius: 100%;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: 100% auto;
  animation-name: snow-drop;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.g-snows > li:nth-child(1) {
  left: 20%;
  width: 6px;
  height: 6px;
  animation-duration: 10400ms;
  animation-delay: 1254ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(2) {
  left: 20%;
  width: 23px;
  height: 23px;
  animation-duration: 10867ms;
  animation-delay: 4129ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(3) {
  left: 56%;
  width: 5px;
  height: 5px;
  animation-duration: 7835ms;
  animation-delay: 3835ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(4) {
  left: 48%;
  width: 5px;
  height: 5px;
  animation-duration: 5893ms;
  animation-delay: 3584ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(5) {
  left: 3%;
  width: 1px;
  height: 1px;
  animation-duration: 8025ms;
  animation-delay: 4350ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(6) {
  left: 30%;
  width: 8px;
  height: 8px;
  animation-duration: 8513ms;
  animation-delay: 4539ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(7) {
  left: 105%;
  width: 16px;
  height: 16px;
  animation-duration: 8744ms;
  animation-delay: 559ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(8) {
  left: 37%;
  width: 8px;
  height: 8px;
  animation-duration: 7805ms;
  animation-delay: 432ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(9) {
  left: 59%;
  width: 16px;
  height: 16px;
  animation-duration: 12690ms;
  animation-delay: 2862ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(10) {
  left: 92%;
  width: 16px;
  height: 16px;
  animation-duration: 8482ms;
  animation-delay: 1772ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(11) {
  left: 101%;
  width: 2px;
  height: 2px;
  animation-duration: 5371ms;
  animation-delay: 1371ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(12) {
  left: 53%;
  width: 2px;
  height: 2px;
  animation-duration: 9830ms;
  animation-delay: 3774ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(13) {
  left: 64%;
  width: 10px;
  height: 10px;
  animation-duration: 11802ms;
  animation-delay: 3842ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(14) {
  left: 90%;
  width: 3px;
  height: 3px;
  animation-duration: 5094ms;
  animation-delay: 2411ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(15) {
  left: 29%;
  width: 13px;
  height: 13px;
  animation-duration: 5685ms;
  animation-delay: 4458ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(16) {
  left: 79%;
  width: 4px;
  height: 4px;
  animation-duration: 14101ms;
  animation-delay: 2310ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(17) {
  left: 92%;
  width: 8px;
  height: 8px;
  animation-duration: 7375ms;
  animation-delay: 827ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(18) {
  left: 108%;
  width: 5px;
  height: 5px;
  animation-duration: 8515ms;
  animation-delay: 1529ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(19) {
  left: 26%;
  width: 6px;
  height: 6px;
  animation-duration: 7839ms;
  animation-delay: 4234ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(20) {
  left: 6%;
  width: 1px;
  height: 1px;
  animation-duration: 13391ms;
  animation-delay: 4782ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(21) {
  left: 31%;
  width: 3px;
  height: 3px;
  animation-duration: 12109ms;
  animation-delay: 891ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(22) {
  left: 36%;
  width: 9px;
  height: 9px;
  animation-duration: 11478ms;
  animation-delay: 59ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(23) {
  left: 41%;
  width: 9px;
  height: 9px;
  animation-duration: 6081ms;
  animation-delay: 1972ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(24) {
  left: 11%;
  width: 6px;
  height: 6px;
  animation-duration: 12667ms;
  animation-delay: 711ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(25) {
  left: 1%;
  width: 6px;
  height: 6px;
  animation-duration: 8040ms;
  animation-delay: 3602ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(26) {
  left: 11%;
  width: 12px;
  height: 12px;
  animation-duration: 7157ms;
  animation-delay: 1102ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(27) {
  left: 71%;
  width: 18px;
  height: 18px;
  animation-duration: 10467ms;
  animation-delay: 109ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(28) {
  left: 16%;
  width: 24px;
  height: 24px;
  animation-duration: 8727ms;
  animation-delay: 251ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(29) {
  left: 56%;
  width: 7px;
  height: 7px;
  animation-duration: 10000ms;
  animation-delay: 1624ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(30) {
  left: 1%;
  width: 10px;
  height: 10px;
  animation-duration: 6439ms;
  animation-delay: 719ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(31) {
  left: 20%;
  width: 7px;
  height: 7px;
  animation-duration: 11965ms;
  animation-delay: 3064ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(32) {
  left: 108%;
  width: 1px;
  height: 1px;
  animation-duration: 5210ms;
  animation-delay: 1165ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(33) {
  left: 105%;
  width: 0px;
  height: 0px;
  animation-duration: 10124ms;
  animation-delay: 953ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(34) {
  left: 61%;
  width: 5px;
  height: 5px;
  animation-duration: 9717ms;
  animation-delay: 1023ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(35) {
  left: 48%;
  width: 15px;
  height: 15px;
  animation-duration: 8992ms;
  animation-delay: 1874ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(36) {
  left: 22%;
  width: 4px;
  height: 4px;
  animation-duration: 12102ms;
  animation-delay: 2239ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(37) {
  left: 61%;
  width: 10px;
  height: 10px;
  animation-duration: 5583ms;
  animation-delay: 1289ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(38) {
  left: 46%;
  width: 12px;
  height: 12px;
  animation-duration: 5884ms;
  animation-delay: 1525ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(39) {
  left: 94%;
  width: 5px;
  height: 5px;
  animation-duration: 8259ms;
  animation-delay: 4036ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(40) {
  left: 22%;
  width: 2px;
  height: 2px;
  animation-duration: 12355ms;
  animation-delay: 4525ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(41) {
  left: 84%;
  width: 2px;
  height: 2px;
  animation-duration: 9571ms;
  animation-delay: 3960ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(42) {
  left: 15%;
  width: 8px;
  height: 8px;
  animation-duration: 6304ms;
  animation-delay: 2045ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(43) {
  left: 28%;
  width: 6px;
  height: 6px;
  animation-duration: 5946ms;
  animation-delay: 4740ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(44) {
  left: 104%;
  width: 6px;
  height: 6px;
  animation-duration: 6457ms;
  animation-delay: 3288ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(45) {
  left: 72%;
  width: 10px;
  height: 10px;
  animation-duration: 9582ms;
  animation-delay: 4725ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(46) {
  left: 27%;
  width: 26px;
  height: 26px;
  animation-duration: 8449ms;
  animation-delay: 3939ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(47) {
  left: 32%;
  width: 3px;
  height: 3px;
  animation-duration: 8317ms;
  animation-delay: 595ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(48) {
  left: 52%;
  width: 4px;
  height: 4px;
  animation-duration: 7938ms;
  animation-delay: 3677ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(49) {
  left: 62%;
  width: 9px;
  height: 9px;
  animation-duration: 7843ms;
  animation-delay: 602ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(50) {
  left: 24%;
  width: 23px;
  height: 23px;
  animation-duration: 14644ms;
  animation-delay: 285ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(51) {
  left: 55%;
  width: 7px;
  height: 7px;
  animation-duration: 5158ms;
  animation-delay: 3477ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(52) {
  left: 44%;
  width: 3px;
  height: 3px;
  animation-duration: 5956ms;
  animation-delay: 4084ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(53) {
  left: 17%;
  width: 6px;
  height: 6px;
  animation-duration: 7053ms;
  animation-delay: 1994ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(54) {
  left: 49%;
  width: 1px;
  height: 1px;
  animation-duration: 8476ms;
  animation-delay: 4898ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(55) {
  left: 127%;
  width: 8px;
  height: 8px;
  animation-duration: 12130ms;
  animation-delay: 4655ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(56) {
  left: 12%;
  width: 13px;
  height: 13px;
  animation-duration: 6430ms;
  animation-delay: 1936ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(57) {
  left: 75%;
  width: 8px;
  height: 8px;
  animation-duration: 5541ms;
  animation-delay: 4393ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(58) {
  left: 124%;
  width: 9px;
  height: 9px;
  animation-duration: 5240ms;
  animation-delay: 1452ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(59) {
  left: 44%;
  width: 1px;
  height: 1px;
  animation-duration: 7914ms;
  animation-delay: 4218ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(60) {
  left: 6%;
  width: 2px;
  height: 2px;
  animation-duration: 10677ms;
  animation-delay: 1572ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(61) {
  left: 116%;
  width: 1px;
  height: 1px;
  animation-duration: 5446ms;
  animation-delay: 1207ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(62) {
  left: 64%;
  width: 16px;
  height: 16px;
  animation-duration: 11552ms;
  animation-delay: 3064ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(63) {
  left: 61%;
  width: 21px;
  height: 21px;
  animation-duration: 11283ms;
  animation-delay: 1375ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(64) {
  left: 68%;
  width: 14px;
  height: 14px;
  animation-duration: 6690ms;
  animation-delay: 587ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(65) {
  left: 97%;
  width: 6px;
  height: 6px;
  animation-duration: 10499ms;
  animation-delay: 3334ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(66) {
  left: 24%;
  width: 11px;
  height: 11px;
  animation-duration: 12522ms;
  animation-delay: 1950ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(67) {
  left: 53%;
  width: 14px;
  height: 14px;
  animation-duration: 6763ms;
  animation-delay: 1416ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(68) {
  left: 48%;
  width: 15px;
  height: 15px;
  animation-duration: 11960ms;
  animation-delay: 3456ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(69) {
  left: 10%;
  width: 11px;
  height: 11px;
  animation-duration: 7485ms;
  animation-delay: 2415ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(70) {
  left: 12%;
  width: 12px;
  height: 12px;
  animation-duration: 6544ms;
  animation-delay: 1322ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(71) {
  left: 71%;
  width: 8px;
  height: 8px;
  animation-duration: 12869ms;
  animation-delay: 100ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(72) {
  left: 27%;
  width: 7px;
  height: 7px;
  animation-duration: 7536ms;
  animation-delay: 1334ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(73) {
  left: 23%;
  width: 4px;
  height: 4px;
  animation-duration: 9998ms;
  animation-delay: 190ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(74) {
  left: 4%;
  width: 7px;
  height: 7px;
  animation-duration: 10518ms;
  animation-delay: 2836ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(75) {
  left: 78%;
  width: 24px;
  height: 24px;
  animation-duration: 8624ms;
  animation-delay: 3397ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(76) {
  left: 13%;
  width: 13px;
  height: 13px;
  animation-duration: 9486ms;
  animation-delay: 3498ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(77) {
  left: 13%;
  width: 1px;
  height: 1px;
  animation-duration: 7923ms;
  animation-delay: 2732ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(78) {
  left: 6%;
  width: 6px;
  height: 6px;
  animation-duration: 10858ms;
  animation-delay: 2735ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(79) {
  left: 4%;
  width: 3px;
  height: 3px;
  animation-duration: 5026ms;
  animation-delay: 4053ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(80) {
  left: 4%;
  width: 12px;
  height: 12px;
  animation-duration: 6117ms;
  animation-delay: 494ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(81) {
  left: 41%;
  width: 6px;
  height: 6px;
  animation-duration: 10672ms;
  animation-delay: 543ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(82) {
  left: 93%;
  width: 14px;
  height: 14px;
  animation-duration: 7679ms;
  animation-delay: 1792ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(83) {
  left: 1%;
  width: 8px;
  height: 8px;
  animation-duration: 6569ms;
  animation-delay: 4539ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(84) {
  left: 81%;
  width: 17px;
  height: 17px;
  animation-duration: 5217ms;
  animation-delay: 474ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(85) {
  left: 51%;
  width: 6px;
  height: 6px;
  animation-duration: 7370ms;
  animation-delay: 978ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(86) {
  left: 2%;
  width: 16px;
  height: 16px;
  animation-duration: 6349ms;
  animation-delay: 3298ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(87) {
  left: 87%;
  width: 2px;
  height: 2px;
  animation-duration: 5572ms;
  animation-delay: 1524ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(88) {
  left: 13%;
  width: 19px;
  height: 19px;
  animation-duration: 6829ms;
  animation-delay: 238ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(89) {
  left: 62%;
  width: 11px;
  height: 11px;
  animation-duration: 9279ms;
  animation-delay: 2829ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(90) {
  left: 54%;
  width: 2px;
  height: 2px;
  animation-duration: 7298ms;
  animation-delay: 372ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(91) {
  left: 87%;
  width: 2px;
  height: 2px;
  animation-duration: 11122ms;
  animation-delay: 2979ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(92) {
  left: 71%;
  width: 9px;
  height: 9px;
  animation-duration: 5836ms;
  animation-delay: 1090ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(93) {
  left: 17%;
  width: 20px;
  height: 20px;
  animation-duration: 8582ms;
  animation-delay: 3235ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(94) {
  left: 60%;
  width: 8px;
  height: 8px;
  animation-duration: 7101ms;
  animation-delay: 2883ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(95) {
  left: 7%;
  width: 4px;
  height: 4px;
  animation-duration: 5230ms;
  animation-delay: 1912ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(96) {
  left: 23%;
  width: 4px;
  height: 4px;
  animation-duration: 11116ms;
  animation-delay: 3222ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(97) {
  left: 26%;
  width: 10px;
  height: 10px;
  animation-duration: 14285ms;
  animation-delay: 549ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(98) {
  left: 13%;
  width: 13px;
  height: 13px;
  animation-duration: 6404ms;
  animation-delay: 891ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(99) {
  left: 53%;
  width: 0px;
  height: 0px;
  animation-duration: 6704ms;
  animation-delay: 4856ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(100) {
  left: 35%;
  width: 2px;
  height: 2px;
  animation-duration: 9478ms;
  animation-delay: 2345ms;
  filter: blur(4px);
}

@keyframes snow-drop {
  0% {
    transform: translate(0, 0);
    opacity: 0.5;
    margin-left: 0;
  }
  10% {
    margin-left: 15px;
  }
  20% {
    margin-left: 20px;
  }
  25% {
    transform: translate(0, 166.6666666667px);
    opacity: 0.75;
  }
  30% {
    margin-left: 15px;
  }
  40% {
    margin-left: 0;
  }
  50% {
    transform: translate(0, 333.3333333333px);
    opacity: 1;
    margin-left: -15px;
  }
  60% {
    margin-left: -20px;
  }
  70% {
    margin-left: -15px;
  }
  75% {
    transform: translate(0, 500px);
    opacity: 0.5;
  }
  80% {
    margin-left: 0;
  }
  100% {
    transform: translate(0, 666.6666666667px);
    opacity: 0;
  }
}
.action-page .usps ul {
  margin: 15px 0;
  padding: 0;
}
.action-page .usps ul li {
  position: relative;
  padding-left: 25px;
  list-style: none;
  margin-bottom: 5px;
}
.action-page .usps ul li:before {
  content: "\f058";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  font-size: inherit;
  color: #00B1AA;
}
.action-page .action-form {
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 15px;
}
.action-page .action-form .w-100 {
  width: 100%;
}
.action-page .action-form .btn-default {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  text-decoration: none !important;
  margin: unset;
  margin-left: auto;
}
.action-page .action-form .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
  padding-left: 40px;
}
.action-page .action-form .btn-default.loading:before {
  content: "\f110";
  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;
}
.action-page .action-form .form-group select {
  background-image: url(/Resources/img/arrow-black.svg) !important;
}
.action-page .action-form .form-group label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.action-page .action-form .radiobuttonlist ul {
  display: block;
  padding: 0;
}
.action-page .action-form .radiobuttonlist ul li {
  display: inline-block;
  position: relative;
  /*                margin: 0 25px;*/
}
.action-page .action-form .radiobuttonlist ul li input {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  outline: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.action-page .action-form .radiobuttonlist ul li input[type=radio]:checked + label {
  border: 2px solid #27348B !important;
}
.action-page .action-form .radiobuttonlist ul li label {
  padding: 5px;
  border: 2px solid #e8e8e8 !important;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}
.action-page .action-form .title {
  background: #efefef;
  color: #27348B;
  text-align: center;
  width: 100%;
  font-weight: bold;
  font-size: 28px;
  padding: 20px 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.action-page .action-form .inner {
  padding: 25px;
}
.action-page .action-form .inner .text {
  padding: 0 15px 15px 15px;
}

@media only screen and (max-width: 767.5px) {
  .textpage.action-page {
    padding: 25px 0 50px;
  }
}
.ui-datepicker-today .ui-state-active {
  color: #fff !important;
}

.ui-datepicker {
  display: none;
  background-color: #1f1f1f;
  box-shadow: 0 0.125rem 0.3rem rgba(0, 0, 0, 0.5);
  margin-top: 0.25rem;
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.ui-datepicker-calendar table {
  border-collapse: collapse;
  border-spacing: 0;
}
.ui-datepicker-calendar thead th {
  padding: 0.25rem 0;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
  color: #8D8D8D;
}
.ui-datepicker-calendar tbody td {
  width: 2.5rem;
  text-align: center;
  padding: 0;
}
.ui-datepicker-calendar tbody td a {
  display: block;
  border-radius: 50%;
  line-height: 2rem;
  transition: 0.3s all;
  color: #8d8d8d;
  font-size: 0.875rem;
  text-decoration: none;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}
.ui-datepicker-calendar tbody td a:hover {
  background: #00fef3;
  color: white;
}
.ui-datepicker-calendar tbody td a.ui-state-active {
  background: #00B1AA;
  color: white;
  font-weight: bold;
}
.ui-datepicker-calendar tbody td a.ui-state-highlight {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00B1AA;
  border: 1px solid #00B1AA;
}
.ui-datepicker-header a span {
  display: none;
}
.ui-datepicker-header a.ui-corner-all {
  cursor: pointer;
  position: absolute;
  top: 0;
  width: 2rem;
  height: 2rem;
  margin: 0.5rem;
  border-radius: 0.5rem;
  text-decoration: none;
}
.ui-datepicker-header a.ui-datepicker-prev {
  left: 0;
}
.ui-datepicker-header a.ui-datepicker-prev::after {
  font-family: "Font Awesome 5 Free";
  content: "\f104";
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
}
.ui-datepicker-header a.ui-datepicker-next {
  right: 0;
  text-align: right;
}
.ui-datepicker-header a.ui-datepicker-next::after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
}
.ui-datepicker-title {
  color: white;
  text-align: center;
  line-height: 2rem;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: bold;
  padding-bottom: 0.25rem;
}
.ui-datepicker-week-col {
  color: #353535;
  font-weight: 400;
  font-size: 0.75rem;
}

.ver-ammbassadeur-banner {
  position: relative;
  padding: 50px 0;
  background: #27348B;
  /*   .slick-dots {
      display: block;

      li {
          display: inline-block;
          background: #fff;

          button {
              width: 15px;
              height: 15px;
              cursor: pointer;
              background: #d6d6d6;
              border: 0;
              box-shadow: none;
              font-size: 0;
              padding: 0;
              margin: 0 5px;
              border-radius: 50%;
          }
      }
  }*/
}
.ver-ammbassadeur-banner .container-fluid.custom {
  padding: 0 0 0 200px;
}
.ver-ammbassadeur-banner .text {
  color: #fff;
}
.ver-ammbassadeur-banner .text h1 {
  font-size: 42px;
  line-height: 46px;
  margin-bottom: 15px;
}
.ver-ammbassadeur-banner .text a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: 10px 0 0;
}
.ver-ammbassadeur-banner .text a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.ver-ammbassadeur-banner .ambassadeur-slider {
  /* the slides */
  /* the parent */
}
.ver-ammbassadeur-banner .ambassadeur-slider .item {
  background: #fff;
  border-radius: 5px;
}
.ver-ammbassadeur-banner .ambassadeur-slider .item img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
.ver-ammbassadeur-banner .ambassadeur-slider .item h2 {
  color: #27348B;
  font-size: 16px;
}
.ver-ammbassadeur-banner .ambassadeur-slider .item .content {
  padding: 15px;
}
.ver-ammbassadeur-banner .ambassadeur-slider .slick-slide {
  margin: 0 27px;
}
.ver-ammbassadeur-banner .ambassadeur-slider .slick-list {
  margin: 0 -27px;
}
.ver-ammbassadeur-banner .ambassadeur-slider .slick-track {
  display: flex !important;
}
.ver-ammbassadeur-banner .ambassadeur-slider .slick-slide {
  height: auto;
}
.ver-ammbassadeur-banner .ambassadeur-slider .slick-list {
  padding: 0 20% 0 0 !important;
}

.text-section-ambassadeur {
  position: relative;
  padding: 50px 0;
}
.text-section-ambassadeur.bg-color .inner {
  background: #f3f5f9;
  border-radius: 10px;
  padding: 25px;
}
.text-section-ambassadeur.bg-color a {
  background: #00B1AA;
}
.text-section-ambassadeur.bg-color img {
  max-width: 450px;
  width: 100%;
  margin: 0 auto;
  display: block;
  border-radius: 0;
}
.text-section-ambassadeur.bg-color h2, .text-section-ambassadeur.bg-color h3 {
  margin-bottom: 0;
}
.text-section-ambassadeur.center {
  text-align: center;
  padding: 0;
}
.text-section-ambassadeur.center h2, .text-section-ambassadeur.center h3, .text-section-ambassadeur.center h4, .text-section-ambassadeur.center h5, .text-section-ambassadeur.center h6 {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 15px;
  font-size: 26px;
  line-height: initial;
}
.text-section-ambassadeur.center h2:before, .text-section-ambassadeur.center h3:before, .text-section-ambassadeur.center h4:before, .text-section-ambassadeur.center h5:before, .text-section-ambassadeur.center h6:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 175px;
  border-bottom: 4px solid #00B1AA;
  border-radius: 100px;
}
.text-section-ambassadeur iframe {
  width: 100%;
  height: 350px;
}
.text-section-ambassadeur ul {
  padding-left: 20px;
  margin-top: 25px;
}
.text-section-ambassadeur ul li {
  list-style: disc;
}
.text-section-ambassadeur h2, .text-section-ambassadeur h3 {
  position: relative;
  margin-bottom: 15px;
  font-size: 26px;
  line-height: initial;
}
.text-section-ambassadeur h4 {
  font-size: 20px;
}
.text-section-ambassadeur a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #27348B;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: 10px 0 0;
}
.text-section-ambassadeur a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.text-section-ambassadeur img {
  width: 100%;
  border-radius: 10px;
}

@media only screen and (max-width: 1440px) {
  .ver-ammbassadeur-banner .container-fluid.custom {
    padding: 0 0 0 50px;
  }
}
@media only screen and (max-width: 991.5px) {
  .ver-ammbassadeur-banner .container-fluid.custom {
    padding: 0 50px;
  }
  .ver-ammbassadeur-banner .ambassadeur-slider .slick-list {
    padding: 0 0 0 20% !important;
  }
}
@media only screen and (max-width: 767.5px) {
  .ver-ammbassadeur-banner .container-fluid.custom {
    padding: 0 15px;
  }
  .text-section-ambassadeur.bg-color {
    padding: 0 0 50px 0;
  }
  .text-section-ambassadeur iframe {
    height: 250px;
  }
}
.vriend-van-ver-overzicht .link img {
  width: 100%;
  max-width: 350px;
  display: block;
  margin: 0 auto;
}

.text-section-new {
  position: relative;
  padding: 50px 0;
}
.text-section-new.detail-page {
  padding: 0 0 50px;
}
.text-section-new .text {
  background: #F3F5F9;
  border-radius: 10px;
  padding: 25px;
}
.text-section-new .text h2, .text-section-new .text h3, .text-section-new .text h4, .text-section-new .text h5, .text-section-new .text h6 {
  font-size: 26px;
  line-height: 30px;
  position: relative;
}

.intro-text.green.vriend-detail {
  padding: 0 0 50px 0;
}
.intro-text.green.vriend-detail:before {
  display: none;
}
.intro-text.green.vriend-detail .breadcrumbs {
  text-align: left;
}
.intro-text.green.vriend-detail .breadcrumbs a {
  padding: 0;
  display: inline-block;
  font-weight: normal;
}
.intro-text.green.vriend-detail .breadcrumbs a:before {
  display: none;
}
.intro-text.green.vriend-detail .text-advisor a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #fff;
  color: #00B1AA;
  position: relative;
  cursor: pointer;
  border: none;
  margin: 15px 0 0 0;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: table;
  background: white;
  color: #00B1AA;
}
.intro-text.green.vriend-detail .text-advisor a:hover {
  background: #27348B;
  color: #fff;
}
.intro-text.green.vriend-detail .text-advisor a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.intro-text.green.vriend-detail i, .intro-text.green.vriend-detail em {
  font-size: 26px;
  line-height: 30px;
  position: relative;
  font-style: normal;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}

.img-banner.vriend-detail-banner {
  height: unset;
  position: relative;
}
.img-banner.vriend-detail-banner:before {
  display: none;
}
.img-banner.vriend-detail-banner img {
  position: relative;
}
.img-banner.vriend-detail-banner .row, .img-banner.vriend-detail-banner .col-sm-12 {
  height: 100%;
}
.img-banner.vriend-detail-banner h1 {
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  position: absolute;
}
.img-banner.vriend-detail-banner .container-fluid.custom {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  height: 100%;
}

@media only screen and (max-width: 991px) {
  .vriend-detail img {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767.5px) {
  .vriend-van-ver-overzicht .link img {
    max-width: 250px;
  }
  .img-banner.vriend-detail-banner h1 {
    top: 50%;
    transform: none;
  }
}
.vve-pagina {
  position: relative;
  padding: 0 0 50px;
}
.vve-pagina .btn-top {
  display: flex;
}
.vve-pagina .btn-top a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 0 25px auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  color: white;
  background: #27348B;
  text-decoration: none !important;
  font-style: normal;
}
.vve-pagina .btn-top a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.vve-pagina h1 {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 10px;
  font-size: 32px;
  line-height: 36px;
  text-align: center;
}
.vve-pagina h1:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 175px;
  border-bottom: 4px solid #00B1AA;
  border-radius: 100px;
}
.vve-pagina .vve-block {
  position: relative;
  background: #F3F5F9;
  border-radius: 5px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 25px);
  margin-bottom: 25px;
  min-height: 250px;
}
.vve-pagina .vve-block b, .vve-pagina .vve-block strong {
  display: block;
  font-size: 26px;
  padding-bottom: 50px;
}
.vve-pagina .vve-block img {
  width: 25px;
  display: block;
  margin: 0 0 15px;
}
.vve-pagina .vve-block .btn-link {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: auto 0 0 0;
  max-width: 42px;
}

.vve-text {
  position: relative;
  padding: 75px 0;
  background: #F3F5F9;
}
.vve-text .plug {
  transform: scaleX(-1) scaleY(-1);
  position: absolute;
  bottom: 50px;
  left: -400px;
  max-width: 1500px;
}
.vve-text .text {
  margin-bottom: 50px;
  display: -webkit-box;
  -webkit-line-clamp: 15;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #000;
  /* &.active {
      -webkit-line-clamp: inherit;
  }*/
}
.vve-text .text a {
  color: #27348B;
  text-decoration: underline !important;
}
.vve-text .text h2, .vve-text .text h3, .vve-text .text h4, .vve-text .text h5, .vve-text .text h6 {
  padding-bottom: 10px;
  color: #27348B;
}
.vve-text a i, .vve-text a em {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  color: white;
  background: #27348B;
  text-decoration: none !important;
  font-style: normal;
}
.vve-text a i:before, .vve-text a em:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.vve-text .block-item {
  padding-bottom: 25px;
  color: #000;
}
.vve-text .block-item.wit {
  background: #fff;
  border-radius: 5px;
  padding: 25px;
  margin-bottom: 25px;
}
.vve-text .block-item.wit ul li {
  background: #F3F5F9;
}
.vve-text .block-item.wit ul li b, .vve-text .block-item.wit ul li strong {
  background: #F3F5F9;
}
.vve-text .block-item#faq {
  display: none;
  visibility: hidden;
}
.vve-text .block-item b, .vve-text .block-item strong {
  color: #27348B;
}
.vve-text .block-item .title {
  font-size: 24px;
  padding-bottom: 25px;
  display: block;
  color: #27348B;
}
.vve-text .block-item ul li {
  font-size: 20px;
  max-height: 65px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  background: #fff;
  cursor: pointer;
  padding: 20px 25px;
  border-radius: 10px;
}
.vve-text .block-item ul li.active {
  max-height: 999px;
}
.vve-text .block-item ul li.active b:after, .vve-text .block-item ul li.active strong:after {
  transform: rotate(180deg);
}
.vve-text .block-item ul li b, .vve-text .block-item ul li strong {
  display: block;
  background: #fff;
  margin-bottom: 20px;
  position: relative;
  border-radius: 10px;
  font-size: 18px;
  transition: all 0.2s ease-in-out;
  color: #27348B;
  padding-right: 50px;
}
.vve-text .block-item ul li b:after, .vve-text .block-item ul li strong:after {
  content: "\f0d7";
  font-weight: 900;
  font-family: "font awesome 5 free";
  position: absolute;
  right: 0;
  top: 18px;
  transition: all 0.3s ease-in-out;
  line-height: 0;
  color: #27348B;
}

.faq {
  position: relative;
  padding: 50px 0;
}
.faq h2, .faq h3, .faq h4, .faq h5, .faq h6 {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 10px;
  font-size: 32px;
  line-height: 36px;
  text-align: center;
}
.faq h2:before, .faq h3:before, .faq h4:before, .faq h5:before, .faq h6:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 175px;
  border-bottom: 6px solid #00B1AA;
  border-radius: 100px;
}
.faq .item {
  display: block;
  background: #FAFBFF;
  margin-bottom: 20px;
  padding: 20px 25px;
  position: relative;
  border-radius: 10px;
  font-size: 22px;
  transition: all 0.2s ease-in-out;
  color: #27348B;
}
.faq .item.faq-toggle.active .JSToggle:after {
  transform: rotate(180deg);
}
.faq .item.faq-toggle.active .desc {
  max-height: 999px;
}
.faq .item.faq-toggle .JSToggle {
  cursor: pointer;
  font-weight: bold;
  position: relative;
  font-size: 19px;
}
.faq .item.faq-toggle .JSToggle:after {
  content: "\f0d7";
  font-weight: 900;
  font-family: "font awesome 5 free";
  position: absolute;
  right: 0;
  top: 18px;
  transition: all 0.3s ease-in-out;
  line-height: 0;
  color: #27348B;
}
.faq .item.faq-toggle .desc {
  font-size: 17px;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  color: #000;
}
.faq .item.faq-toggle .desc .wrapper {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 2px solid #d2dbdf;
  /* text-align: justify;*/
}
.faq .item a {
  text-decoration: underline !important;
}
.vve-bottom {
  position: relative;
  background: #54AFAA;
}
.vve-bottom .plug {
  transform: scaleX(-1) scaleY(-1);
  position: absolute;
  bottom: 50px;
  left: -400px;
  max-width: 1500px;
}
.vve-bottom .text {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}
.vve-bottom .text b, .vve-bottom .text strong {
  font-size: 22px;
  display: block;
  margin-bottom: 5px;
}
.vve-bottom .text h2, .vve-bottom .text h3, .vve-bottom .text h4, .vve-bottom .text h5, .vve-bottom .text h6 {
  font-size: 28px;
  line-height: 32px;
  padding-bottom: 15px;
}
.vve-bottom img {
  width: 100%;
  max-width: 350px;
  display: block;
  margin: 0 auto;
}
.vve-bottom a {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  color: white;
  background: #27348B;
  font-size: 16px;
}
.vve-bottom a:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}

@media only screen and (max-width: 1440px) {
  .vve-text .block-item ul li b {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1200px) {
  .vve-text .block-item ul li {
    padding: 12px 25px;
    max-height: 70px;
  }
}
@media only screen and (max-width: 767.5px) {
  .vve-bottom .text {
    padding: 50px 0;
  }
  .vve-bottom img {
    max-width: 225px;
  }
  .vve-pagina .vve-block b, .vve-pagina .vve-block strong {
    word-break: break-word;
  }
  .advisors .adviseurs-cats li {
    min-width: initial;
  }
}
.filters-verrijders {
  background: #27348B;
  padding: 50px 0 75px;
  color: #fff;
}
.filters-verrijders .filter-title {
  text-align: center;
  font-size: 32px;
  margin: 0 0 25px;
  font-weight: bold;
}
.filters-verrijders .filter-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.filters-verrijders .filter-item .form-group {
  margin: 0;
  max-width: 275px;
  width: 100%;
  position: relative;
}
.filters-verrijders .filter-item .form-group .form-control {
  border: none;
}
.filters-verrijders .filter-item .form-group i, .filters-verrijders .filter-item .form-group em {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 17px;
  padding: 5px;
  z-index: 11;
  color: #27348B;
}
.filters-verrijders .filter-item .btn-default {
  padding: 11px 15px 11px 25px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  border: none;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
  display: inline-block;
  margin: 0 0 0 25px;
}
.filters-verrijders .filter-item .btn-default:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}

.filter-regio {
  background: #F3F5F9;
}
.filter-regio .filter-item {
  text-align: center;
}
.filter-regio .filter-item ul {
  display: block;
  margin: -25px auto 0;
}
.filter-regio .filter-item ul li {
  display: inline-block;
}
.filter-regio .filter-item ul li label {
  display: inline-block;
  border-radius: 100px;
  padding: 10px 25px;
  margin-bottom: 10px;
  background: #fff;
  cursor: pointer;
  min-width: 100px;
  text-align: center;
}
.filter-regio .filter-item ul li input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.filter-regio .filter-item ul li:not(:last-child) {
  margin-right: 5px;
}
.filter-regio .filter-item ul li input:checked + label {
  background: #00B1AA;
  color: #fff;
}

.verrijders .profile-img-wrapper {
  -webkit-mask-image: url(/Resources/img/verrijders/Spreekwolk_Wit.svg);
  mask-image: url(/Resources/img/verrijders/Spreekwolk_Wit.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  width: 250px;
  height: 250px;
  mask-repeat: no-repeat;
  transform: scaleX(-1);
}
.verrijders .profile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scaleX(-1);
}

.verrijders-agenda {
  position: relative;
  padding: 0px 0 50px;
  margin-top: -50px;
  z-index: 2;
}
.verrijders-agenda .JSOpenFilters {
  display: none !important;
}
.verrijders-agenda .btn-default {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
}
.verrijders-agenda .container-fluid.custom {
  padding: 0px 100px;
}
.verrijders-agenda .filter-list {
  padding: 20px;
  background: #f3f5f9;
  border: 2px solid #fff;
  border-radius: 5px;
}
.verrijders-agenda .filter-list .mobile-show {
  display: none;
}
.verrijders-agenda .filter-list .cat-item-outer {
  margin-bottom: 20px;
}
.verrijders-agenda .filter-list .title {
  font-weight: bold;
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
}
.verrijders-agenda .filter-list .cat-item {
  margin-bottom: 10px !important;
}
.verrijders-agenda .filter-list .cat-item[data-filter=online], .verrijders-agenda .filter-list .cat-item[data-filter=ledenevenementen], .verrijders-agenda .filter-list .cat-item[data-filter=externe-evenementen], .verrijders-agenda .filter-list .cat-item[data-filter=ontdek-elektrisch], .verrijders-agenda .filter-list .cat-item[data-filter=lokale-evenementen], .verrijders-agenda .filter-list .cat-item[data-filter=op-locatie] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.verrijders-agenda .filter-list .cat-item[data-filter=online]:after, .verrijders-agenda .filter-list .cat-item[data-filter=ledenevenementen]:after, .verrijders-agenda .filter-list .cat-item[data-filter=externe-evenementen]:after, .verrijders-agenda .filter-list .cat-item[data-filter=ontdek-elektrisch]:after, .verrijders-agenda .filter-list .cat-item[data-filter=lokale-evenementen]:after, .verrijders-agenda .filter-list .cat-item[data-filter=op-locatie]:after {
  content: "";
  position: relative;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-left: 5px;
  background-position: center;
  background-size: cover;
}
.verrijders-agenda .filter-list .cat-item[data-filter=online] label, .verrijders-agenda .filter-list .cat-item[data-filter=ledenevenementen] label, .verrijders-agenda .filter-list .cat-item[data-filter=externe-evenementen] label, .verrijders-agenda .filter-list .cat-item[data-filter=ontdek-elektrisch] label, .verrijders-agenda .filter-list .cat-item[data-filter=lokale-evenementen] label, .verrijders-agenda .filter-list .cat-item[data-filter=op-locatie] label {
  font-weight: bold;
}
.verrijders-agenda .filter-list .cat-item[data-filter=online]:after {
  background-image: url(/Resources/img/icons/agenda/site-alt.svg);
}
.verrijders-agenda .filter-list .cat-item[data-filter=online] label {
  color: #8c3987;
}
.verrijders-agenda .filter-list .cat-item[data-filter=ledenevenementen]:after {
  background-image: url(/Resources/img/icons/agenda/bolt-2.svg);
}
.verrijders-agenda .filter-list .cat-item[data-filter=ledenevenementen] label {
  color: #1db1aa;
}
.verrijders-agenda .filter-list .cat-item[data-filter=externe-evenementen]:after {
  background-image: url(/Resources/img/icons/agenda/galaxy-star.svg);
}
.verrijders-agenda .filter-list .cat-item[data-filter=externe-evenementen] label {
  color: #0a369c;
}
.verrijders-agenda .filter-list .cat-item[data-filter=ontdek-elektrisch]:after {
  background-image: url(/Resources/img/icons/agenda/search.svg);
}
.verrijders-agenda .filter-list .cat-item[data-filter=ontdek-elektrisch] label {
  color: #f59356;
}
.verrijders-agenda .filter-list .cat-item[data-filter=lokale-evenementen]:after {
  background-image: url(/Resources/img/icons/agenda/street-view.svg);
}
.verrijders-agenda .filter-list .cat-item[data-filter=lokale-evenementen] label {
  color: #5485f7;
}
.verrijders-agenda .filter-list .cat-item[data-filter=op-locatie]:after {
  background-image: url(/Resources/img/icons/agenda/locatie.svg);
}
.verrijders-agenda .filter-list .cat-item[data-filter=op-locatie] label {
  color: #6ba539;
}
.verrijders-agenda .filter-list .cat-item label {
  position: relative;
  line-height: 20px;
}
.verrijders-agenda .filter-list .cat-item label:after {
  left: 3px;
  top: 0px;
  font-size: 13px;
}
.verrijders-agenda .filter-list .cat-item label:before {
  width: 20px;
  height: 20px;
  left: 0;
  border: 2px solid #27348b;
  border-radius: 3px;
  background-color: #f3f5f9;
}
.verrijders-agenda .title-big {
  font-size: 28px;
  margin-top: 50px;
  line-height: 40px;
  font-weight: bold;
  margin-bottom: 15px;
}
.verrijders-agenda .item {
  padding: 10px;
  border: 2px solid #fff;
  border-radius: 5px;
  height: calc(100% - 20px);
  margin-bottom: 20px;
  display: block;
  background: #f3f5f9;
  color: #27348B;
  overflow: hidden;
  position: relative;
}
.verrijders-agenda .item.past {
  opacity: 0.4;
}
.verrijders-agenda .item span {
  font-weight: bold;
}
.verrijders-agenda .item span i {
  font-size: 20px;
  margin-right: 10px;
}
.verrijders-agenda .item .top-info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 20px;
}
.verrijders-agenda .item .top-info .read-more {
  position: absolute;
  top: 10px;
  font-size: 16px;
  right: 10px;
}
.verrijders-agenda .item .top-info .title {
  font-size: 20px;
  padding-left: 10px;
  font-weight: bold;
  line-height: 22px;
  flex: 0 0 calc(100% - 80px);
  padding-right: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.verrijders-agenda .item .top-info .title small {
  display: block;
}
.verrijders-agenda .item .top-info .date {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #27348B;
  margin: -40px 0 0 -40px;
  padding: 44px 20px 10px 40px;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
.verrijders-agenda .item.ledenevenementen {
  border-color: #1db1aa;
}
.verrijders-agenda .item.ledenevenementen .read-more {
  color: #1db1aa;
}
.verrijders-agenda .item.ledenevenementen .top-info .date {
  background: #1db1aa;
}
.verrijders-agenda .item.externe-evenementen {
  border-color: #0a369c;
}
.verrijders-agenda .item.externe-evenementen .read-more {
  color: #0a369c;
}
.verrijders-agenda .item.externe-evenementen .top-info .date {
  background: #0a369c;
}
.verrijders-agenda .item.ontdek-elektrisch {
  border-color: #f59356;
}
.verrijders-agenda .item.ontdek-elektrisch .read-more {
  color: #f59356;
}
.verrijders-agenda .item.ontdek-elektrisch .top-info .date {
  background: #f59356;
}
.verrijders-agenda .item.lokale-evenementen {
  border-color: #5485f7;
}
.verrijders-agenda .item.lokale-evenementen .read-more {
  color: #5485f7;
}
.verrijders-agenda .item.lokale-evenementen .top-info .date {
  background: #5485f7;
}
.verrijders-agenda .item.op-locatie {
  border-color: #6ba539;
}
.verrijders-agenda .item.op-locatie .read-more {
  color: #6ba539;
}
.verrijders-agenda .item.op-locatie .top-info .date {
  background: #6ba539;
}
.verrijders-agenda .item.online {
  border-color: #8c3987;
}
.verrijders-agenda .item.online .read-more {
  color: #8c3987;
}
.verrijders-agenda .item.online .top-info .date {
  background: #8c3987;
}

.verrijders-banner {
  position: relative;
}
.verrijders-banner .banner-img {
  width: 100%;
}
.verrijders-banner .container {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.verrijders-banner .beeldmerk {
  max-width: 450px;
  width: 100%;
  display: block;
  margin: 0 auto 15px;
}
.verrijders-banner b, .verrijders-banner strong {
  color: #27348B;
  text-align: center;
  display: block;
  font-size: 24px;
}

.simple-text {
  position: relative;
  padding: 0 0 50px;
}
.simple-text.center {
  text-align: center;
}
.simple-text.center a {
  margin: 15px auto 0;
}
.simple-text p b, .simple-text p strong {
  display: initial;
  font-size: initial;
  margin: 0;
}
.simple-text b, .simple-text strong {
  color: #27348B;
  display: block;
  font-size: 24px;
  margin: 0 0 25px;
}
.simple-text i, .simple-text em {
  font-style: normal;
  font-weight: bold;
}
.simple-text a {
  padding: 10px 15px;
  border-radius: 5px;
  background: #27348B;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
  display: inline-block;
}

.verrijders {
  padding: 50px 0;
  background: #F3F5F9;
}
.verrijders .container-fluid.custom {
  max-width: 1550px;
  padding: 0 25px;
}
.verrijders .description {
  margin: 25px 0;
  padding: 0 20px 20px;
  border-radius: 10px;
  background: #fff;
}
.verrijders .description .btn-default {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
  display: table;
  margin: 15px 0 0;
}
.verrijders .description .btn-default:before {
  content: "\f0e0";
  position: relative;
  left: 0;
  top: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  color: #fff;
  margin-right: 10px;
}
.verrijders .description span b {
  display: block;
  color: #00B1AA;
  font-size: 18px;
  line-height: 25px;
  padding-top: 20px;
}
.verrijders .wrapper-blocks {
  margin: 25px 0 0;
  /* a:not(.btn-mail-link) {
      padding: 10px 15px;
      border-radius: 5px;
      background: #27348B;
      color: #fff;
      cursor: pointer;
      border: none;
      display: table;
      border: none;
      transition: all 0.3s ease-in-out;
      font-weight: bold;
      min-width: 120px;
      text-align: center;
      display: block;
      position: absolute;
      bottom: 0;
      left: 20px;
      width: calc(70%);
      bottom: 20px;
  }*/
}
.verrijders .wrapper-blocks .agenda-item {
  padding: 10px;
  border: 2px solid #fff;
  border-radius: 5px;
  height: calc(100% - 20px);
  margin-bottom: 20px;
  display: block;
  background: #fff;
  color: #27348B;
  overflow: hidden;
  position: relative;
  max-width: 350px;
}
.verrijders .wrapper-blocks .agenda-item.past {
  opacity: 0.4;
}
.verrijders .wrapper-blocks .agenda-item span {
  font-weight: bold;
}
.verrijders .wrapper-blocks .agenda-item span i {
  font-size: 20px;
  margin-right: 10px;
}
.verrijders .wrapper-blocks .agenda-item .top-info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 20px;
}
.verrijders .wrapper-blocks .agenda-item .top-info .read-more {
  position: absolute;
  top: 10px;
  font-size: 16px;
  right: 10px;
}
.verrijders .wrapper-blocks .agenda-item .top-info .title {
  font-size: 20px;
  padding-left: 10px;
  font-weight: bold;
  line-height: 22px;
  flex: 0 0 calc(100% - 80px);
  padding-right: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.verrijders .wrapper-blocks .agenda-item .top-info .title small {
  display: block;
}
.verrijders .wrapper-blocks .agenda-item .top-info .date {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #27348B;
  margin: -40px 0 0 -40px;
  padding: 44px 20px 10px 40px;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
.verrijders .wrapper-blocks .agenda-item.ledenevenementen {
  border-color: #1db1aa;
}
.verrijders .wrapper-blocks .agenda-item.ledenevenementen .read-more {
  color: #1db1aa;
}
.verrijders .wrapper-blocks .agenda-item.ledenevenementen .top-info .date {
  background: #1db1aa;
}
.verrijders .wrapper-blocks .agenda-item.externe-evenementen {
  border-color: #0a369c;
}
.verrijders .wrapper-blocks .agenda-item.externe-evenementen .read-more {
  color: #0a369c;
}
.verrijders .wrapper-blocks .agenda-item.externe-evenementen .top-info .date {
  background: #0a369c;
}
.verrijders .wrapper-blocks .agenda-item.ontdek-elektrisch {
  border-color: #f59356;
}
.verrijders .wrapper-blocks .agenda-item.ontdek-elektrisch .read-more {
  color: #f59356;
}
.verrijders .wrapper-blocks .agenda-item.ontdek-elektrisch .top-info .date {
  background: #f59356;
}
.verrijders .wrapper-blocks .agenda-item.lokale-evenementen {
  border-color: #5485f7;
}
.verrijders .wrapper-blocks .agenda-item.lokale-evenementen .read-more {
  color: #5485f7;
}
.verrijders .wrapper-blocks .agenda-item.lokale-evenementen .top-info .date {
  background: #5485f7;
}
.verrijders .wrapper-blocks .agenda-item.online {
  border-color: #8c3987;
}
.verrijders .wrapper-blocks .agenda-item.online .read-more {
  color: #8c3987;
}
.verrijders .wrapper-blocks .agenda-item.online .top-info .date {
  background: #8c3987;
}
.verrijders .wrapper-blocks .title {
  font-weight: bold;
  display: block;
}
.verrijders .wrapper-blocks .title:first-of-type {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 800;
  display: table;
}
.verrijders .wrapper-blocks .left, .verrijders .wrapper-blocks .right, .verrijders .wrapper-blocks .item {
  max-width: 33%;
  width: 100%;
  display: block;
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  padding-bottom: 75px;
  position: relative;
}
.verrijders .wrapper-blocks .item {
  margin: 0 10px 0 0;
}
.verrijders .wrapper-blocks .left {
  margin: 0 10px 0 0;
}
.verrijders .wrapper-blocks .left a {
  background: #00B1AA;
}
.verrijders .wrapper-blocks .btn-mail-link {
  background: #fff !important;
  color: #27348B;
  text-decoration: underline !important;
}
.verrijders .person {
  padding: 15px;
  padding-left: 25px;
}
.verrijders .person.slider-person {
  background: #fff;
  border-radius: 5px;
}
.verrijders .person.slider-person .person-wrapper {
  -webkit-mask-image: url(/Resources/img/verrijders/Spreekwolk_Wit.svg);
  mask-image: url(/Resources/img/verrijders/Spreekwolk_Wit.svg);
  margin: 0 0 20px;
  mask-repeat: no-repeat;
  transform: scaleX(-1);
  width: 150px;
  height: 150px;
}
.verrijders .person .city {
  font-weight: bold;
}
.verrijders .person .name {
  font-weight: bold;
  color: #00B1AA;
  margin-top: 10px;
  font-size: 22px;
}
.verrijders .person img {
  display: block;
  height: 100%;
  width: 100%;
  transform: scaleX(-1);
  object-fit: cover;
}
.verrijders .person .title {
  font-weight: 800;
  font-size: 18px;
  display: block;
  margin: 0 0 0px;
}
.verrijders .person span {
  display: block;
}
.verrijders .person span.bold {
  font-weight: bold;
}
.verrijders .person .btn-default {
  padding: 10px 15px;
  border-radius: 5px;
  background: #27348B;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.verrijders .person .about {
  margin: 10px 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: bold;
  font-size: 18px;
  font-style: italic;
}
.verrijders .filters {
  position: relative;
  padding: 10px 0;
  background: #27348B;
  z-index: 1;
  color: #fff;
  padding: 25px;
  border-radius: 5px;
}
.verrijders .filters .filter-item {
  margin: 0 0 25px;
}
.verrijders .filters .btn-default {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.verrijders .filters input {
  margin: 0 10px 0 0;
}
.verrijders .filters .form-group label {
  margin: 0 0 10px;
}

.blocks {
  background: #fff;
  padding: 75px 0;
  color: #fff;
}
.blocks .wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.blocks .wrapper .left, .blocks .wrapper .right {
  max-width: 50%;
  width: 100%;
  padding: 50px;
}
.blocks .wrapper .left b, .blocks .wrapper .left strong, .blocks .wrapper .right b, .blocks .wrapper .right strong {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
.blocks .wrapper .left a, .blocks .wrapper .right a {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
  display: table;
  margin: 0 auto;
}
.blocks .wrapper .left img, .blocks .wrapper .right img {
  max-width: 450px;
  width: 100%;
  margin: -50px auto 0;
  display: block;
}
.blocks .wrapper .left {
  background: #00B1AA;
  color: #fff;
}
.blocks .wrapper .left img {
  max-width: 135px;
  margin: 0px auto 30px;
}
.blocks .wrapper .left a {
  background: #27348B;
}
.blocks .wrapper .right {
  background: #2b367a;
}

.feit-fabels {
  padding: 75px 0;
  background: #00B1AA;
}
.feit-fabels .icon {
  width: 100%;
  max-width: 75px;
  display: block;
  margin: 0 0 0 auto;
}
.feit-fabels b, .feit-fabels strong {
  display: block;
  color: #27348B;
  font-size: 24px;
  margin: 0 0 -10px;
}
.feit-fabels h2, .feit-fabels h3, .feit-fabels h4, .feit-fabels h5, .feit-fabels h6 {
  color: #fff;
  font-size: 40px;
  line-height: 48px;
}
.feit-fabels a {
  padding: 10px 15px;
  border-radius: 5px;
  background: #27348B;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
  display: inline-block;
  margin: 15px 0 0;
}

.elektrisch-help-mij {
  padding: 50px 0 75px;
}
.elektrisch-help-mij b, .elektrisch-help-mij strong {
  color: #27348B;
  text-align: center;
  display: block;
  font-size: 24px;
  margin: 0 0 50px;
}
.elektrisch-help-mij img {
  width: 100%;
}
.elektrisch-help-mij .item {
  border-radius: 50%;
  width: 250px;
  height: 250px;
  margin: 0 auto 15px;
  position: relative;
}
.elektrisch-help-mij .item.green {
  background: #00B1AA;
}
.elektrisch-help-mij .item.blue {
  background: #27348B;
}
.elektrisch-help-mij .item a {
  display: block;
  color: #fff;
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  position: relative;
}
.elektrisch-help-mij .item span {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
}
.elektrisch-help-mij .item span u {
  text-decoration: none;
  margin: 0 25px 0 -5px;
  display: inline-block;
}

.mg-top {
  margin: 75px 0 0;
}
.mg-top h2, .mg-top h3, .mg-top h4, .mg-top h5, .mg-top h6 {
  font-size: 26px;
  margin: 0 0 25px;
  text-align: center;
}
.mg-top.col-custom-border {
  border-top: 1px solid #ced3e5;
  padding: 50px 0 0;
}
.mg-top.col-custom-border h2, .mg-top.col-custom-border h3, .mg-top.col-custom-border h4, .mg-top.col-custom-border h5, .mg-top.col-custom-border h6 {
  font-size: 32px;
  margin: 0 0 50px;
  text-align: center;
  font-weight: 900;
}

.slider-verrijders .person .about {
  margin: 10px 0 20px;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
}
.slider-verrijders .slick-dots {
  text-align: center;
  margin: 30px 0 0;
}
.slider-verrijders .slick-dots li {
  font-size: 0;
  display: inline-block;
}
.slider-verrijders .slick-dots li.slick-active button {
  background: #00B1AA;
}
.slider-verrijders .slick-dots li button {
  width: 10px;
  height: 10px;
  cursor: pointer;
  background: #d6d6d6;
  border: 0;
  box-shadow: none;
  font-size: 0;
  padding: 0;
  margin: 0 3px;
  border-radius: 50%;
}
.slider-verrijders .slick-track {
  display: flex !important;
}
.slider-verrijders .slick-slide {
  margin: 0 8px;
  height: inherit !important;
}
.slider-verrijders .slick-slide > div {
  height: 100%;
}
.slider-verrijders .slick-list {
  margin: 0 -8px;
}
.slider-verrijders .item {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}
.slider-verrijders .item .person {
  height: 100%;
  display: flex !important;
  flex-direction: column;
}
.slider-verrijders .item .btn-default {
  margin: auto 0 0 0 !important;
}

.slider-verrijders-bottom {
  padding: 25px 0 75px;
  /* margin: 75px 0 0;*/
}
.slider-verrijders-bottom .slick-dots {
  text-align: center;
  margin: 15px 0 0;
}
.slider-verrijders-bottom .slick-dots li {
  font-size: 0;
  display: inline-block;
}
.slider-verrijders-bottom .slick-dots li.slick-active button {
  background: #00B1AA;
}
.slider-verrijders-bottom .slick-dots li button {
  width: 15px;
  height: 15px;
  cursor: pointer;
  background: #d6d6d6;
  border: 0;
  box-shadow: none;
  font-size: 0;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
}
.slider-verrijders-bottom .person-item {
  position: relative;
}
.slider-verrijders-bottom .person-item img {
  width: 100%;
  display: block;
  margin: 0 0 10px;
}
.slider-verrijders-bottom .slick-slide {
  margin: 0 15px;
}
.slider-verrijders-bottom .slick-list {
  margin: 0 -15px;
}
.slider-verrijders-bottom .content {
  position: absolute;
  bottom: 75px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 14px;
  display: none;
}
.slider-verrijders-bottom .content:before {
  content: "";
  -webkit-mask-image: url(/Resources/img/verrijders/Spreekwolk_Wit.svg);
  mask-image: url(/Resources/img/verrijders/Spreekwolk_Wit.svg);
  mask-repeat: no-repeat;
  transform: translateX(-50%) scaleX(-1);
  background: #fff;
  width: 150px;
  height: 150px;
  display: block;
  position: absolute;
  bottom: -50px;
  left: 50%;
  z-index: -1;
}
.slider-verrijders-bottom .content .title {
  font-weight: bold;
}

.vraag-en-rijd.verrijders-maps .inner {
  position: relative;
  overflow: hidden;
}
.vraag-en-rijd.verrijders-maps .inner.map .title {
  background: #00B1AA;
  border-radius: 0;
  text-align: left;
  font-weight: bold;
  font-size: 24px;
}
.vraag-en-rijd.verrijders-maps .inner .right-side {
  position: absolute;
  top: 66px;
  right: 0;
  transform: translate3d(100%, 0, 0);
  transition: all 0.3s ease-in-out;
  max-width: 360px;
  height: calc(100% - 66px);
  background: #fff;
}
.vraag-en-rijd.verrijders-maps .inner .right-side.open {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.vraag-en-rijd.verrijders-maps .inner .right-side .open-close {
  background: #fff;
  /* border: 1px solid #27348B;*/
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 4;
  border-radius: 5px 0 0 5px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.vraag-en-rijd.verrijders-maps .inner .right-side .open-close.open {
  left: -15px;
  right: initial;
}
.vraag-en-rijd.verrijders-maps .inner .wrapper-items {
  opacity: 0;
  /*          transform: translate3d(100%, 0, 0);
  transition: all .3s ease-in-out;*/
  max-height: 450px;
  overflow-y: scroll;
  position: relative;
  height: 100%;
}
.vraag-en-rijd.verrijders-maps .inner .wrapper-items:before {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background-image: linear-gradient(to bottom, transparent, #c9c9c9);
}
.vraag-en-rijd.verrijders-maps .inner .wrapper-items::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
.vraag-en-rijd.verrijders-maps .inner .wrapper-items.open {
  /*transform: translate3d(0, 0, 0);*/
  opacity: 1;
}
.vraag-en-rijd.verrijders-maps .inner .block-right {
  background: #fff;
  display: table;
  border-bottom: 1px solid #27348B;
  width: 100%;
}
.vraag-en-rijd.verrijders-maps .inner .block-right a {
  display: table;
  padding: 5px 10px;
  margin-top: 10px;
  background: #27348B;
  border-radius: 5px;
  color: #fff;
  position: relative;
  z-index: 2;
}
.vraag-en-rijd.verrijders-maps .inner .block-right.active {
  color: #00b1aa;
  border-color: #00b1aa;
  background: #fafafa;
}
.vraag-en-rijd.verrijders-maps .inner .block-right.active a {
  background: #00b1aa;
}
.vraag-en-rijd.verrijders-maps .inner .block-right .content {
  padding: 15px;
}
.vraag-en-rijd.verrijders-maps .inner .block-right .content h2, .vraag-en-rijd.verrijders-maps .inner .block-right .content h3, .vraag-en-rijd.verrijders-maps .inner .block-right .content h4, .vraag-en-rijd.verrijders-maps .inner .block-right .content h5, .vraag-en-rijd.verrijders-maps .inner .block-right .content h6 {
  font-weight: bold;
  color: #27348B;
  font-size: 20px;
}
.vraag-en-rijd.verrijders-maps .inner .block-right .content h2:after, .vraag-en-rijd.verrijders-maps .inner .block-right .content h3:after, .vraag-en-rijd.verrijders-maps .inner .block-right .content h4:after, .vraag-en-rijd.verrijders-maps .inner .block-right .content h5:after, .vraag-en-rijd.verrijders-maps .inner .block-right .content h6:after {
  display: none;
}
.vraag-en-rijd.verrijders-maps .inner .block-right .content .info {
  margin-top: auto;
}
.vraag-en-rijd.verrijders-maps .inner .block-right .content .info span {
  font-weight: bold;
}
.vraag-en-rijd.verrijders-maps .inner .block-right .content .info span i, .vraag-en-rijd.verrijders-maps .inner .block-right .content .info span em {
  margin-right: 5px;
}
.vraag-en-rijd.verrijders-maps #map {
  border-radius: 0;
}

@media only screen and (max-width: 1200px) {
  .verrijders .profile-img-wrapper {
    width: 150px;
    height: 150px;
    margin: 0 auto 20px;
  }
}
@media only screen and (max-width: 767.5px) {
  .filters-verrijders .filter-title {
    line-height: 36px;
  }
  .filters-verrijders .filter-item {
    flex-direction: column;
  }
  .filters-verrijders .filter-item .btn-default {
    margin: 25px auto 0;
  }
  .verrijders .wrapper-blocks {
    flex-direction: column;
  }
  .verrijders .wrapper-blocks .left, .verrijders .wrapper-blocks .right, .verrijders .wrapper-blocks .item {
    max-width: 100%;
    margin: 0 0 25px;
  }
  .filter-regio .filter-item {
    overflow-x: scroll;
    margin: -50px 0 0;
  }
  .filter-regio .filter-item ul {
    width: 950px;
    margin: 25px 0 0;
  }
  .mg-top {
    margin: 50px 0 0;
  }
  .slider-verrijders .slick-list {
    padding: 0 0 0 28%;
  }
  .slider-verrijders .slick-slide {
    margin: 0 10px;
  }
  .mg-top.col-custom-border h2, .mg-top.col-custom-border h3, .mg-top.col-custom-border h4, .mg-top.col-custom-border h5, .mg-top.col-custom-border h6 {
    line-height: 36px;
    padding: 0 15px;
  }
  .verrijders-banner {
    padding: 0 0 25px;
  }
  .verrijders-banner .banner-img {
    margin: 0 0 10px;
  }
  .verrijders-banner .container {
    position: relative;
    top: initial;
    left: initial;
    transform: initial;
  }
  .blocks {
    padding: 75px 0 50px;
  }
  .blocks .wrapper .left, .blocks .wrapper .right {
    max-width: 100%;
    padding: 50px 25px 25px 25px;
  }
  .blocks .wrapper .left b, .blocks .wrapper .left strong, .blocks .wrapper .right b, .blocks .wrapper .right strong {
    text-align: left;
  }
  .feit-fabels h2, .feit-fabels h3, .feit-fabels h4, .feit-fabels h5, .feit-fabels h6 {
    font-size: 32px;
    line-height: 38px;
  }
  .elektrisch-help-mij .col-sm-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .elektrisch-help-mij .col-sm-4 .item {
    width: 150px;
    height: 150px;
  }
  .elektrisch-help-mij .col-sm-4 .item span {
    font-size: 16px;
  }
  .verrijders-agenda {
    z-index: 2;
    margin-top: -75px;
  }
  .verrijders-agenda .JSOpenFilters {
    width: 100%;
    margin-bottom: 15px;
    display: flex !important;
    align-items: center;
  }
  .verrijders-agenda .JSOpenFilters i {
    margin-left: auto;
  }
  .verrijders-agenda .filter-list {
    position: fixed;
    top: 121px;
    z-index: 1;
    left: 0;
    width: 100%;
    height: calc(100% - 121px);
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
  }
  .verrijders-agenda .filter-list .mobile-show {
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
  }
  .verrijders-agenda .filter-list .mobile-show i {
    margin-left: auto;
    width: initial;
    margin-bottom: 0;
    font-size: 24px;
  }
  .verrijders-agenda .filter-list.open {
    opacity: 1;
    visibility: visible;
  }
  .verrijders-agenda .item {
    height: calc(100% - 10px);
    margin-bottom: 10px;
  }
  .verrijders-agenda .item .top-info .title {
    font-size: 18px;
  }
  .verrijders {
    padding: 30px 0 50px;
  }
  .verrijders .person .person-wrapper {
    width: 100px;
    height: 100px;
  }
  .verrijders .description {
    margin: 20px 0 0;
  }
  .verrijders .container-fluid.custom {
    padding: 0 15px;
  }
  .verrijders .filters {
    margin: 0 0 25px;
  }
  .feit-fabels {
    padding: 50px 0;
  }
  .feit-fabels .icon {
    margin: 0 0 25px;
    max-width: 50px;
  }
}
html, body {
  overflow-x: hidden;
}

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

body {
  font-family: Arial, sans-serif;
  position: relative;
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  color: #27348B;
}

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

img {
  vertical-align: middle;
}

.img-fluid {
  max-width: 100%;
}

p {
  /*margin-top: 0;
  margin-bottom: 1rem;*/
  margin: 0;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

:focus {
  outline: none;
}

a {
  text-decoration: none !important;
}

img {
  height: auto;
  display: block;
}

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

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin: 1rem 0;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.container-fluid.custom {
  padding: 0px 200px;
  max-width: 1920px;
}

.container-fluid.custom2 {
  padding: 0px 0px 0px 200px;
  max-width: 1920px;
}

.form-group {
  position: relative;
  text-align: left;
  margin-bottom: 15px;
}
.form-group .form-control {
  border: 3px solid #EDEDED;
  width: 100%;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 5px;
  color: #000;
  height: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-group textarea.form-control {
  min-height: 150px;
}
.form-group select {
  -webkit-appearance: none;
  /*        text-transform: uppercase;
  font-weight: bold;*/
  background-image: url(/Resources/img/arrow-white.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 16px !important;
  background-position: 96% !important;
}
.form-group select option {
  color: #000;
}
.form-group .hidden {
  display: none;
}
.form-group .form-control-feedback {
  display: none !important;
  visibility: hidden;
}
.form-group .help-block {
  display: block;
  background: #fdfdfd;
  padding: 5px 10px;
  margin-top: 10px;
  color: #f70000;
  border: 1px solid #f70000;
  font-size: 14px;
}
.form-group:after {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 0px;
  right: 5px;
}

.errors {
  height: 100vh;
  width: 100vw;
  position: relative;
}
.errors.thanks {
  height: inherit;
  width: inherit;
  padding: 150px 0px;
}
.errors.thanks .thanks-img {
  max-width: 950px;
  margin: 25px auto;
  width: 100%;
}
.errors.thanks .content {
  position: relative;
  transform: none;
  left: inherit;
  padding: 50px 0;
  margin: 0 auto;
  top: inherit;
  color: #27348B;
  border: 1px solid #27348B;
}
.errors.thanks .content b, .errors.thanks .content strong {
  display: block;
  font-size: 30px;
  margin-bottom: 10px;
}
.errors .content {
  width: 600px;
  padding: 50px 100px;
  max-width: calc(100% - 30px);
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
}
.errors .content h4, .errors .content h1 {
  font-size: 26px;
  text-align: center;
  font-weight: bold;
  position: relative;
  color: #27348B;
  margin: 0 0px 30px;
}
.errors .content .btn-blue {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  margin-top: 15px;
}
.errors .content .btn-blue.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.errors .content .btn-blue.loading:before {
  content: "\f110" !important;
  -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;
}
.errors .content .btn-blue:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.errors .content .btn-blue:hover {
  background: #00B1AA;
  color: white !important;
}
.errors .content .btn-blue:hover:before {
  transform: scale(1.1);
}
.errors .content .btn-blue:hover {
  background: #27348B !important;
}
.errors .content p {
  margin: 0;
}

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

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.embed-responsive .embed-responsive-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.breadcrumbs {
  position: relative;
  display: block;
  padding: 0 !important;
  margin: 20px 0 20px;
  list-style-type: none;
  z-index: 1;
  font-size: 14px;
}
.breadcrumbs li {
  position: relative;
  display: inline-block;
  color: #2d3181;
}
.breadcrumbs li a {
  text-decoration: none;
  color: #2d3181;
}
.breadcrumbs li:after {
  font-weight: 900;
  content: "";
  display: inline-block;
  background: #2d3181;
  margin: 0 3px;
  width: 13px;
  height: 2px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.breadcrumbs li:last-child:after {
  display: none;
}

.head-search {
  background: #2d2e83;
  padding: 50px 0;
}
.head-search .form-group {
  margin-bottom: 0;
}
.head-search input {
  padding: 10px 25px;
  border-radius: 10px;
  width: 100%;
  border: none;
}

.popup-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  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.video-modal .content {
  padding: 0;
  border: none;
}
.popup-modal.video-modal .content .close-modal {
  top: -50px;
  right: 0;
  width: 40px;
  line-height: 40px;
  background: #27348B;
  color: white;
  text-align: center;
  border-radius: 50%;
}
.popup-modal.active {
  opacity: 1;
  visibility: visible;
}
.popup-modal .form-control-feedback {
  display: none !important;
}
.popup-modal .help-block {
  width: 100%;
}
.popup-modal .content {
  position: relative;
  width: calc(100% - 30px) !important;
  max-width: 1200px;
  padding: 50px 75px;
  background: #fff;
  border: 2px solid #ededed;
  margin: 50px auto;
  border-radius: 10px;
  /*&:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 15px;
      height: 100%;
      width: 100%;
      background: rgba(0,0,0,.3);
  }*/
  /*        .info {
      margin: 10px 0 15px;

      ul {
          display: flex;
          flex-wrap: wrap;
          flex-direction: row;
          align-items: center;

          li {
              position: relative;
              margin-top: 3px;
              padding-left: 25px;
              margin-right: 25px;

              &:before {
                  font-weight: 900;
                  font-family: 'Font Awesome 5 Free';
                  position: absolute;
                  left: 0;
                  top: 50%;
                  transform: translateY(-50%);
                  color: $primary-color;
              }

              &:nth-child(1) {
                  &:before {
                      content: "\f133";
                      font-weight: 400;
                  }
              }

              &:nth-child(2) {
                  &:before {
                      content: "\f017";
                      font-weight: 400;
                  }
              }

              &:nth-child(3) {
                  &:before {
                      content: "\f007";
                      font-weight: 400;
                  }
              }
          }
      }
  }*/
}
.popup-modal .content img {
  max-width: 100%;
}
.popup-modal .content.small {
  max-width: 650px;
  padding: 35px 25px;
}
.popup-modal .content.small .form-group .form-control {
  padding: 10px 20px;
}
.popup-modal .content.small .btn-default {
  padding: 12px 25px;
  width: 100%;
}
.popup-modal .content .inners {
  position: relative;
  z-index: 1;
}
.popup-modal .content .width {
  max-width: 550px;
  margin: 0 auto;
}
.popup-modal .content b, .popup-modal .content strong {
  font-size: 24px;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}
.popup-modal .content .close-modal {
  color: #27348B;
  position: absolute;
  right: 25px;
  font-size: 24px;
  cursor: pointer;
  top: 15px;
  z-index: 2;
}
.popup-modal .content .form-group .form-control {
  background-color: #F0F0E9;
  height: inherit;
  padding: 15px 20px;
  border-radius: 5px;
  color: #000;
  width: 100%;
  border: 1px solid #F0F0E9;
  font-family: inherit;
  font-size: 16px;
}
.popup-modal .content .form-group textarea {
  min-height: 150px;
  width: 100% !important;
}
.popup-modal .content .btn-default {
  padding: 8px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  border: none;
  transition: all 0.3s ease-in-out;
  background: #27348B;
  margin-left: auto;
}
.popup-modal .content .btn-default.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.popup-modal .content .btn-default.loading:before {
  content: "\f110" !important;
  -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;
}
.popup-modal .content .btn-default:before {
  content: "\f35a";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  vertical-align: top;
  transform: scale(1);
  display: inline-block;
}
.popup-modal .content .btn-default:hover {
  background: #00B1AA;
  color: white !important;
}
.popup-modal .content .btn-default:hover:before {
  transform: scale(1.1);
}

.overlay-premium {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.55);
  z-index: 999;
  display: none;
}
.overlay-premium .inner {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  overflow: auto;
  height: calc(100vh - 100px);
}
.overlay-premium .inner .content {
  min-height: 1000px;
  background: #fff;
}
.overlay-premium .inner .dynamic {
  padding: 45px 0;
  margin-top: 15vh;
  color: #fff;
  background: #27348B;
}
.overlay-premium .inner .dynamic a:not(.btn-default) {
  color: #00b1aa;
  display: inline-block;
  margin-left: 10px;
  text-decoration: underline !important;
  font-weight: 600;
}
.overlay-premium .inner .dynamic a.btn-default {
  padding: 10px 15px;
  border-radius: 5px;
  background: #00B1AA;
  color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  display: table;
  margin: 0 auto;
  border: none;
  transition: all 0.3s ease-in-out;
  margin: 20px auto;
  min-width: 300px;
}
.overlay-premium .inner .title {
  font-size: 34px;
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
}

.captcha.hidden {
  display: none;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #27348B !important;
  border-color: #27348B !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  color: #27348B !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border-color: #27348B !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: #27348B !important;
}

#CybotCookiebotDialogTabContent input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #27348B !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialogDetailBodyContentTextAbout a {
  color: #27348B !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid #27348B !important;
  color: #27348B !important;
}

#CookiebotWidget {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.fix-button {
  position: fixed;
  bottom: 40px;
  right: 40px;
  background: #00B1AA;
  color: #fff;
  font-weight: bold;
  z-index: 2;
  width: 115px;
  height: 115px;
  text-align: center;
  border-radius: 50%;
  text-transform: uppercase;
  font-size: 14px;
  transform: scale(1);
  transition: all 0.4s ease-in-out;
  /*    &:before{
          content:"";
          position: absolute;
          top: 0;
          left: 0;
          height: 160%;
          width: 160%;

      }
  */
}
.fix-button.static .text {
  animation: none;
}
.fix-button:hover {
  color: #fff;
  transform: scale(1.1);
}
.fix-button span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fix-button img:not(.text) {
  max-width: 150px;
  width: 100%;
  min-width: 135px;
  position: absolute;
  top: 40%;
  left: 33%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.fix-button img.text {
  position: absolute;
  width: 135%;
  left: -20px;
  top: -21px;
  height: auto;
  animation-name: rotate;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.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: white;
}
.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, .loading-div .inner strong {
  font-weight: 700;
  font-size: 30px;
}
.loading-div.activeloader {
  opacity: 1;
  visibility: visible;
}

@keyframes rotate {
  from {
    transform: rotate(-360deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
footer {
  background: #27348B;
  padding: 15px 0;
  color: #fff;
}
footer .container {
  max-width: 1450px;
}
footer a {
  color: #fff;
}
footer img {
  max-width: 95px;
}
footer .txt-right {
  text-align: right;
}

.copy {
  padding: 10px 15px;
  text-align: center;
  background: #eeeeef;
  color: #a2a4a9;
}

@media only screen and (max-width: 767.5px) {
  footer {
    padding: 15px 0;
    font-size: 13px;
  }
  footer img {
    display: block;
    margin: 0 auto 20px;
  }
  footer .txt-right {
    text-align: center;
  }
}
@media only screen and (max-width: 1550px) {
  .container-fluid.custom {
    padding: 0 100px;
  }
}
@media only screen and (max-width: 1200px) {
  .container {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 991.5px) {
  .container-fluid.custom {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 767.5px) {
  .head-search {
    padding: 35px 0;
  }
  .container-fluid.custom {
    padding: 0 15px !important;
  }
  .errors .content {
    padding: 25px;
  }
  .fix-button {
    bottom: 20px;
    right: 20px;
    width: 110px;
    height: 110px;
  }
  .fix-button img:not(.text) {
    max-width: 90px;
  }
  .fix-button img.text {
    width: 125%;
    left: -14px;
    top: -16px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1450px;
  }
}