@font-face {
  font-family: 'arialrounded';
  src: url("fonts/ARLRDBD.TTF");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'myriadpro';
  src: url("fonts/MyriadPro-Regular.otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'myriadpro';
  src: url("fonts/MyriadPro-Italic.ttf");
  font-style: italic; }

.row-header {
  margin: 0px auto;
  padding: 0px 0px; }

.row-content {
  margin: 0px auto;
  padding: 50px 0px;
  min-height: 400px; }

.footer {
  background-color: #262524;
  margin: 0px auto;
  padding: 20px 0px;
  border-top: 1px solid #05f2db;
  min-height: 50px; }
  .footer .footer-text {
    color: #2575a6;
    font-family: "arialrounded"; }

address {
  font-size: 80%;
  margin: 0px;
  color: #0f0f0f; }

body {
  padding: 50px 0px 0px 0px;
  z-index: 0;
  background-color: #262524; }

.navbar-inverse {
  background-color: #262524;
  border-bottom: 1px solid #05f2db;
  font-family: "arialrounded"; }
  .navbar-inverse .navbar-brand {
    color: #05f2db;
    margin-right: 100px; }
  .navbar-inverse .navbar-nav .nav-link {
    color: floralwhite; }
  .navbar-inverse .navbar-nav .active .nav-link {
    color: #2575a6; }
  .navbar-inverse .navbar-nav {
    align-items: center;
    align-self: center; }

.card {
  margin-top: 100px;
  margin-bottom: 100px;
  background-color: #262524; }

.card-title {
  color: #05f2db;
  font-family: 'myriadpro'; }

.card-subtitle {
  color: #62abd9;
  font-family: "myriadpro";
  font-style: italic; }

.carousel {
  background: #262524; }
  .carousel .carousel-item {
    height: 300px; }
    .carousel .carousel-item img {
      position: absolute;
      top: 0;
      left: 0;
      min-height: 300px; }

#carousel-button {
  right: 0px;
  position: absolute;
  bottom: 0px; }

.pic-round {
  max-width: 200px;
  max-height: 200px;
  border-radius: 50%;
  border-style: solid;
  border-color: black;
  border-width: 7px;
  align-self: center; }

@font-face {
  font-family: 'xmas';
  src: url("fonts/Christmas.ttf");
  font-weight: normal;
  font-style: normal; }

.kerst {
  margin: 0px auto;
  padding: 0px 0px;
  background-color: floralwhite;
  background: url(kerstimages/kerst2.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.container-kerst {
  margin: 0px auto;
  padding: 0px 0px;
  padding-top: 175px;
  padding-bottom: 50px; }
  .container-kerst .row-content {
    height: 100%; }
  .container-kerst .verse {
    margin-top: 40px; }
    .container-kerst .verse a {
      color: black;
      font-family: "xmas";
      font-size: 16pt; }
  .container-kerst h4 {
    font-family: "xmas";
    color: black; }

#verder2 {
  color: orange;
  font-family: "Arial";
  font-size: 8pt; }

#verder3 {
  visibility: hidden; }

#ResultCard {
  visibility: hidden; }

.footer-kerst {
  background-color: floralwhite; }

.card-kerst {
  background-color: floralwhite; }

.card-header-kerst {
  background-color: floralwhite; }
  .card-header-kerst h4 {
    font-family: Arial; }

#Result {
  font-weight: bold; }

#qid {
  padding: 10px 15px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 20px; }

label.btn {
  padding: 18px 60px;
  white-space: normal;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s; }

label.btn:hover {
  text-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1); }

label.btn-block {
  text-align: left;
  position: relative; }

label .btn-label {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.15);
  height: 100%; }

label .glyphicon {
  top: 34%; }

.element-animation1 {
  animation: animationFrames ease .8s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames ease .8s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -ms-animation: animationFrames ease .8s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%; }

.element-animation2 {
  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%; }

.element-animation3 {
  animation: animationFrames ease 1.2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames ease 1.2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -ms-animation: animationFrames ease 1.2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%; }

.element-animation4 {
  animation: animationFrames ease 1.4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames ease 1.4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -ms-animation: animationFrames ease 1.4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%; }

@keyframes animationFrames {
  0% {
    opacity: 0;
    transform: translate(-1500px, 0px); }
  60% {
    opacity: 1;
    transform: translate(30px, 0px); }
  80% {
    transform: translate(-10px, 0px); }
  100% {
    opacity: 1;
    transform: translate(0px, 0px); } }

@-webkit-keyframes animationFrames {
  0% {
    opacity: 0;
    -webkit-transform: translate(-1500px, 0px); }
  60% {
    opacity: 1;
    -webkit-transform: translate(30px, 0px); }
  80% {
    -webkit-transform: translate(-10px, 0px); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px); } }

@-ms-keyframes animationFrames {
  0% {
    opacity: 0;
    -ms-transform: translate(-1500px, 0px); }
  60% {
    opacity: 1;
    -ms-transform: translate(30px, 0px); }
  80% {
    -ms-transform: translate(-10px, 0px); }
  100% {
    opacity: 1;
    -ms-transform: translate(0px, 0px); } }

.modal-header {
  background-color: transparent;
  color: inherit; }

.modal-body {
  min-height: 205px; }

#loadbar {
  position: absolute;
  width: 62px;
  height: 77px;
  top: 2em; }

