@charset "UTF-8";
@font-face {
  font-family: "MuseoSansRounded";
  src: url("../fonts/MuseoSansRounded-500.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSansRounded";
  src: url("../fonts/MuseoSansRounded-700.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSansRounded";
  src: url("../fonts/MuseoSansRounded-900.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
html, body {
  min-width: 320px;
}

body {
  height: 100%;
  width: 100%;
  font-family: "MuseoSansRounded";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, .call-to-action h2 {
  font-weight: 900;
  font-size: 30px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
}

h2 {
  font-weight: 900;
  font-size: 20px;
  color: #F58506;
}

h3 {
  font-size: 18px;
  font-weight: 700;
}

p {
  font-weight: 500;
}

a {
  color: #37A5CD;
  font-size: 14px;
  font-weight: 900;
}
a:hover {
  color: #0081BC;
  text-decoration: none;
}
a.trial {
  display: none;
}
a.trial.mobile {
  display: inline-block;
}

p, a, ul, li, span, table {
  font-size: 14px;
}

label {
  margin-bottom: 0;
  font-size: 16px;
}

ul {
  list-style-type: none;
}

.btn,
a.btn {
  background: linear-gradient(to bottom right, #51C3ED, #0081BC);
  border: 0;
  border-radius: 5px;
  box-shadow: 0px 1px 0px 0px #0E135D;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 16px;
  padding: 10px 25px;
  text-align: center;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}
.btn:hover,
a.btn:hover {
  background: linear-gradient(to bottom right, #37A5CD, #0081BC);
  color: #FFFFFF;
}
.btn:active,
a.btn:active {
  background: #0081BC;
  border-bottom: none;
  margin-bottom: 0px;
  margin-top: 1px;
}
.btn:focus, .btn:visited, .btn:active,
a.btn:focus,
a.btn:visited,
a.btn:active {
  color: #FFFFFF;
}
.btn.btn-dark,
a.btn.btn-dark {
  background: #024E89;
  box-shadow: 0px 1px 0px 0px #0E135D;
}
.btn.btn-dark:hover,
a.btn.btn-dark:hover {
  background: #024070;
}

.container {
  max-width: 1040px;
}

.white {
  color: #FFFFFF;
}

.gray {
  color: #99A4AC;
  display: inline-block;
}

ul.check-list {
  padding: 0px;
}
ul.check-list li {
  position: relative;
  padding-left: 25px;
  line-height: 20px;
  margin-bottom: 5px;
}
ul.check-list li:last-child {
  margin-bottom: 0px;
}
ul.check-list li:before {
  position: absolute;
  font-family: "FontAwesome";
  content: "";
  color: #5BBF4A;
  width: 26px;
  left: 0px;
  top: -1px;
  font-size: 20px;
}

.space-right {
  margin-right: 30px;
}

section.top-section {
  position: relative;
}
section.top-section img.background-bg {
  min-height: 320px;
  max-height: 550px;
  width: 100%;
}
section.top-section .content {
  max-width: 240px;
  width: 100%;
  position: absolute;
  z-index: 0;
  top: calc(50% - 60px);
  left: calc(50% - 120px);
}
section.top-section .content p {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

@media (min-width: 450px) {
  ul.check-list li {
    line-height: 30px;
    padding-left: 30px;
  }
  ul.check-list li:last-child {
    margin-bottom: 0px;
  }

  section.top-section .content {
    max-width: 360px;
    left: calc(50% - 180px);
  }

  p, a, ul, li, span, .btn, a.btn, table {
    font-size: 16px;
  }
}
.pagination {
  margin: 0;
}
.pagination li a {
  border: 0;
  border-radius: 5px;
  margin-right: 20px;
}
.pagination li a.active {
  background: linear-gradient(to bottom right, #51C3ED, #0081BC);
  box-shadow: 0px 1px 0px 0px #0E135D;
  opacity: 0.5;
}
.pagination li a.dtt {
  cursor: default;
  background: none;
  color: #000000;
  padding: 0;
  top: 10px;
}
.pagination li a:hover {
  color: #FFFFFF;
}

.pagination-xs {
  width: 200px;
  justify-content: space-between;
}
.pagination-xs li:first-child a img {
  transform: scale(-1, 1);
}
.pagination-xs li:last-child a {
  margin-right: 0;
}

#lightboxOverlay {
  position: fixed !important;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
}

#lightbox {
  display: flex;
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%);
  flex-direction: column-reverse;
}
#lightbox .lb-image {
  border: 0;
  border-radius: 8px;
}
#lightbox .lb-dataContainer {
  z-index: 10001;
}
#lightbox .lb-data .lb-close {
  width: 45px;
  height: 45px;
  margin-right: -18px;
  margin-bottom: -32px;
  opacity: 1;
}
#lightbox .lb-nav a.lb-prev {
  margin-left: -14px;
}
#lightbox .lb-nav a.lb-next {
  margin-right: -14px;
}

@media (min-width: 768px) {
  h1, .call-to-action h2 {
    font-size: 40px;
  }

  h2 {
    font-size: 24px;
  }

  p, a, ul, li, span, .btn, a.btn, table {
    font-size: 16px;
  }

  label {
    font-size: 18px;
  }

  a.trial {
    display: inline-block;
  }
  a.trial.mobile {
    display: none;
  }

  section.top-section img.background-bg {
    min-height: 380px;
  }
  section.top-section .content {
    max-width: 640px;
    top: calc(50% - 40px);
    left: calc(50% - 320px);
  }
}
@media (min-width: 992px) {
  h1, .call-to-action h2 {
    font-size: 50px;
  }

  h2 {
    font-size: 28px;
  }

  p, a, ul, li, i, span, label, .btn, a.btn, table {
    font-size: 18px;
  }

  section.top-section h2 {
    margin-bottom: 20px;
  }
  section.top-section img.background-bg {
    min-height: 480px;
  }

  ul.check-list li:before {
    font-size: 22px;
  }
}
@media (min-width: 1350px) {
  h2 {
    font-size: 32px;
  }

  p, a, ul, li, i, span, .btn, a.btn, table {
    font-size: 20px;
  }
}
.ie {
  display: none !important;
}

header {
  background: url("../images/bg-header2.svg");
  height: 90px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 90px;
  text-align: center;
  z-index: 1;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0px;
}
header nav.navbar {
  border: none;
}
header nav.navbar .navbar-toggle {
  float: left;
  margin-left: 10px;
}
header nav.navbar li a {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 18px;
  position: relative;
  text-decoration: none;
  padding: 30px 15px 10px;
  display: inline-block;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
header nav.navbar li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.2s ease-in-out 0s;
}
header nav.navbar li a:hover:before {
  visibility: visible;
  transform: scaleX(1);
}
header nav.navbar li a:hover, header nav.navbar li a:active, header nav.navbar li a:visited {
  background: none;
}
header nav.navbar li a.btn {
  color: #FFFFFF;
  border-bottom: 1px solid #0081BC;
  opacity: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  padding: 10px 15px;
  margin: 20px 10px 0px;
  display: inline-block;
}
header nav.navbar li a.btn:link {
  background: linear-gradient(to bottom right, #51C3ED, #0081BC);
}
header nav.navbar li a.btn:hover {
  background: linear-gradient(to bottom right, #37A5CD, #0081BC);
}
header nav.navbar li a.btn:hover:before {
  visibility: hidden;
}
header nav.navbar li a.btn.btn-dark {
  background: #024E89;
  border-bottom: 1px solid #024E89;
  box-shadow: 0px 1px 0px 0px #0E135D;
}
header nav.navbar li a.btn.btn-dark:hover {
  background: #024070;
}
header nav.navbar .navbar-collapse.collapse.in,
header nav.navbar .navbar-collapse.collapsing {
  background: #FFFFFF;
  box-shadow: 2px 4px 4px -2px rgba(0, 0, 0, 0.5);
  text-align: left;
  max-width: 270px;
  margin-left: 25px;
  border-radius: 5px;
  transition: height 0.01s;
}
header nav.navbar .navbar-collapse.collapse.in:after,
header nav.navbar .navbar-collapse.collapsing:after {
  background-color: #FFFFFF;
  content: " ";
  display: block;
  left: 60px;
  z-index: -1;
  position: absolute;
  top: 80px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 14px;
  height: 12px;
}
header nav.navbar .navbar-collapse.collapse.in .navbar-nav,
header nav.navbar .navbar-collapse.collapsing .navbar-nav {
  margin: 0 -15px;
}
header nav.navbar .navbar-collapse.collapse.in .navbar-nav li,
header nav.navbar .navbar-collapse.collapsing .navbar-nav li {
  border-bottom: 1px solid #D6D7D7;
}
header nav.navbar .navbar-collapse.collapse.in .navbar-nav li a,
header nav.navbar .navbar-collapse.collapsing .navbar-nav li a {
  color: #312E25;
  font-size: 16px;
  font-weight: 700;
  text-shadow: none;
  padding: 18px 25px;
}
header nav.navbar .navbar-collapse.collapse.in .navbar-nav li a:before,
header nav.navbar .navbar-collapse.collapsing .navbar-nav li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 15px;
  left: 25px;
  width: calc(100% - 50px);
  background-color: #FFFFFF;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.1s ease-in-out 0s;
}
header nav.navbar .navbar-collapse.collapse.in .navbar-nav li a:hover:before,
header nav.navbar .navbar-collapse.collapsing .navbar-nav li a:hover:before {
  visibility: visible;
  transform: scaleX(1);
}
header nav.navbar .navbar-collapse.collapse.in .navbar-nav li .btn,
header nav.navbar .navbar-collapse.collapsing .navbar-nav li .btn {
  display: none;
}
header nav.navbar .navbar-collapse.collapse.in .navbar-nav li:last-child,
header nav.navbar .navbar-collapse.collapsing .navbar-nav li:last-child {
  border-bottom: none;
}
header nav.navbar .navbar-collapse.collapse.in .navbar-nav.navbar-right,
header nav.navbar .navbar-collapse.collapsing .navbar-nav.navbar-right {
  border-bottom: none;
  margin-top: 0;
}
header nav.navbar .navbar-collapse.collapse.in .navbar-nav.navbar-right li:first-child,
header nav.navbar .navbar-collapse.collapsing .navbar-nav.navbar-right li:first-child {
  border-top: 1px solid #D6D7D7;
}
header nav.navbar .navbar-collapse.collapse.in .navbar-nav.navbar-right li:nth-last-child(2),
header nav.navbar .navbar-collapse.collapsing .navbar-nav.navbar-right li:nth-last-child(2) {
  border-bottom: none;
}
header.index {
  background: url("../images/bg-header.svg") no-repeat;
  background-size: 100% 90px;
}
header.index nav.navbar li a {
  color: #312E25;
  opacity: 0.8;
  text-shadow: none;
}
header.index nav.navbar li a:before {
  background-color: #F58506;
}
header.index nav.navbar li a:hover, header.index nav.navbar li a:active, header.index nav.navbar li a:visited {
  opacity: 1;
}
header.index nav.navbar li a.btn {
  color: #FFFFFF;
}
header.index .navbar-toggle .icon-bar {
  background-color: #312E25;
}
header a.logo {
  background-image: url("../images/typetopia-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 70px;
  width: 130px;
  position: absolute;
  left: calc(50% - 65px);
  top: 17px;
  transition: transform 0.2s;
}
header a.logo:hover {
  transform: scale(1.05);
  transition: transform 0.2s;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  header a.logo {
    background-image: url("../images/typetopia-logo@2x.png");
  }
}

.navbar-toggle {
  padding: 25px;
}

.navbar-toggle .icon-bar {
  background-color: #FFFFFF;
  width: 30px;
  height: 3px;
  border-radius: 3px;
}

.navbar-toggle .icon-bar:nth-of-type(2) {
  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  top: 2px;
}

.navbar-toggle .icon-bar {
  position: relative;
  transition: all 200ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
  top: 7px;
  transform: rotate(45deg);
}
.navbar-toggle.active .icon-bar:nth-of-type(2) {
  background-color: transparent;
}
.navbar-toggle.active .icon-bar:nth-of-type(3) {
  top: -7px;
  transform: rotate(-45deg);
}

@media (min-width: 768px) {
  header, header.index {
    height: 100px;
    background-size: 100% 100px;
  }
  header nav.navbar li a, header.index nav.navbar li a {
    padding: 30px 4px 10px;
    font-size: 16px;
  }
  header nav.navbar li a:before, header.index nav.navbar li a:before {
    width: calc(100% - 12px);
    left: 6px;
  }
  header nav.navbar li a.btn, header.index nav.navbar li a.btn {
    padding: 8px 4px;
    margin: 23px 10px 0px;
  }
  header nav.navbar li a.mobile-link, header.index nav.navbar li a.mobile-link {
    display: none;
  }
  header nav.navbar li a.choose-country, header.index nav.navbar li a.choose-country {
    padding: 30px 0 10px;
  }
  header a.logo, header.index a.logo {
    width: 160px;
    height: 85px;
    left: calc(50% - 80px);
    top: 53px;
  }
  header a.typetopia, header.index a.typetopia {
    width: 220px;
    height: 165px;
    right: 15px;
    top: 75px;
  }
}
@media (min-width: 992px) {
  header, header.index {
    height: 120px;
    background-size: 100% 120px;
  }
  header nav.navbar li a, header.index nav.navbar li a {
    padding: 40px 10px 10px;
    font-size: 18px;
  }
  header nav.navbar li a:before, header.index nav.navbar li a:before {
    width: calc(100% - 24px);
    left: 12px;
  }
  header nav.navbar li a.btn, header.index nav.navbar li a.btn {
    padding: 10px 10px;
    margin: 30px 15px 0;
  }
  header nav.navbar li a.choose-country, header.index nav.navbar li a.choose-country {
    padding: 40px 3px 10px;
  }
  header a.logo, header.index a.logo {
    width: 190px;
    height: 100px;
    left: calc(50% - 95px);
    top: 64px;
  }
  header a.typetopia, header.index a.typetopia {
    width: 240px;
    height: 200px;
    right: 25px;
    top: 90px;
  }
}
@media (min-width: 1350px) {
  header, header.index {
    height: 145px;
    background-size: 100% 145px;
  }
  header nav.navbar li a, header.index nav.navbar li a {
    font-size: 22px;
    padding: 55px 15px 10px;
  }
  header nav.navbar li a:before, header.index nav.navbar li a:before {
    width: calc(100% - 30px);
    left: 15px;
  }
  header nav.navbar li a.btn, header.index nav.navbar li a.btn {
    padding: 15px 25px;
    margin: 42px 15px 0;
  }
  header nav.navbar li a.choose-country, header.index nav.navbar li a.choose-country {
    padding: 55px 6px 10px;
  }
  header a.logo, header.index a.logo {
    width: 224px;
    height: 120px;
    left: calc(50% - 112px);
    top: 17px;
  }
  header a.typetopia, header.index a.typetopia {
    width: 300px;
    height: 280px;
    right: 35px;
    top: 100px;
  }
}
.call-to-action {
  margin: 0 auto 60px;
  text-align: center;
  height: 335px;
}
.call-to-action .background-image, .call-to-action .overlay {
  width: 100%;
  height: 335px;
  position: absolute;
  left: 0;
  background-size: cover;
  background-position: 50% 0%;
}
.call-to-action .background-image {
  z-index: -2;
  background-image: url("../images/proberen.png");
}
.call-to-action .content {
  margin: 0 auto;
  padding-top: 50px;
  color: #FFFFFF;
}
.call-to-action .content .btn.trial {
  display: none;
  max-width: 265px;
  margin: 30px auto 15px;
}
.call-to-action .content .btn.trial.mobile {
  display: block;
}
.call-to-action .content p {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  margin-top: 25px;
}
.call-to-action .content a {
  color: #FFFFFF;
}

.social-buttons {
  text-align: center;
  margin: 0 auto 70px;
  padding: 0 25px;
}
.social-buttons .container {
  border-bottom: 1px solid #D6D7D7;
  margin-left: -15px;
  margin-right: -15px;
}
.social-buttons .container .circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(to bottom right, #51C3ED, #0081BC);
  display: inline-block;
  margin: 20px 2px 60px;
  padding: 15px;
  transition: transform 0.4s ease-in-out;
}
.social-buttons .container .circle i {
  color: white;
  font-size: 30px;
}
.social-buttons .container .circle:hover {
  transform: rotate(360deg);
}

.footer {
  margin-bottom: 50px;
}
.footer ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 30px;
}
.footer ul li {
  margin-top: 10px;
}
.footer ul li.title {
  font-weight: 900;
  font-size: 16px;
}
.footer ul a {
  font-weight: 700;
}
.footer .trustpilot-widget {
  width: 125px;
  height: 90px;
}
.footer .bottom-links {
  margin-top: 20px;
}
.footer .bottom-links a, .footer .bottom-links span {
  color: #7E8890;
  font-weight: 700;
  font-size: 14px;
}
.footer .bottom-links a {
  display: block;
}

.order-now, .whatsapp-us, .got-questions {
  display: none;
  z-index: 1;
  left: auto;
}
.order-now .order-now-image, .order-now .whatsapp-us-image, .order-now .got-questions-image, .whatsapp-us .order-now-image, .whatsapp-us .whatsapp-us-image, .whatsapp-us .got-questions-image, .got-questions .order-now-image, .got-questions .whatsapp-us-image, .got-questions .got-questions-image {
  float: right;
}

@media (min-width: 450px) {
  .social-buttons .container {
    margin-left: auto;
    margin-right: auto;
  }
  .social-buttons .container .circle {
    margin: 20px 5px 60px;
  }
}
@media (min-width: 768px) {
  .call-to-action {
    margin: 0 auto 80px;
    height: 375px;
  }
  .call-to-action .content .btn.trial {
    display: block;
  }
  .call-to-action .content .btn.trial.mobile {
    display: none;
  }
  .call-to-action .background-image, .call-to-action .overlay {
    height: 375px;
  }
  .call-to-action .content {
    padding-top: 70px;
  }

  .social-buttons .container .circle {
    margin: 40px 20px 80px;
    width: 80px;
    height: 80px;
    padding: 23px;
  }
  .social-buttons .container .circle i {
    font-size: 35px;
  }

  .footer .row {
    margin-bottom: 50px;
  }
  .footer ul {
    margin-bottom: 10px;
  }
  .footer .bottom-links {
    margin-top: 80px;
  }
  .footer .bottom-links a {
    margin-right: 35px;
    display: inline-block;
  }
  .footer .bottom-links span {
    float: right;
  }

  .order-now, .whatsapp-us, .got-questions {
    width: 185px;
    display: block;
  }
  .order-now .order-now-image, .whatsapp-us .order-now-image, .got-questions .order-now-image {
    width: 185px;
    height: 123px;
    background: url("../images/FloatingButton_BestelNu_Sprite-small.png") 0 0;
  }
  .order-now .order-now-image:hover, .whatsapp-us .order-now-image:hover, .got-questions .order-now-image:hover {
    background: url("../images/FloatingButton_BestelNu_Sprite-small.png") -185px 0;
  }
  .order-now .whatsapp-us-image, .whatsapp-us .whatsapp-us-image, .got-questions .whatsapp-us-image {
    width: 185px;
    height: 123px;
    background: url("../images/FloatingButton_Whatsapp_Sprite-small.png") 0 0;
  }
  .order-now .whatsapp-us-image:hover, .whatsapp-us .whatsapp-us-image:hover, .got-questions .whatsapp-us-image:hover {
    background: url("../images/FloatingButton_Whatsapp_Sprite-small.png") -185px 0;
  }
  .order-now .got-questions-image, .whatsapp-us .got-questions-image, .got-questions .got-questions-image {
    width: 185px;
    height: 123px;
    background: url("../images/Arial_FloatingButton_Vragen_370px.png") 0 0;
  }
  .order-now .got-questions-image:hover, .whatsapp-us .got-questions-image:hover, .got-questions .got-questions-image:hover {
    background: url("../images/Arial_FloatingButton_Vragen_370px.png") -185px 0;
  }
}
@media (min-width: 992px) {
  .call-to-action {
    margin: 0 auto 120px;
    height: 475px;
  }
  .call-to-action .background-image, .call-to-action .overlay {
    height: 475px;
  }
  .call-to-action .content {
    padding-top: 110px;
  }

  .social-buttons {
    margin: 0 auto 110px;
  }

  .footer ul li.title {
    font-size: 18px;
  }
  .footer a {
    font-size: 16px;
  }

  .order-now, .whatsapp-us, .got-questions {
    width: 278px;
  }
  .order-now .order-now-image, .whatsapp-us .order-now-image, .got-questions .order-now-image {
    width: 278px;
    height: 186px;
    background: url("../images/FloatingButton_BestelNu_Sprite-medium.png") 0 0;
  }
  .order-now .order-now-image:hover, .whatsapp-us .order-now-image:hover, .got-questions .order-now-image:hover {
    background: url("../images/FloatingButton_BestelNu_Sprite-medium.png") -278px 0;
  }
  .order-now .whatsapp-us-image, .whatsapp-us .whatsapp-us-image, .got-questions .whatsapp-us-image {
    width: 278px;
    height: 186px;
    background: url("../images/FloatingButton_Whatsapp_Sprite-medium.png") 0 0;
  }
  .order-now .whatsapp-us-image:hover, .whatsapp-us .whatsapp-us-image:hover, .got-questions .whatsapp-us-image:hover {
    background: url("../images/FloatingButton_Whatsapp_Sprite-medium.png") -278px 0;
  }
  .order-now .got-questions-image, .whatsapp-us .got-questions-image, .got-questions .got-questions-image {
    width: 278px;
    height: 186px;
    background: url("../images/Arial_FloatingButton_Vragen_556px.png") 0 0;
  }
  .order-now .got-questions-image:hover, .whatsapp-us .got-questions-image:hover, .got-questions .got-questions-image:hover {
    background: url("../images/Arial_FloatingButton_Vragen_556px.png") -278px 0;
  }
}
@media (min-width: 1350px) {
  .call-to-action {
    height: 550px;
  }
  .call-to-action .background-image, .call-to-action .overlay {
    height: 550px;
  }
  .call-to-action .content {
    padding-top: 135px;
  }

  .social-buttons .container .circle {
    margin: 40px 20px 120px;
  }

  .order-now, .whatsapp-us, .got-questions {
    width: 370px;
  }
  .order-now .order-now-image, .whatsapp-us .order-now-image, .got-questions .order-now-image {
    width: 370px;
    height: 247px;
    background: url("../images/FloatingButton_BestelNu_Sprite.png") 0 0;
  }
  .order-now .order-now-image:hover, .whatsapp-us .order-now-image:hover, .got-questions .order-now-image:hover {
    background: url("../images/FloatingButton_BestelNu_Sprite.png") -370px 0;
  }
  .order-now .whatsapp-us-image, .whatsapp-us .whatsapp-us-image, .got-questions .whatsapp-us-image {
    width: 370px;
    height: 247px;
    background: url("../images/FloatingButton_Whatsapp_Sprite.png") 0 0;
  }
  .order-now .whatsapp-us-image:hover, .whatsapp-us .whatsapp-us-image:hover, .got-questions .whatsapp-us-image:hover {
    background: url("../images/FloatingButton_Whatsapp_Sprite.png") -370px 0;
  }
  .order-now .got-questions-image, .whatsapp-us .got-questions-image, .got-questions .got-questions-image {
    width: 370px;
    height: 247px;
    background: url("../images/Arial_FloatingButton_Vragen_740px.png") 0 0;
  }
  .order-now .got-questions-image:hover, .whatsapp-us .got-questions-image:hover, .got-questions .got-questions-image:hover {
    background: url("../images/Arial_FloatingButton_Vragen_740px.png") -370px 0;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  div.call-to-action .content .btn {
    display: none !important;
  }
  div.call-to-action .content .btn.ie {
    display: block !important;
  }
}
section.top-section-index {
  position: relative;
  min-height: 30.5vw;
  margin-top: -5px;
}
section.top-section-index video.fullscreen {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0px;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-size: cover;
  transition: 1s opacity;
}
section.top-section-index iframe#bgvid {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0px;
  width: 100%;
  height: 100%;
  z-index: -2;
}
section.top-section-index img#top-section-start {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  width: 100%;
}

section.banner-section #banner {
  position: relative;
  margin-top: 50px;
  background: linear-gradient(90deg, rgba(81, 195, 237, 0.8) 0%, rgba(0, 129, 188, 0.8) 100%);
  padding: 25px 30px 30px;
  border-radius: 10px;
}
section.banner-section #banner h1 {
  color: #F58506;
  font-size: 34px;
}
section.banner-section #banner .btn-dark.trial {
  margin: 10px auto;
  display: none;
  max-width: 200px;
}
section.banner-section #banner .btn-dark.trial.mobile {
  display: block;
}
section.banner-section #banner img#mobile-screen {
  margin: 20px auto 0;
  display: block;
}
section.banner-section #banner img#tablet-screen {
  position: absolute;
  display: none;
}
section.banner-section.home h1 {
  color: #F58506;
}

