@import './base/fonts.css';
@import './base/global.css';
@import './base/variables.css';


/* header styles */
@import './components/header.css';

/* footer styles */
@import './components/footer.css';   

/* home styles */
@import './components/home.css'; 

/* afisha styles */
@import './components/afisha.css';

/* news styles */
@import './components/news.css';

/* search styles */
@import './components/search.css';

/* filter styles */
@import './components/filter.css';

/* slider styles */
@import './components/slider.css';  

/* popups styles */
@import './components/popups.css'; 

/* contact form 7 */
@import './components/contact-form-7.css';

/* page styles */
@import './components/page.css';

/* tablet styles */
@import './responsive/tablet.css';   

/* responsive styles */
@import './responsive/mobile.css';


@keyframes float-soft {
  0%   { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); }
  25%  { transform: translate(10px, 8px); -webkit-transform: translate(10px, 8px); -moz-transform: translate(10px, 8px); -ms-transform: translate(10px, 8px); -o-transform: translate(10px, 8px); }
  50%  { transform: translate(0, 15px); -webkit-transform: translate(0, 15px); -moz-transform: translate(0, 15px); -ms-transform: translate(0, 15px); -o-transform: translate(0, 15px); }
  75%  { transform: translate(-8px, 6px); -webkit-transform: translate(-8px, 6px); -moz-transform: translate(-8px, 6px); -ms-transform: translate(-8px, 6px); -o-transform: translate(-8px, 6px); }
  100% { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); }
}
.float_soft {
  animation: float-soft 8s ease-in-out infinite;
  -webkit-animation: float-soft 8s ease-in-out infinite;
}

@keyframes snow-spin {
  0%   { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
  25%  { transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); }
  50%  { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
  75%  { transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); }
  100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
}

.snow_spin {
  animation: snow-spin 5s ease-in-out infinite;
  -webkit-animation: snow-spin 5s ease-in-out infinite;
}

/* 3️⃣ top down */
@keyframes float-updown {
  0%   { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
  50%  { transform: translateY(-20px); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); }
  100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
}

.up_down {
  animation: float-updown 6s ease-in-out infinite;
  -webkit-animation: float-updown 6s ease-in-out infinite;
}
/* 4️⃣ right left */
@keyframes float-leftright {
  0%   { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
  50%  { transform: translateX(25px); -webkit-transform: translateX(25px); -moz-transform: translateX(25px); -ms-transform: translateX(25px); -o-transform: translateX(25px); }
  100% { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
}
.left_right {
  animation: float-leftright 7s ease-in-out infinite;
  -webkit-animation: float-leftright 7s ease-in-out infinite;
}

/* 5️⃣ Diagonal  */
@keyframes float-diagonal {
  0%   { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); }
  25%  { transform: translate(15px, -10px); -webkit-transform: translate(15px, -10px); -moz-transform: translate(15px, -10px); -ms-transform: translate(15px, -10px); -o-transform: translate(15px, -10px); }
  50%  { transform: translate(0, -20px); -webkit-transform: translate(0, -20px); -moz-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); }
  75%  { transform: translate(-15px, -10px); -webkit-transform: translate(-15px, -10px); -moz-transform: translate(-15px, -10px); -ms-transform: translate(-15px, -10px); -o-transform: translate(-15px, -10px); }
  100% { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); }
}

.float_dioganal {
  animation: float-diagonal 9s ease-in-out infinite;
  -webkit-animation: float-diagonal 9s ease-in-out infinite;
}