.nadAsSubmodule {
    display: block !important;
}

.neuroad {
    --anim-duration: .5s;
    --anim-timing-fn: ease-in-out;

    box-sizing: border-box;
    position: absolute;
    top: -400px;
    right: -300px;
    z-index: 1016;
    display: flex;
    border: 2px solid var(--color-afimall);
    border-radius: 6px 6px 6px 80px;
    width: 175px;
    height: 308px;
    background: rgba(0, 145, 197, 0.4);
    box-shadow: 0 0 140px #000000;
    transition-property: top, right, border-radius, width, height;
    transition-duration: var(--anim-duration);
    transition-timing-function: var(--anim-timing-fn);
}
.neuroad:before {
    content: ' ';
    position: absolute;
    left: 27px;
    bottom: 20px;
    z-index: 1;
    width: 32px;
    height: 40px;
    background: url('img/ad-icon.png')50% 50% no-repeat;
}
.neuroad:after {
    content: ' ';
    position: absolute;
    left: 12px;
    bottom: 9px;
    z-index: 1;
    width: 30px;
    height: 35px;
    background: url('img/ad-dots.png')50% 50% no-repeat;
}

.neuroad_hidden {
    top: -233px;
    right: -100px;
}

.neuroad_minimize {
    top: 13px;
    right: 13px;
    border-bottom-left-radius: 6px;
}
.neuroad_minimize .content-container {
    border-bottom-left-radius: 6px;
    opacity: 1;
}
.neuroad_minimize .neuroad-btn-close {
    top: 100%;
    right: 100%;
    opacity: 1;
}

.neuroad_fullscreen {
    top: 0;
    right: 0;
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    box-shadow: none;
}
.neuroad_fullscreen .content-container {
    border-radius: 0;
    opacity: 1;
}
.neuroad_fullscreen .neuroad__map-icon-title {
    top: 0;
    right: 0;
    opacity: 1;
}

.content-container {
    overflow: hidden;
    position: relative;
    z-index: 5;
    border-radius: 6px 6px 6px 80px;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition-property: border-radius, opacity;
    transition-duration: var(--anim-duration);
    transition-timing-function: var(--anim-timing-fn);
}
.content-container__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
}
.content-container__item_video {}
.content-container__item_image {}
.content-container__item_active_prev {
    z-index: 2;
}
.content-container__item_active {
    z-index: 3;
    animation: fadeIn .5s forwards;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.BonusPage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#hidden-video {
    position: absolute;
    top: 1000%;
    left: 1000%;
    z-index: -9999;
}