section.content-section-index {
  margin-top: 32px;
}
section.content-section-index img#locations {
  margin: 20px 0px;
  width: 100%;
}
section.content-section-index .content-row {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #D6D7D7;
}
section.content-section-index .intro-header {
  max-width: 845px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
section.content-section-index .intro-text i.first {
  margin-bottom: 30px;
}
section.content-section-index .characters img {
  margin: 10px auto 0;
  display: block;
}
section.content-section-index .characters p {
  text-align: center;
  margin: 15px 0 30px;
}
section.content-section-index ul.check-list li:last-child {
  margin-bottom: 15px;
}
section.content-section-index .btn {
  margin-left: 15px;
  max-width: 201px;
}
section.content-section-index .btn.trial {
  display: none;
}
section.content-section-index .btn.trial.mobile {
  display: block;
}
section.content-section-index .btn.full-width {
  max-width: 100%;
}
section.content-section-index .btn.semi-full-width {
  max-width: 90%;
}
section.content-section-index .games {
  padding-bottom: 60px;
  border-bottom: 1px solid #D6D7D7;
}
section.content-section-index .games img {
  width: 100%;
  max-width: 500px;
  display: block;
  margin: 20px auto 0;
}
section.content-section-index img.games-text {
  display: block;
  margin: 15px auto 0;
  max-width: 230px;
}
section.content-section-index .wall-featured {
  border-bottom: 1px solid #D6D7D7;
  padding: 100px 0 100px 0;
}
section.content-section-index .wall-featured h2 {
  margin: 0 0 30px 0;
}
section.content-section-index .wall-featured p {
  margin-bottom: 10px;
}
section.content-section-index .wall-featured .wall-featured-container .row:first-child {
  margin-bottom: 20px;
}
section.content-section-index .wall-featured .wall-featured-container .wall-item {
  position: relative;
}
section.content-section-index .wall-featured .wall-featured-container .wall-item .wall-item-placeholder {
  background-color: #D6D7D7;
  border-radius: 10px;
  width: 68px;
  height: 72px;
}
section.content-section-index .wall-featured .wall-featured-container .wall-item img {
  position: absolute;
  border-radius: 10px;
  top: 0;
  width: 68px;
  height: 68px;
}
section.content-section-index .stats-container {
  margin: 60px auto 0 auto;
}
section.content-section-index .stats-container a.link-to-ratings {
  display: block;
  text-align: center;
  margin: 10px 0 20px;
}
section.content-section-index .stats-container img {
  display: block;
  margin: 0 auto;
}
section.content-section-index .stats-container img.desktop {
  display: none;
}
section.content-section-index .stats-container .trustpilot-widget {
  margin: 0 auto;
  max-width: 350px;
}
section.content-section-index .select-video:hover {
  cursor: pointer;
}

@media (max-width: 768px) {
  section.content-section-index .wall-featured {
    padding: 60px 0 60px 0;
  }
  section.content-section-index .wall-featured .wall-featured-container {
    margin-top: 10px;
  }

  section.banner-section #banner {
    padding: 5px 25px 12px 25px;
  }
  section.banner-section #banner h1 {
    color: #F58506;
    color: #F58506;
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  section.banner-section #banner {
    margin-top: 40px;
    padding: 25px 30px 40px;
  }
  section.banner-section #banner .btn-dark.trial {
    margin-top: 20px;
    display: inline-block;
  }
  section.banner-section #banner .btn-dark.trial.mobile {
    display: none;
  }
  section.banner-section #banner h1 {
    color: #F58506;
    font-size: 24px;
  }
  section.banner-section #banner img#tablet-screen {
    display: block;
    bottom: 30px;
    right: 150px;
  }
  section.banner-section #banner img#mobile-screen {
    display: none;
  }
  section.banner-section h2 {
    font-size: 14px;
  }

  section.content-section-index {
    margin-top: 50px;
  }
  section.content-section-index .content-row {
    padding-bottom: 80px;
    margin-bottom: 80px;
  }
  section.content-section-index img#locations {
    margin: 20px 0px;
  }
  section.content-section-index .intro-header {
    text-align: center;
  }
  section.content-section-index .intro-text {
    max-width: 340px;
  }
  section.content-section-index .intro-text i.first {
    margin-bottom: 0px;
  }
  section.content-section-index .characters img {
    max-width: 180px;
  }
  section.content-section-index .characters img.first-character {
    max-width: 215px;
  }
  section.content-section-index .btn {
    margin: 0 auto;
    display: block;
  }
  section.content-section-index .btn.trial {
    display: block;
  }
  section.content-section-index .btn.trial.mobile {
    display: none;
  }
  section.content-section-index ul.check-list li:last-child {
    margin-bottom: 30px;
  }
  section.content-section-index .games {
    padding-bottom: 80px;
  }
  section.content-section-index .games img {
    margin: 0 auto;
  }
  section.content-section-index img.games-text {
    max-width: 280px;
    margin: 115px auto 0;
  }
  section.content-section-index .wall-featured .wall-featured-container .wall-item .wall-item-placeholder {
    width: 80px;
    height: 86px;
  }
  section.content-section-index .wall-featured .wall-featured-container .wall-item img {
    width: 80px;
    height: 80px;
  }
  section.content-section-index .stats-container {
    max-width: 600px;
    margin: 80px auto 0 auto;
  }
  section.content-section-index .stats-container a.link-to-ratings {
    margin: 20px 0 30px;
  }
  section.content-section-index .stats-container img.desktop {
    display: block;
  }
  section.content-section-index .stats-container img.mobile {
    display: none;
  }
}
@media (min-width: 992px) {
  section.banner-section #banner {
    margin-top: 62px;
  }
  section.banner-section #banner img#tablet-screen {
    bottom: 35px;
    right: 125px;
  }
  section.banner-section #banner h1 {
    color: #F58506;
    font-size: 30px;
  }
  section.banner-section h2 {
    font-size: 18px;
  }

  section.content-section-index {
    margin-top: 50px;
  }
  section.content-section-index .content-row {
    padding-bottom: 100px;
    margin-bottom: 100px;
  }
  section.content-section-index img#locations {
    margin: 20px 0px 30px;
  }
  section.content-section-index .intro-text {
    max-width: 445px;
  }
  section.content-section-index .intro-text:last-child {
    margin-left: 25px;
  }
  section.content-section-index .characters img {
    margin: 20px auto 0;
    max-width: 200px;
  }
  section.content-section-index .characters img.first-character {
    max-width: 242px;
  }
  section.content-section-index .games {
    padding-bottom: 100px;
  }
  section.content-section-index img.games-text {
    max-width: 340px;
    margin: 25px auto 0;
  }
  section.content-section-index .wall-featured .wall-featured-container .wall-item .wall-item-placeholder {
    width: 100px;
    height: 106px;
  }
  section.content-section-index .wall-featured .wall-featured-container .wall-item img {
    width: 100px;
    height: 100px;
  }
  section.content-section-index .stats-container {
    margin: 100px auto 0 auto;
  }
  section.content-section-index ul.check-list {
    margin-top: 20px;
  }
  section.content-section-index ul.check-list li {
    line-height: 1.8;
  }
  section.content-section-index ul.check-list li:before {
    font-size: 22px;
    top: -5px;
  }
  section.content-section-index ul.check-list li:last-child {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) {
  section.banner-section #banner h1 {
    color: #F58506;
    font-size: 34px;
  }
  section.banner-section h2 {
    font-size: 26px;
  }

  section.content-section-index {
    margin-top: 50px;
  }
  section.content-section-index .content-row {
    padding-bottom: 70px;
    margin-bottom: 70px;
  }
  section.content-section-index img#locations {
    margin: 30px 0px;
  }
  section.content-section-index .intro-text {
    max-width: 460px;
  }
  section.content-section-index ul li:last-child {
    margin-bottom: 40px;
  }
  section.content-section-index .games {
    padding-bottom: 70px;
  }
  section.content-section-index .wall-featured .wall-featured-container .wall-item .wall-item-placeholder {
    width: 120px;
    height: 126px;
  }
  section.content-section-index .wall-featured .wall-featured-container .wall-item img {
    width: 120px;
    height: 120px;
  }
  section.content-section-index .stats-container {
    margin: 70px auto 0 auto;
  }
}
section.content-section-explanation .content-row {
  margin-top: 40px;
}
section.content-section-explanation .content-row:last-child {
  margin-bottom: 60px;
}
section.content-section-explanation .col-image {
  width: calc(50% - 40px);
  min-height: 275px;
  background-repeat: no-repeat;
  background-size: contain;
}
section.content-section-explanation .col-image.right {
  margin-left: 40px;
}
section.content-section-explanation .col-image.left {
  margin-left: 15px;
  margin-right: 25px;
}
section.content-section-explanation .col-image.first {
  background-image: url("../images/explanation1.jpg");
}
section.content-section-explanation .col-image.second {
  background-image: url("../images/explanation2.jpg");
}
section.content-section-explanation .col-image.third {
  background-image: url("../images/explanation3.jpg");
}
section.content-section-explanation .col-image.fourth {
  background-image: url("../images/explanation4.jpg");
  margin-top: 30px;
}
section.content-section-explanation .col-image.fifth {
  background-image: url("../images/explanation5.jpg");
  margin-top: 30px;
}
section.content-section-explanation .col-image.sixth {
  background-image: url("../images/explanation6.jpg");
}
section.content-section-explanation .col-image.seventh {
  background-image: url("../images/explanation7.jpg");
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  section.content-section-explanation .col-image.first {
    background-image: url("../images/explanation1@2x.jpg");
  }
  section.content-section-explanation .col-image.second {
    background-image: url("../images/explanation2@2x.jpg");
  }
  section.content-section-explanation .col-image.third {
    background-image: url("../images/explanation3@2x.jpg");
    margin-top: 10px;
  }
  section.content-section-explanation .col-image.fourth {
    background-image: url("../images/explanation4@2x.jpg");
  }
  section.content-section-explanation .col-image.fifth {
    background-image: url("../images/explanation5@2x.jpg");
  }
  section.content-section-explanation .col-image.sixth {
    background-image: url("../images/explanation6@2x.jpg");
  }
  section.content-section-explanation .col-image.seventh {
    background-image: url("../images/explanation7@2x.jpg");
  }
}
section.content-section-explanation img.app-button {
  display: block;
  margin: 20px 20px 0 0;
}

