@charset "utf-8";

#cookie-notice { position: fixed; min-width: 100%; height: auto; z-index: 100000; font-size: 13px; letter-spacing: 0px; line-height: 20px; left: 0px; text-align: center; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, "Helvetica Neue", sans-serif; }

#cookie-notice, #cookie-notice * { box-sizing: border-box; }

#cookie-notice.cn-animated { animation-fill-mode: both; animation-duration: 0.5s !important; }

#cookie-notice.cn-animated.cn-effect-none { animation-duration: 0.001s !important; }

#cookie-notice .cookie-notice-container { display: block; }

#cookie-notice.cookie-notice-hidden .cookie-notice-container { display: none; }

#cookie-notice .cookie-revoke-container { display: block; }

#cookie-notice.cookie-revoke-hidden .cookie-revoke-container { display: none; }

.cn-position-top { top: 0px; }

.cn-position-bottom { bottom: 0px; }

.cookie-notice-container { padding: 15px 30px; text-align: center; width: 100%; z-index: 2; }

.cookie-revoke-container { padding: 15px 30px; width: 100%; z-index: 1; }

.cn-close-icon { position: absolute; right: 15px; top: 50%; margin-top: -10px; width: 15px; height: 15px; opacity: 0.5; padding: 10px; outline: none; cursor: pointer; }

.cn-close-icon:hover { opacity: 1; }

.cn-close-icon::before, .cn-close-icon::after { position: absolute; content: " "; height: 15px; width: 2px; top: 3px; background-color: rgb(128, 128, 128); }

.cn-close-icon::before { transform: rotate(45deg); }

.cn-close-icon::after { transform: rotate(-45deg); }

#cookie-notice .cn-revoke-cookie { margin: 0px; }

#cookie-notice .cn-button { margin: 0px 0px 0px 10px; display: inline-block; }

#cookie-notice .cn-button:not(.cn-button-custom) { font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, "Helvetica Neue", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0.25px; margin: 0px 0px 0px 10px; text-align: center; text-transform: none; display: inline-block; cursor: pointer; touch-action: manipulation; white-space: nowrap; outline: none; box-shadow: none; text-shadow: none; border: none; border-radius: 3px; text-decoration: none; padding: 8.5px 10px; line-height: 1; color: inherit; }

.cn-text-container { margin: 0px 0px 6px; }

.cn-text-container, .cn-buttons-container { display: inline-block; }

#cookie-notice.cookie-notice-visible.cn-effect-none, #cookie-notice.cookie-revoke-visible.cn-effect-none { animation-name: fadeIn; }

#cookie-notice.cn-effect-none { animation-name: fadeOut; }

#cookie-notice.cookie-notice-visible.cn-effect-fade, #cookie-notice.cookie-revoke-visible.cn-effect-fade { animation-name: fadeIn; }

#cookie-notice.cn-effect-fade { animation-name: fadeOut; }

#cookie-notice.cookie-notice-visible.cn-effect-slide, #cookie-notice.cookie-revoke-visible.cn-effect-slide { animation-name: slideInUp; }

#cookie-notice.cn-effect-slide { animation-name: slideOutDown; }

#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide, #cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide { animation-name: slideInDown; }

#cookie-notice.cn-position-top.cn-effect-slide { animation-name: slideOutUp; }

@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@-webkit-keyframes slideOutDown { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}

@keyframes slideOutDown { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}

@-webkit-keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@-webkit-keyframes slideOutUp { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}

@keyframes slideOutUp { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}

@media (max-width: 900px) {
  .cookie-notice-container #cn-notice-text { display: block; }
  .cookie-notice-container #cn-notice-buttons { display: block; }
  #cookie-notice .cn-button { margin: 0px 5px 5px; }
}

@media (max-width: 480px) {
  .cookie-notice-container, .cookie-revoke-container { padding: 15px 25px; }
}