*,
*::after,
*::before {
    box-sizing: border-box;
}

html{

    width:100%;
}

@media(max-width: 800px){
    html{
        overflow-x:hidden;
    }
}
body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #231f20;
    padding-top: 70px;
    /*overflow-x:hidden;*/
    width:100%;
    overflow:auto;

}
@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0) rotateZ(0) scale(0.5);
        animation-timing-function: ease-in-out;
    }
    25% {
        transform: perspective(400px) rotateY(15deg) rotateX(15deg) scale(1);
        animation-timing-function: ease-in-out;
    }
    50% {
        transform: perspective(400px) rotateY(-15deg) rotateX(-15deg) scale(0.8);
        animation-timing-function: ease-in-out;
    }
    100% {
        transform: perspective(400px) rotateY(0deg) rotateZ(0) scale(0.5);
        animation-timing-function: ease-in-out;
    }
}

.loading_screen {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999999;
    transition: all 0.3s ease;
    background: white;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading_screen_img {
    /*background-image: url('/images/jauns_logo.jpeg');*/
    background-image: url('/images/logo.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 290px;
    height: 140px;
    backface-visibility: visible !important;
}

.products__item-category{
    font-size: 1.1rem;
    color: gray;
    font-weight: 500;
    margin-top: 12px;
}
a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}
.footer_visual_wrap{
    flex:1;
}
.footer_above_visual {
    display: flex;
    justify-content: space-between;
    margin-left: 140px;
}
.fond_text{
    width: calc(100% - 140px);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 46px;
    background-position: left;
    margin-left: 140px;
}
.fond_visual_element {
    width: calc(100% - 140px);
    height: 150px;
    background-image: url(/images/fond_visual.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 46px;
    background-position: left;
    margin-left: 140px;
}
.fond_visual_element.lv{
    background-image: url(/images/fond_visual_lv.png);
}

input,
textarea {
    outline: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    padding: 13px 15px;
    line-height: 18px;
}

input::placeholder,
textarea::placeholder {
    font-size: 14px;
    line-height: 18px;
    color: #231f20;
}

button {
    cursor: pointer;
    outline: none;
    border: none;
    font-family: 'Montserrat', sans-serif;
    color: #231f20;

}

.container_header {
    max-width: 1600px;
    padding: 0 15px;
    margin: 0 auto;
}

/*.header {*/
/*    padding: 25px 0;*/
/*    background: #eff2f8;*/
/*    color: #30323d;*/
/*    font-size: 18px;*/
/*    line-height: 26px;*/
/*    position: fixed;*/
/*    width: 100%;*/
/*    z-index: 101;*/
/*    top: 0;*/
/*    border-bottom: 1px solid lightgray;*/
/*}*/

.header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__inner-left {
    display: flex;
    align-items: center;
}

.header__inner-logo {
    margin-right: 55px;
    width: 155px;
}

.header__inner-logo img {
    display: block;
    width: 100%;
}

.header__inner-list {
    display: flex;
}

.header__inner-item {
    margin-right: 30px;
    transition: .4s all;
}

.header__inner-item.active .header__inner-link {
    border-bottom: 1px solid #232022;
}

.header__inner-item:hover {
    color: #920122;
}

.header__inner-item:last-child {
    margin-right: 0;
}

.header__inner-link {
    padding-bottom: 10px;
}

.header__inner-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.header__inner-menu {
    display: flex;
    margin-right: 35px;
    align-items: center;
}

.header__inner-menu__items {
    margin-right: 20px;
    display: flex;
    height:30px;
}
.header__menu-cart__quantity{
    background: #922a42;
    border-radius: 50%;
    width: 17px;
    display: block;
    font-size: 11px;
    line-height: 17px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    height: 17px;
    bottom: 0;
    right: 0;
    position: absolute;
}
/*.header__menu-cart__quantity.active{*/
/*    display: block;*/
/*}*/
.header__inner-menu__item {
    width: 30px;
    margin-right: 5px;
    cursor: pointer;
    height: 30px;
    transition: .4s all;
}


.header__inner-menu__item.user {
    fill:  #FF0000;
}

.header__inner-menu__item:hover {
    fill: #940626;

}

.header__inner-menu__item:last-child {
    margin-right: 0;
}

.header__inner-menu__number {
    position: relative;
    transition: .4s all;
    display: flex;
    align-items: center;
}

.header__inner-menu__number:hover {
    color: #920122;
}

.header__inner-menu__number:hover .header__inner-menu__item.phone {
    fill: #920122;
}

.header__inner-menu__item.phone {
    margin-right: 5px;
}

.header__inner-lang {
    padding-bottom: 5px;
    color: #acacac;
    transition: .4s all;
    cursor: pointer;
}

.header__inner-lang:first-child {
    margin-right: 15px;
}

.header__inner-lang.active {
    color: #30323d;
    display: inline-block;
    border-bottom: 1px solid #232022;
}

.header__inner-lang:hover {
    color: #30323d;
}

.header__inner-mobile {
    display: none;
}

.header__mobile-btn {
    width: 26px;
    height: 26px;
    padding: 0;
    display: block;
    background-color: transparent;
    cursor: pointer;
    border: none;
    outline: none;
    margin-left: 20px;
    position: relative;
}

.header__mobile-btn__line {
    background: #3b3839;
    height: 2px;
    width: 26px;
    margin: 0;
    transition: all 0.5s ease;
}

.header__mobile-btn::after,
.header__mobile-btn::before {
    content: "";
    position: absolute;
    background: #3b3839;
    height: 2px;
    left: 0;
    transition: .4s all;
    width: 100%;
}

.header__mobile-btn::after {
    bottom: 6px;
    transform: rotate(0deg) translate(0px, 0px);
    transition: all 0.5s ease;
}

.header__mobile-btn::before {
    top: 6px;
    transform: rotate(0deg) translate(0px, 0px);
    transition: all 0.5s ease;
}

.header__mobile {
    display: none;
}

.header__mobile-btn.active .header__mobile-btn__line {
    opacity: 0;
}

.header__mobile-btn.active::after {
    transform: rotate(-45deg);
    top: 10px;
}

.header__mobile-btn.active::before {
    transform: rotate(45deg);
    top: 10px;
}

.header__mobile-top {
    padding: 20px 15px;
    display: flex;
    margin: 0 -15px;
    justify-content: flex-end;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.header__mobile-menu {
    display: flex;
    align-items: center;
}

.header__mobile-items {
    display: flex;
    margin-right: 40px;
}

.header__mobile-languages {
    display: flex;
}

.header__mobile-lang {
    padding-bottom: 10px;
}

.header__mobile-lang:first-child {
    margin-right: 15px;
}

.header__mobile-lang.active {
    border-bottom: 1px solid #232022;
}

.header__mobile-list {
    display: none;
    text-align: right;
    padding: 35px 15px 5px;
    position: relative;
    font-size: 16px;
    color: #30323d;
    line-height: 18px;
    height: 100vh;
}

.header__mobile-list__item {
    margin-bottom: 20px;
    padding-right: 50px;
    cursor: pointer;
}

.header__mobile-list__item:last-child {
    margin-bottom: 0;
}

.header__mobile-list__item--inner span {
    position: relative;
}

.header__mobile-list__item--inner span::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    right: -45px;
    top: 50%;
    transform: translateY(-50%) rotate(315deg);
}

.header__mobile-list__item--inner span::after {
    content: "";
    position: absolute;
    width: 17px;
    height: 1px;
    background: #000;
    right: -47px;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s all;
}

.header__mobile-list__link {
    padding-bottom: 10px;
}

.header__mobile-list__item.active .header__mobile-list__link {
    border-bottom: 1px solid #232022;
}

.header__mobile-list__sublist {
    display: none;
    position: absolute;
    min-height: 100%;
    z-index: 11;
    padding-top: 35px;
    padding-left: 40px;
    text-align: left;
    width: 100%;
    transition: .4s all;
    background: #eff2f8;
    top: 0;
    right: 0;
    padding-bottom: 20px;
}

.header__mobile-list__sublist.active {
    display: block;
}

.header__mobile-sublist__name {
    margin-bottom: 20px;
    padding-left: 35px;
    position: relative;
}

.header__mobile-sublist__name::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    left: 4px;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
}

.header__mobile-sublist__name::after {
    content: "";
    position: absolute;
    width: 17px;
    height: 1px;
    background: #000;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s all;
}

.header__mobile-sublist__item {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    padding-right: 30px;
}

.header__mobile-sublist__item:last-child {
    margin-bottom: 0;
}

.header__mobile-sublist__item img {
    width: 22px;
    margin-right: 15px;
}

.header__mobile-sublist__item span {
    display: inline-block;
    position: relative;
    padding-right: 30px;
}

.header__mobile-sublist__item span::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(315deg);
}

.header__mobile-sublist__item span::after {
    content: "";
    position: absolute;
    width: 17px;
    height: 1px;
    background: #000;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s all;
}

.header__mobile-sublist__inner {
    display: none;
    position: absolute;
    min-height: 100%;
    z-index: 99;
    padding-top: 35px;
    padding-left: 40px;
    text-align: left;
    width: 100%;
    transition: .4s all;
    background: #eff2f8;
    padding-bottom: 20px;
    top: 0;
    right: 0;
}

.header__mobile-sublist__inner.active {
    display: block;
}

.header__mobile-inner__name {
    margin-bottom: 20px;
    padding-left: 35px;
    position: relative;
}

.header__mobile-inner__name::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    left: 4px;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
}

.header__mobile-inner__name::after {
    content: "";
    position: absolute;
    width: 17px;
    height: 1px;
    background: #000;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s all;
}

.header__mobile-inner__item {
    margin-bottom: 20px;
    padding-left: 35px;
    color: #222324;
    font-size: 14px;
    line-height: 16px;
}

.header__mobile-inner__item:last-child {
    margin-bottom: 0;
}

.header__mobile-search {
    display: none;
    justify-content: space-between;
    padding: 10px 15px;
    align-items: center;
    margin: 0 -15px;
    border-bottom: 1px solid #fff;
}

.header__mobile-btn__line.opened {
    opacity: 0;
}

.header__mobile-btn.opened::before {
    transform: rotate(-45deg) translate(-3px, 5px);
}

.header__mobile-btn.opened::after {
    transform: rotate(45deg) translate(-3px, -6px);
}

/*.footer {*/
/*    background: #eff2f8;*/
/*    padding-bottom: 60px;*/
/*}*/

/*.footer__wrapper {*/
/*    position: relative;*/
/*    padding-top: 105px;*/
/*}*/

/*.footer__content {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*}*/

/*.footer__content-logo {*/
/*    width: 155px;*/
/*    align-self: flex-start;*/
/*    margin-right: 20px;*/
/*}*/

/*.footer__content-logo img {*/
/*    width: 100%;*/
/*    display: block;*/
/*}*/

/*.footer__content-inner {*/
/*    max-width: 1270px;*/
/*    width: 100%;*/
/*}*/

/*.footer__inner-top {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    padding-bottom: 40px;*/
/*    border-bottom: 1px solid #a3a5ad;*/
/*}*/

/*.footer__content-list {*/
/*    !*width: 18%;*!*/
/*    font-size: 18px;*/
/*    line-height: 26px;*/
/*}*/

/*.footer__content-list__item {*/
/*    margin-bottom: 25px;*/
/*    transition: .4s all;*/
/*    display:block;*/
/*}*/

/*.footer__content-list__item:last-child {*/
/*    margin-bottom: 0;*/
/*}*/

/*.footer__content-list__item:hover {*/
/*    color: #920122;*/
/*}*/

/*.footer__content-list__item.social {*/
/*    padding-left: 50px;*/
/*    position: relative;*/
/*    margin-bottom: 35px;*/
/*}*/

/*.footer__content-list__item.social::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*}*/

/*.footer__content-list__item.social:first-child::before {*/
/*    width: 38px;*/
/*    height: 38px;*/
/*    background-image: url("../images/footer__social-icon1.svg");*/
/*}*/

/*.footer__content-list__item.social:last-child::before {*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    background-image: url("../images/footer__social-icon2.svg");*/
/*}*/

.footer__content-list__item.social:first-child::before {
    width: 38px;
    height: 38px;
    background-image: url("../images/facebook_social_icon.png");
    background-size: contain;
}

.footer__content-list__item.social:last-child::before {
    width: 40px;
    height: 40px;
    background-image: url("../images/youtube_social_icon.png");
    background-size: contain;
}

/* New styles for the additional social media icons */
.footer__content-list__item.social:nth-child(2)::before {
    width: 42px;
    height: 42px;
    background-image: url("../images/instagram_social_icon.png");
    background-size: contain;
}

.footer__content-list__item.social:nth-child(3)::before {
    width: 44px;
    height: 44px;
    background-image: url("../images/linkedin_social_icon.png");
    background-size: contain;
}

.footer__content-list__item.social:nth-child(4)::before {
    width: 46px;
    height: 46px;
    background-image: url("../images/pinterest_social_icon.png");
    background-size: contain;
}






.footer__content-list__item.social:last-child {
    margin-bottom: 0;
}

.footer__content-bottom {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.footer__content-bottom__items {
    display: flex;
}

.footer__content-bottom__item {
    margin-right: 35px;
    padding-left: 25px;
    position: relative;
}

.footer__content-bottom__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;
}

.footer__content-bottom__item.location::before {
    width: 23px;
    background-position: left;
    height: 25px;
    background-image: url("../images/location-icon.svg");
}

.footer__content-bottom__item.phone::before {
    width: 32px;
    height: 34px;
    background-position: right;
    background-image: url("../images/phone-icon.svg");
}

.footer__content-bottom__item.email::before {
    width: 32px;
    height: 32px;
    background-image: url("../images/email-icon.svg");
}