@media (min-width: 450px) {
  section.content-section-explanation ul li {
    line-height: 30px;
  }
  section.content-section-explanation ul li:last-child {
    margin-bottom: 30px;
  }
  section.content-section-explanation img.app-button {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  section.content-section-explanation img {
    max-width: 320px;
  }
  section.content-section-explanation .content-row {
    margin-top: 80px;
  }
  section.content-section-explanation .content-row:last-child {
    margin-bottom: 80px;
  }
}
@media (min-width: 992px) {
  section.content-section-explanation img {
    max-width: 400px;
  }
  section.content-section-explanation .content-row {
    margin-top: 100px;
  }
  section.content-section-explanation .content-row:last-child {
    margin-bottom: 100px;
  }
}
@media (min-width: 1350px) {
  section.content-section-explanation img {
    max-width: 470px;
  }
  section.content-section-explanation .content-row {
    margin-top: 120px;
  }
  section.content-section-explanation .content-row:last-child {
    margin-bottom: 120px;
  }
}
section.content-section-service .container {
  max-width: 670px;
}
section.content-section-service .container h2.extra-margin {
  margin-top: 30px;
}
section.content-section-service .container .content-row {
  margin-top: 30px;
}
section.content-section-service .container .content-row:last-child {
  margin-bottom: 50px;
}
section.content-section-service .container .content-row .btn {
  margin-bottom: 10px;
}
section.content-section-service .container .contact {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  margin-bottom: 10px;
  background-color: #F7F7F7;
}
section.content-section-service .container .contact .row {
  padding: 20px;
}
section.content-section-service .container .contact .row p.bolder {
  font-weight: 700;
}
section.content-section-service .container .contact hr {
  margin: 0;
  border-top: 1px solid #D6D7D7;
}

@media (min-width: 768px) {
  section.content-section-service .container .content-row {
    margin-top: 50px;
  }
  section.content-section-service .container .content-row:last-child {
    margin-bottom: 70px;
  }
}
@media (min-width: 992px) {
  section.content-section-service .container .content-row {
    margin-top: 70px;
  }
  section.content-section-service .container .content-row:last-child {
    margin-bottom: 90px;
  }
}
@media (min-width: 1350px) {
  section.content-section-service .container .content-row {
    margin-top: 90px;
  }
  section.content-section-service .container .content-row:last-child {
    margin-bottom: 110px;
  }
}
section.top-section.typetest .content {
  top: calc(50% - 30px);
}

section.content-section-typetest {
  margin-top: 40px;
}
section.content-section-typetest .content-row {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 60px;
}
section.content-section-typetest .btn.test-button {
  display: block;
  max-width: 201px;
  margin: -20px auto 60px;
}

#result .modal .modal-content {
  padding: 25px;
  border-radius: 10px;
  max-width: 402px;
  margin: 0 auto;
}
#result .modal .close-modal {
  background: #024E89;
  width: 36px;
  height: 36px;
  border-radius: 20px;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  font-size: 20px;
  text-align: center;
  padding: 2px;
  z-index: 2;
}
#result .modal .close-modal:hover {
  background: #024070;
}
#result .modal .modal-header {
  border: none;
}
#result .modal .modal-header .modal-title {
  text-align: center;
  font-weight: 900;
  font-size: 22px;
}
#result .modal .modal-header h2 {
  text-align: center;
  font-size: 60px;
  margin: 5px 0 -5px;
}
#result .modal .modal-header img.bg-score {
  position: absolute;
  left: 0;
  top: 0;
}
#result .modal .modal-body h2 {
  text-align: center;
}
#result .modal .modal-body .stats {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  background-color: #F7F7F7;
}
#result .modal .modal-body .stats .row {
  padding: 15px 20px;
}
#result .modal .modal-body .stats .row span {
  float: right;
}
#result .modal .modal-body .stats .row span.gray {
  color: #7E8890;
}
#result .modal .modal-body .stats .row span.bolder {
  font-weight: 700;
}
#result .modal .modal-body .stats .row p {
  margin-bottom: 0px;
}
#result .modal .modal-body .stats hr {
  margin: 0 20px;
  border-top: 2px solid #D6D7D7;
}
#result .modal .modal-footer {
  border: none;
  border-bottom: 2px solid #D6D7D7;
  margin: 0 10px;
  padding: 5px 0 20px;
}
#result .modal .modal-footer .btn {
  float: left;
  max-width: 173px;
  font-size: 20px;
}
#result .modal .modal-footer a.try-out-link {
  display: inline-block;
  font-size: 18px;
  margin-top: 15px;
}
#result .modal img.share-score {
  margin-left: 15px;
  margin-top: 35px;
}
#result .modal img.fb-btn {
  margin-left: 27px;
  margin-top: 20px;
}
#result .modal img.twitter-btn {
  margin-left: 20px;
  margin-top: 20px;
}

