@charset "utf-8";

.cookies_n{position: fixed; z-index: 1001; width: 100%; left: 0px; bottom: 0px; font-size: 0.85em;  height: fit-content;}
.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)}

#cookieBookCode {
    height: 0;
    overflow: hidden;
}

@media only screen and  (max-width:550px) {
	.cookies_n>aside{width: calc(100% - 30px); padding: 0 15px;}
	.cookies_n>aside>*>article{height: calc(100% - 100px);}
	.cookies_n>aside>*>nav>a, .cookies_n>div>nav>a{margin-bottom: 10px; padding: 8px 12px; font-size: 0.8em;}
	.cookies_n>div>nav{justify-content: center;}
	
	
}