.footer__content-bottom__item.phone {
    padding-left: 30px;
}

.footer__content-bottom__item.email {
    padding-left: 35px;
}

.footer__content-bottom__copyright {
    font-weight: 300;
    color: #222324;
}

.page-title {
    font-weight: 300;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 65px;
    color: #30323d;
}

.section-title {
    font-weight: 300;
    font-size: 40px;
    line-height: 56px;
    color: #30323d;
}

.slider {
    padding: 80px 0 70px;
    background: #fff;
}

.slider-title {
    margin-bottom: 50px;
}

.slider__body {
    height: 660px !important;
    position: relative;
}

.slider__body-item {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    padding: 0 100px;
}

.slider__body-content {
    max-width: 670px;
    width: 100%;
}

.slider__body-title {
    font-size: 60px;
    line-height: 72px;
    margin-bottom: 40px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);
    color: rgba(255, 255, 255, 1);
    font-weight: 600;

}

.slider__body-arrows {
    position: absolute;
    right: 100px;
    bottom: 0;
}

.arrows {
    display: flex;
    z-index: 10;
}
.arrows.profile{
    position: absolute;
    top: 217px;
    right: 0;
    padding-top:0 !important;
}

.arrows.gray .arrows__wrapper {
    background: #eff2f8;
}

.arrows.white .arrows__wrapper {
    background: #fff;
}

.arrows.colored .arrows__wrapper {
    background: #922a42;
}

.arrows__wrapper {
    width: 47px;
    height: 47px;
    transition: .4s all;
    position: relative;
    cursor: pointer;
}

.arrows__wrapper:first-child {
    margin-right: 13px;
}

.arrows__wrapper-arrow::after {
    content: "";
    position: absolute;
    width: 23px;
    height: 1px;
    background: #000;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s all;
}

.arrows__wrapper-arrow::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    right: 16px;
    top: 50%;
    transform: translateY(-50%) rotate(315deg);
    transition: .4s all;
}

.arrows__wrapper:first-child .arrows__wrapper-arrow::after {
    left: 15px;
    right: auto;
}

.arrows__wrapper:first-child .arrows__wrapper-arrow::before {
    left: 16px;
    transform: translateY(-50%) rotate(135deg);
    right: auto;
}

.arrows.colored .arrows__wrapper-arrow::before {
    border-color: #fff;
}

.arrows.colored .arrows__wrapper-arrow::after {
    background: #fff;
}

.arrows__wrapper:hover {
    background: #922a42 !important;
}

.arrows__wrapper:hover .arrows__wrapper-arrow::before {
    border-color: #fff;
}

.arrows__wrapper:hover .arrows__wrapper-arrow::after {
    background: #fff;
}

.footer__arrow .arrows.colored .arrows__wrapper {
    margin-right: 0;
}

.footer__arrow .arrows {
    position: absolute;
    top: -20px;
    right: 0;
}

.footer__arrow .arrows.colored .arrows__wrapper-arrow::before {
    top: 42%;
    transform: translate(-50%, -50%) rotate(225deg);
    left: 50%;
}

.arrows.colored .arrows__wrapper .arrows__wrapper-arrow::after {
    transform: translate(-50%, -50%) rotate(90deg);
    left: 50%;
}

.swiper-wrapper {
    height: auto;
}

.page-button {
    background: #f2f9ff;
    font-weight: 700;
    padding: 15px 45px 15px 20px;
    position: relative;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    transition: .4s all;
    border: none;
    outline: none;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.page-button::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    background: #000;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s all;
}

.page-button::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    right: 16px;
    top: 50%;
    transform: translateY(-50%) rotate(315deg);
    transition: .4s all;
}

.page-button.colored {
    color: #fff;
    background: #922a42;
    border: 2px solid #922a42;
}

.page-button.colored::after {
    background: #fff;
}

.page-button.colored::before {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.page-bottom__body {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    min-height: 470px;
    padding: 20px 160px 85px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.page-bottom__body::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #5c2831;
    z-index: 2;
    opacity: .83;
}

.page-bottom__content {
    max-width: 540px;
    width: 100%;
    color: #fff;
    z-index: 5;
}

.page-bottom__title {
    color: #ffffff;
}

.page-bottom__text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.connection {
    padding: 72px 0;
}

.connection.ultra {
    padding-bottom: 165px;
}

.connection.shop {
    padding-bottom: 145px;
}

.connection__wrapper {
    min-height: 520px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.connection__wrapper-body {
    max-width: 865px;
    width: 100%;
    text-align: center;
}

.connection__wrapper-title {
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
    font-style: italic;
    color: #ffffff;
    margin-bottom: 55px;
}

.connection__wrapper-title span {
    font-weight: 700;
}

.connection__wrapper-link {
    background: #ffffff;
}

.gallery-slider {
    padding: 70px 0;
}

.gallery-slider__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 45px;
}

.gallery-slider__title {
    margin-bottom: 0;
}

.gallery-slider__wrapper {
    display: flex;
    justify-content: space-between;
}

.gallery-slider__item {
    height: 520px;
    width: 375px;
}

.gallery-slider__item img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
}

.gallery-slider__body {
    user-select: none;
    max-width: 1600px;
}

.product__items {
    display: flex;
    justify-content: space-between;
}

.product__item {
    max-width: 370px;
    width: 100%;
}

.product__item-img {
    height: 265px;
    padding-bottom: 8px;
    border-bottom: 1px solid #acadb1;
    margin-bottom: 15px;
}

.product__item-img img {
    width: 100%;
    height: 100%;
    display: block;
}

.product__item-name {
    margin-bottom: 5px;
    font-weight: 500;
}

.product__item-price {
    font-weight: 700;
}

.sidebar {
    max-width: 370px;
    width: 100%;
    align-self: flex-start;
    background: #f4f6fa;
    padding: 40px 40px 65px;
    margin-right: 20px;
    position: sticky;
    top: 183px;
}

.sidebar .arrows__wrapper-arrow {
    position: absolute;
    right: 0;
    width: 23px;
    height: 20px;
    transition: .4s all;
}

.sidebar .arrows__wrapper-arrow::before {
    width: 14px;
    height: 14px;
    right: 2px;
}

.sidebar .arrows__wrapper-arrow::after {
    width: 20px;
    right: 1px;
}

.sidebar__list {
    font-size: 18px;
    line-height: 20px;
}

.sidebar__list-item-top {
    width: 100%;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    color: #30323d;
    margin-bottom: 15px;
    border-bottom: 1px solid #a6a8ae;
}
.sidebar__list-item {
    width: 100%;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    color: #30323d;
    margin-bottom: 5px;
    border-bottom: 1px solid #a6a8ae;
}

.sidebar__list-item__label {
    padding-bottom: 15px;
    cursor: pointer;
    display: flex;
    position: relative;
}

.sidebar__list-item__text {
    position: relative;
    width: 129px;
}

.sidebar__list-item.orange .sidebar__list-item__text::after {
    content: "";
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #f6a647;
}

.sidebar__list-item::before {
    width: 13px;
    height: 13px;
    border-color: #343132;
    right: 0;
    top: 3px;
    transform: rotate(315deg);
}

.sidebar__list-item::after {
    width: 20px;
    height: 1px;
    background: #343132;
    right: -1px;
    top: 9px;
    transform: translateY(0%);
}

.sidebar__list-item:last-child {
    margin-bottom: 0;
}

.sidebar__list-sublist {
    color: #222324;
    margin-top: 22px;
}

.sidebar__list-item__checkbox {
    margin: 0;
    margin-right: 12px;
    width: 18px;
    height: 18px;
    flex: none;
    cursor: pointer;
}

.sidebar__sublist-item__text {
    padding-right: 25px;
}

.sidebar__list-item__count {
    font-weight: 300;
}

.sidebar__sublist-item {
    border-bottom: none;
    margin-bottom: 5px;
    font-weight: 500;
}

.sidebar__list-sublist .arrows__wrapper-arrow::before {
    border-color: #9e9da0;
    width: 10px;
    height: 10px;
}

.sidebar__list-sublist .arrows__wrapper-arrow::after {
    background: #9e9da0;
    width: 17px;
}

.sidebar__list-inner {
    margin-left: 30px;
    margin-top: 5px;
    font-size: 14px;
    display: none;
}
.sidebar__sublist-item.active .sidebar__list-inner{
    display: block;
}

.sidebar__list-inner .sidebar__list-item {
    font-weight: 400;
}

.sidebar__list-sublist .sidebar__list-item__label,
.sidebar__list-inner .sidebar__list-item__label {
    padding-bottom: 0;
    border-bottom: 0;
}

.sidebar__list-inner .sidebar__sublist-item__text {
    padding-right: 0px;
}

.sidebar__list-item.active .sidebar__list-sublist {
    display: block;
}

.sidebar__list-item.active .arrows__wrapper-arrow {
    transform: rotate(90deg);
}

.sidebar__list-item.active .sidebar__sublist-item .arrows__wrapper-arrow {
    transform: rotate(0deg);
}

.sidebar__list-item.active .sidebar__sublist-item.active .arrows__wrapper-arrow {
    transform: rotate(90deg);
}
.no-italics {
    font-style: normal;
}
.page-tabs {
    padding-top: 75px;
    padding-bottom: 60px;
}

.page-tabs__title {
    margin-bottom: 45px;
}

.page-tabs__top {
    background: #eff2f8;
    padding: 45px 40px 20px;
    margin-bottom: 35px;
}

.page-tabs__top-list {
    font-size: 14px;
    display: flex;
    font-weight: 700;
    text-transform: uppercase;
    flex-wrap: wrap;
}

.page-tabs__top-item {
    margin-right: 55px;
    padding-bottom: 5px;
    transition: .4s all;
    cursor: pointer;
    border-bottom: 1px solid #231f2000;
}

.page-tabs__top-item:hover {
    border-bottom: 1px solid #231f20;
}

.page-tabs__top-item.active {
    border-bottom: 1px solid #231f20;
}

.page-tabs__top-item:last-child {
    margin-right: 0;
}
.page-tabs__content-inner{
    display: none;
}
.page-tabs__content-inner.active{
    display: block;
}
.page-tabs__content {
    font-weight: 400;
    max-width: 1800px;
}

.page-tabs__content-text {
    padding-left: 40px;
}

.page-tabs__content-text p {
    margin-bottom: 30px;
}

.page-tabs__content-text p:last-child {
    margin-bottom: 0;
}

.page-tabs__content-list {
    list-style: disc;
    padding-left: 18px;
}

.page-tabs__content-item {
    margin-bottom: 5px;
}

.page-tabs__content-item:last-child {
    margin-bottom: 0;
}
.page-tabs__content-list--pdfs{
    list-style: none;
    padding-left: 0;
}
.page-tabs__content-item--pdf{
    margin-bottom: 10px;
}
.page-tabs__content-item--pdf a{
    position: relative;
    padding-left: 35px;
    display: block;
}
.page-tabs__content-item--pdf a::before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-image: url(../images/download-pdf.svg);
    width: 29px;
    height: 32px;
}
.counter {
    display: flex;
}

.counter__item {
    user-select: none;
    margin-right: 10px;
    background: #eff2f8;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-align: center;
    color: #30323d;
    width: 60px;
    transition: .4s all;
    height: 60px;
    font-size: 24px;
    line-height: 26px;
    border: 1px solid #eff2f8;
}

.counter__item.number {
    background: #ffffff;
}

.counter__item:hover {
    background: #922a42;
    color: #ffffff;
}

.counter__item.number:hover {
    background: #ffffff;
    color: #30323d;
}

.counter__item:last-child {
    margin-right: 0;
}

.button-hover:hover {
    background: #940626;
    color: #ffffff;
}

.button-hover:hover::before {
    border-color: #ffffff;
    transform: translate(50%, -50%) rotate(315deg);
}

.button-hover:hover::after {
    background: #ffffff;
    transform: translate(30%, -50%);
}

.button__hover-no_bg:hover {
    background: none;
    color: inherit;
}

.button__hover-no_bg:hover::before {
    border-color: #000000;
    transform: translate(50%, -50%) rotate(315deg);
}

.button__hover-no_bg:hover::after {
    background: #000000;
    transform: translate(30%, -50%);
}


/********************
    Index
*********************/
.main {
    padding: 50px 0 90px;
    position: relative;
}

.main::before,
.main::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    z-index: -1;
}

.main::after {
    bottom: 0;
    background: #eff2f8;
    height: 52%;
}

.main::before {
    top: 0;
    background: #ffffff;
    height: 48%;
}

.main__info {
    max-width: 1070px;
    padding-top: 120px;
}

.main__info-top {
    margin-bottom: 100px;
}

.main__info-top__text {
    font-size: 24px;
    line-height: 26px;
    color: #30323d;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 20px;
}

.main__info-top__text span {
    font-weight: 700;
}

.main__info-top__link {
    background: none;
    padding: 10px 45px 10px 0px;
}

.main__info-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main__info-item {
    min-height: 140px;
    width: 170px;
    border-bottom: 1px solid #30323d;
    padding-bottom: 10px;
    transition: .4s all;
}

.main__info-item__img {
    width: 70px;
    margin-bottom: 22px;
    height: 60px;
    transition: .4s all;
}

.main__info-item__title {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 18px;
    font-weight: 700;
    position: relative;
    color: #30323d;
    width: 125px;
    transition: .4s all;
}

.main__info-item__title::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    background: #940626;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s all;
    opacity: 0;
}

.main__info-item__title::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-bottom: 1px solid #940626;
    border-right: 1px solid #940626;
    right: -25px;
    top: 50%;
    transform: translateY(-50%) rotate(315deg);
    transition: .4s all;
    opacity: 0;
}