#typetester {
  position: relative;
}
#typetester h2, #typetester p {
  text-align: center;
}
#typetester p a.btn {
  min-width: auto;
  text-align: center;
  margin: 0px 5px -15px;
  font-weight: lighter;
  padding: 12px 14px 12px 15px;
}
#typetester .language-selector {
  background: #FFFFFF;
  height: 35px;
  width: 85px;
  border-radius: 5px;
  border: 1px solid #D6D7D7;
  position: absolute;
  top: -16px;
  right: -30px;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}
#typetester .language-selector a.language {
  position: relative;
  padding-right: 10px;
  color: #312E25;
  font-size: 16px;
}
#typetester .language-selector a.language:before {
  content: "";
  width: 21px;
  height: 15px;
  display: inline-block;
  margin: 9px 5px 0px 9px;
}
#typetester .language-selector a.language.nl:before {
  background-image: url(../images/NL-flag.svg);
}
#typetester .language-selector a.language.en:before {
  background-image: url(../images/GB-flag.svg);
}
#typetester .language-selector a#current-language {
  font-weight: 700;
}
#typetester .language-selector a#current-language:after {
  position: absolute;
  right: -3px;
  top: 7px;
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #7E8890;
}
#typetester .language-selector ul.language-options {
  display: none;
  position: absolute;
  z-index: 2;
  border-radius: 5px;
  list-style: none;
  padding: 5px 2px;
  margin: 13px 0 0 -100px;
  background: white;
  border: 1px solid #F7F7F7;
  width: 190px;
  border: 1px solid #D6D7D7;
  box-shadow: 0px 2px 4px 0px #99A4AC;
}
#typetester .language-selector ul.language-options li a.language {
  width: 185px;
  padding: 2px 6px;
  background-color: #FFF;
  display: block;
  font-weight: 700;
  font-size: 18px;
  z-index: 2;
}
#typetester .language-selector ul.language-options li a.language:before {
  margin: 10px 10px 0px 5px;
}
#typetester .language-selector ul.language-options li a.language:hover {
  background-color: #F7F7F7;
}
#typetester .language-selector ul.language-options:after {
  background-color: #FFFFFF;
  content: " ";
  display: block;
  position: absolute;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 9px;
  height: 9px;
  top: -5px;
  right: 16px;
  border-top: 1px solid #D6D7D7;
  border-left: 1px solid #D6D7D7;
}

#typetester .language-selector ul li:first-child a.language {
  border-bottom: none;
}

#typetester .language-selector:not(.selecting) a#current-language {
  text-transform: uppercase;
}

#typetester .text-wrapper {
  position: relative;
  padding: 21px;
  max-width: 680px;
  margin: 0 auto;
}
#typetester .text-wrapper img.bg-typetest {
  position: absolute;
  top: -4px;
  left: -40px;
}
#typetester .text-wrapper #lines {
  position: relative;
  width: 100%;
  min-height: 92px;
}
#typetester .text-wrapper #lines span {
  padding: 5px 10px;
  display: inline-block;
  color: #7E8890;
  font-size: 18px;
  margin: 3px 0px;
  opacity: 0.8;
  border: 1px solid #7E8890;
  border-radius: 5px;
  margin: 5px;
}
#typetester .text-wrapper #lines span.current {
  color: #312E25;
}
#typetester .text-wrapper #lines span.correct {
  color: #5BBF4A;
  border-color: #5BBF4A;
}
#typetester .text-wrapper #lines span.wrong {
  color: #DD3535;
  border-color: #DD3535;
}
#typetester .text-wrapper #words-to-type {
  background-color: #F7F7F7;
  border-radius: 8px;
  padding: 0px 12px;
  overflow: hidden;
  height: 92px;
}
#typetester .text-wrapper #words-to-type.loading {
  opacity: 0.82;
}
#typetester .text-wrapper #words-to-type.loading:after {
  content: "";
  font-family: "fontAwesome";
  font-size: 30px;
  position: absolute;
  animation: fa-spin 2s infinite linear;
  top: 45px;
  left: calc(50% - 20px);
}
#typetester .text-input-wrapper {
  position: relative;
  margin: 0 auto;
  width: 470px;
}
#typetester .text-input-wrapper input#text-input {
  padding: 17px;
  margin: 5px auto;
  display: block;
  width: 100%;
  max-width: 320px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #B9B9B9;
  font-size: 18px;
  outline: none;
}
#typetester .text-input-wrapper #reset {
  background-image: url(https://www.typetopia.com/webroot/typetopia/images/refresh-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 27px;
  height: 27px;
  position: absolute;
  display: block;
  cursor: pointer;
  right: 85px;
  top: 17px;
  z-index: 10;
}
#typetester .timer {
  text-align: center;
}
#typetester .timer img.clock-icon {
  margin: -25px 10px 0;
  display: inline-block;
}
#typetester .timer #time {
  font-family: "Offside";
  font-size: 40px;
  margin-top: 15px;
  display: inline-block;
}

#typetester #user-input,
#typetester #words,
#typetester #result,
#typetester #share-score {
  display: none;
}

.leader-board-wrapper {
  max-width: 640px;
  margin: 120px auto;
}
.leader-board-wrapper .leader-board-head {
  font-size: 16px;
  font-weight: 700;
  padding: 10px 25px;
}
.leader-board-wrapper .leader-board-head .neatness {
  text-align: right;
}
.leader-board-wrapper .leader-board {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  margin-bottom: 10px;
  background-color: #F7F7F7;
}
.leader-board-wrapper .leader-board .row {
  padding: 8px 25px 6px 15px;
}
.leader-board-wrapper .leader-board .row .position,
.leader-board-wrapper .leader-board .row .name,
.leader-board-wrapper .leader-board .row .neatness,
.leader-board-wrapper .leader-board .row .apm {
  font-size: 20px;
  line-height: 2.6;
}
.leader-board-wrapper .leader-board .row .position img {
  display: block;
  margin: 0 auto;
}
.leader-board-wrapper .leader-board .row .name {
  font-weight: 700;
  margin-left: 10px;
}
.leader-board-wrapper .leader-board .row .neatness {
  float: right;
}
.leader-board-wrapper .leader-board hr {
  margin: 0;
  border-top: 1px solid #D6D7D7;
}

#group-board-home,
#group-name-home {
  display: none;
}

