.cookie-bar { font-size:1.4rem; position:fixed; left:0; right:0; top:0; bottom:0; z-index:9999; }
.cookie-bar .content { position:fixed; left:20px; right:20px; bottom:20px; z-index:2; max-width:820px; margin:0 auto; padding:32px; display:flex; background-color:#fff; border-radius:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.cookie-bar .cookie-cnt { flex-grow:1; margin:0 32px 0 0; }
.cookie-bar .cookie-cnt .cookie-logo { margin:0 0 32px; }
.cookie-bar .cookie-cnt .cookie-logo img { max-width:100%; max-height:65px; margin-left:-20px; }
.cookie-bar .cookie-cnt .cookie-title { margin:0 0 10px; }
.cookie-bar .cookie-cnt .cookie-text { font-size:12px; line-height:1.6; }
.cookie-bar .cookie-cnt .cookie-text a { color:inherit; text-decoration:underline; }
.cookie-bar .cookie-cnt.no-logo::before { content:"\f564"; font-size:3.6rem; font-weight:300; margin:0 0 20px; display:block; }
.cookie-bar .cookie-btns { flex-shrink:0; width:200px; align-self:flex-end; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.cookie-bar .cookie-btns .button { margin:6px 0 0; }
.cookie-bar .cookie-btns .button:first-child { margin-top:0; }
.cookie-bar .cookie-bg { position:fixed; left:0; right:0; top:0; bottom:0; z-index:1; background-color:rgba(0,0,0,0.8); }
.cookie-bar.no-bg .content { box-shadow:0 0 30px rgba(0,0,0,0.6); }
.cookie-bar.no-bg .cookie-bg { display:none; }
.cookie-settings { font-size:1.4rem; }
.cookie-settings .row { padding:20px 0; border-bottom:1px solid #d6d6d6; display:flex; align-items:center; }
.cookie-settings .row:first-child { padding-top:0; }
.cookie-settings .row .col { flex-grow:1; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.cookie-settings .row .col.col-switch { flex-shrink:0; width:120px; padding:0 0 0 20px; display:flex; align-items:center; justify-content:center; }
.cookie-settings .row .col .h5 { font-size:16px; }
.cookie-settings .row .col .text-small { font-size:12px; }
.cookie-settings .switch { position:relative; width:32px; height:18px; border-radius:18px; background-color:#ddd; cursor:pointer; transition:250ms background-color ease; }
.cookie-settings .switch::before { content:""; position:absolute; left:4px; top:0; bottom:0; margin:auto; width:12px; height:12px; border-radius:50%; background-color:#fff; transition:250ms transform ease; }
.cookie-settings .switch.active { background-color:#5cb27c; }
.cookie-settings .switch.active::before { transform:translateX(12px); }
.cookie-settings .switch.disabled { cursor:auto; }
.cookie-settings .checked { font-size:1.8rem; color:#5cb27c; }
@media screen and (max-width: 740px) { .cookie-bar .content {  padding:20px;  left:20px;  right:20px;  bottom:20px;  }
 .cookie-bar .cookie-cnt {  margin:0 20px 0 0;  }
 .cookie-bar .cookie-cnt .cookie-logo {  margin:0 0 20px;  }
 .cookie-bar .cookie-btns {  width:150px;  }
 }
@media screen and (max-width: 600px) { .cookie-bar .content {  flex-direction:column;  padding:20px;  }
 .cookie-bar .cookie-cnt {  margin:0 0 20px;  }
 .cookie-bar .cookie-btns {  width:100%;  }
 }
@media screen and (max-width: 540px) { .cookie-settings .row .col.col-switch {  width:70px;  }
 }