.main__info-item:hover .main__info-item__title {
    color: #940626;
}

.main__info-item:hover .main__info-item__img {
    fill: #940626;
}

.main__info-item:hover .main__info-item__title::before {
    opacity: 1;
}

.main__info-item:hover .main__info-item__title::after {
    opacity: 1;
}

.featured {
    padding: 150px 0 72px;
    background: #ffffff;

}

.featured-title {
    /*margin-bottom: 60px;*/
}

.featured__wrapper {
    display: flex;
    justify-content: space-between;
}

.featured__wrapper-item {
    width: 48%;
    border-bottom: 1px solid #acadb1;
    padding-bottom: 20px;
}

.featured__wrapper-item__img {
    margin-bottom: 15px;
    height: 500px;
}

.hover__block-img {
    transition: .4s all;
    overflow: hidden;
    position: relative;
}

.arrow__block {
    position: absolute;
    left: 50%;
    top: 50%;
    background: #f2f9ff;
    transition: .4s all;
    opacity: 0;
    transform: translate(-50%, 20%);
    z-index: 11;
}

.arrow__block .arrows__wrapper-arrow::before {
    right: 16px !important;
    left: auto !important;
    transform: translateY(-50%) rotate(315deg) !important;
}

.arrow__block .arrows__wrapper-arrow::after {
    right: 15px !important;
    left: auto !important;
}

.hover__block-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    transition: .4s all;
}

.featured__wrapper-item__img img {
    width: 100%;
    height: 100%;
    display: block;
}

.featured__wrapper-item__title {
    font-size: 18px;
    line-height: 20px;
}

.hover__block-img img {
    transition: .4s all;
    object-fit: cover;
}

.hover__block:hover .hover__block-img img {
    transform: scale(1.05);
}

.hover__block:hover .hover__block-img::after {
    opacity: 0.4;
}

.hover__block:hover .arrow__block {
    opacity: 1;
    transform: translate(-50%, -50%);
}


.products {
    padding: 72px 0;
    background: #ffffff;
}

.products__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}
.products__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}
.products__items{
    margin-bottom: 80px;
    display: grid;
    grid-template-columns: repeat(4, 4fr);
    grid-template-rows: auto;
    gap: 20px;
}

.products__link {
    background: none;
    align-self: flex-end;
    margin-top: 5px;
    padding: 10px 45px 10px 20px;
}

.mobile__link-bottom .mobile__link {
    display: none;
}

.products__items-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.products__items-row:last-child {
    margin-bottom: 0;
}

.products__item {
    max-width: 370px;
    width: 100%;
    position: relative;
    margin-right: 10px;
}

.products__item:last-child {
    /*margin-right: 0;*/
}

.products__item-img {
    margin-bottom: 10px;
    height: 265px;
}

.products__item-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.products__item-title {
    padding-top: 15px;
    font-weight: 500;
    margin-bottom: 5px;
    font-size:1.6rem;
    line-height: 28px;
    font-family: 'Roboto';
}

.products__item-price {
    font-weight: 500;
    font-size:1rem;
    margin-top:10px;
}

.products.product-page {
    padding-bottom: 150px;
}

.product-page.products__item {
    max-width: 500px;
    width: 100%;
}

.products__item-price__old {
    text-decoration: line-through;
}

.products__item-price__discount {
    color: #920022;
    margin-right: 3px;
}

.products__item-stickers {
    display: flex;
    position: absolute;
    left: 25px;
    top: 25px;
    z-index: 11;
}
.products__item-stickers-on-product-page{
    display: flex;
    position: relative;
    left: 25px;
    top: 70px;
    z-index: 11;
}
.products__item-sticker {
    margin-right: 10px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 15px;
    color: #ffffff;
    border-radius: 50%;
    padding: 0 5px;
    text-align: center;
}

.products__item-sticker:last-child {
    margin-right: 0;
}

.sticker1 {
    background: #922a42;
    font-size: 20px;
    font-weight: 900;
}

.sticker2 {
    background: #f6a647;
    font-size: 10px;
    line-height: 11px;
}

.sticker3 {
    background: #8cbc42;
}

.sticker4 {
    background: #7239a3;
}

.sticker5 {
    background: #f6a647;
}

.projects {
    padding-top: 72px;
    background: #ffffff;
}

.projects__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.projects__top-link {
    background: none;
    align-self: flex-end;
    margin-top: 5px;
    padding: 10px 45px 10px 20px;
}


/********************
    About-us page
*********************/
.about {
    position: relative;
    padding: 95px 0 125px;
}

.about::before {
    content: "";
    position: absolute;
    top: 0;
    height: 30%;
    background: #fff;
    left: 0;
    width: 100%;
    z-index: -1;
}

.about::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 70%;
    background: #eff2f8;
    left: 0;
    width: 100%;
    z-index: -1;
}

.about__top {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
    margin-bottom: 85px;
}

.about__top-info {
    max-width: 605px;
    width: 100%;
    margin-right: 20px;
}

.about__top-info__top {
    margin-bottom: 110px;
}

.about__top-info__title {
    margin-bottom: 80px;
}

.about__top-info__subtitle {
    font-size: 24px;
    line-height: 32px;
    font-style: italic;
    font-weight: 700;
}

.about__top-info__text {
    font-weight: 400;
}

.about__top-info__text p span {
    font-weight: 700;
}

.about__top-info__text p {
    margin-bottom: 25px;
}

.about__top-img {
    max-width: 800px;
    width: 100%;
}

.about__top-img img {
    width: 100%;
    display: block;
}

.about__items {
    display: flex;
    justify-content: space-between;
    max-width: 845px;
    width: 100%;
}

.about__items-item {
    max-width: 115px;
    width: 100%;
}

.about__items-item__img {
    margin-bottom: 25px;
    height: 70px;
}

.about__items-item__img img {
    display: block;
    height: 100%;
}

.about__items-item__text {
    font-weight: 700;
}

#about__top-img-below-title {
    display: none;
}

#about__top-img-right {
    display: block;
}


.team {
    padding: 140px 0 80px;
}

.team-title {
    margin-bottom: 95px;
}

.team__items-row {
    display: flex;
    margin-bottom: 110px;
}

.team__items-row:last-child {
    margin-bottom: 0;
}

.team__items-item {
    width: 33%;
    margin-right: 35px;
    padding-bottom: 15px;
    border-bottom: 1px solid #6e6f77;
    display: flex;
}

.team__items-item:last-child {
    margin-right: 0;
}

.team__items-item__photo {
    margin-right: 30px;
    flex: none;
    display: flex;
    align-items: center;
    height:250px;
}

.team__items-item__photo img {
    width: 100%;
    display: block;
    max-width:168px;
}

.team__items-item__info {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.team__items-info__top {
    margin-bottom: 15px;
}

.team__items-item__name {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 2px;
    font-weight: 700;
}

.team__items-item__post {
    color: #920022;
    font-size: 18px;
    line-height: 26px;
}

.team__items-info__bottom {
    font-size: 14px;
    line-height: 18px;
    word-break: break-all;
}

.team__items-info__bottom a {
    display: block;
}


.reviews {
    padding: 70px 0 55px;
    background: #fff;
}

.reviews__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.reviews-title {
    margin-bottom: 0;
}

.reviews__slider {
    display: flex;
    justify-content: space-between;
}

.reviews__slider-item {
    width: 31.5%;
    padding: 45px 30px 50px;
    height: auto;
    background: #eff2f8;
}

.reviews__slider-top {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.reviews__slider-img {
    margin-right: 30px;
    flex: none;
}

.reviews__slider-img img {
    display: block;
    width: 100%;
}

.reviews__slider-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 5px;
}

.reviews__slider-subtitle {
    font-size: 18px;
    line-height: 26px;
}

.reviews__slider-text {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}


.partners {
    padding: 55px 0 90px;
}

.partners__body,
.clients__body {
    margin-right: 100px;
}

.partners__top,
.clients__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.partners-title,
clients-title {
    margin-bottom: 0;
}

.partners__slider,
.clients__slider {
    height: auto !important;
    display: flex;
    align-items: center;
}

.partners__slider-item,
.clients__slider-item {

    user-select: none;
}

.partners__slider-item img,
.clients__slider-item img {
    width: 100%;
}

.clients {
    padding-bottom: 90px;
}


.about-bottom {
    padding-top: 90px;
    padding-bottom: 150px;
}

.about-bottom__title {
    margin-bottom: 20px;
}

.about-bottom__text {
    margin-bottom: 35px;
}

.about-bottom__link {
    color: #231f20;
}


/********************
    Privacy Policy page
*********************/
.policy {
    padding: 95px 0 205px;
    background: #fff;
}

.policy__body {
    max-width: 900px;
    width: 100%;
}

.policy__body-content {

}

.policy__content-title {
    color: #30323d;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 30px;
}

.policy__content-text {
    font-weight: 400;
}

.policy__content-text p {
    margin-bottom: 30px;
}

.policy__content-text p:last-child {
    margin-bottom: 0;
}


/********************
    Login page
*********************/
.login {
    padding: 75px 0 190px;
    background: #fff;
}

.login__content {
    border-top: 1px solid #acadb1;
    padding-top: 75px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.login__content-left {
    max-width: 500px;
    width: 100%;
    margin-right: 20px;
}

.login__content-left__title {
    margin-bottom: 10px;
}

.login__content-left__text {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 40px;
}

.login__content-left__form {
    max-width: 370px;
    width: 100%;
}

.login__content-left__input {

    width: 100%;
}

.login__content-left__input::placeholder {

}

.login__content-left__input.email,
.login__content-left__input.phone
{
    margin-bottom: 15px;
}

.login__content-left__input.password {
    margin-bottom: 25px;
}

.login__content-left__captcha {
    text-align: center;
    margin-bottom: 30px;
}

.login__content-captcha__button {
    color: #6c7792;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
}

.login__content-left__button {
    width: 100%;
    font-size: 18px;
    padding: 22px 20px;
}

.page-button.colored:hover {
    background: #ffffff;
    color: #922a42;
}

.page-button.colored:hover::before {
    border-bottom: 1px solid #922a42;
    border-right: 1px solid #922a42;
    transform: translate(50%, -50%) rotate(315deg);
}

.page-button.colored:hover::after {
    background: #922a42;
    transform: translate(30%, -50%);
}

.login__content-right {
    background-repeat: no-repeat;
    background-size: 196%;
    background-position: 95% 68%;
}

.login__content-right {
    max-width: 800px;
    width: 100%;
    padding: 55px 85px 55px 112px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 410px;
    position: relative;
}

.login__content-right::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    background: #5c2831;
}

.login__content-right__content {
    color: #ffffff;
    z-index: 9;
}

.login__content-right__title {
    margin-bottom: 40px;
    color: #ffffff;
}

.login__content-right__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
}

.login__content-right__btn {
    font-size: 18px;
    width: 315px;
    background: #ffffff;
    text-transform: uppercase;
    padding: 18px 10px;
    transition: .4s all;
    font-weight: 700;
    border: 2px solid #ffffff00;
}

.login__content-right__btn:hover {
    color: #ffffff;
    background-color: #922a42;
    border: 2px solid #ffffff;
}


/********************
    Contacts page
*********************/
.contacts {
    padding: 90px 0 100px;
    position: relative;
}

.contacts::before,
.contacts::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    z-index: -1;
}

.contacts::before {
    top: 0;
    height: 38%;
    background: #ffffff;
}

.contacts::after {
    bottom: 0;
    height: 62%;
    background: #eff2f8;
}

.contacts__wrapper {
    display: flex;
    justify-content: space-between;
}

.contacts__wrapper-info {
    max-width: 300px;
    width: 100%;
    align-self: flex-start;
    margin-right: 20px;
}

.contacts__wrapper-title {
    margin-bottom: 100px;
}

.contacts__info-title {
    margin-bottom: 100px;
    color: #30323d;
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    font-style: italic;
}

.contacts__info-data {
    max-width: 230px;
}

.contacts__info-text {
    margin-bottom: 35px;
}

.contacts__info-text:last-child {
    margin-bottom: 0;
}

.contacts__info-text p {
    display: inline-block;
    margin-bottom: 5px;
}

.contacts__info-text a {
    display: inline-block;
    margin-bottom: 5px;
}

.contacts__info-text p:last-child {
    margin-bottom: 0px;
}

.contacts__wrapper-right {
    max-width: 800px;
    width: 100%;
}

.contacts-bottom {
    padding: 140px 0;
}

.contacts-bottom__body {
    padding: 20px 230px 60px;
    min-height: 650px;
}

.contacts-bottom__content {
    max-width: 470px;
}

.contacts-bottom__title {
    margin-bottom: 50px;
}

.contacts-bottom__form-input {
    width: 100%;
    margin-bottom: 10px;
}

.contacts-bottom__form-textarea {
    min-height: 200px;
    width: 100%;
    margin-bottom: 27px;
    resize: none;
}

.contacts-bottom__form-button {
    text-align: right;
}

.contacts-bottom__form-btn {
    min-width: 130px;
    background: #ffffff;
    color: black;
}


/********************
    Blogs page
*********************/
.blogs {
    padding: 70px 0 60px;
}

.blogs-title {
    margin-bottom: 85px;
}

.blogs__wrapper-items {
    margin-bottom: 90px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 60px 33px;
}

.blogs__wrapper-items.blog-page__items {
    margin-bottom: 0;
}

.blogs__items-item:hover .blogs__item-btn {
    transform: translate(-50%, -50%);
    opacity: 1;
}

