.popup-informer { display: none; position: fixed; z-index: 35701; top: -70px; width: 100%; -webkit-animation-name: animSlideTop; animation-name: animSlideTop; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: cubic-bezier(.7, 0, .3, 1); animation-timing-function: cubic-bezier(.7, 0, .3, 1); opacity: 0; background: #ffffff }
.popup-informer.is_active { display: block}
.popup-informer:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; box-shadow: 0 10px 20px rgba(0, 0, 0, .1) }

.popup-informer { position: fixed; z-index: 35701; top: -70px; width: 100%; -webkit-animation-name: animSlideTop; animation-name: animSlideTop; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: cubic-bezier(.7, 0, .3, 1); animation-timing-function: cubic-bezier(.7, 0, .3, 1); opacity: 0; background: #ffffff }

.popup-informer:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; box-shadow: 0 10px 20px rgba(0, 0, 0, .1) }

.popup-informer__content { position: relative; width: 1000px; margin: 0 auto; padding: 0 25px }

.popup-informer__image { float: left; width: 60px; height: 60px; margin: 0 -60px 0 0; text-align: center; vertical-align: middle; white-space: nowrap; background: #ffffff }

.popup-informer__image:before { display: inline-block; height: 100%; content: ''; vertical-align: middle }

.popup-informer__image .image { max-width: 100%; max-height: 100%; vertical-align: middle; border: 5px solid transparent }

.popup-informer__text { font-size: 13px; margin: 0 0 0 60px; padding: 9px 220px 0px 20px; vertical-align: middle; word-wrap: break-word; word-break: break-all; color: white }

.popup-informer__title { color: white; margin-bottom: 6px; font-size: 18px }

.popup-informer__close { position: absolute; top: 50%; right: 30px; margin-top: -7px; cursor: pointer; opacity: .5; transition: opacity .3s }

.popup-informer__close:hover { opacity: 1 }

.popup-informer__pane_type_notify { background: #e73d3d }

.popup-informer__title_with-offset_top { padding-top: 10px }

.popup-informer__controls { position: absolute; top: 50%; right: 55px; margin-top: -16px }

.popup-informer_color_green .popup-informer__pane { background: #79bf75 }
.popup-informer__pane { border-top: 5px solid transparent; border-bottom: 5px solid transparent; -webkit-animation-name: animFade; animation-name: animFade }

.popup-informer_color_green .popup-informer__title { color: #ffffff }

.popup-informer_color_green .popup-informer__text { text-align: center }

.popup-informer_color_green .popup-informer__title { margin-bottom: 0 }

.button_size_m { font-size: 15px; line-height: 32px }

.button { cursor: pointer }

.button { overflow: visible; font-family: inherit; text-align: center }

.button { position: relative; display: inline-block; box-sizing: border-box; margin: 0; padding: 0; -moz-user-focus: ignore; user-select: none; white-space: nowrap; text-decoration: none; border: 0; outline: 0; background: 0 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation }

.button_theme_normal:before { border: 0 }

.button_theme_action:before, .button_theme_normal:before, .button_theme_pseudo:before { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; content: ''; border-radius: 3px }

.button_theme_normal:before { border: 1px solid; border-color: rgba(0, 0, 0, .2); background-color: #ffffff; background-clip: padding-box; transition: .1s ease-out; transition-property: border-color, border-width, background-color }

.button_size_m .button__text { padding: 0 15px }

.button__text { position: relative; display: inline-block; resize: none; pointer-events: none }

.image_name_close { width: 14px; height: 14px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0IC43bC0uNy0uNy02LjMgNi4yOTktNi4zLTYuMjk5LS43LjcgNi4zIDYuMy02LjMgNi4yOTkuNy43MDEgNi4zLTYuMyA2LjMgNi4zLjctLjcwMS02LjMtNi4yOTl6Ii8+PC9zdmc+) 50% 50% no-repeat }

@-webkit-keyframes animSlideTop {
    0% { -webkit-transform: translate3d(0, -100%, 0) }
    to { -webkit-transform: translate3d(0, 0, 0) }
}

@keyframes animSlideTop {
    0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}

@-webkit-keyframes animFade {
    0% { opacity: 0 }
    to { opacity: 1 }
}

@keyframes animFade {
    0% { opacity: 0 }
    to { opacity: 1 }
}