body.no_scroll {
    overflow: hidden;
}
/*-------------------header----------------------*/
.wrap_header {
    padding: 0 40px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}
.wrap_header.to_top {
    background: #0C121E;
    box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.55);
}
.wrap_header .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 74px;
    padding: 10px 0;
}
.wrap_header .wrap .header_nav .menu_header_contacts,
.wrap_header .wrap .header_nav .menu__body,
.wrap_header .wrap .header_nav .menu_header_nets {
    display: none;
}
.wrap_header .wrap .header_nav .menu__icon {
    width: 26px;
    height: 22px;
    position: relative;
    display: block;
    cursor: pointer;
    z-index: 30;
}
.wrap_header .wrap .header_nav .menu__icon::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: 0;
    left: 0;
    background: #F9F9F9;
}
.wrap_header .wrap .header_nav .menu__icon::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #F9F9F9;
}
.wrap_header .wrap .header_nav .menu__icon span {
    position: absolute;
    width: 100%;
    height: 2px;
    top: calc(50% - 1px);
    left: 0;
    background: #F9F9F9;
}

header .header_nav {
    display: flex;
    align-items: center;
}
.wrap_header .wrap .header_nav .menu_header_nets {
    display: none;
}
.wrap_header .wrap .header_nav .menu_header_nets a {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 15px;
    vertical-align: top;
}
.wrap_header .wrap .header_nav .menu_header_nets a:last-child {
    /* margin-right: 82px; */
    margin-right: 32px;
}
.wrap_header .wrap .header_nav .menu_header_nets a.whatsapp {
    background: url(/wp-content/themes/astrologia/assets/img/whatsapp.svg) no-repeat;
    background-size: contain;
    transition: 0.3s;
}
.wrap_header .wrap .header_nav .menu_header_nets a.whatsapp:hover {
    background: url(/wp-content/themes/astrologia/assets/img/whatsapp_hover.svg) no-repeat;
    background-size: contain;
}
.wrap_header .wrap .header_nav .menu_header_nets a.telegram {
    background: url(/wp-content/themes/astrologia/assets/img/telegram.svg) no-repeat;
    background-size: contain;
    transition: 0.3s;
}
.wrap_header .wrap .header_nav .menu_header_nets a.telegram:hover {
    background: url(/wp-content/themes/astrologia/assets/img/telegram_hover.svg) no-repeat;
    background-size: contain;
}
.wrap_header .wrap .header_nav .menu_header_nets a.viber {
    background: url(/wp-content/themes/astrologia/assets/img/viber.svg) no-repeat;
    background-size: contain;
    transition: 0.3s;
}
.wrap_header .wrap .header_nav .menu_header_nets a.viber:hover {
    background: url(/wp-content/themes/astrologia/assets/img/viber_hover.svg) no-repeat;
    background-size: contain;
}

.wrap_header .wrap .header_nav .menu_header_nets a.connect {
    height: 34px;
    background: #00EABD;
    color: #1b2239;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.2px;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: inline-flex;
    width: unset;
    border-radius: 6px;
}
.wrap_header .wrap .header_nav .menu_header_nets a.connect:hover {
    background: #7CFFE6;
}



/*Мобильное меню*/
/*Полоса скролбара*/
body.touch .menu__body::-webkit-scrollbar-track {
    background-color: #192239;
    /* background: red; */
    border-radius: 10px;
    border: 4px solid #192239;
    background-clip: content-box;
}
body.touch .menu__body::-webkit-scrollbar-thumb {
    background-color: #00EABD;
    border-radius: 10px;
    border: 1px solid #00EABD;
    width: 10px;
}
body.touch .menu__body::-webkit-scrollbar {
    width: 5px;               /* width of vertical scrollbar */
    /* border: 1px solid #d5d5d5; */
}
/*Конец Полоса скролбара*/


/*touch menu*/
body.touch .menu__body {
    overflow-y: auto;
    /* scrollbar-color: #00EABD #192239;
    scrollbar-width: thin; */
}

body.touch .menu__body .menu_ul {
    display: flex;
}
body.touch .menu__body .menu_ul a {
    text-decoration: none;
}
body.touch .menu__body .menu_ul li {
    position: relative;
}