.blogs__items-item__img {
    margin-bottom: 20px;
    background-position: center;
    height: 335px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.blogs__item-btn {
    position: absolute;
    left: 50%;
    padding-left: 25px;
    transition: .4s all;
    top: 50%;
    transform: translate(-50%, 45%);
    opacity: 0;
}

.blogs__items-item__text {
    font-size: 20px;
    padding-top: 15px;
    border-top: 1px solid #acadb1;
}

.blogs__pagination {
    display: flex;
    justify-content: center;
    align-items: center;

}

.blogs__pagination-arrow {
    position: relative;
    width: 23px;
    height: 23px;
    cursor: pointer;
}
.blogs__pagination-arrow.no-active{
    opacity: 0.5;
    pointer-events: none;
}
.blogs__pagination-prev {
    margin-right: 15px;
}

.blogs__pagination-next {
    margin-left: 15px;
}

.blogs__pagination-arrow::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    top: 50%;
}

.blogs__pagination-arrow::after {
    content: "";
    position: absolute;
    width: 23px;
    height: 1px;
    background: #000;
    top: 50%;
    transform: translateY(-50%);
}

.blogs__pagination-prev::before {
    transform: translateY(-50%) rotate(135deg);
}

.blogs__pagination-prev::after {
    left: -1px;
}

.blogs__pagination-next::before {
    right: 0;
    transform: translateY(-50%) rotate(310deg);
}

.blogs__pagination-next::after {
    right: -1px;
}

.blogs__pagination-list {
    display: flex;
}

.blogs__pagination-item {
    font-size: 18px;
    color: #acacac;
    transition: .4s all;
    padding: 10px;
    cursor: pointer;
    margin: 0 5px;
}

.blogs__pagination-item.active {
    color: #30323d;
    border-bottom: 1px solid #232022;
}

.blogs__pagination-item:hover {
    color: #30323d;
}

.page-bottom {
    padding: 60px 0 135px;
}

.blogs-bottom__title {
    margin-bottom: 30px;
}

.blogs-bottom__text {
    margin-bottom: 20px;
}

.blogs__bottom-form {
    display: flex;
}

.blogs__bottom-form__input {
    width: 305px;
    margin-right: 20px;
}


/********************
    Blog page
*********************/
.blog-page {
    padding: 70px 0 130px;
}

.blog-page__title {
    margin-bottom: 50px;
}

.blog-page__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.blog-page__left {
    max-width: 895px;
    width: 100%;
    font-weight: 400;
    margin-top: 15px;
    margin-right: 20px;
}

.blog-page__left-title {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 45px;
}

.blog-page__left-text {
    margin-bottom: 30px;
}

.blog-page__left-text:last-child {
    margin-bottom: 0;
}

.blog-page__left-subtitle {
    font-weight: 700;
    margin-bottom: 30px;
}

.blog-page__left-video {
    margin-bottom: 70px;
}

.blog-page__left-video img {
    display: block;
    width: 100%;
}

.blog-page__right {
    max-width: 570px;
    width: 100%;
}

.blog-page__right-img {
    flex: none;
}

.blog-page__right-img img {
    display: block;
    width: 100%;
}

.blog__row {
    padding: 115px 0;
    background-color: #eff2f8;
}

.blog__row.index {
    margin-top: -50px;
    padding-top: 160px;
}

.blog__row-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 55px;
}

.blog__row-top__link {
    background: none;
}

.blog__row .blogs__wrapper-items {
    grid-template-rows: repeat(1, 1fr);
}

#blog-page__left-picture {
    display: none;
}


/********************
    Projects page
*********************/
.projects-page {
    padding: 70px 0;
    background: #ffffff;
}

.projects-page__title {
    margin-bottom: 35px;
}

.projects-page__text {
    max-width: 1170px;
    width: 100%;
    font-weight: 400;
    margin-bottom: 55px;
}

.projects-page__filters {
    padding: 30px 25px 20px;
    background: #f4f6fa;
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}

.projects-page__filters-text {
    font-size: 18px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.projects-page__filters-list {
    display: flex;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #8d8d8d;
    flex-wrap: wrap;
}

.projects-page__filters-item {
    margin-right: 25px;
    background: #ffffff;
    padding: 12px 45px 12px 20px;
    border: 1px solid #e6ecf2;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
}

.projects-page__filters-item::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #a3a1a1;
    border-right: 1px solid #a3a1a1;
    right: 16px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.projects-page__filters-item::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 1px;
    background: #a3a1a1;
    right: 13px;
    top: 49%;
    transform: translateY(-50%) rotate(90deg);
}

.projects-page__filters-item.active {
    background: #922a42;
    color: #ffffff;
}

.projects-page__filters-item.active::after {
    content: "x";
    position: relative;
    right: -15px;
    top: 0;
    background: none;
}

.projects-page__filters-item.active::before {
    display: none;
}

.projects-page__row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
}

.projects-page__row:last-child {
    margin-bottom: 0;
}

.projects-page__wrapper-item {
    width: 49%;
    padding-bottom: 25px;
    border-bottom: 1px solid #acadb1;
}

.projects-page__wrapper-item__img {
    margin-bottom: 15px;
    height: 515px;
}

.projects-page__wrapper-item__img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.projects-page__wrapper-item__title {
    font-size: 18px;
}


/********************
    Projects2 page
*********************/
.projects2-page__top {
    padding-top: 70px;
}

.projects2-page__bottom {
    padding: 70px 0 150px;
}

.projects2-page__bottom-title {
    margin-bottom: 70px;
}


/********************
    Ultra page
*********************/
.ultra__top {
    padding-top: 70px;
}

.ultra__title {
    max-width: 950px;
    margin-bottom: 20px;
}

.ultra__text {
    max-width: 950px;
    font-weight: 400;
}

.ultra__products {
    padding: 60px 0 75px;
}

.ultra__products-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}

.ultra__products-link {
    background: none;
    align-self: flex-end;
    margin-top: 5px;
    padding: 10px 45px 10px 20px;
}


/********************
    Profile page
*********************/
.profile {
    padding: 70px 0 220px;
}

.profile-title {
    margin-bottom: 50px;
}

.profile__wrapper {
    display: flex;
    justify-content: space-between;
}

.profile__wrapper-content {
    max-width: 1170px;
    width: 100%;
}

/*Did add animation for special profile button with arrow. */
#profile_btn.page-button.colored::before {
    transform: translateY(25%) rotate(315deg);
    rotate: 90deg;
}

#profile_btn.page-button.colored:hover::before {
    transform: translateX(30%) translateY(20%) rotate(-45deg);
}

#profile_btn.page-button.colored::after {
    rotate: 90deg;
    transform: translateX(10%);
}

#profile_btn.page-button.colored:hover::after {
    transform: translateX(21%) translateY(-45%);
}

.profile__content-orders {
    max-width: 875px;
    margin-bottom: 70px;
}

.profile__content-orders__item {
    display: flex;
    justify-content: space-between;
    align-self: flex-start;
    margin-bottom: 100px;
}

.profile__content-orders__item:last-child {
    margin-bottom: 0;
}

.profile__content-orders__product {
    max-width: 375px;
    margin-right: 20px;
    position: relative;
}

.profile__orders-product__img {
    width: 100%;
    height: 265px;
    margin-bottom: 10px;
}

.profile__orders-product__img img {
    width: 100%;
    height: 100%;
    display: block;
}

.profile__orders-product__name {
    font-weight: 500;
    padding-top: 15px;
    border-top: 1px solid #acadb1;
}

.profile__content-orders__info {
    max-width: 445px;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
}

.profile__orders-info__top {
    padding-bottom: 20px;
    border-bottom: 1px solid #acadb1;
    padding-left: 5px;
    padding-right: 15px;
}

.profile__orders-info__title {
    font-weight: 700;
    color: #30323d;
    margin-bottom: 20px;
}

.profile__orders-info__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.profile__orders-info__item:last-child {
    margin-bottom: 0;
}

.profile__content-orders__price {
    padding: 30px 15px 35px 5px;
    border-bottom: 1px solid #acadb1;
}

.profile__orders-info__total {
    display: flex;
    justify-content: right;
    font-weight: 700;
}

.profile__orders-info__total,
.profile__orders-info__text {
    margin-right: 5px;
}

.profile__orders-info__bottom {
    padding: 15px 0;
    border-bottom: 1px solid #acadb1;
    margin-bottom: 23px;
}

.profile__orders-info__item.number {
    background: #f4f6fa;
    margin-bottom: 10px;
    padding: 15px 20px;
    justify-content: right;
}

.profile__orders-info__item.date {
    text-align: right;
    padding: 15px 20px;
    justify-content: right;
}

.profile__orders-info__item.number .profile__orders-info__text,
.profile__orders-info__item.date .profile__orders-info__text {
    margin-right: 10px;
}

.profile__orders-info__item.number .profile__orders-info__value,
.profile__orders-info__item.date .profile__orders-info__value {
    font-weight: 700;
}

.profile__orders-info__invoice {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.profile__orders-info__download {
    position: relative;
    padding: 5px 5px 5px 40px;
}

.profile__orders-info__download::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 32px;
    background-image: url("../images/download-pdf.svg");
}

.profile__wrapper-content .products__items {
    margin-bottom: 95px;
}

.profile__content-text {
    font-size: 14px;
    line-height: 16px;
    color: #009b16;
    margin-bottom: 45px;
}

.products__item-delete {
    margin-bottom: 10px;
    line-height: 16px;
    font-size: 14px;
    color: #920122;
    text-align: right;
    cursor: pointer;
}

.profile__content-form {
    max-width: 775px;
    width: 100%;
}

.profile__content-form__inner {
    margin-bottom: 40px;
}

.profile__content-form__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.profile__content-form__row:last-child {
    margin-bottom: 0;
}

.profile__content-form__input {
    width: 48%;
}

.profile__content-form__text {
    display: block;
    text-align: center;
    margin-bottom: 45px;
}

.profile__content-form__button {
    width: 375px;
    font-size: 15px;
    line-height: 17px;
}

.profile__content-form__button::before {
    border-color: #ffffff;
}

.profile__content-form__button::after {
    background: #ffffff;
}
#profile__form_user_data {
    padding-bottom: 50px;
}
#profile__form_user_data>h3,#profile__form_change_password>h3 {
    padding-bottom: 30px;
}

/********************
    Shop page
*********************/
.shop {
    padding: 90px 0 110px;
}

.shop__top {
    margin-bottom: 50px;
    /*max-width: 1120px;*/
    padding-top: 60px;
}

.shop__top-title {
    margin-bottom: 25px;
}

.shop__top-text {
    font-weight: 400;
}

.shop__wrapper {
    display: flex;

    justify-content: center;
}

.filter-btn {
    display: none;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 15px 20px;
    position: relative;
    font-size: 16px;
    line-height: 18px;
    cursor: pointer;
    transition: .4s all;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background: #1e2d57;;
}

.shop__wrapper-content {
    max-width: 1170px;
    width: 100%;
}

.shop__wrapper-filters {
    display: flex;
    flex-wrap: wrap;
}

.shop__wrapper-filters__item {
    margin-bottom: 25px;
    margin-right: 15px;
    padding: 13px 15px;
    font-size: 14px;
    line-height: 16px;
    color: #8d8d8d;
    background: #f4f6fa;
    display: flex;
}

.shop__wrapper-filters__name {
    margin-right: 15px;
}

.shop__wrapper-filters__close {
    color: #920122;
    cursor: pointer;
    cursor: pointer;
}

.shop__wrapper-filters__item.clear {
    color: #920122;
    background: none;
    cursor: pointer;
}

.shop__items {
    margin-bottom: 80px;
    display: grid;
    grid-template-columns: repeat(4, 4fr);
    grid-template-rows: auto;
    gap: 20px;
}
.shop__items .products__item{
    margin-right: 0;
    max-width: none;
}
.shop__more {
    text-align: center;
}

.shop__more-button {
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    min-width: 370px;
    text-align: center;
    background: #ffffff;
    font-weight: 700;
    border: 2px solid #eff2f8;
    padding: 18px 10px;
    transition: .4s all;
}

.shop__more-button:hover {
    border-color: #1e2d57;
    background: #1e2d57;
    color: #ffffff;
}

.sidebar__price-input {
    display: flex;
    align-items: center;
    padding-bottom: 15px!important;
    justify-content: space-between;
}

/********************
    Product page
*********************/
.product {
    padding: 70px 0 40px;
}

.product__wrapper {
    display: flex;
    justify-content: space-between;
}

.product__wrapper-left {
    max-width: 675px;
    width: 100%;
    margin-right: 20px;
}

.product__wrapper-breadcrumbs {
    margin-bottom: 25px;
}

.product__wrapper-breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 16px;
    color: #222324;
}

.product__wrapper-breadcrumbs__item {
    padding-right: 22px;
    margin-bottom: 10px;
    position: relative;
}

.product__wrapper-breadcrumbs__item::before {
    content: "";
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    border-bottom: 1px solid #222324;
    border-right: 1px solid #222324;
    width: 6px;
    height: 6px;
}

.product__wrapper-breadcrumbs__item:first-child {
    padding-left: 0;
}

.product__wrapper-breadcrumbs__item:last-child {
    padding-right: 0;
}

.product__wrapper-breadcrumbs__item:last-child::before {
    display: none;
}

.product__wrapper-breadcrumbs__link {
}

.product__wrapper-img {
    margin-bottom: 15px;
    width: 674px;
    height: 586px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.product__wrapper-img img {
    width: 100%;
    display: block;
}

.product__wrapper-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid #acadb1;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.product__wrapper-details__left {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    margin-right: 10px;
}

.product__details-left__item {
    margin-right: 40px;
    align-items: center;
    display: flex;
    cursor: pointer;
}

.product__details-left__item:last-child {
    margin-right: 0;
}

