@charset "utf-8";

.cookies_n{position: fixed; z-index: 1001; width: 100%; left: 0px; bottom: 0px; font-size: 0.85em;  }
.cookies_n>div{ background: rgba(255,255,255,1.00); border-radius:5px; box-shadow: 0px 3px 50px rgba(0, 30, 111, 0.2); width: calc(100% - 120px); padding:30px 0 0 30px; margin: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.cookies_n>div>*{min-width: 150px; margin: 0 30px 30px 0;}
.cookies_n>div>h3{ font-size: 1.5em; }
.cookies_n>div>nav{ display: flex; flex-wrap: wrap; justify-content: flex-end;}
.cookies_n>div>nav>a{ cursor: pointer; display: inline-block; padding: 15px; background: rgba(255,255,255,1.00); border:1px solid rgba(126, 126, 126, 0.2); border-radius:5px; margin-left: 15px; text-decoration: none; transition: 0.5s; color: rgba(39,39,39,1.00);}
.cookies_n>div>nav>a.all_cla{ cursor: pointer; color: rgba(255,255,255,1.00); background: rgb(42, 40, 53);}
.cookies_n>div>nav>a:hover{background: rgba(3, 201, 150, 1); color: rgba(255,255,255,1.00); border-color: rgba(255,255,255,1.00);}


.cookies_n>aside{ position: fixed; z-index: 1001; opacity: 0; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; pointer-events: none; background: rgba(0,0,0,0.25); }
.cookies_n>aside>*{width: 800px; max-width:calc(90% - 60px); height: 800px; max-height:calc(90% - 60px); background: rgba(255,255,255,1.00); box-shadow:0px 3px 50px rgba(0, 30, 111, 0.2); border-radius:5px; padding: 30px; position: relative;}
.cookies_n>aside>*>aside{position: absolute; top: -20px; right: 0px; border: 4px solid rgba(255,255,255,1.00); width: 35px ; height: 35px; background:rgb(226, 63, 74); color: rgba(255,255,255,1.00); display: flex; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer;}
.cookies_n>aside>*>aside>*{color: rgba(255,255,255,1.00); transition: 0.5s; text-decoration: none;}
.cookies_n>aside>*>aside:hover>*{transform: rotate(360deg); } 

.cookies_n>aside>*>article{height: calc(100% - 100px); margin-top: 10px; overflow-y: auto; overflow-x: hidden; margin-right: -20px; padding-right: 40px; padding-bottom: 20px;}
.cookies_n>aside>*>article>h3{margin: 0 0 20px 0; font-size: 1.5rem;}
.cookies_n>aside>*>article>*>section{ margin-top:20px; border-top: 1px solid rgba(126, 126, 126, 0.2) }
.inneH4{display: flex; justify-content: space-between; margin:20px 0 10px 0px;}
.inneH4>a{cursor: pointer;}
.inneH4>a>i>span{font-size: 0.8em; color: rgba(51, 51, 51, 1);}
.cookies_n>aside>*>article>*>section>div>aside:last-child{ margin-top: 10px; font-size: 0.7rem; display: flex; justify-content: flex-end;}
.cookies_n>aside>*>article>*>section>div>aside:first-child{ cursor: pointer;margin-top: 5px; margin-bottom: 10px; cursor: pointer; font-size: 0.8rem; display: flex; justify-content: flex-start;}

.gH4 {margin: 0px 0px 5px 0px; font-size: 1.0em; font-weight: bold; cursor: pointer;}
.gH4>i {background: rgba(241, 242, 246, 0.75); border-radius: 50%; width: 20px; height: 20px ; display: inline-flex; justify-content: center; align-items: center; margin-right:5px; transition: 0.5s;}
.gH4:hover>i{color: rgba(255,255,255,1.00); background:rgba(88, 198, 139, 1);}

.dH4 {margin:10px 0px; }

.mainGroup { border: 1px solid rgba(126, 126, 126, 0.2); padding: 15px; margin-top: 5px; border-radius: 5px; }
.mainGroupF {margin-top: 30px; }

.cookies_n>aside>*>nav{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.cookies_n>aside>*>nav>a{ display: inline-block; padding: 15px; background: rgba(255,255,255,1.00); border:1px solid rgba(126, 126, 126, 0.2); border-radius:5px; margin-left: 15px; text-decoration: none; transition: 0.5s; color: rgba(39,39,39,1.00);}
.cookies_n>aside>*>nav>a:first-child{ cursor: pointer; margin-left: 0px;}
.cookies_n>aside>*>nav>a.all_cla{ cursor: pointer;  color: rgba(255,255,255,1.00); background: rgb(42, 40, 53);}
.cookies_n>aside>*>nav>a:hover{background: rgba(3, 201, 150, 1); color: rgba(255,255,255,1.00)}


.cookies_n>aside.active{ opacity:1; pointer-events: all;}

.cookOpis>aside{font-size: 0.6em !important; text-transform: uppercase; background: rgba(241, 242, 246, 0.75); padding:5px 10px; border-radius: 5px; display: inline-flex !important; transition: 0.5s;}
.cookOpis>aside:hover{color: rgba(255,255,255,1.00); background:rgba(88, 198, 139, 1);}

.toggleHide{ display: none !important;}
.toggleHideGrupa{ display: none !important;}

*[class="fa fa-toggle-on "]{color:rgba(88, 198, 139, 1)}
*[class="fa fa-toggle-off "]{color:rgb(226, 63, 74)}

/* Mobile cookie banner and preferences dialog. */
@media (max-width:600px) {
  .cookies_n { font-size:14px; }
  .cookies_n *, .cookies_n *::before, .cookies_n *::after { box-sizing:border-box; }

  .cookies_n>div {
    width:calc(100% - 24px);
    margin:12px;
    padding:20px;
    gap:16px;
    border-radius:16px;
    max-height:calc(100vh - 24px);
    max-height:calc(100dvh - 24px);
    overflow-y:auto;
  }
  .cookies_n>div>* { min-width:0; max-width:100%; margin:0; }
  .cookies_n>div>nav { width:100%; gap:10px; }
  .cookies_n>div>nav>a,
  .cookies_n>aside>*>nav>a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:48px;
    margin:0;
    padding:12px 16px;
    border-radius:12px;
    font-size:14px;
    line-height:1.4;
    text-align:center;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .cookies_n>aside {
    inset:0;
    width:100%;
    height:100%;
    padding:16px;
  }
  .cookies_n>aside>* {
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:480px;
    height:auto;
    max-height:calc(100vh - 32px);
    max-height:calc(100dvh - 32px);
    min-width:0;
    padding:24px 20px 20px;
    border-radius:16px;
  }
  .cookies_n>aside>*>aside {
    top:12px;
    right:12px;
    width:44px;
    height:44px;
    z-index:1;
  }
  .cookies_n>aside>*>article {
    flex:0 1 auto;
    min-height:0;
    height:auto;
    margin:0;
    padding:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
  }
  .cookies_n>aside>*>article>h3 {
    margin:0 48px 20px 0;
    font-size:24px;
    line-height:1.25;
  }
  .cookies_n .mainGroup { padding:16px; border-radius:12px; }
  .cookies_n .mainGroupF { margin-top:16px; }
  .cookies_n .inneH4 { gap:12px; align-items:center; }
  .cookies_n .inneH4>a { flex-shrink:0; min-height:44px; display:inline-flex; align-items:center; }
  .cookies_n .gH4 { min-height:44px; display:flex; align-items:center; }
  .cookies_n>aside>*>nav {
    flex:0 0 auto;
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:20px;
  }
}