body.touch .menu__body .menu_ul>li {
    display: block;
    border-bottom: 2px solid transparent;
}
body.touch .menu__body .menu_ul>li:last-child {
    border-bottom: none;
}
body.touch .menu__body .menu_ul>li::after {
    position: absolute;
    content: "";
    width: calc(100% - 80px);
    height: 2px;
    left: 40px;
    bottom: -2px;
    background: #192239;
}
body.touch .menu__body .menu_ul>li:last-child:after {
    display: none;
}

body.touch .menu__body .menu_ul>li>a {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #F9F9F9;
    display: block;
    width: 100%;
    padding: 15px 60px 15px 40px;
    z-index: 29;
}
body.touch .menu__body .menu_ul>li>a.active {
    color: #00EABD;
}
body.touch .menu__body .menu_ul>li>a.active {
    color: #00EABD;
}
body.touch .menu__body .menu_ul>li>.arrow {
    position: absolute;
    top: 16px;
    right: 40px;
    width: 12px;
    height: 18px;
    background: url(/wp-content/themes/astrologia/assets/img/arrow_right_menu.svg) no-repeat;
    background-size: contain;
    transition: 0.4s;
    z-index: 30;
}
body.touch .menu__body .menu_ul>li>.arrow.active {
    transform: rotate(90deg);
}
body.touch .menu__body .menu_ul>li.current-menu-item .menu__link {
    color: #00EABD;
}

/* Подменю */
body.touch .sub-menu {
    display: none;
}
body.touch .sub-menu.open {
    display: block;
}
body.touch .sub-menu.open {
    position: relative;
    display: block;
    top: unset;
    left: unset;
    min-width: unset;
}

body.touch .sub-menu.open>li {
    border-top: 2px solid transparent;
}
body.touch .sub-menu.open>li::after {
    position: absolute;
    content: "";
    width: calc(100% - 80px);
    height: 2px;
    left: 40px;
    top: -2px;
    background: #192239;
}
body.touch .sub-menu.open .menu__sub-link {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #F9F9F9;
    opacity: 1;
    text-transform: none;
    padding: 15px 60px;
    display: block;
}


body.touch .sub-menu.open .menu__sub-link span.green {
    color: #00EABD;
    padding-bottom: 5px;
    display: inline-block;
}
body.touch .sub-menu.open .menu__sub-link span.yellow {
    color: #F2D113;
    padding-bottom: 5px;
    display: inline-block;
}
body.touch .sub-menu.open .menu__sub-link span.gray {
    color: #F9F9F9;
    padding-bottom: 5px;
    display: inline-block;
    opacity: 0.6;
}
body.touch .sub-menu.open .menu__sub-link span.pink {
    color: #DD08CB;
}
body.touch .sub-menu.open .menu__sub-link span.blue {
    color: #088db6;
}
body.touch .sub-menu.open .menu__sub-link span.small {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #F9F9F9;
}
body.touch .sub-menu.open .menu__sub-link span.opacity {
    opacity: 0.6;
}
body.touch .sub-menu.open .menu__sub-link span.radar {
    display: inline-block;
    width: 21px;
    height: 28px;
    background: url(/wp-content/themes/astrologia/assets/img/icon_radar.png) no-repeat;
    background-size: contain;
    margin-right: 10px;
}
/*Конец Подменю*/
/*Конец Мобильное меню*/











/*Десктопное меню*/
/*Полоса скролбара*/
body.mouse .menu__body::-webkit-scrollbar-track {
    background-color: #192239;
    /* background: red; */
    border-radius: 10px;
    border: 4px solid #192239;
    background-clip: content-box;
}
body.mouse .menu__body::-webkit-scrollbar-thumb {
    background-color: #00EABD;
    border-radius: 10px;
    border: 1px solid #00EABD;
    width: 10px;
}
body.mouse .menu__body::-webkit-scrollbar {
    width: 5px;               /* width of vertical scrollbar */
    /* border: 1px solid #d5d5d5; */
}
/*Конец Полоса скролбара*/


/*Подmenu*/
body.mouse .menu__body {
    overflow-y: auto;
    /* scrollbar-color: #00EABD #192239;
    scrollbar-width: thin; */
}

body.mouse .menu__body .menu_ul {
    display: flex;
}
body.mouse .menu__body .menu_ul a {
    text-decoration: none;
}
body.mouse .menu__body .menu_ul li {
    position: relative;
}
body.mouse .menu__body .menu_ul li:hover .menu__link{
    background: #192239;
}