.blockG {
  position: absolute;
  background-color: #FFF;
  width: 10px;
  height: 24px;
  -moz-border-radius: 8px 8px 0 0;
  -moz-transform: scale(0.4);
  -moz-animation-name: fadeG;
  -moz-animation-duration: .8800000000000001s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -webkit-border-radius: 8px 8px 0 0;
  -webkit-transform: scale(0.4);
  -webkit-animation-name: fadeG;
  -webkit-animation-duration: .8800000000000001s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -ms-border-radius: 8px 8px 0 0;
  -ms-transform: scale(0.4);
  -ms-animation-name: fadeG;
  -ms-animation-duration: .8800000000000001s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -o-border-radius: 8px 8px 0 0;
  -o-transform: scale(0.4);
  -o-animation-name: fadeG;
  -o-animation-duration: .8800000000000001s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  border-radius: 8px 8px 0 0;
  transform: scale(0.4);
  animation-name: fadeG;
  animation-duration: .8800000000000001s;
  animation-iteration-count: infinite;
  animation-direction: linear; }

#rotateG_01 {
  left: 0;
  top: 28px;
  -moz-animation-delay: .33s;
  -moz-transform: rotate(-90deg);
  -webkit-animation-delay: .33s;
  -webkit-transform: rotate(-90deg);
  -ms-animation-delay: .33s;
  -ms-transform: rotate(-90deg);
  -o-animation-delay: .33s;
  -o-transform: rotate(-90deg);
  animation-delay: .33s;
  transform: rotate(-90deg); }

#rotateG_02 {
  left: 8px;
  top: 10px;
  -moz-animation-delay: .44000000000000006s;
  -moz-transform: rotate(-45deg);
  -webkit-animation-delay: .44000000000000006s;
  -webkit-transform: rotate(-45deg);
  -ms-animation-delay: .44000000000000006s;
  -ms-transform: rotate(-45deg);
  -o-animation-delay: .44000000000000006s;
  -o-transform: rotate(-45deg);
  animation-delay: .44000000000000006s;
  transform: rotate(-45deg); }

#rotateG_03 {
  left: 26px;
  top: 3px;
  -moz-animation-delay: .55s;
  -moz-transform: rotate(0deg);
  -webkit-animation-delay: .55s;
  -webkit-transform: rotate(0deg);
  -ms-animation-delay: .55s;
  -ms-transform: rotate(0deg);
  -o-animation-delay: .55s;
  -o-transform: rotate(0deg);
  animation-delay: .55s;
  transform: rotate(0deg); }

#rotateG_04 {
  right: 8px;
  top: 10px;
  -moz-animation-delay: .66s;
  -moz-transform: rotate(45deg);
  -webkit-animation-delay: .66s;
  -webkit-transform: rotate(45deg);
  -ms-animation-delay: .66s;
  -ms-transform: rotate(45deg);
  -o-animation-delay: .66s;
  -o-transform: rotate(45deg);
  animation-delay: .66s;
  transform: rotate(45deg); }

#rotateG_05 {
  right: 0;
  top: 28px;
  -moz-animation-delay: .7700000000000001s;
  -moz-transform: rotate(90deg);
  -webkit-animation-delay: .7700000000000001s;
  -webkit-transform: rotate(90deg);
  -ms-animation-delay: .7700000000000001s;
  -ms-transform: rotate(90deg);
  -o-animation-delay: .7700000000000001s;
  -o-transform: rotate(90deg);
  animation-delay: .7700000000000001s;
  transform: rotate(90deg); }

#rotateG_06 {
  right: 8px;
  bottom: 7px;
  -moz-animation-delay: .8800000000000001s;
  -moz-transform: rotate(135deg);
  -webkit-animation-delay: .8800000000000001s;
  -webkit-transform: rotate(135deg);
  -ms-animation-delay: .8800000000000001s;
  -ms-transform: rotate(135deg);
  -o-animation-delay: .8800000000000001s;
  -o-transform: rotate(135deg);
  animation-delay: .8800000000000001s;
  transform: rotate(135deg); }

#rotateG_07 {
  bottom: 0;
  left: 26px;
  -moz-animation-delay: .99s;
  -moz-transform: rotate(180deg);
  -webkit-animation-delay: .99s;
  -webkit-transform: rotate(180deg);
  -ms-animation-delay: .99s;
  -ms-transform: rotate(180deg);
  -o-animation-delay: .99s;
  -o-transform: rotate(180deg);
  animation-delay: .99s;
  transform: rotate(180deg); }

#rotateG_08 {
  left: 8px;
  bottom: 7px;
  -moz-animation-delay: 1.1s;
  -moz-transform: rotate(-135deg);
  -webkit-animation-delay: 1.1s;
  -webkit-transform: rotate(-135deg);
  -ms-animation-delay: 1.1s;
  -ms-transform: rotate(-135deg);
  -o-animation-delay: 1.1s;
  -o-transform: rotate(-135deg);
  animation-delay: 1.1s;
  transform: rotate(-135deg); }

@-moz-keyframes fadeG {
  0% {
    background-color: #000; }
  100% {
    background-color: #FFF; } }

@-webkit-keyframes fadeG {
  0% {
    background-color: #000; }
  100% {
    background-color: #FFF; } }

@-ms-keyframes fadeG {
  0% {
    background-color: #000; }
  100% {
    background-color: #FFF; } }

@-o-keyframes fadeG {
  0% {
    background-color: #000; }
  100% {
    background-color: #FFF; } }

@keyframes fadeG {
  0% {
    background-color: #000; }
  100% {
    background-color: #FFF; } }