.product__wrapper-details__icon {
    width: 30px;
}

.product__details-right__item {
    display: flex;
    cursor: pointer;
}

.product__details-right__item .product__wrapper-details__icon {
    width: 18px;
    transform: rotate(90deg);
}

.product__wrapper-details__text {
    margin-left: 10px;
}

.product__wrapper-download__title {
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.product__wrapper-download__item {
    font-weight: 400;
    padding-left: 40px;
    display: inline-block;
    position: relative;
    margin-right: 38px;
}

.product__wrapper-download__item:last-child {
    margin-right: 0;
}

.product__wrapper-download__item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 28px;
    height: 22px;
    background-image: url("../images/product-download.svg");
    background-size: cover;
    background-position: center;
}

.product__wrapper-info {
    max-width: 800px;
    width: 100%;
}

.product__wrapper-info__title {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 10px;
    font-weight: 500;
}

.product__wrapper-info__desc {
    font-weight: 400;
    margin-bottom: 25px;
}

.product__wrapper-info__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.product__wrapper-info__favorite {
    color: #920122;
    padding-left: 25px;
    position: relative;
    cursor: pointer;
}

.product__wrapper-info__favorite::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 17px;
    width: 18px;
    /*background-image: url("../images/favorite-icon.svg");*/
    display: flex;
    align-items: center;
}

.star-icon {
    width: 25px;
    height: 25px;
    margin-top: -1px;
    position: absolute;
}

.favorite-text {
    margin-top: 0;
    margin-left: 30px;
}

.product__wrapper-info__text {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
}

.product__wrapper-info__tabs {
    padding-bottom: 35px;
    border-bottom: 1px solid #acadb1;
}

.product__info-tabs__top {
    background: #eff2f8;
    padding: 30px 20px 5px 35px;
    margin-bottom: 35px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 16px;
    display: flex;
    font-weight: 700;
    position: relative;
}

.product__wrapper-tabs__items {
    z-index: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.product__info-tabs__top::before {
    content: "";
    position: absolute;
    left: 50%;
    width: 50px;
    height: 50px;
    bottom: -17px;
    z-index: 0;
    background: #eff2f8;
    transform: translateX(-50%) rotate(45deg);
}

.product__info-tabs__top::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #eff2f8;
}

.product__info-tabs__item {
    cursor: pointer;
    padding-bottom: 7px;
    margin-right: 35px;
    margin-bottom: 20px;
    border-bottom: 1px solid #231f2000;
    transition: .4s all;
}

.product__info-tabs__item:last-child {
    margin-right: 0;
}

.product__info-tabs__item.active {
    border-bottom: 1px solid #231f20;
}

.product__info-tabs__item:hover {
    border-bottom: 1px solid #231f20;
}

.product__tabs-content__row {
    /*margin-bottom: 30px;*/
    display: none;
}
.product__tabs-content__row.active{
    display: block;
}

.product__tabs-content__row:last-child {
    margin-bottom: 0;
}

.product__tabs-content__title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.product__tabs-content__items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.product__tabs-content__item {
    border-radius:2px;
    text-align: center;
    padding: 8px;
    font-size: 14px;
    cursor: pointer;
    line-height: 16px;
    color: #8d8d8d;
    font-weight: 400;
    transition: .4s all;
    border: 1px solid #e6ecf2;
    margin-right: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    width: 120px;
    height: 130px;
    padding-top: 15px;
}

.product__tabs-content__item:hover {
    box-shadow:
            0.1px 0.1px 0.4px rgba(0, 0, 0, 0.031),
            0.3px 0.3px 1px rgba(0, 0, 0, 0.044),
            0.7px 0.7px 2.1px rgba(0, 0, 0, 0.056),
            1.5px 1.5px 4.4px rgba(0, 0, 0, 0.069),
            4px 4px 12px rgba(0, 0, 0, 0.1)
;
}

.product__tabs-content__item.active {
    box-shadow:
            0.1px 0.1px 0.4px rgba(0, 0, 0, 0.031),
            0.3px 0.3px 1px rgba(0, 0, 0, 0.044),
            0.7px 0.7px 2.1px rgba(0, 0, 0, 0.056),
            1.5px 1.5px 4.4px rgba(0, 0, 0, 0.069),
            4px 4px 12px rgba(0, 0, 0, 0.1)
;
}


.product__tabs-content__item:last-child {
    margin-right: 0;
}

.product__tabs-content__img {
    margin-bottom: 0px;
    width: 35px;
    height: 35px;
    mix-blend-mode: multiply;
    background-blend-mode: multiply;
    background: white;
    transition: transform 0.3s ease;
}


.product__tabs-content__name{
    margin-bottom: 5px;
}
.product__wrapper-info__bottom {
    font-size: 18px;
    line-height: 20px;
    padding-top: 25px;
}
.product__info-bottom__text, .product__wrapper-info__total, .product__wrapper-info__delivery_days {
    text-align: right;
    margin-bottom: 20px;
}
.product__info-bottom__text {
    font-weight: 400;
}

.product__wrapper-info__total {
    font-weight: 700;
}

.product__info-bottom__functions {
    max-width: 520px;
    width: 100%;
    margin-left: auto;
    display: flex;
    flex-direction: column;
}

.product__info-functions__top {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 10px;
}

.product__info-functions__btn {
    width: 290px;
    font-size: 18px;
    line-height: 22px;
}

.product__info-functions__btn::after {
    background: #ffffff;
}

.product__info-functions__btn::before {
    border-color: #ffffff;
}

.product__info-functions_question {
    background: #ffffff;
    width: 290px;
    color: #922a42;
    border: 2px solid #922a42;
    margin-left: auto;
    height: 60px;
    font-size: 18px;
    transition: .4s all;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product__info-functions_question:hover {
    background: #922a42;
    color: #ffffff;
}

.product__info-functions_question::before {
    display: none;
}

.product__info-functions_question::after {
    display: none;
}


/********************
    Order page
*********************/
.order {
    padding: 90px 0 100px;
}

.order__top {
    margin-bottom: 20px;
}

.order__top-title {
    margin-bottom: 25px;
}

.order__top-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 700;
}

.order__top-item {
    padding: 17px 35px;
    color: #8d8490;
    background: #eff2f8;
    width: 32%;
    position: relative;
    transition: .4s all;
}

.order__top-item.active {
    color: #922a42;
}

.order__top-item::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #922a42;
    transition: .4s all;
    opacity: 0;
}

.order__top-item.active::before{
    opacity: 1;
}
#cart_back_1:hover{
    color: #922a42;
    cursor: pointer;
}
#cart_back_1:hover::before{
    opacity: 1;
}
.order__errors{
    max-width:500px;
    background: #922a42;
    position: fixed;
    top: 25px;
    left: 50%;
    width: 100%;
    z-index: 99;
    transform: translate(-50%, -200%);
    transition: 1s all;
    padding:15px 5px;
    border:1px solid lightgray;
    box-shadow:
            0.6px 0.6px 2.2px rgba(0, 0, 0, 0.02),
            1.5px 1.3px 5.3px rgba(0, 0, 0, 0.028),
            2.8px 2.5px 10px rgba(0, 0, 0, 0.035),
            4.9px 4.5px 17.9px rgba(0, 0, 0, 0.042),
            9.2px 8.4px 33.4px rgba(0, 0, 0, 0.05),
            22px 20px 80px rgba(0, 0, 0, 0.07)
;
}
.order__errors.active{
    transform: translate(-50%, 0%);
    top:150px;
}

.order__errors-wrapper{
    max-width: 500px;
    margin: 0 auto;
    color: #ffffff;
    padding: 0 10px;
}
.order__errors-wrapper__title{
    text-align: center;
    font-size: 1.35rem;
    margin-bottom: 10px;
}
.order__errors-list{
    list-style: disc;
    padding-left: 17px;
    margin-bottom: 15px;
}
.order__errors-item{
    margin-bottom: 5px;
}
.order__errors-item:last-child{
    margin-bottom: 0;
}
.order__errors-close{
    width: 135px;
    margin: 0 auto;
    border: 2px solid #fff;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    transition: .4s all;
}
.order__errors-close:hover{
    color: #922a42;
    background: #fff;
}
.order__wrapper {
    display: flex;
    justify-content: space-between;
    padding-top: 75px;
    border-top: 1px solid #acadb1;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}
.order__wrapper.active{
    position: relative;
    opacity: 1;
    pointer-events: auto;
}

.order__wrapper-items {
    max-width: 1035px;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}

.order__items-title {
    margin-bottom: 40px;
}

.order__wrapper-items__inner {
    margin-bottom: 40px;
}

.order__wrapper-item {
    padding-bottom: 35px;
    border-bottom: 1px solid #acadb1;
    padding-top: 65px;
}

.order__wrapper-item:first-child {
    padding-top: 0;
}

.order__items-inner__top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 35px;
}

.order__items-inner__img {
    width: 275px;
    height: 190px;
    flex: none;
    margin-right: 20px;
}

.order__items-inner__img img {
    width: 100%;
    height: 100%;
    display: block;
}

.order__items-inner__info {
    max-width: 740px;
    width: 100%;
    align-self: flex-start;
}

.order__items-info__top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}

.order__items-info__name {
    font-size: 18px;
    line-height: 20px;
}

.order__items-info__list {
    list-style: disc;
    padding-left: 17px;
}
.order__items-info__configurations{
    margin-top: 20px;
    padding-left: 17px;
    max-width: 600px;
}
.order__items-configurations__item{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid gray;
    padding: 5px 0;
}
.order__items-configurations__item{
    border-bottom: 1px dashed gray;
}
.order__items-configurations-column{
    width: 40%;
}
.order__items-configurations-column.price{
    width: 20%;
    text-align: center;
}
.order__wrapper-items__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order__items-bottom__prices {
    text-align: right;
}

.order__items-bottom__price {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
}

.order__items-bottom__total {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}

.order__wrapper-items__button {
    min-width: 290px;
    padding: 20px 30px;
    font-size: 18px;
    text-align: center;
    line-height: 20px;
    background: #ffffff;
    transition: .4s all;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: auto;
    border: 1px solid #eff2f8;
}

.order__wrapper-items__button:hover {
    background: #922a42;
    color: #ffffff;
}

.order__wrapper-info {
    padding: 35px 25px 45px;
    font-size: 18px;
    line-height: 20px;
    background: #eff2f8;
    align-self: flex-start;
    max-width: 500px;
    width: 100%;
}

.order__wrapper-info__name {
    color: #30323d;
    margin-bottom: 15px;
}

.order__wrapper-info__item {
    padding: 30px 0;
    border-top: 1px solid #a3a5ad;
    border-bottom: 1px solid #a3a5ad;
}

.order__wrapper-info__item {
    border-bottom: none;
}

.order__wrapper-info__result {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-weight: 400;
}

.order__wrapper-info__result:last-child {
    margin-bottom: 0px;
}

.order__wrapper-info__total,
.order__wrapper-info__number,
.order__wrapper-info__date {
    background: #ffffff;
    padding: 15px;
    display: block;
    text-align: right;
    font-weight: 700;
    margin-bottom: 20px;
}

.order__wrapper-info__coupon {
    cursor: pointer;
    color: #920122;
    margin-bottom: 30px;
    font-size: 14px;
    display: inline-block;
    padding-right: 25px;
    position: relative;
}

.order__wrapper-info__coupon::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #920122;
    border-right: 1px solid #920122;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.order__wrapper-info__coupon::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 1px;
    background: #920122;
    right: -1px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

.order__wrapper-info__button {
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 35px;
}

.order__wrapper-info__button::before {
    border-color: #ffffff;
}

.order__wrapper-info__button::after {
    background: #ffffff;
}

.order__wrapper-info__download {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 10px 10px 40px;
    font-weight: 400;
}

.order__wrapper-info__download::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 32px;
    width: 26px;
    background-size: cover;
    background-image: url("../images/download-pdf.svg");
}

.order__wrapper-data {
    max-width: 820px;
    margin-right: 20px;
}

.order__wrapper-data__item {
    margin-bottom: 75px;
    width: 100%;
}

.order__wrapper-data__item:last-child {
    margin-bottom: 0;
}
.order__data-item__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.order__data-item__content {
    margin-left: 40px;
}

.order__data-item__button {
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    min-width: 370px;
    text-align: center;
    background: #ffffff;
    font-weight: 700;
    border: 2px solid #eff2f8;
    padding: 18px 10px;
    transition: .4s all;
    cursor: pointer;
}

.order__data-item__button:hover {
    background: #922a42;
    color: #ffffff;
}

.order__data-item__inputs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
#registration_inputs {
    display: none;
}
.order__data-item__inputs:last-child {
    margin-bottom: 0;
}

#registration_inputs.order__data-item__inputs.show{
    display: flex;
}

.order__data-item__input {
    width: 48%;
}
.order__data-item__input.error{
    border-color: red;
}
.order__data-item__input--promocode{
    width: 100%;
    margin-bottom: 15px;
}

.order__data-item__label {
    display: flex;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    align-items: center;
    margin-bottom: 25px;
    cursor: pointer;
}

.order__data-item__checkbox {
    margin: 0;
    margin-right: 13px;
    width: 22px;
    height: 22px;
    flex: none;
    cursor: pointer;
}

.order__data-item__row {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.order__data-item__radio {
    align-self: flex-start;
    margin: 0;
    margin-right: 15px;
    width: 24px;
    height: 24px;
    flex: none;
    cursor: pointer;
}

.order__data-item__label-address {
    margin-right: 40px;
    margin-bottom: 0;
}

.order__data-item__input-address {
    width: 100%;
    border-color: #b6b5b9;
    margin-bottom: 25px;
}

.order__data-item__select {
    font-size: 14px;
    padding: 13px 15px;
    line-height: 18px;
    border: 1px solid #b3b2b6;
    width: 48%;
    position: relative;
    margin-bottom: 25px;
}

.order__data-label__title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
}

