Ρολόγια
Ρολόγια
#emgdpr-cookie {
box-sizing: border-box;
z-index: 500;
position:relative;
padding: 20px 2%;
font-family: Calibri, Arial, sans-serif;
background: #FFF;
}
.emgcookie{
position:fixed;
width:100%;
left: 0;
right: 0;
bottom: 0;
/* transform: translateX(-50%) translateY(-50%); */
z-index: 999999;
display:none;
}
#emgdpr-cookie{
border:1px solid #03dcff;
/* padding: 4em 4.8em; */
width: 100%;
background:gray;
background-size:100% 100%;
float:left;
}
.emgd-cookie-left-content{
color:#fff;
/* width:80%; */
}
@media (max-width: 767px){
#emgdpr-cookie{
-webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
-o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
transition: width 1s ease-in-out, left 1.5s ease-in-out;
transition: height 1s ease-in-out, left 1.5s ease-in-out,width 1s ease-in-out, left 1.5s ease-in-out;
}
.emgcookie-selector{
width:95% !important;
height:auto;
border-bottom:1px solid ;
top:1% !important;
}
}
.emgcookie-selector-wrapper{
display: none;
overflow: hidden;
position: fixed;
top: 0;
z-index: 999999;
outline: 0;
right: 0;
bottom: 0;
left: 0;
background: #00000040;
}
.emgcookie-selector{
position:fixed;
width:610px;
left: 50%;
top:10%;
background:black;
/* right: 0;
bottom: 0; */
transform: translateX(-50%) translateY(-0%);
padding:15px;
color:#fff;
}
.emgcooki-btngroup{
text-align:center;
}
.emgcooki-btngroup button{
background:yellow;
border-color:yellow;
color:#000;
}
.emgdpr-cookie-toggler{
background:#000;
color:#ffff;
border:none;
padding:5px 15px;
position: fixed;
left: 0;
bottom: 0px;
transition: padding 2s;
-webkit-transition: padding 2s;
}
.emgdpr-cookie-toggler:hover{
padding:10px 20px;
}
#emgcookie h4{
color:#fff;
}
/*
.custombox-content, .custombox-overlay{
top:unset;
bottom:0;
height:80px;
} */
.emgcookie-selector , #emgdpr-cookie{
background:#655b5b;
}