.
notice - surface
{
    position:fixed;
    z - index
:
    3000;
    right:32
    px;
    top:28
    px;
    max - width
:
    calc(100 % -64
    px
)
    ;max - height
:
    calc(100
    vh - 56
    px
)
    ;
    display:flex;
    flex - direction
:
    row
}
.
notice - surface--
left
{
    left:32
    px;
    right:auto
}
.
notice - surface--
reverse
{
    bottom:28
    px;
    top:auto
}
@media(max - width:
991
px
)
{.
    mfixed_y.notice - surface
    {
        top:74
        px
    }
.
    bottom - icons - panel_y.notice - surface--
    reverse
    {
        bottom:72
        px
    }
}
.
notice - surface__inner
{
    display:flex;
    flex - direction
:
    column - reverse;
    align - items
:
    flex - start;
    position:relative;
    max - width
:
    100 %
}
.
notice - surface--
reverse.notice - surface__inner
{
    display:flex;
    flex - direction
:
    column
}
.
notice
{
    min - width
:
    0;
    box - shadow
:
    0
    5
    px
    20
    px
    rgba(0, 0, 0, .15);
    background:#fff;
    position:relative;
    width:346
    px;
    max - width
:
    100 %;
    transition:transform
    .1
    s
    linear;
    flex - shrink
:
    0;
    margin:4
    px
    0
}
.
notice--
link
{
    cursor:pointer
}
.
notice--
hidden
{
    display:none
    !important;
    margin:0
}
.
notice__closer
{
    width:38
    px;
    height:38
    px;
    position:absolute;
    top:-1
    px;
    right:-1
    px;
    display:flex;
    justify - content
:
    center;
    align - items
:
    center;
    z - index
:
    1;
    cursor:pointer
}
.
notice__closer.svg
{
    min - width
:
    auto;
    min - height
:
    auto
}
.
notice__inner
{
    padding:20
    px
}
.
notice__image
{
    height:60
    px;
    width:60
    px
}
.
notice__image
img
{
    max - height
:
    100 %;
    max - width
:
    100 %
}
.
notice__info - wrap
{
    display:flex;
    flex - shrink
:
    0;
    align - items
:
    flex - start;
    margin - left
:
    -10
    px;
    margin - right
:
    -10
    px
}
.
notice__image - wrap,
.
notice__text - wrap
{
    padding - left
:
    10
    px;
    padding - right
:
    10
    px
}
.
notice__text - wrap
{
    align - self
:
    center
}
.
notice__title
{
    color:#
    1
    d2029
}
.
notice.notice__text - wrap.notice__title
:
first - child
{
    margin - top
:
    -7
    px
}
.
notice.notice__text - wrap.notice__detail
:
first - child
{
    margin - top
:
    -3
    px
}
.
notice__title +
.
notice__detail
{
    margin - top
:
    4
    px
}
.
notice__detail__more
{
    margin - top
:
    6
    px
}
.
notice - surface--
right.animate--
notice - show
{
    -webkit - animation
:
    animate--
    notice - show--
    right
    .4
    s
    linear;
    -ms - animation
:
    animate--
    notice - show--
    right
    .4
    s
    linear;
    animation:animate--
    notice - show--
    right
    .4
    s
    linear;
    right:0
}
@
-webkit - keyframes
animate--
notice - show--
right
{
    from
    {
        right:calc(-100 % -32
        px
    )
    }
    50 % {right: 32px}
    to
    {
        right:0
    }
}
@
-ms - keyframes
animate--
notice - show--
right
{
    from
    {
        right:calc(-100 % -32
        px
    )
    }
    50 % {right: 32px}
    to
    {
        right:0
    }
}
@keyframes
animate--
notice - show--
right
{
    from
    {
        right:calc(-100 % -32
        px
    )
    }
    50 % {right: 32px}
    to
    {
        right:0
    }
}
.
notice - surface--
left.animate--
notice - show
{
    -webkit - animation
:
    animate--
    notice - show--
    left
    .6
    s
    linear;
    -ms - animation
:
    animate--
    notice - show--
    left
    .6
    s
    linear;
    animation:animate--
    notice - show--
    left
    .6
    s
    linear;
    left:0
}
@
-webkit - keyframes
animate--
notice - show--
left
{
    from
    {
        left:calc(-100 % -32
        px
    )
    }
    50 % {left: 32px}
    to
    {
        left:0
    }
}
@
-ms - keyframes
animate--
notice - show--
left
{
    from
    {
        left:calc(-100 % -32
        px
    )
    }
    50 % {left: 32px}
    to
    {
        left:0
    }
}
@keyframes
animate--
notice - show--
left
{
    from
    {
        left:calc(-100 % -32
        px
    )
    }
    50 % {left: 32px}
    to
    {
        left:0
    }
}
.
animate--
notice - hide
{
    height:0
    !important;
    opacity:0
    !important;
    margin:0
    !important;
    transition:transform
    .1
    s
    linear, opacity
    .3
    s
    ease - in -out
    .1
    s, height
    .3
    s
    linear
    .4
    s, margin
    .3
    s
    linear
    .4
    s
}
.
animate--
notice - hide.notice__closer
{
    display:none
}
.
animate--
notice - click
{
    transform:scale(.95)
}

.top_slider_wrapp .flexslider .slides > li.image .img .wrap_plaxy .chestnyi-znak {
	width: 100px;
    height: 100px;
    position: absolute;
    right: 0px;
    object-fit: contain;
	top: 13%;
	left: 84%;
}

@media (max-width: 450px) {
.top_slider_wrapp .flexslider .slides > li.image .img .wrap_plaxy .chestnyi-znak {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0px;
    object-fit: contain;
    top: 70%;
    left: 26%;
}
}