.order__data-label__text {
    font-size: 14px;
    line-height: 16px;
}

.order__data-item__row--shipping,
.order__data-item__row--payment {
    display: block;
    margin-bottom: 0;
}

.order__data-row__card {
    display: flex;
}

.order__data-card__img {
    display: flex;
    align-self: flex-start;
    margin-top: -15px;
    margin-left: 15px;
}
.order__data-card__img .card_payment_logo_img{
    width:100px;
}

.order__data-item__textarea {
    min-height: 140px;
    margin-left: 40px;
    width: 100%;
    resize: none;
}

.order__data-shipping{
    display: none;
}

.order__data-shipping__title{
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 38px;
}
.order__wrapper-info__label {
    display: flex;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    margin-bottom: 25px;
}

.order__wrapper-info__label a {
    color: #922a42;
}

.order__wrapper-info__checkbox {
    width: 22px;
    height: 22px;
    margin: 0;
    flex: none;
    margin-right: 15px;
    cursor: pointer;
}

.order__wrapper-info__bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #00a022;
}

.order__wrapper-info__img {
    width: 42px;
    fill: #00a022;
    height: 53px;
    margin-right: 13px;
}

.order__wrapper-confirmation {
    max-width: 720px;
    width: 100%;
    margin-right: 20px;
}

.order__wrapper-confirmation__img {
    margin-bottom: 33px;
    width: 70px;
}

.order__wrapper-confirmation__img img {
    width: 100%;
    display: block;
}

.order__wrapper-confirmation__title {
    margin-bottom: 35px;
}

.order__wrapper-confirmation__subtitle {
    font-size: 18px;
    line-height: 20px;
}

.order__wrapper-info__number,
.order__wrapper-info__date {
    font-weight: 400;
}

.order__wrapper-info__date {
    background: none;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.order__wrapper-info__number span,
.order__wrapper-info__date span {
    font-weight: 700;
    margin-left: 5px;
}
.modal__cart{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    left: 0;
    top: 0;
    z-index: 999;
    overflow: auto;
    padding: 20px;
    display: none;
}
.modal__cart-body{
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal__cart-content{
    background: #FFFFFF;
    padding: 25px;
    max-width: 620px;
    z-index: 2;
    width: 100%;
    transition: .4s all;
    position: relative;
}
.modal__cart-content__close{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 38px;
    line-height: 32px;
    cursor: pointer;
    padding-right: 4px;
}
.modal__cart-title{
    text-align: center;
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 20px;
}
.modal__cart-label{
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
}
.modal__cart-input{
    width: 100%;
    margin-top: 5px;
}
.modal__cart-button{
    text-align: center;
}
.modal__cart-btn{
    font-size: 17px;
}

/* Common */
.pt50 {
    padding-top: 50px;
}

.list-style-square {
    list-style-type: square;
}

.ui-elements {
    padding-top: 5px;
    margin-left: 20px;
}

/*<div id="contact_modal">*/
/*<section class="contacts-bottom page-bottom">*/
/*<div class="container close">*/

/*.contact-form::after {*/
/*    width: 100%!important;*/
/*}*/

#contact_modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    justify-content: center;
    align-items: center;
    padding-top: 40px;
}
#contact_modal-wrapper {
    padding: 0;
}
.container.modal-content.contact-form {
    padding: 0;
}
.modal-content {
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
}

.close {
    color: white;
    float: right;
    font-size: 60px;
    font-weight: bold;
    cursor: pointer;
    padding-bottom: 15px;
    z-index: 3;
    /*left: 145px;*/
    position: absolute;
    right:20px;
    top:20px;
}

.close:hover,
.close:focus {
    color: #aaa;
    text-decoration: none;
    cursor: pointer;
}

.product-page-bottom__body {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    min-height: 470px;
    padding: 20px 160px 85px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.product-page-bottom__body::after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #5c2831;
    z-index: 2;
    opacity: .83;
}
/* For Cookie Confirmation window */
.cookie_policy {
    padding: 27px 10%;
    display: block;
    z-index: 50;
    position: fixed;
    bottom: 0;
    flex-direction: column;
    width: 100%;
    background-color: white;
    box-shadow: 0 0.1px 2.2px rgb(0 0 0 / 2%), 0 0.3px 5.3px rgb(0 0 0 / 3%), 0 0.6px 10px rgb(0 0 0 / 4%), 0 1.1px 17.9px rgb(0 0 0 / 4%), 0 2.1px 33.4px rgb(0 0 0 / 5%), 0 5px 80px rgb(0 0 0 / 7%);
}

.cp_text {
    margin-bottom: 15px;
    width: 100%;
    line-height: 25px;
    font-size: 16px;
}

.cpb_container {
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
}
.cpb_container div {
    padding: 10px 20px;
    border-radius: 10px;
}
.cp_accept {
    cursor: pointer;
    margin-top: 20px;
    background: #922a42;
    color: #ffffff;
    margin-right: 10px;
}
.cp_accept:hover {
    background: #5c2831;
    transition: .4s all;
}
#dimmer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* Adjust the opacity as needed */
    z-index: 10; /* Ensure the dimmer appears above other elements */
    display: block;
}

.hidden {
    display: none !important;
}

#searchInput{
    width: 80%;
    margin: 25px auto 25px auto;
    display: block;
}
#searchResultsContainer{
    width: 80%;
    margin: 0 auto 0 auto;
    display: block;
    max-height: 500px;
    overflow-y: auto;
}
#header {
    box-shadow: 0.5px 0.6px 0.7px rgba(0, 0, 0, 0.02), 1.1px 1.5px 1.6px rgba(0, 0, 0, 0.028), 2.1px 2.8px 3px rgba(0, 0, 0, 0.035), 3.8px 4.9px 5.4px rgba(0, 0, 0, 0.042), 7.1px 9.2px 10px rgba(0, 0, 0, 0.05), 17px 22px 24px rgba(0, 0, 0, 0.07);
}
.product_link {
    display: flex;
    justify-content: space-between;
}
.search__icon {
    width: 16px;
    margin-right: 10px;
    height: 16px;
    margin-top: 4px;
}
.search__icon_with_title {
    display: flex;
}
@media (max-width: 1285px) {

    /********************
        Index
    *********************/
    .main {
        padding-top: 75px;
    }

    .header__inner-right {
        flex-direction: column;
        align-items: center;
    }

    .header__inner-menu {
        margin-right: 0;
    }

    .featured__wrapper-item__img {
        height: 400px;
    }

    .products__items-row {
        flex-wrap: wrap;
        justify-content: space-around;
        margin-bottom: 0;
    }

    .products__item {
        max-width: none;
        width: 34%;
        margin-right: 0;
        position: relative;
        margin-bottom: 20px;
    }

    .partners__body,
    .clients__body {
        margin-right: 0;
    }

    .page-bottom__body {
        padding: 20px 80px 85px;
    }


    /********************
        Blogs page
    *********************/
    .blogs {
        padding-top: 90px;
    }


    /********************
        Contacts page
    *********************/
    .contacts {
        padding-top: 110px;
    }

    /********************
        Login page
    *********************/
    .login {
        padding: 100px 0 190px;
    }


    /********************
        Projects page
    *********************/
    .projects-page {
        padding: 95px 0 70px;
    }

    .projects2-page__top {
        padding-top: 95px;
    }


    /********************
        Ultra page
    *********************/
    .ultra__top {
        padding-top: 95px;
    }


    /********************
        Privacy Policy page
    *********************/
    .policy {
        padding: 130px 0 205px;
    }

    /********************
        Shop page
    *********************/
    .shop {
        padding: 110px 0 110px;
    }


    /********************
        Profile page
    *********************/
    .profile {
        padding: 90px 0 220px;
    }

    .profile__wrapper-content .products__item {
        margin-bottom: 30px;
        width: 48%;
    }


    /********************
        Product page
    *********************/
    .product {
        padding: 95px 0 40px;
    }

    .product__wrapper {
        flex-direction: column;
        align-items: center;
    }

    .product__wrapper-left {
        margin-right: 0;
        margin-bottom: 40px;
        max-width: none;
    }

    .product__wrapper-img {
        max-width: 675px;
        margin: 0 auto 30px;
    }

    .product__wrapper-details {
        margin-bottom: 25px;
    }

    .product__wrapper-info {
        max-width: none;
    }


    /********************
        Order page
    *********************/
    .order {
        padding: 110px 0 100px;
    }

    .order__items-inner__img {
        width: 300px;
        height: 215px;
        margin: 0 auto 20px;
    }

    .order__data-item__button {
        margin-top: 20px;
        width: 100%;
    }

}