@media (min-width: 768px) {
  section.content-section-typetest {
    margin-top: 60px;
  }

  #result .modal-dialog {
    margin: 80px auto;
  }
}
@media (min-width: 992px) {
  section.content-section-typetest {
    margin-top: 80px;
  }
}
@media (min-width: 1350px) {
  section.content-section-typetest {
    margin-top: 100px;
  }
}
section.top-section.game img.background-bg {
  min-height: 500px;
  max-width: 100%;
  position: absolute;
  z-index: -2;
}
section.top-section.game h1 {
  padding-top: 45px;
}
section.top-section.game .game-screen {
  padding: 220px 0 200px;
  display: none;
}
section.top-section.game .game-screen img {
  max-width: 100%;
}
section.top-section.game .game-screen .share-buttons {
  margin-top: 20px;
}
section.top-section.game .game-screen .share-buttons img {
  margin-right: 10px;
  max-width: 40px;
  cursor: pointer;
}
section.top-section.game .game-screen .share-buttons img:first-of-type {
  margin-right: 15px;
  cursor: inherit;
  max-width: 100px;
}
section.top-section.game .game-screen-mobile {
  padding: 75px 0 105px;
  text-align: center;
}
section.top-section.game .game-screen-mobile h2, section.top-section.game .game-screen-mobile p {
  color: #FFFFFF;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
section.top-section.game .game-screen-mobile h2 {
  margin-top: 50px;
}

.call-to-action.game {
  margin-top: -85px;
  z-index: 1;
}

@media (min-width: 768px) {
  section.top-section.game img.background-bg {
    min-height: 1064px;
  }
  section.top-section.game .game-screen {
    display: block;
  }
  section.top-section.game .game-screen .share-buttons {
    margin-top: 30px;
  }
  section.top-section.game .game-screen .share-buttons img {
    max-width: 50px;
  }
  section.top-section.game .game-screen .share-buttons img:first-of-type {
    margin-right: 15px;
    max-width: 100%;
  }
  section.top-section.game a.full-screen {
    color: #FFFFFF;
    opacity: 0.9;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    float: right;
    margin-top: -15px;
    font-weight: 700;
  }
  section.top-section.game .game-screen-mobile {
    display: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .webgl-content {
    display: none !important;
  }
}
section.content-section-contact {
  padding: 40px 0;
}
section.content-section-contact .form-box {
  margin: auto;
  padding-top: 20px;
  width: 70%;
  max-width: 600px;
}
section.content-section-contact .form-box input, section.content-section-contact .form-box textarea {
  border: 1px solid #0081BC;
  opacity: 0.8;
}
section.content-section-contact .form-box input:focus, section.content-section-contact .form-box textarea:focus {
  outline: none !important;
  border-color: #0081BC;
  box-shadow: 0 0 10px #0081BC;
}
section.content-section-contact .form-box .btn {
  margin: 20px 0;
}
section.content-section-contact .form-box input.form-control {
  height: 47px;
}
section.content-section-contact .form-box .input-group-addon {
  padding: 12px;
  color: white;
  background: linear-gradient(to bottom right, #51C3ED, #0081BC);
  border: none;
}

@media (min-width: 768px) {
  section.content-section-contact {
    padding: 60px 0;
  }
}
@media (min-width: 992px) {
  section.content-section-contact {
    padding: 80px 0;
  }
}
@media (min-width: 1350px) {
  section.content-section-contact {
    padding: 100px 0;
  }
}
.container.faq {
  max-width: 800px;
  margin: 0px auto;
  padding-right: 20px;
  padding-left: 20px;
}
.container.faq h2 {
  margin: 55px 0 25px;
}
.container.faq h2:first-of-type {
  margin-top: 20px;
}
.container.faq .group:last-child {
  border-bottom: 1px solid #D6D7D7;
}
.container.faq .toggle:last-child {
  border-bottom: 1px solid #D6D7D7;
}
.container.faq .toggle .toggle-title {
  position: relative;
  display: block;
  border-top: 1px solid #D6D7D7;
  margin-bottom: 6px;
}
.container.faq .toggle .toggle-title h3 {
  margin: 0px;
  line-height: 1;
  cursor: pointer;
  font-weight: 200;
}
.container.faq .toggle .toggle-title span {
  font-size: 16px;
}
.container.faq .toggle .toggle-title:last-of-type {
  border-bottom: 1px solid #D6D7D7;
}
.container.faq .toggle .toggle-title .title-name {
  display: block;
  padding: 25px 40px 16px 0px;
}
.container.faq .toggle .toggle-title a i {
  font-size: 22px;
  margin-right: 5px;
}
.container.faq .toggle .toggle-title i:before {
  position: absolute;
  content: "";
  font: normal normal normal 16px/1 FontAwesome;
  font-family: FontAwesome;
  transition: all 0.3s ease;
  right: 5px;
  top: 27px;
  color: #7E8890;
  opacity: 0.8;
}
.container.faq .toggle .toggle-title.active i:before {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.container.faq .toggle .toggle-inner {
  padding: 7px 25px 10px 25px;
  display: none;
  margin: -7px 0 6px;
}
.container.faq .toggle .toggle-inner div {
  max-width: 100%;
}
.container.faq .toggle .toggle-inner ol {
  padding-left: 15px;
}

@media (min-width: 450px) {
  .container .faq .toggle .toggle-title span {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .container.faq .toggle .toggle-title span {
    font-size: 20px;
  }
  .container.faq .toggle .toggle-title i:before {
    font-size: 18px;
    top: 25px;
  }
}
@media (min-width: 992px) {
  .container.faq .toggle .toggle-title span {
    font-size: 22px;
  }
}
section.top-section.rates img.background-bg {
  min-height: 250px;
}
section.top-section.rates h1 {
  padding-top: 60px;
  font-size: 30px;
}

section.content-section-rates {
  margin: 60px 0;
}
section.content-section-rates .rates-container {
  margin: 0 auto;
  padding: 0 20px;
}
section.content-section-rates li {
  font-size: 16px;
  max-width: 310px;
}
section.content-section-rates .pay-once,
section.content-section-rates .pay-for-group {
  margin: 0 auto;
  border-radius: 5px;
  max-width: 350px;
  text-align: center;
}
section.content-section-rates .pay-once h2,
section.content-section-rates .pay-for-group h2 {
  margin-top: 0px;
}
section.content-section-rates .pay-once h3,
section.content-section-rates .pay-for-group h3 {
  font-size: 20px;
}
section.content-section-rates .pay-once h3 .old-price,
section.content-section-rates .pay-for-group h3 .old-price {
  font-size: 20px;
}
section.content-section-rates .pay-once h3 .less-font-weight,
section.content-section-rates .pay-for-group h3 .less-font-weight {
  font-size: 20px;
  font-weight: 500;
}
section.content-section-rates .pay-once .gray,
section.content-section-rates .pay-for-group .gray {
  color: #7E8890;
}
section.content-section-rates .pay-once .btn,
section.content-section-rates .pay-for-group .btn {
  display: block;
  margin: 30px auto 0px;
}
section.content-section-rates .pay-once .old-price,
section.content-section-rates .pay-for-group .old-price {
  color: #7E8890;
  text-decoration: line-through;
}
section.content-section-rates .pay-once .new-price,
section.content-section-rates .pay-for-group .new-price {
  font-weight: 700;
}
section.content-section-rates .pay-once {
  border: 2px solid #D6D7D7;
  width: 100%;
  padding: 30px;
}
section.content-section-rates .pay-once h3 {
  display: inline-block;
}
section.content-section-rates .pay-once span {
  font-weight: 700;
}
section.content-section-rates .pay-once p {
  margin-top: 0px;
}
section.content-section-rates .pay-once input.nr-licenses-input[type=radio] + label {
  border-radius: 5px;
  border: 2px solid #D6D7D7;
  width: 100%;
}
section.content-section-rates .pay-once input.nr-licenses-input[type=radio] + label[for] {
  cursor: pointer;
}
section.content-section-rates .pay-once .mb-1, section.content-section-rates .pay-once .my-1 {
  margin-bottom: 0.25rem !important;
}
section.content-section-rates .pay-once .p-4 {
  padding: 0.3rem !important;
}
section.content-section-rates .pay-once .mt-4, section.content-section-rates .pay-once .my-4 {
  margin-top: 0.5rem !important;
}
section.content-section-rates .pay-once .text-muted {
  color: #6c757d !important;
}
section.content-section-rates .pay-once input.nr-licenses-input[type=radio] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
section.content-section-rates .pay-once .d-block {
  display: block !important;
}
section.content-section-rates .check-list {
  padding: 40px 10px;
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}
section.content-section-rates .pay-for-group {
  background-color: #F7F7F7;
  padding: 20px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}
section.content-section-rates .pay-for-group h3 {
  margin: 20px 0;
}
section.content-section-rates .pay-for-group p {
  text-align: center;
  margin: 30px 0 0;
  font-size: 14px;
}
section.content-section-rates .pay-for-group p.gray {
  margin: 0;
}
section.content-section-rates .pay-for-group .btn {
  max-width: 291px;
}
section.content-section-rates .pay-for-group .group {
  text-align: left;
}
section.content-section-rates .pay-for-group .group:nth-child(2) > span.new-price {
  margin-right: 1px;
}
section.content-section-rates .pay-for-group .group:nth-child(3) > span.new-price {
  margin-right: 1px;
}
section.content-section-rates .pay-for-group .group:last-child > span.new-price {
  margin-right: 7px;
}
section.content-section-rates .pay-for-group .old-price,
section.content-section-rates .pay-for-group .new-price {
  float: right;
}
section.content-section-rates .pay-for-group .old-price {
  margin-right: 5px;
}
section.content-section-rates .pay-for-group span:nth-last-child(3) {
  margin-left: 9px;
}
section.content-section-rates .pay-for-group .group-prices {
  padding: 20px 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #D6D7D7;
  border-top: 1px solid #D6D7D7;
  line-height: 1.8;
}
section.content-section-rates .pay-for-group img.payment-logos {
  float: right;
  margin-top: 60px;
  max-width: 195px;
  margin-right: -30px;
}
section.content-section-rates h2 {
  font-size: 31px;
}

@media (min-width: 450px) {
  section.top-section.rates img.background-bg {
    min-height: 300px;
  }
  section.top-section.rates h1 {
    padding-top: 50px;
  }

  section.content-section-rates ul.check-list {
    text-align: left;
  }
  section.content-section-rates ul.check-list li {
    line-height: 25px;
    padding-left: 25px;
  }
  section.content-section-rates .pay-for-group {
    padding: 30px;
  }
  section.content-section-rates h2 {
    font-size: 26px;
    text-align: center;
  }
}
@media (min-width: 520px) {
  section.content-section-rates .wrapper {
    margin: 0 auto 20px;
  }
  section.content-section-rates .wrapper h2 {
    text-align: center;
  }
  section.content-section-rates .rates-container {
    padding: 0 30px;
  }
  section.content-section-rates .pay-once {
    padding: 5px 16px 16px 16px;
  }
  section.content-section-rates .check-list {
    padding: 45px 0px 0 20px;
    display: inline-block;
    float: right;
  }
  section.content-section-rates .pay-for-group {
    max-width: 100%;
  }
  section.content-section-rates .pay-for-group img.payment-logos {
    max-width: 245px;
  }
  section.content-section-rates .pay-for-group p {
    font-size: 16px;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
  }
  section.content-section-rates .pay-for-group .btn {
    max-width: 240px;
  }
  section.content-section-rates .group {
    max-width: 320px;
    margin: 0 auto;
  }
  section.content-section-rates .group span {
    font-size: 16px;
  }
}
@media (min-width: 670px) {
  section.content-section-rates .rates-container {
    padding: 0 60px;
  }
  section.content-section-rates .check-list {
    padding: 60px 0px 0 20px;
  }
}
@media (min-width: 768px) {
  section.top-section.rates h1 {
    font-size: 40px;
  }

  section.content-section-rates {
    margin: 80px 0;
  }
  section.content-section-rates .rates-container {
    max-width: 830px;
    padding: 0 30px;
  }
  section.content-section-rates .pay-once,
section.content-section-rates .pay-for-group,
section.content-section-rates .check-list {
    width: 100%;
    max-width: 500px;
  }
  section.content-section-rates .pay-once h3,
section.content-section-rates .pay-once h3 .old-price,
section.content-section-rates .pay-once h3 .less-font-weight,
section.content-section-rates .pay-for-group h3,
section.content-section-rates .pay-for-group h3 .old-price,
section.content-section-rates .pay-for-group h3 .less-font-weight,
section.content-section-rates .check-list h3,
section.content-section-rates .check-list h3 .old-price,
section.content-section-rates .check-list h3 .less-font-weight {
    font-size: 24px;
  }
  section.content-section-rates .pay-for-group p {
    text-align: left;
    max-width: 420px;
  }
  section.content-section-rates .pay-for-group .btn {
    max-width: 290px;
  }
  section.content-section-rates ul.check-list {
    margin: 0 auto;
    padding: 30px;
  }
  section.content-section-rates ul.check-list li {
    line-height: 30px;
    padding-left: 30px;
  }
  section.content-section-rates h2 {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  section.top-section.rates img.background-bg {
    min-height: 550px;
    max-height: 550px;
    margin-top: -140px;
  }
  section.top-section.rates h1 {
    padding-top: 40px;
    font-size: 50px;
  }

  section.content-section-rates {
    margin: 100px 0;
  }
  section.content-section-rates .rates-container {
    max-width: 1024px;
    padding: 0 60px;
  }
  section.content-section-rates .pay-once,
section.content-section-rates .pay-for-group,
section.content-section-rates .check-list {
    max-width: 500px;
    padding: 20px 40px 40px 40px;
  }
  section.content-section-rates .pay-for-group {
    padding: 30px;
  }
  section.content-section-rates .pay-for-group img.payment-logos {
    margin-right: -40px;
  }
  section.content-section-rates .pay-for-group .group {
    max-width: 420px;
  }
  section.content-section-rates .pay-for-group .group span {
    font-size: 20px;
  }
  section.content-section-rates .pay-for-group .group:last-child > span.new-price {
    margin-right: 9px;
  }
  section.content-section-rates li {
    font-size: 20px;
    max-width: 375px;
  }
}
@media (min-width: 1350px) {
  section.top-section.rates h1 {
    font-size: 60px;
  }

  section.content-section-rates {
    margin: 120px 0;
  }
  section.content-section-rates .rates-container {
    max-width: 1150px;
  }
}
section.content-section-group-order {
  margin: 60px 0;
}
section.content-section-group-order .container {
  max-width: 640px;
}
section.content-section-group-order .form-control {
  max-width: 260px;
  width: 260px;
  height: 40px;
  padding: 5px 10px;
  margin-bottom: 10px;
  color: #312E25;
  font-weight: 500;
  border: 0;
  outline: 0;
  border-radius: 5px;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
section.content-section-group-order .form-control h2 {
  margin-top: 60px;
}
section.content-section-group-order .form-control.email-participient {
  width: 225px;
}
section.content-section-group-order input[type=checkbox],
section.content-section-group-order input[type=radio] {
  margin: 5px 15px 17px 0;
  position: relative;
  float: left;
}
section.content-section-group-order input[type=checkbox]:before,
section.content-section-group-order input[type=radio]:before {
  font-family: "FontAwesome";
  content: "";
  color: #37A5CD;
  position: absolute;
  background-color: #FFFFFF;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  width: 20px;
  height: 20px;
}
section.content-section-group-order input[type=checkbox] {
  width: 20px;
  height: 20px;
}
section.content-section-group-order input[type=checkbox]:before {
  font-size: 14px;
  padding: 3px;
  left: 0;
  border-radius: 3px;
  top: -3px;
}
section.content-section-group-order input[type=checkbox]:checked:before {
  content: "";
}
section.content-section-group-order input[type=radio]:before {
  font-size: 11px;
  text-align: center;
  line-height: 21px;
  left: -5px;
  border-radius: 10px;
}
section.content-section-group-order input[type=radio]:checked:before {
  content: "";
}
section.content-section-group-order label.form-check-label {
  margin-bottom: 15px;
  cursor: pointer;
  font-weight: 500;
  width: 100%;
}
section.content-section-group-order label.form-check-label.no-margin {
  margin: 0px;
}
section.content-section-group-order .info-message img.info {
  margin: -40px 8px 0 -3px;
}
section.content-section-group-order .info-message p {
  max-width: calc(100% - 30px);
}
section.content-section-group-order .group-prices {
  padding: 10px 0 20px;
  max-width: 420px;
}
section.content-section-group-order .group-prices span {
  margin: 0px 0px 10px;
}
section.content-section-group-order .group-prices .group {
  padding-bottom: 15px;
}
section.content-section-group-order .group-prices .group:last-child {
  padding: 0;
}
section.content-section-group-order .group-prices .group:last-child span.new {
  margin-right: 8px;
}
section.content-section-group-order .group-prices .price {
  float: right;
}
section.content-section-group-order .group-prices .price.selected {
  border: 1px solid #99A4AC;
  padding: 3px 10px;
  border-radius: 5px;
  margin-right: -12px;
}
section.content-section-group-order .group-prices .old {
  margin-right: 5px;
  color: #7E8890;
  text-decoration: line-through;
}
section.content-section-group-order .group-prices .new {
  font-weight: 700;
}
section.content-section-group-order .added-email {
  font-size: 16px;
  font-weight: 700;
  padding: 10px 13px;
  display: block;
  border-radius: 5px;
  border: 1px solid #99A4AC;
  background-color: #F7F7F7;
  margin: 0 10px 10px 0;
}
section.content-section-group-order .added-email .email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  width: calc(100% - 75px);
  display: inline-block;
  float: left;
}
section.content-section-group-order .added-email .fa {
  color: #DD3535;
  float: right;
  margin-top: 3px;
  margin-left: 5px;
  cursor: pointer;
}
section.content-section-group-order .added-email.remove {
  animation: collapseItem 300ms ease;
  transform-origin: 50% 0%;
}
section.content-section-group-order .added-email span.current-price {
  margin-left: 5px;
  font-size: 16px;
}
section.content-section-group-order .form-control.email-participient,
section.content-section-group-order #filled-field-wrapper,
section.content-section-group-order #empty-field-wrapper {
  display: inline-block;
}
section.content-section-group-order .email-participient {
  margin-top: 10px;
}
section.content-section-group-order #add-field {
  width: 40px;
  height: 39px;
  margin-left: 10px;
  margin-top: -1px;
  padding: 0;
  position: relative;
}
section.content-section-group-order #add-field:before {
  position: absolute;
  content: "";
  font-family: "FontAwesome";
  width: 19px;
  height: 36px;
  top: 8px;
  left: 11px;
}
section.content-section-group-order p.gray {
  margin: 10px 0 15px;
  color: #7E8890;
  font-size: 14px;
}
section.content-section-group-order .submit-text {
  margin: 15px 0 0;
  font-size: 16px;
}

@keyframes collapseItem {
  0% {
    transform: perspective(500px) rotateX(0deg);
  }
  100% {
    transform: perspective(500px) rotateX(-90deg);
  }
}
@media (min-width: 450px) {
  section.content-section-group-order .form-control.email-participient {
    width: 260px;
  }
  section.content-section-group-order .info-message img.info {
    margin: 0 8px 0 -3px;
  }
  section.content-section-group-order span.added-email {
    display: inline-block;
  }
  section.content-section-group-order span.added-email .email {
    width: auto;
  }
  section.content-section-group-order span.added-email span.current-price {
    margin-left: 30px;
  }
  section.content-section-group-order .submit-text {
    margin: 15px 0 0 10px;
    display: inline-block;
  }
}
@media (min-width: 768px) {
  section.content-section-group-order {
    margin: 80px 0;
  }
  section.content-section-group-order p.gray {
    margin: 10px 0 20px;
  }
  section.content-section-group-order .submit-text {
    margin: 30px 0 0 15px;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  section.content-section-group-order {
    margin: 100px 0;
  }
  section.content-section-group-order p.gray {
    margin: 10px 0 30px;
    font-size: 16px;
  }
  section.content-section-group-order .submit-text {
    margin: 45px 0 0 20px;
    display: inline-block;
  }
  section.content-section-group-order .group {
    padding-bottom: 15px;
  }
  section.content-section-group-order .group:last-child {
    padding: 0;
  }
  section.content-section-group-order .group:last-child span.new {
    margin-right: 10px;
  }
}
@media (min-width: 992px) {
  section.content-section-group-order {
    margin: 120px 0;
  }
  section.content-section-group-order .form-group {
    margin-bottom: 40px;
  }
}
section.top-section.confirm-order img.background-bg {
  min-height: 280px;
  max-height: 490px;
}
section.top-section.confirm-order h1 {
  padding-top: 50px;
}

section.content-section-confirm-order {
  margin: 60px 0;
}
section.content-section-confirm-order .container {
  max-width: 490px;
}
section.content-section-confirm-order .container h2 {
  margin-top: 0;
}
section.content-section-confirm-order .container p {
  margin-bottom: 0;
}

@media (min-width: 450px) {
  section.top-section.confirm-order h1 {
    padding-top: 40px;
  }
}
@media (min-width: 768px) {
  section.top-section.confirm-order h1 {
    padding-top: 20px;
  }

  section.content-section-confirm-order {
    margin: 80px 0;
  }
  section.content-section-confirm-order .container {
    max-width: 640px;
  }
}
@media (min-width: 992px) {
  section.content-section-confirm-order {
    margin: 100px 0;
  }
}
@media (min-width: 1350px) {
  section.content-section-confirm-order {
    margin: 120px 0;
  }
}
#cookie-law {
  background: rgba(31, 30, 29, 0.8);
  color: #FFFFFF;
  padding: 10px 0;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 5;
  opacity: 1;
  transition: opacity 500ms linear;
}
#cookie-law .cookie-message {
  text-align: center;
}
#cookie-law .cookie-message p, #cookie-law .cookie-message .btn {
  display: inline-block;
}
#cookie-law .cookie-message p {
  font-size: 16px;
  font-weight: 700;
}
#cookie-law .cookie-message .btn {
  margin: -10px 20px 6px 20px;
  padding: 6px 20px;
}
#cookie-law .close-cookie-banner {
  margin-left: 20px;
  font-size: 18px;
}
#cookie-law a {
  font-size: 16px;
}