body.mouse .menu__body .menu_ul>li {
    display: block;
    border-bottom: 2px solid transparent;
}
body.mouse .menu__body .menu_ul>li:last-child {
    border-bottom: none;
}
body.mouse .menu__body .menu_ul>li::after {
    position: absolute;
    content: "";
    width: calc(100% - 80px);
    height: 2px;
    left: 40px;
    bottom: -2px;
    background: #192239;
}
body.mouse .menu__body .menu_ul>li:hover::after {
    background: transparent;
}
body.mouse .menu__body .menu_ul>li:hover::before {
    position: absolute;
    content: "";
    width: calc(100% - 80px);
    height: 2px;
    left: 40px;
    top: -2px;
    background: #0C121E;
}
body.mouse .menu__body .menu_ul>li:last-child:after {
    display: none;
}
/* body.mouse .menu__body .menu_ul>li.menu-item-has-children:hover .sub-menu{
    display: block;
} */

body.mouse .menu__body .menu_ul>li>a {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #F9F9F9;
    display: block;
    width: 100%;
    padding: 15px 60px 15px 40px;
    z-index: 29;
}
body.mouse .menu__body .menu_ul>li>a.active {
    color: #00EABD;
}
body.mouse .menu__body .menu_ul>li>.arrow {
    position: absolute;
    top: 16px;
    right: 40px;
    width: 12px;
    height: 18px;
    background: url(/wp-content/themes/astrologia/assets/img/arrow_right_menu.svg) no-repeat;
    background-size: contain;
    transition: 0.4s;
    z-index: 30;
}
body.mouse .menu__body .menu_ul>li>.arrow.active {
    transform: rotate(90deg);
}


/* Подменю */
body.mouse .sub-menu {
    display: none;
}
body.mouse .sub-menu.open {
    display: block;
}
body.mouse .sub-menu.open {
    position: relative;
    display: block;
    top: unset;
    left: unset;
    min-width: unset;
}

body.mouse .sub-menu.open>li {
    border-top: 2px solid transparent;
}
body.mouse .sub-menu.open>li::after {
    position: absolute;
    content: "";
    width: calc(100% - 80px);
    height: 2px;
    left: 40px;
    top: -2px;
    background: #192239;
}
body.mouse .sub-menu.open>li:hover {
    background: #192239;
}
body.mouse .sub-menu.open .menu__sub-link {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #F9F9F9;
    opacity: 1;
    text-transform: none;
    padding: 15px 60px;
    display: block;
}


body.mouse .sub-menu.open .menu__sub-link span.green {
    color: #00EABD;
    padding-bottom: 5px;
    display: inline-block;
}
body.mouse .sub-menu.open .menu__sub-link span.yellow {
    color: #F2D113;
    padding-bottom: 5px;
    display: inline-block;
}
body.mouse .sub-menu.open .menu__sub-link span.gray {
    color: #F9F9F9;
    padding-bottom: 5px;
    display: inline-block;
    opacity: 0.6;
}
body.mouse .sub-menu.open .menu__sub-link span.pink {
    color: #DD08CB;
}
body.mouse .sub-menu.open .menu__sub-link span.blue {
    color: #088db6;
}
body.mouse .sub-menu.open .menu__sub-link span.small {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #F9F9F9;
}
body.mouse .sub-menu.open .menu__sub-link span.opacity {
    opacity: 0.6;
}
body.mouse .sub-menu.open .menu__sub-link span.radar {
    display: inline-block;
    width: 21px;
    height: 28px;
    /* background: url(../img/icon_radar.png) no-repeat;
    background-size: contain; */
}
/*Конец Подменю*/
/*Конец Десктопное меню*/








.wrap_header .wrap .header_nav.opened {
    position: fixed;
    z-index: 25;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0C121E;
}
.wrap_header .wrap .header_nav.opened .menu_header_contacts {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    background: #192239;
    padding: 15px 40px;
    z-index: 27;
}
.wrap_header .wrap .header_nav.opened .menu_header_contacts p a.link_tel {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.2px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #00EABD;
    text-decoration: none;
}
.wrap_header .wrap .header_nav.opened .menu_header_contacts p a.link_email {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.2px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #F9F9F9;
    text-decoration: none;
}

.wrap_header .wrap .header_nav.opened .menu__body {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    height: calc(100% - 70px - 78px);
    display: block;
    z-index: 26;
}
.wrap_header .wrap .header_nav.opened .menu__body .menu_ul {
    display: flex;
    flex-direction: column;
}

