
#acceptCookies {
  position:fixed;
  bottom:0;
  right:0;
  margin:20px;
  max-width:300px;
  min-height:360px;
  /* background:rgb(100, 200, 50,0.94); */
  background: rgba(33,33,33,0.94);
  padding:20px;
  border-radius:5px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  box-shadow:0 0 10px rgba(33,33,33,0.5);
  z-index: 9999999;
}
#acceptCookies > #acceptCookieCloseContainer {
  position:absolute;
  top:10px;
  right:10px;
  height:30px;
  width:30px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#acceptCookies > #acceptCookieCloseContainer:hover {
  cursor:pointer;
}
#acceptCookies > #acceptCookieCloseContainer > .closebar {
  position:absolute;
  width:20px;
  height:3px;
  display:block;
  background:rgba(255,255,255,1);
  transition:600ms ease-in-out;
}
#acceptCookies > #acceptCookieCloseContainer > .closebar.bar1 {
  transform:rotate3d(0, 0, 0.5, 45deg);
  background:rgba(200,200,200,1);
}
#acceptCookies > #acceptCookieCloseContainer > .closebar.bar2 {
  transform:rotate3d(0, 0, 0.5, -45deg);
  box-shadow:0 0 10px 2px rgba(0,0,0,0.8);
  transition:300ms ease-in-out;
}
#acceptCookies > #acceptCookieCloseContainer:hover > .closebar.bar1 {
  transform:rotate3d(0, 0, 0.5, -45deg);
}
#acceptCookies > #acceptCookieCloseContainer:hover > .closebar.bar2 {
  transform:rotate3d(0, 0, 0.5, 45deg);
}
#acceptCookies > p {
  color:rgba(255,255,255,1);
  /* color:rgb(33, 33, 33, 1); */
  font-size:14px;
  font-weight:200;
  letter-spacing:1px;
  line-height:1.4;
  padding:0;
  margin:0 0 20px 0;
}
#acceptCookies > p.fill {
  flex:1;
}
#acceptCookies > p > i {
  font-size:55px;
  margin:20px
}
#acceptCookies > p > a {
  text-decoration:none;
  border-bottom:0.5px dotted rgba(100,100,100,1);
  /* color:rgba(255,255,255,1); */
  color: #DA251C;
  transition:400ms ease;
  padding:0 5px 0 5px;
  display:inline;
}
#acceptCookies > p > a:hover {
  border-bottom:0.5px solid rgba(255,255,255,1);
}
#acceptCookies > a.acceptButton {
  display:block;
  width:100%;
  background: rgb(218, 37, 28);
  border-radius:2px;
  text-align:center;
  padding:10px 5px;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  cursor:pointer;
  transition:600ms ease;
  color:rgba(255,255,255,1);
  /* color:rgba(33,33,33,1); */

}
#acceptCookies > a.acceptButton:hover {
  /* background:rgba(255,255,255,1); */
  background: rgb(255, 82, 28);
  /* box-shadow:0 0 10px 1px rgba(0,0,0,0.8); */
  box-shadow:0 0 10px 1px rgb(255, 82, 28);

}
#acceptCookies > a.noAcceptButton {
  display:block;
  width:100%;
  margin-top: 0.5em;
  background:rgba(200,200,200,1);
  border-radius:2px;
  text-align:center;
  padding:10px 5px;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  cursor:pointer;
  transition:600ms ease;
  color:rgba(33,33,33,1);
}
#acceptCookies > a.noAcceptButton:hover {
  background:rgba(200,200,200,1);
  /* box-shadow:0 0 10px 1px rgba(0,0,0,0.8); */
  box-shadow:0 0 10px 1px rgb(255, 82, 28);

}
#cookie-img{
    width: 50px;
    height: 50px;
}