body {
  background-position: center;background-repeat:no-repeat;
  background-size:cover;
  position: relative;
  font-size: .875rem;
  background: radial-gradient(rgb(31, 60, 78),rgb(16, 31, 40));
  background-color: rgb(19, 36, 48);
  -webkit-overflow-Y: hidden;
  -moz-overflow-Y: hidden;
  -o-overflow-Y: hidden;
  overflow-y: hidden;
  -webkit-animation: fadeIn 1 1s ease-out;
  -moz-animation: fadeIn 1 1s ease-out;
  -o-animation: fadeIn 1 1s ease-out;
  animation: fadeIn 1 1s ease-out;
}

.modal-backdrop{
  background-color: rgb(31, 60, 78);
}
.modal-body{
    background-color: #fbfdfd;
}
.modal-header{
  background-color: #fbfdfd;
}
.modal-footer{
  background-color: #fbfdfd;
}
.form-control {
  background-color: #fbfdfd!important;
}

.buttoncenter{
  min-width: 5rem;
  position: absolute;
  background: transparent;
  text-align: center;
  height: 3.125rem;
  opacity: .6;
  top: 70%;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  transition: all 0.3s ease 0s;
}

.buttonskip{
  min-width: 5rem;
  position: absolute;
  background: transparent;
  text-align: center;
  height: 3.125rem;
  opacity: .6;
  top: 50%;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  transition: all 0.3s ease 0s;
}

.button{
  min-width: 5rem;
  font-size: .875rem;
  color: #000;
  background-color:#fff;
  border: none;
  border-radius: 45px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 8px -2px, rgba(0, 0, 0, 0.25) 0px 0px 0px 1px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
}

@media(hover: hover) and (pointer: fine) {
  .button:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 8px -2px, rgba(0, 0, 0, 0.25) 0px 0px 0px 1px;
    transform: translateY(-3.5px);
    }
  }

.text-footer{
  color:#fff;
  position: absolute;
  text-align: center;
  height: 50px;
  top: 95%;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}

.header{
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: 200;
color: white;
font-size: 1.375rem;
}

#head1, #head2, #head3, #head4, #head5{
opacity: 0;
}

#head1{
-webkit-animation: fadeOut 1 5.5s ease-in;
-moz-animation: fadeOut 1 5.5s ease-in;
-o-animation: fadeOut 1 5.5s ease-in;
animation: fadeOut 1 5.5s ease-in;
}

#head2{
-webkit-animation: finalFade 1 5s ease-in;
-moz-animation: finalFade 1 5s ease-in;
-o-animation: finalFade 1 5s ease-in;
animation: finalFade 1 5s ease-in;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 6.5s;
-moz-animation-delay: 6.5s;
-o-animation-delay: 6.5s;
animation-delay: 6.5s;
}

#head3{
-webkit-animation: finalFade 1 5s ease-in;
-moz-animation: finalFade 1 5s ease-in;
-o-animation: finalFade 1 5s ease-in;
animation: finalFade 1 5s ease-in;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 7.25s;
-moz-animation-delay: 7.25s;
-o-animation-delay: 7.25s;
animation-delay: 7.25s;
}

#head4{
-webkit-animation: fadeOut 1 6s ease-in;
-moz-animation: fadeOut 1 6s ease-in;
-o-animation: fadeOut 1 6.5s ease-in;
animation: fadeOut 1 6.5s ease-in;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

#head5{
-webkit-animation: finalFade 1 5s ease-in;
-moz-animation: finalFade 1 5s ease-in;
-o-animation: finalFade 1 5s ease-in;
animation: finalFade 1 5s ease-in;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 7.5s;
-moz-animation-delay: 7.5s;
-o-animation-delay: 7.5s;
animation-delay: 7.5s;
}

@-webkit-keyframes fadeOut{
8%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 0;}
}

@-moz-keyframes fadeOut{
8%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 0;}
}

@-o-keyframes fadeOut{
8%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 0;}
}

@keyframes fadeOut{
8%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 0;}
}

@-webkit-keyframes finalFade{
0%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 1;}
}

@-moz-keyframes finalFade{
0%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 1;}
}

@-o-keyframes finalFade{
0%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 1;}
}

@keyframes finalFade{
0%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 1;}
}

#footer{
font-size: .875rem;
color: white;
position: fixed;
-webkit-transform: translate(95vw,90vh);
-moz-transform: translate(95vw,90vh);
transform: translate(95vw,90vh);
transform: translate(95vw,90vh);
}

.buttonbig {
  font-size: .875rem;
  color: #000;
  background-color:#fff;
  border: none;
  border-radius: 45px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 8px -2px, rgba(0, 0, 0, 0.25) 0px 0px 0px 1px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  }

  @media(hover: hover) and (pointer: fine) {
    .buttonbig:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 8px -2px, rgba(0, 0, 0, 0.25) 0px 0px 0px 1px;
    transform: translateY(-3.5px);
  }
}

.buttonok {
  min-width: 5rem;
  font-size: .875rem;
  color: #000;
  background-color:#fff;
  border: none;
  border-radius: 45px;
  box-shadow: rgb(228, 234, 237) 0px 8px 8px -2px, rgb(228, 234, 237) 0px 0px 0px 1px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  }
  @media(hover: hover) and (pointer: fine) {
  .buttonok:hover {
    background-color: rgb(31, 60, 78);
    box-shadow: rgb(228, 234, 237) 0px 10px 8px -2px, rgb(228, 234, 237) 0px 0px 0px 1px;
    color: #fff;
    transform: translateY(-3.5px);
  }
}

.cookiealert {
  transform: translateY(-120%);
  transition: all 700ms ease-out;
  color: #ecf0f1;
}

.cookiealert.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
  transition-delay: 8.5s;
}

.cookiealert a {
  text-decoration: underline
}

.cookiealert .acceptcookies {
  margin-left: 10px;
  vertical-align: baseline;
}

.bg-custom{
  background-color:rgb(16, 31, 40);
}

.rounded-custom {
  border-radius:1rem!important
}

.pointer         { cursor: pointer; }