section.content-section-cookies {
  margin: 80px 0;
}
section.content-section-cookies ul {
  padding: 0px;
}
section.content-section-cookies ul li {
  position: relative;
  padding-left: 45px;
  margin-bottom: 20px;
}
section.content-section-cookies ul li strong {
  display: block;
}
section.content-section-cookies ul li:nth-child(1) {
  margin-top: 20px;
}
section.content-section-cookies ul li:nth-child(1):before {
  content: "";
  top: 0px;
}
section.content-section-cookies ul li:nth-child(2):before {
  content: "";
  top: -1px;
}
section.content-section-cookies ul li:nth-child(3) {
  margin-bottom: 0px;
}
section.content-section-cookies ul li:nth-child(3):before {
  content: "";
  top: -2px;
}
section.content-section-cookies ul li:before {
  position: absolute;
  font-family: "FontAwesome";
  width: 26px;
  left: 0px;
  font-size: 26px;
}

input.cookie-consent {
  width: 36px;
  height: 36px;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #C2C2C2;
  cursor: pointer;
}

input.cookie-consent.mandatory {
  background-color: #D3D3D3;
  cursor: not-allowed;
}

.checkbox-wrapper input[type=checkbox] + label::after {
  content: "✓";
  color: #000;
  text-align: center;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(45deg);
  font-weight: bold;
  font-size: 32px;
  z-index: -1;
  cursor: pointer;
}

.checkbox-wrapper input.mandatory[type=checkbox] + label::after {
  cursor: not-allowed;
}

