/*--------------------------------------------------------------
  6.0 Cookies
--------------------------------------------------------------*/

.cookies {
    position: fixed!important;
    z-index: 99999998 !important;
    bottom: -300px;
    left: 0;
    color: #444;
    vertical-align: baseline;
    width: 100%;
    background-color: #ececec;
    box-shadow: 0 -4px 20px #000000cc;
    font-size: 13px;
    display: none;
    -webkit-animation: slideIn 1s forwards;
    -webkit-animation-delay: 1s;
    animation: slideIn 1s forwards;
    animation-delay: 1s;    
}

.cookies .txt {
    border-left: solid 3px #010101;
    padding: 0px 0px 0px 15px;
    margin: 15px 0;
    float: left;
    width: 80%;
}
@media (max-width: 700px) {
    .cookies .txt {
        width: 86%;
    }
}
@media (max-width: 480px) {
    .cookies .txt {
        font-size: 10px;
    }
}

.cookies a {
    text-decoration: none;
    color: #444;
    border-bottom: 1px dashed;    
    font-weight: 700;
    transition: background-color .2s ease;
    padding: 2px;
}

.cookies a:hover {
    border-bottom: 0px dashed;
    background-color: #000;
    color: orange;
    transition: background-color .2s ease;
}

.cookies .txt strong {
    font-size: 16px;
}

#btnclose {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 8px;
    transition: ease .3s all;
    width: 42px;
    height: 42px;
}
#btnclose:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: ease .3s all;
}

#btnclose:before, #btnclose:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
#btnclose:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#btnclose:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}


.cookies .centeredPage {
    position: relative;
    max-width: 940px;
    width: 100%;
    margin: 0px auto;
    padding: 0 10px;
    display: flex;
    align-items: center;
}

.cookies .fleft {
    float: left;
}

.cookies .divAceptar{
    /*float: left;
    position: relative;*/
    /* width: 15%; */
    display: inline-block;
    vertical-align: text-bottom;
}
.cookies #btnaceptar{
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    border: solid 1px #010101;
    text-align: center;
    padding: 5px 15px;
    display: inline-block;
    font-weight: 700;
    margin-right: 50px;
}
@media (max-width: 480px){
    .cookies {width:100%;}
    .cookies .centeredPage{flex-direction: column;}
    .cookies .txt {font-size: 10px;width: 100%;}
    .cookies .divAceptar{width: 100%;margin-bottom: 20px;}
    .cookies #btnaceptar{margin-left:15px;width: fit-content;}
}

.slide-out {
    -webkit-animation: slideOut 0.5s forwards;
    animation: slideOut 0.5s forwards;
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
}

@keyframes slideIn {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
}

@-webkit-keyframes slideOut {
  0% {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
  100% {
    -webkit-transform: translateY(300px);
            transform: translateY(300px);
  }
}

@keyframes slideOut {
  0% {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
  100% {
    -webkit-transform: translateY(300px);
            transform: translateY(300px);
  }
}