:root {
--cookieColor1: #e0d7c7;
--cookieColor2: #c9c0b1;
--cookieColor3: #4D4D4D;
--cookieColor4: #FFFFFF;
}



.cookies-AP-St49{z-index: 3000; width:600px; height:auto;  background-color: #FFFFFF;   position: fixed;  bottom: -600px;  left:calc(50% - 300px); z-index:100; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; text-align:left; -webkit-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.41); -moz-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.41); box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.1); transition:all .5s ease !important; box-sizing:border-box; padding:25px; font-size:20px; font-weight:200;}
.cookies-AP-St49_1{display:flex; align-items: center; justify-content: space-evenly;}
.cookies-AP-St49_2{overflow:hidden; padding:0px;  height:0px; transition:all 0.5s ease;}
.cookies-AP-St49_3{margin:0px 0px 30px 0px;}
.cookies-AP-St49_3 p{width:100%; font-size:0.9rem; clear:both; display:block;}

.cookies-AP-St49 h2{margin:0px; font-size:1.3rem; font-weight:600;}

.cookies-AP-St50{color:#000000;}  


.cookies-AP-St51{width:100%; padding:15px; display:block; color:var(--cookieColor3); text-decoration:none; font-size:1rem; text-align:center; font-weight:500; background-color:var(--cookieColor1); cursor:pointer; margin:10px; display:flex; align-items: center; justify-content:center; transition:all 0.5s ease; overflow:hidden;}
.cookies-AP-St51:hover{width:100%;  padding:15px; display:block; color:var(--cookieColor4); text-decoration:none; font-size:1rem; text-align:center; font-weight:500;background-color:var(--cookieColor2); cursor:pointer; margin:10px;display:flex; align-items: center; justify-content:center; transition:all 0.5s ease; overflow:hidden;}

.cookies-AP-St51_1{width:100%; padding:15px; display:block; color:var(--cookieColor3); text-decoration:none; font-size:1rem; text-align:center; font-weight:500; cursor:pointer; margin:10px; border:2px var(--cookieColor1) solid; align-self: stretch; display:flex; align-items: center; justify-content:center; transition:all 0.5s ease; overflow:hidden;}
.cookies-AP-St51_1:hover{width:100%; padding:15px; display:block; color:var(--cookieColor3); text-decoration:none; font-size:1rem; text-align:center; font-weight:500; cursor:pointer; margin:10px; border:2px var(--cookieColor2) solid; align-self: stretch; display:flex; align-items: center; justify-content:center; transition:all 0.5s ease; overflow:hidden;}


.cookies-AP-toggle-button-cover {
  display: table-cell;
  position: relative;
  width: 100px;
  height: 20px;
  box-sizing: border-box;
  float:right;
}

.cookies-AP-button-cover {
  height: 40px;
  margin: 0px;
  background-color: #fff;
}

.cookies-AP-button-cover:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  color: #d7e3e3;
  font-size: 12px;
  line-height: 1;
  padding: 5px;
}

.cookies-AP-button-cover,
.cookies-AP-knobs,
.cookies-AP-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cookies-AP-button {
  position: relative;
  top: 50%;
  width: 74px;
  height: 36px;
  margin: -20px auto 0 auto;
  overflow: hidden;
}

.cookies-AP-button.r,
.cookies-AP-button.r .cookies-AP-layer {
  border-radius: 100px;
}

.cookies-AP-button.b2 {
  border-radius: 2px;
}

.cookies-AP-checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.cookies-AP-knobs {
  z-index: 2;
}

.cookies-AP-layer {
  width: 100%;
  background-color: #c7ffc4;
  transition: 0.3s ease all;
  z-index: 1;
}

/* Button 1 */
#cookies-AP-button-1 .cookies-AP-knobs:before {
  content: "TAK";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  background-color: #0b7c0b;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#cookies-AP-button-1 .cookies-AP-checkbox:checked + .cookies-AP-knobs:before {
  content: "NIE";
  left: 42px;
  background-color: #f44336;
}

#cookies-AP-button-1 .cookies-AP-checkbox:checked ~ .cookies-AP-layer {
  background-color: #fcebeb;
}

#cookies-AP-button-1 .cookies-AP-knobs,
#cookies-AP-button-1 .cookies-AP-knobs:before,
#cookies-AP-button-1 .cookies-AP-layer {
  transition: 0.3s ease all;
}

