/* AGE GATE */

.dialog.dialog--open .dialog__content {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.dialog.dialog--close .dialog__content {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;	
}

.dialog.dialog--open .dialog__content {
	-webkit-animation-name: anim-open;
	animation-name: anim-open;
}

.dialog.dialog--close .dialog__content {
	-webkit-animation-name: anim-close;
	animation-name: anim-close;
}

.b-box {
/*  z-index: 5;*/
  opacity: 0;
  display: none;

  background: #27251f;
  color: #fff;
  padding: 10px;
  width: 100%;
  position: relative;
  margin-top: -48px;
}	
.b-box.highlight {
	display: block;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;	
}

.b-box.highlight {
	-webkit-animation-name: anim-pop-up;
	animation-name: anim-pop-up;
}

@-webkit-keyframes anim-open {
	0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); }
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}

@keyframes anim-open {
	0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); }
}

@keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
}

@-webkit-keyframes anim-pop-up {
	0% { opacity: 0; }
	100% { opacity: 1; }

}

@keyframes anim-pop-up {
	0% { opacity: 0; }
	100% { opacity: 1; }

}

.product-btn { 
  width: 100%;
  opacity: 1;
  position: absolute;
  bottom: -30px;
}
/*.product-link:hover {
  animation: fadeOut 0.5s forwards;
}

@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0.5; }
}*/

/* Alert */
.extra-extra {
	width:100%;
  position: relative;
  display: block;
/*	animation: alertGoStart 0.5s forwards;
	animation-timing-function: ease;
	animation-delay: 8s;*/
}

@keyframes alertGoStart {
  from { margin-top: 0px; }
  to { margin-top: -50px; }
 }


/* Cookies */
.cookie-img-01, 
.cookie-img-02,
.cookie-img-03,
.cookie-img-04,
.cookie-img-05 { 
  position: absolute;
  height: 85px;
}

.cookie-img-01 { top: 20px; }
.cookie-img-02 { top: 170px; }
.cookie-img-03 { top: 320px; }
.cookie-img-04 { top: 470px; }
.cookie-img-05 { top: 620px; }

.cookie-img-01, 
.cookie-img-03,
.cookie-img-05 {
  animation: cookieRight 15s infinite;
  animation-timing-function: linear;
}

.cookie-img-02, 
.cookie-img-04 {
  animation: cookieLeft 15s infinite;
  animation-timing-function: linear;
}

@keyframes cookieRight {
  0% { left: 0px; }
  100% { left: -680px; }
}

@keyframes cookieLeft {
  0% { left: -680px; }
  100% { left: 0px; }
}



/* Mobile */
@media only screen and (max-width: 576px) {

.extra-extra {

  display: none;
}  
  /* Cookies */
  .cookie-img-01, 
  .cookie-img-02,
  .cookie-img-03,
  .cookie-img-04,
  .cookie-img-05 { 
    position: absolute;
    height: 60px;
  }
  .cookie-img-01 { top: 20px; }
  .cookie-img-02 { top: 100px; }
  .cookie-img-03 { top: 180px; }
  .cookie-img-04 { top: 260px; }
  .cookie-img-05 { top: 340px; }

  .cookie-img-01, 
  .cookie-img-03,
  .cookie-img-05 {
    animation: cookieRightMobile 15s infinite;
    animation-timing-function: linear;
  } 
  .cookie-img-02, 
  .cookie-img-04 {
    animation: cookieLeftMobile 15s infinite;
    animation-timing-function: linear;
  }

  @keyframes cookieRightMobile {
    0% { left: 0px; }
    100% { left: -680px; }
  }

  @keyframes cookieLeftMobile {
    0% { left: -680px; }
    100% { left: 0px; }
  }

/* Tablet */
@media only screen and (min-width: 768px) {

/* Cookies */
.cookie-img-01, 
.cookie-img-02,
.cookie-img-03,
.cookie-img-04,
.cookie-img-05 { 
  position: absolute;
  height: 60px;
}

.cookie-img-01 { top: 20px; }
.cookie-img-02 { top: 100px; }
.cookie-img-03 { top: 180px; }
.cookie-img-04 { top: 260px; }
.cookie-img-05 { top: 340px; }

.cookie-img-01, 
.cookie-img-03,
.cookie-img-05 {
  animation: cookieRightTablet 0s infinite;
  animation-timing-function: linear;
}

.cookie-img-02, 
.cookie-img-04 {
  animation: cookieLeftTablet 0s infinite;
  animation-timing-function: linear;
}

@keyframes cookieRightTablet {
  from { left: 0px; }
  to { left: 0px; }
}

@keyframes cookieLeftTablet {
  from { left: -680px; }
  to { left: -680px; }
}

}

/* desktop */
@media (min-width: 992px) {

}