/* Анимация overlay окна: */

.b-xpopup__bg.b-xpopup_box-status_opening{
  opacity: 1;
  -webkit-transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -o-transition: opacity .5s ease-out;
  transition: opacity .5s ease-out;
}

.b-xpopup__bg.b-xpopup_box-status_closing{
  opacity: 0;
}

/* Анимация окна: */

@-webkit-keyframes xpopup-open-zoom-out{
  0% { opacity: 0.3; -webkit-transform: scale(2.5); }
  100% { opacity: 1; -webkit-transform: scale(1); }
}
@-ms-keyframes xpopup-open-zoom-out{
  0% { opacity: 0.3; -ms-transform: scale(2.5); }
  100% { opacity: 1; -ms-transform: scale(1); }
}
@-moz-keyframes xpopup-open-zoom-out{
  0% { opacity: 0.3; -moz-transform: scale(2.5); }
  100% { opacity: 1; -moz-transform: scale(1); }
}
@keyframes xpopup-open-zoom-out{
  0% { opacity: 0.3; transform: scale(2.5); }
  100% { opacity: 1; transform: scale(1); }
}

@-webkit-keyframes xpopup-open-zoom-in{
  0% { opacity: 0.3; -webkit-transform: scale(0.5); }
  100% { opacity: 1; -webkit-transform: scale(1); }
}
@-ms-keyframes xpopup-open-zoom-in{
  0% { opacity: 0.3; -ms-transform: scale(0.5); }
  100% { opacity: 1; -ms-transform: scale(1); }
}
@-moz-keyframes xpopup-open-zoom-in{
  0% { opacity: 0.3; -moz-transform: scale(0.5); }
  100% { opacity: 1; -moz-transform: scale(1); }
}
@keyframes xpopup-open-zoom-in{
  0% { opacity: 0.3; transform: scale(0.5); }
  100% { opacity: 1; transform: scale(1); }
}

@-webkit-keyframes xpopup-open-slide-down{
  0% { opacity: 0; -webkit-transform: translate(0, -75%); }
  99% { opacity: 1; -webkit-transform: translate(0, 0); }
}
@-ms-keyframes xpopup-open-slide-down{
  0% { opacity: 0; -ms-transform: translate(0, -75%); }
  99% { opacity: 1; -ms-transform: translate(0, 0); }
}
@-moz-keyframes xpopup-open-slide-down{
  0% { opacity: 0; -moz-transform: translate(0, -75%); }
  99% { opacity: 1; -moz-transform: translate(0, 0); }
}
@keyframes xpopup-open-slide-down{
  0% { opacity: 0; transform: translate(0, -75%); }
  99% { opacity: 1; transform: translate(0, 0); }
}

@-webkit-keyframes xpopup-open-slide-up{
  0% { opacity: 0; -webkit-transform: translate(0, 75%); }
  100% { opacity: 1; -webkit-transform: translate(0, 0); }
}
@-ms-keyframes xpopup-open-slide-up{
  0% { opacity: 0; -ms-transform: translate(0, 75%); }
  100% { opacity: 1; -ms-transform: translate(0, 0); }
}
@-moz-keyframes xpopup-open-slide-up{
  0% { opacity: 0; -moz-transform: translate(0, 75%); }
  100% { opacity: 1; -moz-transform: translate(0, 0); }
}
@keyframes xpopup-open-slide-up{
  0% { opacity: 0; transform: translate(0, 75%); }
  100% { opacity: 1; transform: translate(0, 0); }
}

@-webkit-keyframes xpopup-close-slide-up{
  0% { opacity: 1; -webkit-transform: translate(0, 0); }
  100% { opacity: 0; -webkit-transform: translate(0, 75%); }
}
@-ms-keyframes xpopup-close-slide-up{
  0% { opacity: 1; -ms-transform: translate(0, 0); }
  100% { opacity: 0; -ms-transform: translate(0, 75%); }
}
@-moz-keyframes xpopup-close-slide-up{
  0% { opacity: 1; -moz-transform: translate(0, 0); }
  100% { opacity: 0; -moz-transform: translate(0, 75%); }
}
@keyframes xpopup-close-slide-up{
  0% { opacity: 1; transform: translate(0, 0); }
  100% { opacity: 0; transform: translate(0, 75%); }
}