@media only screen and (max-width: 1032px) {



.cookies-AP-St49{z-index:3000; width:100%; max-height:80vh; overflow-y: scroll; height:auto;  background-color: #FFFFFF;   position: fixed;  bottom: -600px;  left:0px; z-index:100; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; text-align:left; -webkit-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.41); -moz-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.41); box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.1); transition:all .5s ease !important; box-sizing:border-box; padding:25px; font-size:20px; font-weight:200;}
.cookies-AP-St49_1{display:flex; align-items: center; justify-content: center; flex-flow:wrap;}
.cookies-AP-St49_2{overflow:hidden; padding:0px;  height:0px; transition:all 0.5s ease;}
.cookies-AP-St49_3{margin:0px 0px 30px 0px;}
.cookies-AP-St49_3 p{width:100%; font-size:0.9rem; clear:both; display:block;}

.cookies-AP-St49 h2{margin:0px; font-size:1.3rem; font-weight:600;}

.cookies-AP-St50{color:#000000;}  


.cookies-AP-St51{width:100%; padding:15px; display:block; color:var(--cookieColor3); text-decoration:none; font-size:1rem; text-align:center; font-weight:500; background-color:var(--cookieColor1); cursor:pointer; margin:10px; display:flex; align-items: center; justify-content:center; transition:all 0.5s ease; overflow:hidden;}
.cookies-AP-St51:hover{width:100%;  padding:15px; display:block; color:var(--cookieColor4); text-decoration:none; font-size:1rem; text-align:center; font-weight:500;background-color:var(--cookieColor2); cursor:pointer; margin:10px;display:flex; align-items: center; justify-content:center; transition:all 0.5s ease; overflow:hidden;}

.cookies-AP-St51_1{width:100%; padding:15px; display:block; color:var(--cookieColor3); text-decoration:none; font-size:1rem; text-align:center; font-weight:500; cursor:pointer; margin:10px; border:2px var(--cookieColor1) solid; align-self: stretch; display:flex; align-items: center; justify-content:center; transition:all 0.5s ease; overflow:hidden;}
.cookies-AP-St51_1:hover{width:100%; padding:15px; display:block; color:var(--cookieColor3); text-decoration:none; font-size:1rem; text-align:center; font-weight:500; cursor:pointer; margin:10px; border:2px var(--cookieColor2) solid; align-self: stretch; display:flex; align-items: center; justify-content:center; transition:all 0.5s ease; overflow:hidden;}


.cookies-AP-toggle-button-cover {
  display: table-cell;
  position: relative;
  width: 100px;
  height: 20px;
  box-sizing: border-box;
  float:right;
}

.cookies-AP-button-cover {
  height: 40px;
  margin: 0px;
  background-color: #fff;
}

.cookies-AP-button-cover:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  color: #d7e3e3;
  font-size: 12px;
  line-height: 1;
  padding: 5px;
}

.cookies-AP-button-cover,
.cookies-AP-knobs,
.cookies-AP-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cookies-AP-button {
  position: relative;
  top: 50%;
  width: 74px;
  height: 36px;
  margin: -20px auto 0 auto;
  overflow: hidden;
}

.cookies-AP-button.r,
.cookies-AP-button.r .cookies-AP-layer {
  border-radius: 100px;
}

.cookies-AP-button.b2 {
  border-radius: 2px;
}

.cookies-AP-checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.cookies-AP-knobs {
  z-index: 2;
}

.cookies-AP-layer {
  width: 100%;
  background-color: #c7ffc4;
  transition: 0.3s ease all;
  z-index: 1;
}

/* Button 1 */
#cookies-AP-button-1 .cookies-AP-knobs:before {
  content: "TAK";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  background-color: #0b7c0b;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#cookies-AP-button-1 .cookies-AP-checkbox:checked + .cookies-AP-knobs:before {
  content: "NIE";
  left: 42px;
  background-color: #f44336;
}

#cookies-AP-button-1 .cookies-AP-checkbox:checked ~ .cookies-AP-layer {
  background-color: #fcebeb;
}

#cookies-AP-button-1 .cookies-AP-knobs,
#cookies-AP-button-1 .cookies-AP-knobs:before,
#cookies-AP-button-1 .cookies-AP-layer {
  transition: 0.3s ease all;
}

}
