/*Main custom style*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: 1.5;
}

html {
    font-size: 10px;
}

li {
    list-style-type: none;
}

.sticky {
    position: sticky;
    top: -200px;
    height: 15rem;
    z-index: 99999;
}

.sticky-right {
    position: sticky;
    top: 0px;
    height: 15rem;
    z-index: 99999;
}

.menu-fixed {
    position: fixed;
    width: 16%;
    top: 0px;
    z-index: 999;
}

.border-bottom {
    border-bottom: 2px solid #d8d8d8;
}

.none {
    display: none;
}

.menu_active {
    display: block;
}

.module-tittle {
    /* font-weight: bold; */
    font-size: 2rem;
    text-transform: uppercase;
    /* text-align: center; */
    /* border-bottom: 2px solid #d8d8d8; */
    color: #6a6a6a;
}

/*end*/

/* seo */

.hide-seo h1 {
    font-size: 0.0001rem;
    position: absolute;
}

/*Режим работы, телефоны*/

.header-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 1rem;
    font-size: 2rem;
    color: #6a6a6a;
}

.header-block {
    position: relative;
}

.header-block__content {
    position: relative;
    display: flex;
}

.header-block .header-block__content img {
    width: 3rem;
    margin-right: 0.5rem;
}

/*end*/

/*user mobile menu*/

#module-menu-147-particle .g-main-nav .g-toplevel>li>.g-menu-item-container {
    text-decoration: none;
    line-height: 1;
    padding-top: 8px;
    padding-left: 8px;
}

/* a.regBtn.selectBtn {
    display: none;
} */

.g-block.size-34.mobile-none {
    padding-top: 3px;
}

/*end*/

/*social buttoms*/

.social {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%!important;
    margin: 1rem!important;
}

.social .social__content {
    width: 35px;
}

.social .social__content img {
    width: 3rem;
    margin-right: 0.5rem;
    transition: .3s;
}

.social .social__content:hover img {
    transform: scale(0.7);
}

.social .social__content {
    margin-right: 1rem;
}

/*end*/

/*vertical menu*/

#off-menu_103, #off-menu_142 {
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
}

/*end*/

/*menu info*/

.menu__info .g-horizontalmenu {
    margin: 1rem 0 0 3rem;
    font-size: 1.2rem;
}

.menu__info .g-horizontalmenu li a {
    padding: 0 0 0.2rem;
    border-bottom: 1px solid #d8d8d8;
}

.menu__info .g-horizontalmenu li a:hover {
    padding: 0 0 0.2rem;
    border-bottom: 1px solid rgba(61, 61, 61, 0.8);
}

.menu__info .g-horizontalmenu li:last-child a {
    color: #ea1653;
}

.menu__info .g-horizontalmenu li:last-child:hover a {
    color: rgba(61, 61, 61, 0.8);
}

/*end*/

/*menu contacts*/

.menu__contacts {
    display: flex;
    position: relative;
    padding: 0 1.4rem;
    width: 308px;
    border-left: 2px solid #d8d8d8;
    border-right: 2px solid #d8d8d8;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    z-index: 10;
}

.menu__contacts:hover {
    background: #efefef;
}

.menu__contacts .contacts-worktime {
    padding-top: 10px;
    width: 55px;
    line-height: 1;
    text-align: justify;
    color: #898989;
}

.menu__contacts .navcontent {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu__contacts .navcontent i {
    margin-right: 0.5rem;
}

.menu__contacts .navcontent a {
    font-size: 1.8rem;
    color: #000;
}

.mobileHeaderContacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 200px;
}

.menu__contacts .target {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1.4rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
}

.menu__contacts .target i {
    font-size: 1.2rem;
    font-weight: 100;
    color: #000;
}

.other-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 42px;
    width: 0px;
    height: 0px;
    opacity: 0;
    background: #fff;
    border: 2px solid #d8d8d8;
    border-top: none;
    border-radius: 0 0 10px 10px;
    left: -2px;
    overflow: hidden;
    transition: .3s;
    z-index: 9;
}

.menu__contacts:hover .other-content, .other-content:hover {
    width: 102%;
    height: 205px;
    opacity: 1;
}

.other-content .other-content_link {
    font-size: 1.4rem;
    text-align: center;
    margin: 0.5rem;
    text-decoration: underline;
}

.other-content .other-content_phone {
    font-size: 1.2rem;
    margin: 0.4rem;
    text-align: center;
}

.other-content .other-content_phone img {
    height: 1.4rem;
    padding-right: 0.4rem;
}

.other-content button.recallme {
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 6px;
    width: 60%;
    border-radius: 10px;
    background: #cf1111;
    border: 1px solid #fff;
    color: #fff;
    transition: 0.3s;
    -webkit-box-shadow: 6px 6px 6px -4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 6px 6px 6px -4px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 6px -4px rgba(0, 0, 0, 0.4);
}

.other-content button.recallme:hover {
    transform: scale(0.9);
}

.show-target {
    display: flex;
    margin-top: 1rem;
    flex-direction: column;
}

.other-content_link-phone {
    text-align: center;
}

.other-content span {
    text-align: center;
    margin: 4px auto;
    font-size: 1.4rem;
}

.other-content hr {
    margin: 0.5rem 0;
}

