#cookie-bar{background:#EEE; height:auto; font-family: 'Sanchez', serif; font-size:16px; line-height:24px; color:#333; text-align:center; padding:2.5% 2%; z-index:10000; box-shadow:0 -5px 5px -5px rgba(0, 0, 0, 0.3);}
#cookie-bar.fixed{position:fixed; bottom:5px; right:5px; width:32%; animation:slideInFromBottom 0.8s ease-out 1s forwards; transform:translateY(150%); opacity:0;}
@keyframes slideInFromBottom {
  0% {
    transform: translateY(150%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
#cookie-bar.fixed.bottom{bottom:5px; top:auto;}
#cookie-bar p{margin:0; padding:0;}
#cookie-bar a{color:#fff; display:inline-block; border-radius:2px; text-decoration:none; padding:4px 8px; margin-left:8px;}
#cookie-bar .cb-enable{background:#216600; opacity:1; font-weight:700; transition:opacity .25s ease-in-out; cursor:pointer; padding:10px 14px;}
#cookie-bar .cb-enable:hover{opacity:0.8;}
#cookie-bar .cb-disable{background:#990000;}
#cookie-bar .cb-disable:hover{background:#bb0000;}
#cookie-bar .cb-policy{opacity:1; transition:opacity .25s ease-in-out; cursor:pointer; color:#333; text-decoration:underline; font-weight:bold; margin:0; padding:0;}
#cookie-bar .cb-policy:hover{opacity:0.8;}
#cookie-bar .cb-manage{opacity:1; transition:opacity .25s ease-in-out; cursor:pointer; margin-left: 5%; color:#333; text-decoration:underline; font-weight:bold;}
#cookie-bar .cb-manage:hover{opacity:0.8;}

#cookie-popup{width:35%; max-height:65%; overflow:scroll; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:20000; background:#fff; padding:2.5%; border-radius:2.5px; box-shadow:0 4px 20px rgba(0,0,0,0.2); border:1px solid #ccc; font-family: 'Sanchez', serif; text-align:left; color:#696969;}
.popup-content span{margin:0; font-size:1.5rem; text-transform: capitalize; font-weight:bold;}
.popup-content span.heading{width:95%; display:inline-block;}
.popup-content button{background:#216600; opacity:1; font-weight:700; transition:opacity .25s ease-in-out; cursor:pointer; border:none; color:#ffffff; display:inline-block; border-radius:2px; text-decoration:none; padding:10px 12px; margin:12px 0 0 0; float:right;}
.popup-content button:hover{opacity:0.9;}
.popup-content a{color:#696969; font-weight:bold;}
button.popup-close{position:absolute; top:0; right:15px; background:none; border:none; font-size:24px; font-weight:normal; cursor:pointer;}
button.popup-close svg{width:24px; height:24px; stroke:#999;}
#cookie-backdrop{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:999;}
.cookie-toggle{display:block; width:auto; float:right;}
.cookie-toggle span#toggleStatus{font-size:12px; margin:5px; line-height:2.2;}
.toggle-switch{position:relative;display:inline-block;width:50px;height:26px; float:right;} 
.toggle-switch input{display:none;} 
.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:26px;transition:.3s;} 
.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:white;border-radius:50%;transition:.3s;} 
input:checked + .toggle-slider{background:#216600;} 
input:checked + .toggle-slider:before{transform:translateX(24px);}

@media only screen and (min-width:0px) and (max-width:479px) {
    button.popup-close{right:5px;}
    #cookie-bar{padding:4.5% 2%;}
    #cookie-bar.fixed{width:96%; right:0; bottom:0;}
    #cookie-bar.fixed.bottom{bottom:0;}
    #cookie-popup{width:80% !important;}
}
@media only screen and (min-width:480px) and (max-width:767px){
    #cookie-popup{width:80% !important;}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
    #cookie-bar .cb-manage{margin-left:1%;}
    #cookie-popup{width:60% !important;}
}
@media only screen and (min-width:1024px) and (max-width:1270px){
    #cookie-bar.fixed{width:45%;}
    #cookie-popup{width:60% !important;}
}