.checkbox-wrapper label {
  position: absolute;
  top: 16px;
  left: 8px;
}

.checkbox-wrapper input[type=checkbox]:checked + label {
  transform: rotate(-45deg);
  cursor: pointer;
}

.checkbox-wrapper input.mandatory[type=checkbox]:checked + label {
  cursor: not-allowed;
}

.checkbox-wrapper input[type=checkbox]:checked + label::after {
  opacity: 1;
  z-index: 1;
}

section.top-section.classic-new h1 {
  padding-top: 20px;
  font-size: 30px;
  margin-bottom: 15px;
}

section.content-section-classic-new {
  margin: 60px 15px 40px;
}
section.content-section-classic-new a.tile {
  display: block;
  width: 270px;
  height: 230px;
  margin: 0 auto 20px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
section.content-section-classic-new a.tile:hover {
  transform: scale(1.025);
}
section.content-section-classic-new a.tile .top {
  padding: 25px 20px;
  background-color: #F7F7F7;
}
section.content-section-classic-new a.tile .top h2, section.content-section-classic-new a.tile .top span {
  font-size: 20px;
  color: #312E25;
  margin: 0 10px 5px 0;
  display: inline-block;
}
section.content-section-classic-new a.tile .top h2.orange, section.content-section-classic-new a.tile .top span.orange {
  color: #F58506;
}
section.content-section-classic-new a.tile .top span {
  margin: 0;
}
section.content-section-classic-new a.tile .top i {
  margin-top: 5px;
  color: #99A4AC;
  float: right;
}
section.content-section-classic-new a.tile .top p {
  color: #7E8890;
  font-size: 14px;
  margin: 0;
}
section.content-section-classic-new a.tile.old {
  border-radius: 10px 30px;
}
section.content-section-classic-new a.tile.old .top {
  border-radius: 10px 30px 0 0;
}
section.content-section-classic-new a.tile.new {
  border-radius: 30px 10px;
}
section.content-section-classic-new a.tile.new .top {
  border-radius: 30px 10px 0 0;
}
section.content-section-classic-new a.tile .bottom img {
  position: absolute;
  bottom: -4px;
  left: -3px;
  max-width: 276px;
}
section.content-section-classic-new ul.warning {
  padding: 0px;
  max-width: 270px;
  margin: 10px auto 30px;
}
section.content-section-classic-new ul.warning li {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  line-height: 1.5;
  color: #7E8890;
}
section.content-section-classic-new ul.warning li:before {
  position: absolute;
  content: url(../images/warning.png);
  width: 17px;
  left: 0px;
  top: 0px;
}
section.content-section-classic-new ul.warning strong {
  font-weight: 900;
  color: #312E25;
}
section.content-section-classic-new .cto-box {
  max-width: 270px;
  border: 1px solid #D6D7D7;
  border-radius: 5px;
  padding: 15px 20px;
  margin: 0 auto 20px;
}
section.content-section-classic-new .cto-box h2 {
  font-size: 16px;
  margin-top: 0;
}
section.content-section-classic-new .cto-box p {
  color: #7E8890;
  line-height: 1.5;
}
section.content-section-classic-new .cto-box a, section.content-section-classic-new .cto-box p {
  font-size: 16px;
}

@media (min-width: 450px) {
  section.top-section.classic-new h1 {
    padding-top: 30px;
  }
}
@media (min-width: 768px) {
  section.top-section.classic-new a.tile {
    display: inline-block;
  }
  section.top-section.classic-new h1 {
    font-size: 40px;
  }

  section.content-section-classic-new {
    margin: 80px 15px 60px;
  }
  section.content-section-classic-new a.tile {
    width: 320px;
    height: 280px;
  }
  section.content-section-classic-new a.tile.old {
    float: right;
  }
  section.content-section-classic-new a.tile.new {
    float: left;
  }
  section.content-section-classic-new a.tile .top {
    padding: 37px 30px;
  }
  section.content-section-classic-new a.tile .top p {
    font-size: 16px;
  }
  section.content-section-classic-new a.tile .bottom img {
    bottom: -5px;
    max-width: 326px;
  }
  section.content-section-classic-new ul.warning {
    max-width: 530px;
    margin: 20px auto 40px;
  }
  section.content-section-classic-new ul.warning li {
    padding-left: 30px;
    font-size: 20px;
  }
  section.content-section-classic-new ul.warning li:before {
    width: 20px;
    top: 4px;
  }
  section.content-section-classic-new .cto-box {
    max-width: 320px;
    padding: 25px 30px;
  }
  section.content-section-classic-new .cto-box.old {
    float: right;
    padding-bottom: 141px;
  }
  section.content-section-classic-new .cto-box.new {
    float: left;
  }
}
@media (min-width: 992px) {
  section.top-section.classic-new img.background-bg {
    min-height: 426px;
    max-height: 426px;
  }
  section.top-section.classic-new h1 {
    font-size: 50px;
    margin-bottom: 20px;
  }

  section.content-section-classic-new {
    margin: 100px 15px 80px;
  }
  section.content-section-classic-new a.tile {
    width: 400px;
    height: 320px;
  }
  section.content-section-classic-new a.tile.old {
    margin-right: 5px;
  }
  section.content-section-classic-new a.tile.new {
    margin-left: 5px;
  }
  section.content-section-classic-new a.tile .bottom img {
    bottom: -6px;
    left: -4px;
    max-width: 408px;
  }
  section.content-section-classic-new .cto-box {
    margin-top: 34px;
    max-width: 430px;
  }
  section.content-section-classic-new .cto-box.old {
    padding-bottom: 117px;
  }
}
@media (min-width: 1350px) {
  section.top-section.classic-new h1 {
    padding-top: 0;
    font-size: 60px;
  }

  section.content-section-classic-new {
    margin: 120px 15px 100px;
  }
  section.content-section-classic-new .cto-box {
    max-width: 500px;
  }
  section.content-section-classic-new .cto-box.old {
    padding-bottom: 93px;
  }
}
section.content-section-convert-account {
  margin: 60px auto;
  padding: 0 20px;
}
section.content-section-convert-account a.back {
  font-size: 16px;
  font-weight: 700;
}
section.content-section-convert-account h2 {
  margin-top: 10px;
}
section.content-section-convert-account h2.warning {
  color: #312E25;
  font-weight: 900;
  margin: 20px 0;
}
section.content-section-convert-account ul.orange {
  padding: 0px;
}
section.content-section-convert-account ul.orange li {
  position: relative;
  line-height: 1.5;
  padding-left: 19px;
  margin-bottom: 5px;
}
section.content-section-convert-account ul.orange li:last-of-type {
  margin-bottom: 0;
}
section.content-section-convert-account ul.orange li:before {
  position: absolute;
  content: "• ";
  color: #F58506;
  font-size: 28px;
  left: 0px;
  top: -10px;
}
section.content-section-convert-account form {
  margin-top: 20px;
}
section.content-section-convert-account form .form-control {
  max-width: 260px;
  height: 40px;
  border: 0;
  outline: 0;
  border-radius: 5px;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
section.content-section-convert-account form label {
  margin-bottom: 5px;
  font-size: 16px;
}
section.content-section-convert-account form p {
  color: #7E8890;
  line-height: 1.5;
  margin-bottom: 20px;
  font-size: 16px;
}
section.content-section-convert-account form .alert.alert-danger {
  max-width: 260px;
}

@media (min-width: 768px) {
  section.content-section-convert-account {
    margin: 80px auto;
    max-width: 520px;
    padding: 0;
  }
  section.content-section-convert-account h2 {
    margin-top: 15px;
  }
  section.content-section-convert-account h2.warning {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  section.content-section-convert-account {
    margin: 100px auto;
    max-width: 600px;
  }
  section.content-section-convert-account h2 {
    margin-top: 20px;
  }
  section.content-section-convert-account h2.warning {
    font-size: 24px;
  }
  section.content-section-convert-account form {
    padding-left: 20px;
  }
}
@media (min-width: 1350px) {
  section.content-section-convert-account {
    margin: 120px auto;
    max-width: 640px;
  }
  section.content-section-convert-account ul.orange li:before {
    top: -8px;
  }
}
section.content-section-confirm-convert {
  margin: 60px auto;
  padding: 0 20px;
  max-width: 520px;
}
section.content-section-confirm-convert a.old-version {
  width: 270px;
  display: block;
  cursor: pointer;
  width: 100%;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
  position: relative;
  border-radius: 10px 30px;
  margin: 20px auto 0;
  background-color: #F7F7F7;
  transition: all 0.2s ease-in-out;
}
section.content-section-confirm-convert a.old-version .text {
  padding: 15px 20px;
}
section.content-section-confirm-convert a.old-version:hover {
  transform: scale(1.025);
}
section.content-section-confirm-convert a.old-version img {
  display: none;
}
section.content-section-confirm-convert a.old-version h2, section.content-section-confirm-convert a.old-version span {
  font-size: 20px;
  color: #312E25;
  margin: 0 10px 5px 0;
  display: inline-block;
}
section.content-section-confirm-convert a.old-version h2.orange, section.content-section-confirm-convert a.old-version span.orange {
  color: #F58506;
}
section.content-section-confirm-convert a.old-version span {
  margin: 0;
}
section.content-section-confirm-convert a.old-version i {
  margin-top: 5px;
  color: #99A4AC;
  float: right;
}
section.content-section-confirm-convert a.old-version p {
  color: #7E8890;
  font-size: 14px;
  margin: 0;
}

@media (min-width: 456px) {
  section.content-section-confirm-convert a.old-version img.old-version-small {
    display: inline-block;
    position: absolute;
    top: -2px;
    left: -4px;
    width: 134px;
    box-shadow: none;
  }
  section.content-section-confirm-convert a.old-version .text {
    border-left: 1px solid #D6D7D7;
    padding: 25px 30px;
    margin-left: 127px;
  }
}
@media (min-width: 768px) {
  section.content-section-confirm-convert {
    margin: 80px auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  section.content-section-confirm-convert {
    margin: 100px auto;
    max-width: 600px;
  }
}
@media (min-width: 1350px) {
  section.content-section-confirm-convert {
    margin: 120px auto;
    max-width: 640px;
  }
  section.content-section-confirm-convert a.old-version img.old-version-small {
    width: 139px;
  }
}
section.content-section-contact .container .discount-actions {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  margin-bottom: 10px;
  background-color: #F7F7F7;
}
section.content-section-contact .container .discount-actions .row {
  padding: 20px;
}
section.content-section-contact .container .discount-actions .row p.bolder {
  font-weight: 700;
}
section.content-section-contact .container .discount-actions hr {
  margin: 0;
  border-top: 1px solid #D6D7D7;
}

section.top-section.blog .content {
  padding-top: 60px;
}
section.top-section.blog img.background-bg {
  height: 340px;
}

section.content-section.blog {
  padding-top: 100px;
  padding-bottom: 50px;
}
section.content-section.blog .row {
  margin: 0;
}
section.content-section.blog .blog-card {
  max-width: 270px;
  margin: 0 auto 20px;
}
section.content-section.blog .blog-card img {
  width: 100%;
  height: 245px;
  border-radius: 5px 5px 0 0;
}
section.content-section.blog .blog-card .blog-preview {
  padding: 20px;
  border: 1px solid #D6D7D7;
  border-top: none;
  border-radius: 0 0 5px 5px;
  max-width: 100%;
  text-align: left;
}
section.content-section.blog .blog-card .blog-preview h2 {
  margin: 0 0 15px;
}
section.content-section.blog .blog-card .blog-preview p {
  line-height: 1.7;
  font-size: 16px;
}
section.content-section.blog .blog-card .blog-preview a {
  text-align: right;
  display: block;
}
section.content-section.blog .blog-card .blog-preview a i {
  margin-left: 5px;
}
section.content-section.blog .paginate-buttons {
  margin-top: 5px;
}
section.content-section.blog .paginate-buttons .paginate-btn {
  width: 50px;
  height: 50px;
  background: linear-gradient(to bottom right, #D13E87, #9F2180);
  color: white;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 700;
  padding: 13px;
  display: inline-block;
  margin: 0 5px;
  box-shadow: 0px 1px 0px 0px #0F135D;
  cursor: pointer;
  opacity: 0.8;
}
section.content-section.blog .paginate-buttons .paginate-btn.active {
  opacity: 1;
}
section.content-section.blog .paginate-buttons span {
  margin: 0 5px;
  font-size: 18px;
  font-weight: 700;
}
section.content-section.blog.show {
  text-align: left;
}
section.content-section.blog.show .blog-show h2 {
  text-align: left;
}
section.content-section.blog.show .blog-show p {
  text-align: left;
}
section.content-section.blog.show .blog-show .blog-images {
  margin-top: 35px;
}
section.content-section.blog.show .blog-show .blog-images .video-wrapper {
  width: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
  cursor: pointer;
}
section.content-section.blog.show .blog-show .blog-images img.slides, section.content-section.blog.show .blog-show .blog-images video {
  width: 100%;
  max-width: 100%;
  display: none;
  border-radius: 8px;
}
section.content-section.blog.show .blog-show .blog-images img.slides:first-of-type, section.content-section.blog.show .blog-show .blog-images video:first-of-type {
  display: inline-block;
}
section.content-section.blog.show .blog-show .slide-buttons {
  margin: 30px auto;
}
section.content-section.blog.show .blog-show .slide-buttons button.slide-btn {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  background-color: #D8D8D8;
  border-color: #D8D8D8;
  opacity: 0.5;
}
section.content-section.blog.show .blog-show .slide-buttons button.slide-btn.active {
  background-color: #37A5CD;
  border-color: #37A5CD;
  opacity: 1;
}
section.content-section.blog.show .blog-show .slide-buttons button.slide-btn:active, section.content-section.blog.show .blog-show .slide-buttons button.slide-btn:focus {
  border: none;
  outline: none;
  padding: 0;
}
section.content-section.blog.show .blog-show .slide-buttons button.slide-btn.modal-btn.active {
  background-color: white;
  border-color: white;
}

.video-wrapper {
  width: 100%;
  display: block;
  position: relative;
  cursor: pointer;
}
.video-wrapper:after {
  padding-top: 56.25%;
  display: block;
  content: "";
}
.video-wrapper .play-button {
  position: absolute;
  top: calc(44.2% - 25px);
  width: 100%;
  z-index: 1;
  text-align: center;
  font-weight: 900;
  font-size: 20px;
  color: #9F2180;
}
.video-wrapper .play-button img.play-btn {
  display: block;
  margin: 0 auto 10px;
}
.video-wrapper #intro-video {
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: linear-gradient(90deg, #F5BA03 0%, #FBEAA3 100%);
  width: 100%;
}

@media (min-width: 768px) {
  section.top-section.blog {
    height: 380px;
  }
  section.top-section.blog .content {
    padding-top: 50px;
  }
  section.top-section.blog img.background-bg {
    height: 380px;
  }

  section.content-section.blog {
    padding-bottom: 70px;
  }
  section.content-section.blog .blog-container {
    max-width: 640px;
    margin: 0 auto;
  }
  section.content-section.blog .blog-card {
    max-width: 305px;
    margin: 0 auto 30px;
  }
  section.content-section.blog .blog-card .blog-preview p {
    font-size: 18px;
  }

  .lb-nav a.lb-prev:after {
    left: -15px;
  }
  .lb-nav a.lb-next:after {
    right: -15px;
  }
}
@media (min-width: 992px) {
  section.top-section.blog {
    height: 420px;
  }
  section.top-section.blog .content {
    padding-top: 100px;
  }
  section.top-section.blog img.background-bg {
    height: 420px;
  }

  section.content-section.blog {
    padding-top: 180px;
    padding-bottom: 120px;
  }
  section.content-section.blog .blog-card h2 {
    font-size: 24px;
  }
}
section.content-section-wall {
  margin: 54px auto 54px auto;
  width: 270px;
}
section.content-section-wall h2 {
  margin-left: 50px;
}
section.content-section-wall .gallery-item {
  margin-bottom: 30px;
}
section.content-section-wall .gallery-item img {
  border-radius: 5px;
  border: 1px solid #F7F7F7;
}

@media (max-width: 450px) {
  section.top-section-wall .content p {
    font-size: 14px;
  }
}
@media (min-width: 450px) and (max-width: 768px) {
  section.top-section-wall .content p {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  section.top-section-wall img.background-bg {
    min-height: 400px;
  }
  section.top-section-wall .content {
    top: calc(50% - 90px);
  }

  section.content-section-wall .pagination-lg {
    display: none;
  }
  section.content-section-wall .pagination-xs {
    display: flex;
  }
}
@media (min-width: 768px) {
  section.content-section-wall {
    width: 520px;
  }
  section.content-section-wall h2 {
    margin-left: 37px;
  }
  section.content-section-wall .pagination-lg {
    display: inline-block;
  }
  section.content-section-wall .pagination-xs {
    display: none;
  }
}
@media (min-width: 1024px) {
  section.content-section-wall {
    width: 600px;
  }
  section.content-section-wall h2 {
    margin-left: 15px;
  }
}
@media (min-width: 1440px) {
  section.content-section-wall {
    width: 640px;
  }
}
.call-to-action-button {
  display: none;
}

.btn-free-trial.mobile-only {
  display: none;
}

@media (max-width: 450px) {
  .btn-free-trial.mobile-only {
    width: 305px;
    display: block;
    margin: 0 auto;
  }
  .btn-free-trial.mobile-only .btn-free-trial-image {
    width: 305px;
    height: 104px;
    display: block;
    background: url("../images/DoeDeGratisProefles_Combined_Small.png") 0 0;
  }
  .btn-free-trial.mobile-only .btn-free-trial-image:hover {
    background: url("../images/DoeDeGratisProefles_Combined_Small.png") 0 104px;
  }
}
@media (min-width: 768px) {
  .call-to-action-button {
    float: right;
    margin-top: -23%;
    margin-right: 14%;
    display: block;
  }

  .btn-big {
    background-size: 180px 180px;
    width: 180px;
    height: 180px;
  }
  .btn-big .gratis {
    width: 126px;
    padding: 14px 34px 0 0;
    font-size: 24px;
  }

  .btn-free-trial {
    width: 305px;
    display: block;
  }
  .btn-free-trial .btn-free-trial-image {
    width: 305px;
    height: 104px;
    display: block;
    background: url("../images/DoeDeGratisProefles_Combined_Small.png") 0 0;
  }
  .btn-free-trial .btn-free-trial-image:hover {
    background: url("../images/DoeDeGratisProefles_Combined_Small.png") 0 104px;
  }

  .btn-read-more-about {
    width: 287px;
    display: block;
  }
  .btn-read-more-about .btn-read-more-about-image {
    width: 287px;
    height: 122px;
    margin-top: -20px;
    display: block;
    background: url("../images/LeesHierMeerOverTypeTopia_Combined_Small.png") 0 0;
  }
  .btn-read-more-about .btn-read-more-about-image:hover {
    background: url("../images/LeesHierMeerOverTypeTopia_Combined_Small.png") 0 122px;
  }
}
@media (min-width: 992px) {
  .call-to-action-button {
    margin-top: -21%;
  }

  .btn-big {
    background-size: 200px 200px;
    width: 200px;
    height: 200px;
  }
  .btn-big .gratis {
    width: 140px;
    padding: 20px 24px 0 0;
    font-size: 26px;
  }

  .btn-free-trial {
    width: 458px;
    display: block;
  }
  .btn-free-trial .btn-free-trial-image {
    width: 458px;
    height: 156px;
    display: block;
    background: url("../images/DoeDeGratisProefles_Combined_Medium.png") 0 0;
  }
  .btn-free-trial .btn-free-trial-image:hover {
    background: url("../images/DoeDeGratisProefles_Combined_Medium.png") 0 156px;
  }

  .btn-read-more-about {
    width: 430px;
    display: block;
  }
  .btn-read-more-about .btn-read-more-about-image {
    width: 430px;
    height: 183px;
    margin-left: -50px;
    margin-top: -30px;
    display: block;
    background: url("../images/LeesHierMeerOverTypeTopia_Combined_Medium.png") 0 0;
  }
  .btn-read-more-about .btn-read-more-about-image:hover {
    background: url("../images/LeesHierMeerOverTypeTopia_Combined_Medium.png") 0 183px;
  }
}
@media (min-width: 1350px) {
  .btn-big {
    background-size: 305px 305px;
    width: 305px;
    height: 285px;
  }
  .btn-big .gratis {
    width: 190px;
    padding: 66px 0 0 20px;
    font-size: 36px;
  }

  .btn-free-trial {
    width: 611px;
    display: block;
  }
  .btn-free-trial .btn-free-trial-image {
    width: 611px;
    height: 208px;
    display: block;
    background: url("../images/DoeDeGratisProefles_Combined.png") 0 0;
  }
  .btn-free-trial .btn-free-trial-image:hover {
    background: url("../images/DoeDeGratisProefles_Combined.png") 0 208px;
  }

  .btn-read-more-about {
    width: 574px;
    display: block;
  }
  .btn-read-more-about .btn-read-more-about-image {
    width: 574px;
    height: 245px;
    margin-left: -100px;
    margin-top: -40px;
    display: block;
    background: url("../images/LeesHierMeerOverTypeTopia_Combined.png") 0 0;
  }
  .btn-read-more-about .btn-read-more-about-image:hover {
    background: url("../images/LeesHierMeerOverTypeTopia_Combined.png") 0 245px;
  }
}
.btn-big {
  background-image: url("../images/bigbutton-original.png");
  background-repeat: no-repeat;
  padding: 45px;
  box-sizing: border-box;
  display: block;
  transform: scale(1);
  transition: all 0.2s ease-in-out;
}
.btn-big .gratis {
  position: relative;
  z-index: 2;
  border-radius: 50%;
  height: 200px;
  display: block;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  box-sizing: border-box;
  transition: all 0.3s ease-out;
}
.btn-big .gratis:before {
  transition: all 0.3s ease;
  content: "";
  z-index: -1;
  border-radius: 50%;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
}
.btn-big:hover {
  transform: scale(1.05);
}
.btn-big:hover .gratis:before {
  opacity: 1;
}

.btn-select-dutch-keyboard {
  width: 271px;
  display: block;
}
.btn-select-dutch-keyboard .btn-select-dutch-keyboard-image {
  width: 271px;
  height: 93px;
  display: block;
  background: url("../images/KiesJeToetsenbord_NE.jpg") 0 0;
}
.btn-select-dutch-keyboard .btn-select-dutch-keyboard-image:hover {
  background: url("../images/KiesJeToetsenbord_NE.jpg") 0 186px;
}
.btn-select-dutch-keyboard .btn-select-dutch-keyboard-image:active {
  background: url("../images/KiesJeToetsenbord_NE.jpg") 0 93px;
}

.btn-select-belgian-keyboard {
  width: 271px;
  display: block;
}
.btn-select-belgian-keyboard .btn-select-belgian-keyboard-image {
  width: 271px;
  height: 93px;
  display: block;
  background: url("../images/KiesJeToetsenbord_BE.jpg") 0 0;
}
.btn-select-belgian-keyboard .btn-select-belgian-keyboard-image:hover {
  background: url("../images/KiesJeToetsenbord_BE.jpg") 0 186px;
}
.btn-select-belgian-keyboard .btn-select-belgian-keyboard-image:active {
  background: url("../images/KiesJeToetsenbord_BE.jpg") 0 93px;
}