#cookiebox {
  visibility: hidden;
}
#cookiebox.show {
  visibility: visible;
}
#cookiebox .cookiebox-bg {
  background-color: #000;
  opacity: 0.8;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000002;
}
#cookiebox .cookiebox-centent {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
  margin-top: -30px;
  min-width: 500px;
  min-height: 200px;
  width: 27vw;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000003;
}
#cookiebox .cookiebox-title {
  font-size: 1.8em;
  padding: 30px 0 20px;
}
#cookiebox .cookiebox-bottom {
  padding: 40px 0 0;
}
#cookiebox .btn {
  text-align: center;
  border-radius: 3vw;
  line-height: 2.7 !important;
  font-weight: 400;
  padding: 0;
  height: auto;
  overflow: hidden;
  border: none;
  width: 46%;
  margin: 0 1%;
}
#cookiebox .btn-lg {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: #034ce0;
  background: -moz-linear-gradient(-45deg, #034ce0 0%, #034ce0 2%, #52bdff 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #034ce0), color-stop(2%, #034ce0), color-stop(100%, #52bdff));
  background: -webkit-linear-gradient(-45deg, #034ce0 0%, #034ce0 2%, #52bdff 100%);
  background: -o-linear-gradient(-45deg, #034ce0 0%, #034ce0 2%, #52bdff 100%);
  background: -ms-linear-gradient(-45deg, #034ce0 0%, #034ce0 2%, #52bdff 100%);
  background: linear-gradient(135deg, #034ce0 0%, #034ce0 2%, #52bdff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#034ce0', endColorstr='#52bdff', GradientType=1);
}
@media only screen and (max-width: 535px) {
  #cookiebox .cookiebox-centent {
    min-width: 200px;
    width: 90vw;
  }
}
.cookiebox-centent {
  background-image: url("/image/catalog/Newsletter/bg.png");
  background-size: 100%;
  background-position: 100% -67px;
  background-repeat: no-repeat;
}