/*end*/

/*menu contacts mobile*/

.mobile .menu__contacts {
    float: left;
    height: 40px;
    width: 220px;
    margin-left: 2.3rem;
    background: #cf1111;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}

.mobile .other-content {
    top: 40px;
}

.mobile .menu__contacts:hover {
    background: #04cdae;
}

.mobile .menu__contacts .contacts-worktime {
    color: #fff;
}

.mobile .menu__contacts:hover .other-content, .other-content:hover {
    width: 102%;
    height: 360px;
    opacity: 1;
}

.mobile .other-content .other-content_link {
    margin: 0;
}

.mobile ul.otherContent-menu {
    background: #04cdae;
    margin: 0;
    text-align: center;
}

.mobile ul.otherContent-menu li:first-child {
    border-top: 1px solid #fff;
}

.mobile ul.otherContent-menu li {
    border-bottom: 1px solid #fff;
    padding: 4px 8px;
    transform: .3s;
}

.mobile ul.otherContent-menu li:hover {
    background-color: #373737;
}

.mobile ul.otherContent-menu a {
    color: #fff;
    display: inline-block;
    width: 100%;
}

/*end*/

/*menu users*/

.user__menu .g-main-nav .g-toplevel>li>.g-menu-item-container, .g-main-nav .g-sublevel>li>.g-menu-item-container {
    font-size: 1.2rem;
    padding-left: 1rem;
    color: #000!important;
}

.user__menu .g-main-nav .g-toplevel>li.g-parent .g-menu-parent-indicator:after {
    opacity: 1;
    font-weight: 100;
}

.user__menu .g-main-nav .g-toplevel>li>.g-menu-item-container, .g-main-nav .g-sublevel>li>.g-menu-item-container {
    padding: 10px 5px;
}

.user__menu .g-main-nav .g-standard .g-dropdown.g-dropdown-left {
    background: #fafafa;
    border-radius: 0 0 10px 10px;
    border: 1px solid #ddd;
}

.user__menu .g-main-nav .g-standard .g-sublevel>li {
    border-bottom: 1px solid #DDD;
    margin: 0.3125rem 0;
}

.user__menu .g-main-nav .g-standard .g-sublevel>li:hover {
    background: #efefef;
}

.user__menu .g-main-nav .g-standard .g-sublevel>li:last-child {
    border-bottom: none;
}

/*end*/

/*footer__menu */

#g-footer .g-horizontalmenu {
    padding: 0.5rem 0;
    text-align: left;
    font-size: 1.2rem;
}

/*end*/

/* корзина mobile */

.mobile {
    position: fixed;
    top: 0;
    left: 17px;
    z-index: 150;
    width: 100vw;
    background: #cf1111;
}

.mobile .card {
    background: #cf1111;
    height: 40px;
    width: 40px;
    float: left;
    padding: 10px 8px;
    border-right: 2px solid #fff;
    cursor: pointer;
}

.mobile .card:hover {
    background: #04cdae;
}

/* end */

/* user mobile menu */

.mobile .mobile-user {
    background: #cf1111;
    height: 40px;
    width: 60px;
    float: left;
    padding: 4px 8px;
    /* border-right: 2px solid #d8d8d8; */
    cursor: pointer;
}

/* end */

a.opg-link.opg-text-small:hover {
    color: #fff;
}

a.opg-link.opg-text-small {
    color: #fff;
    font-size: 1.2rem;
}

.loginBtn.login_border {
    padding: 12px 10px!important;
    border-radius: 50%;
    height: 40px;
    width: 40px;
}

span.loginBtn .login_border img {
    width: 17px;
}

div#mod_improved_ajax_login-150 {
    margin-right: 1rem;
}

/*о магазине*/

.about-xzeda {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
}

.about-xzeda-wrap {
    display: flex;
    justify-content: space-around;
    border: 2px solid #cf1111;
    border-radius: 12px;
    flex-wrap: wrap;
}

.about-xzeda-wrap ul, .about-xzeda ul, .about-xzeda p, .about-xzeda address {
    font-size: 1.4rem;
}

.about-xzeda h2 {
    text-align: center;
    font-weight: 900;
}

.about-xzeda-wrap a {
    font-size: 1.4rem;
    text-align: center;
    display: block;
}

.about-xzeda img.logo {
    width: 50px;
    margin: 0 auto;
    display: block;
}

/*end*/

/*описание лоставки*/

/* .delivery-about-wrap {
    display: flex;
} */

/* .delivery-about-wrap div {
    width: 50%;
} */

.delivery-about-wrap li {
    list-style-type: disc;
}

.delivery-about-wrap ul {
    font-size: 1.4rem;
}

.delivery-about-wrap h2 {
    text-align: center;
    font-weight: 900;
}

/*end*/

/*описание оплаты*/

.pay-about-wrap h2 {
    text-align: center;
    font-weight: 900;
}

.pay-about-wrap h3 {
    font-weight: 500;
}

.pay-about-wrap p {
    font-size: 1.4rem;
    text-align: justify;
}

/*end*/

/* monitors and laptops */

@media screen and (min-width: 813px) {
    .desctop-none {
        display: none;
    }
}

/* mobile */

@media screen and (max-width: 813px) {
    .mobile-none {
        display: none;
    }
}