@media (max-width: 1160px) {

    /********************
        Index
    *********************/
    .header__inner-menu {
        flex-direction: column;
        margin-bottom: 10px;
    }

    .header__inner-menu__items {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .header__inner-item {
        margin-right: 22px;
    }

    .footer__content-bottom__items {
        width: 100%;
        justify-content: center;
        margin-bottom: 10px;
    }

    .footer__content-bottom__copyright {
        text-align: center;
        width: 100%;
    }

    .main {
        padding-top: 125px;
    }

    .sidebar {
        top: 175px;
    }


    /********************
        About-us page
    *********************/
    .about {
        padding-top: 145px;
    }

    .team {
        padding: 100px 0px 60px;
    }

    .team-title {
        margin-bottom: 75px;
    }

    .team__items-row {
        justify-content: space-around;
        flex-wrap: wrap;
        margin-bottom: 80px;
    }

    .team__items-item {
        margin-right: 0;
        width: 48%;
        margin-bottom: 25px;
    }


    /********************
        Blogs page
    *********************/
    .blog-page {
        padding: 130px 0;
    }

    .blogs {
        padding-top: 140px;
    }


    /********************
        Contacts page
    *********************/
    .contacts {
        padding-top: 160px;
    }


    /********************
        Login page
    *********************/
    .login {
        padding: 150px 0 190px;
    }

    .login__content-right {
        padding: 50px 70px 50px 90px;
    }


    /********************
        Projects page
    *********************/
    .projects-page {
        padding: 145px 0 70px;
    }

    .projects-page__wrapper-item__img {
        height: 450px;
    }

    .projects2-page__top {
        padding-top: 145px;
    }


    /********************
        Ultra page
    *********************/
    .ultra__top {
        padding-top: 145px;
    }


    /********************
        Privacy Policy page
    *********************/
    .policy {
        padding: 170px 0 205px;
    }


    /********************
        Shop page
    *********************/
    .shop {
        padding: 160px 0 110px;
    }


    /********************
        Profile page
    *********************/
    .profile {
        padding: 140px 0 220px;
    }


    /********************
        Product page
    *********************/
    .product {
        padding: 145px 0 40px;
    }


    /********************
        Order page
    *********************/
    .order {
        padding: 150px 0 100px;
    }

}


@media (max-width: 1390px) {

    .products__items {
        grid-template-columns: repeat(4, 4fr);
    }
    .products__item {
        width:100%;
    }

    /********************
        Index
    *********************/

    .header.active {
        min-height: 100vh;
    }

    .header.active .header__mobile-list {
        display: block;
    }

    .header.active .header__mobile {
        display: block;
    }

    .header__mobile-search {
        display: flex;
    }

    .header__mobile-__search-input {
        width: 92%;
        border-color: #e6ecf2;
    }

    .header__mobile__search-button {
        height: 21px;
        width: 21px;
        position: relative;
    }

    .header__mobile__search-button::before {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        right: 0;
        top: 50%;
        transform: translateY(-50%) rotate(315deg);
    }

    .header__mobile__search-button::after {
        content: "";
        position: absolute;
        width: 22px;
        height: 1px;
        background: #000;
        right: -2px;
        top: 50%;
        transform: translateY(-50%);
        transition: .4s all;
    }

    .header__inner-mobile {
        display: flex;
        height:30px;
    }

    .header__inner-list {
        display: none;
    }

    .header__inner-right {
        display: none;
    }

    .header__inner-menu__item.phone {
        margin-right: 0;
    }


    .slider__content {
        margin: 0 -15px;
    }

    .main {
        padding-top: 50px;
    }

    .main__info {
        margin: 0 -15px;
        background: #eff2f8;
        padding: 100px 15px;
    }

    .slider__body-title {
        line-height: 60px;
        font-size: 50px;
        margin-bottom: 30px;
    }

    .slider__body-item {
        padding: 0 30px;
    }

    .main::after {
        display: none;
    }

    .featured {
        padding-top: 90px;
    }

    .featured__wrapper-item__img {
        height: 330px;
    }

    .featured-title {
        /*margin-bottom: 40px;*/
    }

    .blog__row.index {
        padding-top: 80px;
        margin-top: 0;
    }

    .blogs__wrapper-items {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 0;
    }

    .connection__wrapper {
        width: auto;
        margin: 0 -15px;
    }

    .page-bottom__body::after {
        width: 100%;
    }

    .page-bottom__body {
        margin: 0 -15px;
        width: auto;
    }

    .page-bottom__body {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 40px 160px 40px;
    }

    .page-bottom {
        padding: 60px 0;
    }

    .footer__wrapper {
        padding-top: 80px;
    }

    .footer__content {
        margin: 0 -15px;
    }

    .footer__content-bottom {
        justify-content: center;
    }

    .footer__content-bottom__items {
        margin-bottom: 20px;
    }

    .footer__inner-top {
        flex-wrap: wrap;
        padding: 0 30px 60px;
    }

    .footer__content-list:first-child {
        margin-bottom: 60px;
    }

    .footer__content {
        flex-direction: column;
    }

    .footer__content-logo {
        margin: 0 0 45px 30px;
    }


    /********************
        About-us page
    *********************/
    .about {
        padding-top: 95px;
    }

    .about__top {
        flex-direction: column;
    }

    .about__top-info {
        margin-right: 0;
        max-width: 800px;
    }

    .about__top-info__title {
        margin-bottom: 35px;
    }

    .about__top-info__top {
        margin-bottom: 60px;
    }

    .about__items {
        max-width: none;
    }

    .slider__about {
        margin: 0 -15px;
    }

    .reviews__slider-item {
        width: 48%;
    }

    #about__top-img-below-title {
        display: block;
        padding-bottom: 40px;
    }

    #about__top-img-right {
        display: none;
    }

    /********************
        Blogs page
    *********************/
    .blog-page {
        padding-top: 70px;
    }

    .blogs {
        padding-top: 70px;
    }

    .blogs-title {
        margin-bottom: 60px;
    }

    .blogs__pagination {
        margin-top: 30px;
    }

    .blog-page {
        padding-bottom: 70px;
    }

    .blog-page__wrapper {
        flex-direction: column;
    }

    .blog-page__left {
        max-width: none;
        margin-right: 0;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .blog-page__right {
        max-width: none;
    }

    .blog__row {
        padding: 90px 0;
    }

    #blog-page__left-picture {
        display: block;
        width: 100%;
        padding-bottom: 40px;
    }

    #blog-page__right-picture {
        display: none;
    }

    /********************
        Contacts page
    *********************/
    .contacts {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .contacts__wrapper {
        align-items: center;
    }

    .contacts__wrapper-map iframe {
        height: 500px;
    }


    /********************
        Login page
    *********************/
    .login {
        padding: 90px 0 120px;
    }

    .login-title {
        margin-bottom: 50px;
    }

    .login__content {
        flex-direction: column;
        justify-content: center;
        padding-top: 60px;
    }

    .login__content-left {
        margin-right: 0;
        margin-bottom: 30px;
        max-width: none;
        text-align: center;
    }

    .login__content-left__form {
        margin: 0 auto;
    }

    .login__content-right {
        max-width: none;
    }


    /********************
        Projects page
    *********************/
    .projects-page {
        padding: 70px 0;
    }

    .projects-page__wrapper-item__img {
        height: 350px;
    }

    .projects2-page__top {
        padding-top: 90px;
    }

    .projects2-page__bottom {
        padding: 60px 0 110px;
    }


    /********************
        Ultra page
    *********************/
    .ultra__top {
        padding-top: 90px;
    }

    .page-tabs {
        padding-top: 50px;
    }

    .page-tabs__title {
        margin-bottom: 30px;
    }

    .connection.ultra {
        padding-bottom: 110px;
    }


    /********************
        Privacy Policy page
    *********************/
    .policy {
        padding: 70px 0 170px;
    }


    /********************
        Shop page
    *********************/
    .shop {
        padding: 80px 0 100px;
    }

    .sidebar {
        max-width: 320px;
    }

    .connection.shop {
        padding-bottom: 100px;
    }

    .filter-btn {
        display: block;
    }
    .shop__wrapper-content{
        max-width: none;
    }
    .shop__items .products__item{
        width: 100%;
    }
    .sidebar {
        display: none;
        width: 100%;
        margin-right: 0;
        max-width: none;
        margin-bottom: 20px;
        position: static;
        top: auto;
        z-index: 0;
    }

    .sidebar.open {
        display: block;
    }

    .shop__wrapper {
        flex-direction: column;
        margin-top: 30px;
    }


    /********************
        Profile page
    *********************/
    .profile {
        padding: 90px 0 180px;
    }

    .profile__content-orders__item {
        flex-direction: column;
    }

    .profile__content-orders__product {
        max-width: 375px;
        margin: 0 auto 20px;
        text-align: center;
    }

    .profile__content-orders__info {
        max-width: none;
    }


    /********************
        Product page
    *********************/
    .product {
        padding: 90px 0 40px;
    }

    .product__tabs-content__items {
        flex-wrap: wrap;
    }

    .product__tabs-content__item {
        margin-bottom: 10px;
        width: 130px;
    }

    .products.product-page {
        padding-bottom: 100px;
    }

    .profile__wrapper {
        flex-direction: column;
    }


    /********************
        Order page
    *********************/
    .order {
        padding: 90px 0 100px;
    }

    .order__wrapper {
        flex-wrap: wrap;
        padding-top: 55px;
    }

    .order__wrapper-items {
        margin-bottom: 30px;
        margin-right: 0;
    }

    .order__top-item {
        width: 49%;
    }

    .order__top-item:last-child {
        margin-top: 20px;
    }

    .order__wrapper-info {
        width: 100%;
        max-width: none;
    }

    .order__wrapper-data {
        max-width: none;
        width: 100%;
        margin-bottom: 40px;
        margin-right: 0;
    }

    .order__data-item__content,
    .order__data-item__textarea {
        margin-left: 0;
    }

    .order__wrapper-data__item {
        margin-bottom: 40px;
    }

    .order__data-item__select {
        width: 100%;
    }

    .order__wrapper-confirmation {
        max-width: none;
        margin-right: 0;
        margin-bottom: 30px;
        text-align: center;
    }

    .order__wrapper-confirmation__img {
        margin: 0 auto 30px;
    }


}

@media (max-width: 950px) {
    .products__items {
        grid-template-columns: repeat(3, 3fr);
    }
    .products__item {
        width:100%;
    }

    .footer_above_visual{
        margin-left:70px;
    }
    .fond_visual_element{
        margin-left:70px;
        width:calc(100% - 70px);
    }
    .fond_text{
        margin-left:70px;
        width:calc(100% - 70px);
    }
    .shop__items {
        grid-template-columns: repeat(2, 2fr);
        justify-content: center;
        align-items: center;
        width: fit-content;
        margin: 0 auto;
        gap:60px;

    }
}

@media (max-width: 860px) {


    .products__items {
        grid-template-columns: repeat(2, 2fr);
    }
    .products__item {
        width:100%;
    }

    .footer__content-list{
        padding-left:0 !important;
        margin-bottom:50px !important;
    }
    .footer__inner-top{
        flex-direction: column;
        /*padding:0;*/
    }
    .footer_above_visual{
        margin-left:0;
        flex-direction: column;
    }
    .fond_visual_element{
        margin-left:0;
        width:100%;
    }
    .fond_text{
        margin-left:0;
        width:100%;
    }


    /********************
        Shop page
    *********************/
    .products__item,
    .profile__wrapper-content .products__item {
        max-width: 350px;
        margin: 0 auto 20px;
        width: 100%;
    }
}


/* PDF download button on cart step1 */
.order__pdf-download-btn {
    background-color: #b7b7b7;
}

.page-button.order__pdf-download-btn::before, .page-button.order__pdf-download-btn::after{
    display:none;
}