@-webkit-keyframes xpopup-close-tv{
  60%{width: 50%; height: 1px;}
  80%{width: 2px; height: 1px;}
  95%{width: 2px; height: 2px;}
  100%{width: 2px; height: 2px;}
}
@-ms-keyframes xpopup-close-tv{
  60%{width: 50%; height: 1px;}
  80%{width: 2px; height: 1px;}
  95%{width: 2px; height: 2px;}
  100%{width: 2px; height: 2px;}
}
@-moz-keyframes xpopup-close-tv{
  60%{width: 50%; height: 1px;}
  80%{width: 2px; height: 1px;}
  95%{width: 2px; height: 2px;}
  100%{width: 2px; height: 2px;}
}
@keyframes xpopup-close-tv{
  60%{width: 50%; height: 1px;}
  80%{width: 2px; height: 1px;}
  95%{width: 2px; height: 2px;}
  100%{width: 2px; height: 2px;}
}

/* Animation close: tv-off */

.b-xpopup_animation_close-tv-off .b-xpopup__content-container{
  top: 50%;
  height: 1px;
  width: 100%;
  overflow: hidden;
  background: #fff;
  min-height: 0 !important;
  min-width: 0 !important;
  /* margin: 0 !important; */
  padding: 0 !important;
  -webkit-animation: xpopup-close-tv .5s ease forwards;
  -moz-animation: xpopup-close-tv .5s ease forwards;
  -ms-animation: xpopup-close-tv .5s ease forwards;
  animation: xpopup-close-tv .5s ease forwards;
}

.b-xpopup_animation_close-tv-off.b-xpopup_box-status_closing .b-xpopup__content-container *{
  visibility: hidden;
}

/* Animation open: zoom-out */

.b-xpopup_animation_open-zoom-out .b-xpopup__content-container{
  -webkit-animation: xpopup-open-zoom-out .5s backwards;
  -moz-animation: xpopup-open-zoom-out .5s backwards;
  -ms-animation: xpopup-open-zoom-out .5s backwards;
  animation: xpopup-open-zoom-out .5s backwards;
}

/* Animation open: zoom-in */

.b-xpopup_animation_open-zoom-in .b-xpopup__content-container{
  -webkit-animation: xpopup-open-zoom-in .5s backwards;
  -moz-animation: xpopup-open-zoom-in .5s backwards;
  -ms-animation: xpopup-open-zoom-in .5s backwards;
  animation: xpopup-open-zoom-in .5s backwards;
}

/* Animation open: slide-down */

.b-xpopup_animation_open-slide-down .b-xpopup__content-container{
  -webkit-animation: xpopup-open-slide-down .3s backwards;
  -moz-animation: xpopup-open-slide-down .3s backwards;
  -ms-animation: xpopup-open-slide-down .3s backwards;
  animation: xpopup-open-slide-down .3s backwards;
}

/* Animation open: slide-up */

.b-xpopup_animation_open-slide-up .b-xpopup__content-container{
  -webkit-animation: xpopup-open-slide-up .3s backwards;
  -moz-animation: xpopup-open-slide-up .3s backwards;
  -ms-animation: xpopup-open-slide-up .3s backwards;
  animation: xpopup-open-slide-up .3s backwards;
}

/* Animation close: slide-down */

.b-xpopup_animation_close-slide-down .b-xpopup__content-container{
  -webkit-animation: xpopup-close-slide-down .5s forwards;
  -moz-animation: xpopup-close-slide-down .5s forwards;
  -ms-animation: xpopup-close-slide-down .5s forwards;
  animation: xpopup-close-slide-down .5s forwards;
  opacity: 1;
}

/* Animation close: slide-up */

.b-xpopup_animation_close-slide-up .b-xpopup__content-container{
  -webkit-animation: xpopup-close-slide-up .5s forwards;
  -moz-animation: xpopup-close-slide-up .5s forwards;
  -ms-animation: xpopup-close-slide-up .5s forwards;
  animation: xpopup-close-slide-up .5s forwards;
}