#cookie_policy {
  position: fixed;
  z-index: 9999;
  bottom: 10px;
  left: 50%;
  width: calc(100% - 50px);
  max-width: 1920px;
  margin-bottom: -100px;
  opacity: 0;
  visibility: hidden;
  display: none;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

#cookie_policy.active {
  display: block
}

#cookie_policy.activated {
  margin-bottom: 0;
  opacity: 1;
  visibility: visible
}

#cookie_policy * {
  color: #fff;
  line-height: 18px;
  font-weight: 400;
  font-size: 13px;
  margin: 0
}

.policy__container {
  background-color: #58d173;
  padding: 20px;
  color: #fff;
  position: relative;
  border-radius: 4px;
}

.policy__container::before, .policy__container::after {
  content: '';
  display: table;
  clear: both
}

.policy__text {
  width: calc(100% - 200px)
}

#cookie_policy .policy__confirm {
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  border: none;
  background-color: #333333;
  padding: 10px 30px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  margin-right: 20px;
  margin-top: -19px;
  text-decoration: none;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

#cookie_policy .policy__confirm:hover {
  color: #fff;
  background-color: #409a51
}

@media screen and (max-width: 767px) {
  #cookie_policy {
    width: calc(100% - 10px)
  }
  
  .policy__container {
    padding: 10px 15px
  }
  
  .policy__text {
    width: 100%
  }
  
  #cookie_policy .policy__confirm {
    position: relative;
    display: table;
    margin: 0;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto
  }
}