@media (max-width: 771px) {
    .product__wrapper-img{
        width:auto;
        height:350px;
    }

    /********************
        Index
    *********************/
    .main {
        padding-bottom: 50px;
    }

    .main__info-item {
        width: 40%;
        margin-bottom: 50px;
    }

    .main__info-top__link {
        font-size: 12px;
    }

    .main__info-top__text {
        font-size: 18px;
        line-height: 22px;
    }

    .main__info {
        padding: 45px 30px 80px;
    }

    .main__info-top {
        margin-bottom: 55px;
    }

    .slider__body {
        height: 460px !important;
    }

    .slider__body-title {
        line-height: 50px;
        font-size: 40px;
    }

    .page-button {
        padding: 10px 45px 10px 20px;
    }

    .page-button::after {
        width: 17px;
    }

    .page-button::before {
        width: 10px;
        height: 10px;
    }

    .page-title {
        font-size: 44px;
        line-height: 50px;
    }

    .login__content-left__button {
        padding: 15px 20px;
    }

    .main__info-top__link {
        padding-left: 0;
    }

    .slider__body-link {
        font-size: 12px;
        line-height: 16px;
        box-shadow: 0px 0px 0.1px rgba(0, 0, 0, 0.028), 0px 0px 0.3px rgba(0, 0, 0, 0.04), 0px 0px 0.6px rgba(0, 0, 0, 0.05), 0px 0px 1.1px rgba(0, 0, 0, 0.06), 0px 0px 2.1px rgba(0, 0, 0, 0.072), 0px 0px 5px rgba(0, 0, 0, 0.1);
    }

    .arrows__wrapper {
        width: 37px;
        height: 37px;
    }

    .arrows__wrapper:first-child .arrows__wrapper-arrow::before {
        left: 12px;
    }

    .arrows__wrapper-arrow::before {
        width: 11px;
        height: 11px;
        right: 12px;
    }

    .arrows__wrapper:first-child .arrows__wrapper-arrow::after {
        left: 11px;
    }

    .arrows__wrapper-arrow::after {
        width: 16px;
        right: 11px;
    }

    .featured {
        padding-top: 50px;
    }

    .featured__wrapper {
        flex-direction: column;
        align-items: center;
    }

    .featured__wrapper-item {
        width: 100%;
        margin-bottom: 25px;
    }

    .featured__wrapper-item:last-child {
        margin-bottom: 0;
    }

    .section-title {
        padding: 0 15px;
    }

    .featured__wrapper-item__title {
        font-size: 16px;
        padding: 0 15px;
    }

    .featured__wrapper-item__img {
        height: 370px;
    }


    .products__item-category{
        padding: 5px 15px 0;
        margin-top: 0;
    }

    .products__item-title {
        padding: 12px 15px 0;
    }

    .products__item-price {
        padding: 0 15px;
    }

    .projects__top-link {
        display: none;
    }

    .blog__row-top__link {
        display: none;
    }

    .blogs__wrapper-items {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 40px 33px;
    }

    .blog__row.index {
        padding-bottom: 50px;
    }

    .blogs__items-item__text {
        font-size: 18px;
        padding: 15px 15px 0;
        line-height: 20px;
    }

    .blog__row-top {
        margin-bottom: 30px;
    }

    .partners,
    .clients {
        padding: 30px 0;
    }

    .blogs__bottom-form__input {
        margin-bottom: 20px;
        width: 100%;
        margin-right: 0;
    }

    .blogs__bottom-form {
        flex-wrap: wrap;
    }

    .blogs__bottom-form__input {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .page-bottom__body {
        padding: 40px 80px 40px
    }

    input,
    textarea {
        padding: 10px 15px;
    }

    .footer__content-bottom {
        padding: 35px 30px 0;
    }

    .footer__content-bottom__items {
        flex-direction: column;
        margin-bottom: 50px;
    }

    .footer__content-bottom__item {
        margin-right: 0;
        margin-bottom: 25px;
    }

    .footer__content-bottom__item:last-child {
        margin-bottom: 0;
    }

    .footer__content-bottom__copyright {
        text-align: left;
    }


    /********************
        About-us page
    *********************/
    .about__items {
        flex-wrap: wrap;
    }

    .about__items-item {
        max-width: none;
        width: 48%;
        text-align: center;
        margin-bottom: 20px;
    }

    .about {
        padding: 60px 0;
    }

    .about__items-item__img img {
        margin: 0 auto;
    }

    .team {
        padding: 60px 0;
    }

    .team__items-row {
        flex-direction: column;
    }

    .team__items-item {
        width: 100%;
    }

    .team__items-row {
        margin-bottom: 0;
    }

    .slider {
        padding: 60px 0;
    }

    .reviews__slider-item {
        width: 100%;
    }


    /********************
        Blogs page
    *********************/
    .blog__row {
        padding: 60px 0;
    }


    /********************
        Contacts page
    *********************/
    .contacts__wrapper {
        flex-direction: column;
    }

    .contacts__wrapper-info {
        max-width: none;
        margin-right: 0;
        margin-bottom: 30px;
        text-align: center;

    }

    .contacts__wrapper-title {
        margin-bottom: 60px;
    }

    .contacts__info-title {
        margin-bottom: 60px;
    }

    .contacts__info-data {
        margin: 0 auto;
    }

    .contacts::after {
        display: none;
    }

    .contacts__wrapper-map {
        background: #eff2f8;
        padding: 60px 15px;
        margin: 0 -15px;
    }


    /********************
        Login page
    *********************/
    .login {
        padding: 60px 0 80px;
    }

    .login__content-right {
        justify-content: center;
        padding: 50px 60px;
    }

    .login__content-right__btn {
        width: 100%;
    }


    /********************
        Projects page
    *********************/
    .projects-page__row {
        flex-direction: column;
        margin-bottom: 0;
    }

    .projects-page__wrapper-item {
        max-width: 450px;
        width: 100%;
        margin: 0 auto 20px;
    }

    .projects2-page__top {
        padding-top: 70px;
    }

    .projects2-page__title {
        margin-bottom: 45px;
    }

    .projects2-page__bottom {
        padding: 50px 0 90px;
    }

    .projects2-page__bottom-title {
        margin-bottom: 60px;
    }

    .connection.ultra {
        padding-bottom: 90px;
    }


    /********************
        Privacy Policy page
    *********************/
    .policy {
        padding: 60px 0 140px;
    }

    .policy__body-title {
        margin-bottom: 40px;
    }


    /********************
        Shop page
    *********************/
    .shop {
        padding: 70px 0 800px;
    }

    .shop__top {
        margin-bottom: 40px;
    }

    .connection.shop {
        padding-bottom: 80px;
    }


    /********************
        Profile page
    *********************/
    .profile {
        padding: 90px 0 140px;
    }

    .profile__wrapper-content .products__items {
        margin-bottom: 70px;
    }
    .product__info-functions_question {
        padding: 10px 45px 10px 20px;
        height: auto;
    }


    /********************
        Order page
    *********************/
    .order__top-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .order__top-item:last-child {
        margin: 0;
    }

    .order__wrapper-confirmation__title {
        padding: 0;
    }

}
@media (max-width: 650px) {
    .shop__items{
        grid-template-columns: repeat(1, 1fr);
    }
    .shop__items .products__item{
        margin: 0 auto;
        max-width: 100%  ;
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 575px) {

    #header_customer_name {
        display: none;
    }
    /********************
        Index
    *********************/
    .header__inner-logo {
        max-width: 120px;
    }

    .slider__body {
        height: 345px !important;
    }

    .slider__body-item {
        padding: 0 20px;
    }

    .slider__body-arrows {
        right: 30px;
    }

    .main {
        padding: 25px 0 30px;
    }

    .featured__wrapper-item__img {
        height: 260px;
    }

    .section-title {
        font-size: 30px;
        line-height: 38px;
    }

    .featured-title {
        /*margin-bottom: 30px;*/
    }

    .featured {
        padding: 30px 0;
    }

    .connection {
        padding: 30px 0;
    }

    .products__item {
        margin-bottom: 40px;
        max-width: 370px;
        width: 100%;
    }

    .products {
        padding: 30px 0;
    }

    .mobile__link-bottom {
        text-align: right;
    }

    .mobile__link-bottom .mobile__link {
        display: inline-block;
        margin-top: 0;
    }

    .products__link {
        display: none;
    }

    .connection__wrapper-title {
        margin-bottom: 40px;
        font-size: 30px;
        line-height: 38px;
    }

    .projects__slider .slider__body-title {
        font-size: 34px;
        line-height: 50px;
    }

    .blog__row-top {
        margin-bottom: 30px;
    }

    .blogs__items-item__img {
        height: 280px;
    }

    .blog__row.index {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .blog__row .blogs__wrapper-items {
        margin-bottom: 45px;
    }

    .blog__row-mobile__link {
        text-align: left;
    }

    .blogs-bottom__title {
        margin-bottom: 10px;
    }

    .page-title {
        font-size: 40px;
        line-height: 48px;
    }

    .page-bottom__body {
        padding: 30px;
    }

    .blogs-bottom__text {
        margin-bottom: 30px;
    }

    .footer__content-list.social {
        width: 100%;
        margin-top: 60px;
    }

    .footer__wrapper {
        padding-top: 60px;
    }


    /********************
        About-us page
    *********************/
    .about {
        padding: 30px 0;
    }

    .team {
        padding: 30px 0;
    }

    .team__items-item__photo {
        margin-right: 15px;
    }

    .team-title {
        margin-bottom: 35px;
    }

    .slider {
        padding: 30px 0;
    }

    .slider-title {
        margin-bottom: 35px;
    }

    .reviews {
        padding: 30px 0 50px;
    }

    .reviews__slider {
        margin: 0 -15px;
    }

    .reviews__top {
        margin-bottom: 30px;
    }


    /********************
        Blogs page
    *********************/
    .blogs {
        padding: 50px 0 30px;
    }

    .blogs-title {
        margin-bottom: 40px;
    }

    .blog-page {
        padding: 30px 0;
    }

    .blog-page__title {
        margin-bottom: 20px;
    }

    .blog-page__left-title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .blog-page__left-text {
        margin-bottom: 15px;
    }

    .blog-page__left-subtitle {
        margin-bottom: 20px;
    }

    .blog-page__left-video {
        margin-bottom: 30px;
    }

    .blog__row {
        padding: 30px 0;
    }


    /********************
        Contacts page
    *********************/
    .contacts {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .contacts__wrapper-title {
        margin-bottom: 30px;
    }

    .contacts__info-title {
        margin-bottom: 30px;
        font-size: 18px;
        line-height: 22px;
    }

    .contacts__info-text {
        margin-bottom: 15px;
    }

    .contacts__wrapper-map {
        padding: 40px 15px;
    }

    .contacts-bottom__title {
        margin-bottom: 30px;
    }


    /********************
        Login page
    *********************/
    .login {
        padding: 50px 0 65px;
    }

    .login-title {
        margin-bottom: 25px;
    }

    .login__content {
        padding-top: 35px;
    }

    .login__content-right {
        padding: 20px 50px;
    }

    .login__content-left__text {
        margin-bottom: 30px;
    }

    .login__content-left__form {
        max-width: none;
    }

    .login__content-left__captcha {
        margin-bottom: 25px;
    }

    .login__content-captcha__button {
        font-size: 16px;
    }

    .login__content-left__button {
        font-size: 16px;
    }

    .login__content-right__title {
        margin-bottom: 25px;
    }

    .login__content-right__btn {
        padding: 15px 10px;
        font-size: 16px;
    }


    /********************
        Projects page
    *********************/
    .projects-page__row {
        flex-direction: column;
    }

    .projects-page__wrapper-item {
        padding-bottom: 15px;
    }

    .projects-page {
        padding: 50px 0 30px;
    }

    .projects-page__text {
        margin-bottom: 30px;
    }

    .projects-page__filters {
        padding: 25px 15px 15px;
    }

    .projects-page__wrapper-item__img {
        height: 300px;
    }

    .projects-page__wrapper-item__title {
        font-size: 16px;
        line-height: 18px;
    }

    .projects2-page__top {
        padding-top: 50px;
    }

    .projects2-page__title {
        margin-bottom: 25px;
    }

    .projects2-page__bottom {
        padding: 30px 0 60px;
    }

    .projects2-page__bottom-title {
        margin-bottom: 30px;
    }


    /********************
        Ultra page
    *********************/
    .ultra__top {
        padding-top: 50px;
    }

    .page-tabs {
        padding: 30px 0;
    }

    .page-tabs__top {
        padding: 25px 20px 20px;
    }

    .page-tabs__top-list {
        flex-direction: column;
    }

    .page-tabs__top-item {
        align-self: self-start;
    }

    .page-tabs__content-text {
        padding-left: 0;
        font-size: 14px;
    }

    .products__top {
        margin-bottom: 25px;
    }

    .connection.ultra {
        padding-bottom: 70px;
    }


    /********************
        Privacy Policy page
    *********************/
    .policy {
        padding: 50px 0 90px;
    }

    .policy__body-title {
        margin-bottom: 25px;
    }

    .policy__content-title {
        margin-bottom: 20px;
    }

    .policy__content-text p {
        margin-bottom: 15px;
    }


    /********************
        Shop page
    *********************/
    .shop {
        padding: 50px 0 30px;
    }

    .shop__items {
        margin-bottom: 40px;
    }

    .shop__more-button {
        width: 100%;
        font-size: 16px;
        line-height: 18px;
        min-width: auto;
    }

    .sidebar {
        padding: 30px 20px 45px;
    }

    .connection.shop {
        padding-top: 30px;
        padding-bottom: 60px;
    }


    /********************
        Profile page
    *********************/
    .profile {
        padding: 50px 0 80px;
    }

    .profile-title {
        margin-bottom: 35px;
    }

    .profile__orders-info__title,
    .profile__orders-info__total,
    .profile__orders-info__text {
        font-size: 16px;
    }

    .profile__orders-info__item {
        font-size: 14px;
    }

    .profile__content-form__button {
        width: 100%;
    }

    .profile__wrapper-content .products__items {
        margin-bottom: 40px;
    }
    .products__items {
        grid-template-columns: repeat(1, 1fr);
    }
    .profile__content-text {
        margin-bottom: 25px;
    }

    .profile__content-form__row {
        flex-direction: column;
    }

    .profile__content-form__input {
        width: 100%;
        margin-bottom: 15px;
    }

    .profile__content-form__input:last-child {
        margin-bottom: 0;
    }

    .profile__content-form__inner {
        margin-bottom: 30px;
    }


    /********************
        Product page
    *********************/
    .product {
        padding: 50px 0 40px;
    }

    .product__wrapper-details__left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .product__wrapper-info__title {
        font-size: 40px;
        line-height: 46px;
    }

    .product__tabs-content__items {
        justify-content: space-around;
    }

    .product__tabs-content__item {
        width: 140px;
        margin-right: 0;
    }

    .product__wrapper-download__item {
        margin-bottom: 10px;
    }

    .product__info-functions__top {
        margin-top: 40px;
        align-items: flex-end;
        flex-direction: column;
    }

    .product__info-functions__counter {
        align-self: flex-start;
        margin-bottom: 20px;
    }

    .counter__item {
        height: 50px;
        width: 50px;
        font-size: 20px;
    }

    .gallery-slider {
        padding: 30px 0;
    }

    .gallery-slider__item {
        height: 375px;
    }

    .products.product-page {
        padding-bottom: 70px;
    }

    .page-tabs__content-list {
        font-size: 14px;
    }
    .page-tabs__content-item--pdf a{
        padding-left: 30px;
    }
    .page-tabs__content-item--pdf a::before {
        width: 26px;
        height: 29px;
    }

    /********************
        Order page
    *********************/
    .order {
        padding: 50px 0 60px;
    }

    .order__top-item {
        padding: 15px 20px;
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .order__wrapper {
        padding-top: 40px;
    }

    .order__items-title {
        margin-bottom: 30px;
    }

    .order__items-info__name,
    .order__items-bottom__price,
    .order__items-bottom__total {
        font-size: 16px;
        line-height: 18px;
    }

    .order__items-info__list {
        font-size: 14px;
    }

    .order__wrapper-item {
        padding-top: 35px;
        padding-bottom: 25px;
    }

    .order__wrapper-items__button {
        min-width: auto;
        width: 100%;
        font-size: 16px;
        line-height: 18px;
        padding: 15px 20px;
    }

    .order__wrapper-items__inner {
        margin-bottom: 30px;
    }

    .order__wrapper-info {
        padding: 25px 20px 35px;
        font-size: 16px;
        line-height: 18px;
    }

    .order__wrapper-info__result {
        font-size: 14px;
    }

    .order__wrapper-info__coupon {
        margin-bottom: 20px;
    }

    .order__wrapper-info__button {
        margin-bottom: 25px;
        font-size: 16px;
    }

    .order__data-item__top {
        margin-bottom: 30px;
    }

    .order__data-item__button {
        font-size: 16px;
        line-height: 18px;
        padding: 15px 10px;
        min-width: auto;
    }

    .order__data-item__inputs {
        flex-wrap: wrap;
    }

    .order__data-item__input {
        width: 100%;
        margin-bottom: 10px;
    }

    .order__data-item__input:last-child {
        margin-bottom: 0;
    }

    .order__wrapper-confirmation__img {
        margin-bottom: 25px;
    }

    .order__wrapper-confirmation__title {
        margin-bottom: 25px;
    }

    .shop__items{
        grid-template-columns: repeat(1, 1fr);
    }
}


@media (max-width: 420px) {
    .footer__inner-top {
        flex-wrap: wrap;
        padding: 0 15px 30px;
    }
    .fond_visual_element{
        margin-top:0px;
    }
    .fond_text{
        margin-top:0px;
    }
    .footer__content-list.social{
        margin-top:0px;
    }
    .order__errors{
        top: 0;
        padding-top: 20px;
    }
    .order__errors-list{
        font-size: 14px;
        line-height: 22px;
    }
    .order__errors-close{
        font-size: 16px;
        width: 110px;
        padding: 4px;
    }
}

/*pop-up menu products  on hoover */

.pop-up-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px; /* Adjust the gap between items */

}

/*.menu-item {*/
/*    padding: 10px;*/
/*    !*border: 1px solid #ccc;*!*/
/*    text-align: center;*/
/*}*/



.header__inner-item{
    position: relative;
    margin-left: 10px;
}


.popup-submenu-products {
    background-color: #eff2f8;
    padding-top: 50px;
    font-size: 18px;
    /*display: flex;*/
    display:block;
    flex-direction: column;
    top:-500px;
    position: fixed;
    width: auto;
    border: 1px solid lightgrey;
    border-radius: 5px;
    transition: top 0.7s ease-in-out;
    z-index: 100;
}

.popup-submenu-subcategories-products {
    background-color: #eff2f8;
    font-size: 18px;
    /*display: flex;*/
    display: flex;
    flex-direction: column;
    top: -500px;
    left: -100px;
    position:fixed;
    width: auto ;
    padding-top: 5px;
    border: 1px solid lightgrey;
    border-radius: 5px;
    /*transition: left 0.7s ease-in-out, top 0.7s ease-in-out;*/
    transition: left 0.7s ease-in-out;
    z-index: 99;
}



.popup-submenu-products a {
    font-size: 1rem;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
}

.popup-submenu-subcategories-products a {
    font-size: 1rem;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
}

#pop-up-menu a:hover {
    font-weight: bold;
}

#pop-up-menu_subcategories a:hover {
    font-weight: bold;
}


.menu-item img.products-menu-icon {
    max-width: 1em;
    max-height: 1em;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-right: 10px;

}

.header__menu_products__inner__link{
    text-align: left;
    margin-left: 30px;
    cursor: pointer;
}

.left-align {
    text-align: left;
}


.footer__pay-items{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 450px;
}

.footer__pay-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    width: 134px;
    margin-top:15px;
}
.footer__pay-item img{
    max-width: 100%;
    max-height: 100%;
}
.footer__pay-head{
    font-weight: bold;
    margin-top:15px;
    margin-bottom:10px;
}
.footer__pay-info{
    line-height: 1.8rem;
}

@media (max-width: 1390px) {
    .footer__pay {
        display: flex;
        justify-content: center;
        justify-content: space-around;
    }

}
@media (max-width: 520px) {
    .order__data-row__card{
        flex-direction: column;
    }
    .order__data-card__img{
        margin-bottom:15px;
    }

}