.wrap_header .wrap .header_nav.opened .menu_header_nets {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    background: #192239;
    padding: 18px 40px;
    z-index: 28;
}

.wrap_header .wrap .header_nav.opened .menu__icon {
    position: absolute;
    top: 25px;
    right: 40px;
    width: 22px;
    height: 22px;
}
.wrap_header .wrap .header_nav.opened .menu__icon::before {
    position: absolute;
    content: "";
    width: 130%;
    height: 2px;
    top: 10px;
    left: -3px;
    background: #F9F9F9;
    transform: rotate(45deg);
}
.wrap_header .wrap .header_nav.opened .menu__icon::after {
    position: absolute;
    content: "";
    width: 130%;
    height: 2px;
    bottom: 10px;
    left: -3px;
    background: #F9F9F9;
    transform: rotate(-45deg);
}
.wrap_header .wrap .header_nav.opened .menu__icon span {
    display: none;
}
@media only screen and (min-width:768px) {
    .wrap_header .wrap .header_nav .menu_header_nets {
        display: flex;
        align-items: center;
    }
    .wrap_header .wrap .header_nav.opened .menu_header_nets {
        left: unset;
        right: 0;
        width: 39%;
        min-height: 107px;
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }
    .wrap_header .wrap .header_nav.opened .menu_header_contacts {
        width: 61%;
        bottom: unset;
        top: 0;
        display: flex;
        align-items: center;
        min-height: 107px;
        padding-right: 0;
    }
    .wrap_header .wrap .header_nav.opened .menu_header_contacts p a.link_tel,
    .wrap_header .wrap .header_nav.opened .menu_header_contacts p a.link_email {
        font-size: 16px;
    }
    .wrap_header .wrap .header_nav.opened .menu_header_contacts p a.link_tel {
        margin-right: 60px;
    }
    
    .wrap_header .wrap .header_nav.opened .menu__body {
        top: 107px;
    }
    .wrap_header .wrap .header_nav.opened .menu__icon {
        top: 42px;
    }


    /*Мобильное меню*/
    body.touch .menu__link {
        font-size: 22px;
        line-height: 30px;
    }
    body.touch .menu__body .menu_ul>li>a {
        font-size: 22px;
        line-height: 30px;
        padding: 15px 60px 17px 40px;
    }
    body.touch .menu__body .menu_ul>li>.arrow {
        top: 20px;
    }
    body.touch .sub-menu.open .menu__sub-link {
        font-size: 20px;
        line-height: 28px;
    }
    body.touch .sub-menu.open .menu__sub-link span.small {
        font-size: 16px;
        line-height: 18px;
    }
    /*Конец Мобильное меню*/


    /*Десктопное меню*/
    body.mouse .menu__link {
        font-size: 22px;
        line-height: 30px;
    }
    body.mouse .menu__body .menu_ul>li>a {
        font-size: 22px;
        line-height: 30px;
        padding: 15px 60px 17px 40px;
    }
    body.mouse .menu__body .menu_ul>li>.arrow {
        top: 20px;
    }
    body.mouse .sub-menu.open .menu__sub-link {
        font-size: 20px;
        line-height: 28px;
    }
    body.mouse .sub-menu.open .menu__sub-link span.small {
        font-size: 16px;
        line-height: 18px;
    }
    /*Конец Десктопное меню*/



    
}