.neuroad-guide {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 530px;
    height: 800px;
}
.neuroad-guide_show { display: block; }
.neuroad-guide__video {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.neuroad-guide__video_active { display: block; }

.neuroad-btn-wrapper {
    position: absolute;
    top: 50%;
    right: 100%;
    z-index: 4;
    margin: -37px 10px 0 0;
    padding: 4px 5px 0 4px;
    background: url('img/buttons-bg.png')50% 0 no-repeat;
}
.neuroad-btn {
    margin: 0 auto 3px;
    width: 32px;
    height: 32px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.neuroad-btn:last-child { margin-bottom: 0; }
.neuroad-btn_mobile { background-image: url('img/mobile.png'); }
.neuroad-btn_mute { background-image: url('img/soundon.png'); }
.neuroad-btn_unmute { background-image: url('img/soundoff.png'); }

.neuroad-btn-close {
    overflow: hidden;
    position: absolute;
    right: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    background: url('img/close.png')50% 50% no-repeat;
    opacity: 0;
    transition-property: top, right, opacity;
    transition-duration: var(--anim-duration);
    transition-timing-function: var(--anim-timing-fn);
}

.neuroad-alert {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 1;
    margin-right: 100px;
    border: 2px solid var(--color-afimall);
    border-radius: 6px;
    padding: 10px;
    min-width: 100%;
    background: var(--color-afimall-rgba);
    opacity: 0;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
}
.neuroad-alert_show {
    animation: neuro-ad-alert_show var(--anim-duration) var(--anim-timing-fn) forwards;
}
@keyframes neuro-ad-alert_show {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}

.take-with-me-error {
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    z-index: 20;
    margin-top: -40px;
    padding: 15px 10px 20px;
    background: url('img/error-bubble.png')50% 50% no-repeat;
    background-size: 100% 100%;
    font-size: 12px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    transform: scale3d(0,0,1);
    transition: transform var(--anim-duration) var(--anim-timing-fn);
}
.take-with-me-error_showed {
    transform: scale3d(1,1,1);
}

.neuroad__map-icon-title {
    position: absolute;
    right: -100px;
    top: -100px;
    z-index: 10;
    border: 1px solid #0091C5;
    border-width: 0 0 1px 1px;
    border-radius: 0 0 0 100%;
    width: 169px;
    height: 169px;
    opacity: 0;
    background: rgba(0, 145, 198, 0.5);
    transition-property: opacity, top, right;
    transition-duration: var(--anim-duration);
    transition-timing-function: var(--anim-timing-fn);
    pointer-events: none;
}
.neuroad__map-icon-svg {
    position: absolute;
    top: -20%;
    left: 0;
    width: 100%;
    height: 100%;
}
.neuroad__map-icon-title-svg {
    position: absolute;
    top: 20px;
    left: -20px;
    width: 100%;
    height: 100%;
    /*transform: rotate3d(0,0,1,-15deg);*/
    transform-origin: 100% 0;
}
.neuroad__map-icon-title-svg-text{
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
    fill: #ffffff;
    letter-spacing: 1px;
}
.search__bottom-menu .peanut-shape use{
    transition-property: fill, fill-opacity;
    transition-duration: .5s;
    transition-timing-function: ease;
}
.search__bottom-menu{
    z-index: 1011;
}
body.n-ad-fullscreen .search__bottom-menu{
    z-index: 1017;
}
body.n-ad-fullscreen .search__bottom-menu .peanut-shape .fill{
    fill: var(--color-afimall);
    fill-opacity: 1;
}
body.n-ad-fullscreen .search__bottom-menu .text-under{
    height: 0;
    opacity: 0;
}
body.n-ad-fullscreen .search__bottom-menu .floor-number{
    opacity: 0;
}
.search__bottom-menu .neuro-ad-home{
    opacity: 0;
    transition: opacity .3s .2s ease;
    position: absolute;
    top: 0;
    left: 0;
}
body.n-ad-fullscreen .search__bottom-menu .neuro-ad-home{
    opacity: 1;
    transition-delay: .2s;
}
.bottom-menu-amination{
    position: absolute;
    top: -10px;
    left: -10px;
    opacity: 0;
    pointer-events: none;
}
body.n-ad-fullscreen .bottom-menu-amination{
    opacity: 1;
    transition: opacity 1s ease-in;
    animation: show-bottom-butons 6s alternate infinite;
}
@keyframes show-bottom-butons{
    3%{
        transform: scale(.5);
        transform-origin: center;
        animation-timing-function: ease-out;
    }
    31%{
        transform: scale(.5) translateX(84px);
        transform-origin: 140px center;
        animation-timing-function: ease-in-out;
    }
    34%{
        transform: scale(1) translateX(84px);
    }
    37%{
        transform: scale(.5) translateX(84px);
        transform-origin: 140px center;
    }
    62%{
        transform: scale(.5) translateX(175px);
        transform-origin: 225px center;
        animation-timing-function: ease-in-out;
    }
    65%{
        transform: scale(1) translateX(175px);
        animation-timing-function: ease-in;
    }
    68%{
        transform: scale(.5) translateX(175px);
        transform-origin: 225px center;
        animation-timing-function: ease-out;
    }
    94%{
        transform: scale(.5) translateX(256px);
        transform-origin: 310px center;
        animation-timing-function: ease-in-out;
    }
    97%{
        transform: scale(.5) translateX(256px);
    }
    100%{
        transform: scale(1) translateX(256px);
        transform-origin: 310px center;
        animation-timing-function: ease-in;
    }
}