@media only screen and (min-width:1279px) {
    body.mouse .wrap .header_nav .menu__icon {
        display: none;
    }
    body.mouse .wrap .header_nav .menu__body {
        display: block;
    }
    .wrap_header .wrap .header_nav.opened {
        position: relative;
    }




    /*Десктопное меню*/
    /*Полоса скролбара*/
    body.mouse .menu__body::-webkit-scrollbar-track {
        background-color: #192239;
        /* background: red; */
        border-radius: 10px;
        border: 4px solid #192239;
        background-clip: content-box;
    }
    body.mouse .menu__body::-webkit-scrollbar-thumb {
        background-color: #00EABD;
        border-radius: 10px;
        border: 1px solid #00EABD;
        width: 10px;
    }
    body.mouse .menu__body::-webkit-scrollbar {
        width: 5px;               /* width of vertical scrollbar */
        /* border: 1px solid #d5d5d5; */
    }
    /*Конец Полоса скролбара*/


    /*Подmenu*/
    body.mouse .menu__body {
        overflow-y: unset;
        /* scrollbar-color: #00EABD #192239;
        scrollbar-width: thin; */
    }

    body.mouse .menu__body .menu_ul {
        padding-right: 50px;
    }
    body.mouse .menu__body .menu_ul li:hover .menu__link{
        background: none;
    }

    body.mouse .menu__body .menu_ul>li {
        display: inline-block;
        border-bottom: none;
    }
    
    body.mouse .menu__body .menu_ul>li::after {
        display: none;
    }
    body.mouse .menu__body .menu_ul>li:hover::after {
        display: none;
    }
    body.mouse .menu__body .menu_ul>li:hover::before {
        display: none;
    }
    body.mouse .menu__body .menu_ul>li:last-child:after {
        display: none;
    }


    body.mouse .menu__body .menu_ul>li>a {
        font-family: 'Raleway';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0.2px;
        text-transform: uppercase;
        color: #F9F9F9;
        opacity: 0.6;

        display: inline-block;
        width: unset;
        padding: 15px 20px;
    }
    body.mouse .menu__body .menu_ul>li>a.active,
    body.mouse .menu__body .menu_ul>li>a:hover {
        color: #00EABD;
        opacity: 1;
    }
    body.mouse .menu__body .menu_ul>li>.arrow {
        position: absolute;
        top: 24px;
        right: 10px;
        width: 12px;
        height: 18px;
        background: url(/wp-content/themes/astrologia/assets/img/arrow_down.svg) no-repeat;
        background-size: contain;
        transition: 0.4s;
        z-index: 30;
    }
    body.mouse .menu__body .menu_ul>li>.arrow.active {
        transform: unset;
    }
    body.mouse .menu__body .menu_ul>li>.arrow:hover {
        transform: unset;
    }
    body.mouse .menu__body .menu_ul>li.menu-item-has-children a {
        padding-right: 30px;
    }


    /*Конец Подменю*/
    /*Конец Десктопное меню*/




















    body.mouse .menu_ul>li:hover .sub-menu {
        display: block;
    }
    /* body.mouse .menu_ul>li:hover .arrow {
        transform: rotate(180deg);
    } */
    body.mouse .menu_ul>li:hover .sub-menu {
        display: block;
    }

    body.mouse .sub-menu {
        background: #0C121E;
        position: absolute;
        left: 0;
        right: unset;
        box-shadow: 9px 15px 8px rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        overflow: hidden;
    }
    body.mouse .sub-menu>li {
        padding: 15px 30px;
        border-bottom: 2px solid #192239;
    }
    body.mouse .sub-menu>li:last-child {
        border-bottom: none;
    }
    body.mouse .sub-menu>li:hover {
        background: #192239;
    }
    body.mouse .menu__sub-link {
        font-family: 'Oswald';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        color: #F9F9F9;
        opacity: 1;
        text-transform: none;
    }
    body.mouse .sub-menu .menu__sub-link span.green {
        color: #00EABD;
        padding-bottom: 5px;
        display: inline-block;
    }
    body.mouse .sub-menu .menu__sub-link span.pink {
        color: #DD08CB;
    }
    body.mouse .sub-menu .menu__sub-link span.yellow {
        color: #F2D113;
    }
    body.mouse .sub-menu .menu__sub-link span.blue {
        color: #088db6;
    }
    body.mouse .sub-menu .menu__sub-link span.gray {
        color: #F9F9F9;
        opacity: 0.6;
    }
    body.mouse .sub-menu .menu__sub-link span.small {
        font-family: 'Raleway';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        color: #F9F9F9;
    }
    body.mouse .sub-menu .menu__sub-link span.opacity {
        opacity: 0.6;
    }
    body.mouse .sub-menu .menu__sub-link span.radar {
        position: relative;
        display: inline-block;
        top: 3px;
        width: 21px;
        height: 28px;
        background: url(/wp-content/themes/astrologia/assets/img/icon_radar.png) no-repeat;
        background-size: contain;
        margin-right: 8px;
    }
    body.mouse .menu_ul>li.current-menu-item .menu__link {
        color: #00EABD;
        opacity: 1;
    }
    /*End Mouse menu*/

}
.menu_ul>li>ul {
    min-width: 400px;
}
@media only screen and (min-width:1919px) {
    
}
/*-------------------header end-------------------*/
