:root {
    --rubik: "Rubik", sans-serif;

    --accent: #f60700;
}

img, svg {
    max-width: 100%;
}

:focus {
    outline: none;
}

body {
    font-family: var(--rubik);
    font-size: 16px;

    font-weight: 200;
}

/* body::before {
    position: absolute;
    content: '';
    top: 22px;
    bottom: -5000px;
    right: 0;
    left: -7px;
    background-image: url(../images/template.png);
    opacity: .7;
} */

body > * {
    position: relative;
}

/* .header {
    background-color: #fff;
} */

.header-top {
    padding: 18px 0;
    border-bottom: 1px solid #e8e8e8;
}

.header-top-links {
    display: flex;
    justify-content: space-between;
}

.header-top-link {
    display: flex;
    align-items: center;

    color: #747474;
}

.header-top-link:hover {
    color: #747474;
    text-decoration: none;
}

.header-top-link img {
    margin-right: 10px;
}

.header-top-select {
    position: relative;
}

.header-top-select::before {
    position: absolute;
    content: '';
    top: 43%;
    right: -10px;
    width: 5px;
    height: 5px;
    background-image: url(../images/top-arrow-down.svg);
}

.header-main-inner {
    padding-top: 29px;
    padding-bottom: 32px;
}

.header-col-justify {
    display: flex;
    justify-content: space-between;
}

.header-main-phone {
    display: flex;
    color: #151515;
    text-align: right;
    margin-top: 13px;
}

.header-main-phone:hover {
    text-decoration: none;
    color: #151515;
}

.header-main-phone-number {
    font-weight: 500;
    font-size: 18px;
    line-height: 85%;
}

.header-main-phone-number + span {
    font-size: 14px;
    font-weight: normal;
}

.header-main-phone-body {
    padding-right: 10px;
    padding-left: 15px;
}

.header-main-phone-body a {
    color: #000;
    text-decoration: none;
}

.header-main-phone-body a:hover {
    text-decoration: none;
    color: #000;
}

.header-main-catalog {
    display: flex;
    margin-top: 2px;

    flex: 0 0 470px;
    max-width: 470px;
}

.header-main-input,
.header-main-submit {
    border: 0;
    background-color: #fff;
}

.header-main-input,
.header-main-submit,
.header-main-catalog-btn {
    height: 50px;
}

.header-main-catalog-search {
    position: relative;
    width: 100%;
}

.header-main-catalog-search .tt-menu {
    padding: 0;
    max-width: none;
    width: calc(100% + 140px);

    top: calc(100% - 3px) !important;
    border-color: #e8e8e8;
}

.header-main-catalog-search .league-name {
    font-size: 18px;
    font-weight: 500;
    font-family: inherit;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.header-main-catalog-search .tt-menu .tt-suggestion {
    padding-left: 15px;
    padding-right: 15px;

    white-space: normal;
}

.header-main-catalog-search .tt-dataset__a {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    cursor: pointer;

    color: inherit !important;
}

.header-main-catalog-search .tt-dataset__a .product-pm__img {
    flex: 0 0 50px;
    max-width: 50px;
}

.header-main-catalog-search .tt-dataset__a .product-pm__img + .t_text {
    flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);

    padding-left: 15px;

    font-size: 13px;
}

.header-main-catalog-search .tt-highlight {
    color: var(--accent);
    font-weight: normal;
}

.header-main-input {
    background-image: url(../images/top-search.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
}

/* .header-main-catalog-btn {
    margin-right: -1px;
} */

.button-default {
    border: 1px solid var(--accent);
    background-color: var(--accent);

    color: #fff;

    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 19px;
    padding-right: 19px;

    font-size: 18px;
    font-weight: 200;

    opacity: 1;
    transition: ease all 300ms;
    overflow: hidden;
    position: relative;
}

.button-default::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: -28%;
    width: 35%;
    background-image: linear-gradient(to right, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 100%);

    transform: skew(20deg);

    transition: all 300ms ease-in-out;
    opacity: 0;
}

.button-default:hover {
    /*opacity: 0.75;*/
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.button-default:hover::after {
    left: 135%;
    opacity: 1;
}

.header-main-catalog-btn {
    font-weight: normal;
    flex: 0 0 139px;
    max-width: 139px;
}

.header-main-input {
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-left: 0;
    padding-right: 50px;
    padding-left: 20px;
    background-color: #fff;
    width: 100%;

    outline: none !important;

    font-size: 18px;
    font-weight: 200;

    color: #8a8a8a;
}

.header-main-input::placeholder {
    color: #8a8a8a;
}

.header-main-submit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 57px;
    background-color: transparent;

    outline: none !important;
}

.header-main-catalog-burger {
    position: relative;
    width: 19px;
    height: 16px;
    background-color: rgba(255,255,255, .15);
    margin-right: 12px;
}

.burger-stripe {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #fff;
}

.stripe-1 {
    top: 0;
}

.stripe-2 {
    top: 7px;
}

.stripe-3 {
    top: 14px;
}

.header-main-cart {
    display: flex;
    align-items: center;

    color: black;
}

.header-main-cart:hover {
    color: black;
    text-decoration: none;
}

.header-main-cart-title {
    font-size: 16px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 5px;

    color: #747474;
}

.cart-has-items .header-main-cart-title {
    color: #000;
    font-weight: normal;
}

.header-main-cart-items {
    font-size: 14px;
    font-weight: 200;
    line-height: 1;
}

.header-main-cart-src {
    fill: #747474;
    fill-rule: evenodd;
}

.cart-has-items .header-main-cart-src {
    fill: #000;
}

.header-main-cart-icon {
    position: relative;
}

.header-main-cart {
    flex: 0 0 219px;
    max-width: 219px;
}

.cart-has-items .header-main-cart-icon::before {
    position: absolute;
    content: '';
    top: 3px;
    right: -3px;
    width: 11px;
    height: 11px;

    background-color: var(--accent);

    border-radius: 50%;
}

.header-main-cart-body {
    padding-left: 15px;
}

.header-nav {
    background-color: #e3e3e3;
}

.header-nav-list {
    margin: 0;
    padding: 0;
    list-style-type: none;

    display: flex;
    flex-wrap: wrap;
}

.header-nav-item-responsive {
    display: none;
}

.header-nav-link {
    display: flex;
    height: 59px;
    padding-right: 10px;
    margin-right: 37px;

    align-items: center;
    justify-content: center;

    font-size: 18px;
    font-weight: 200;

    text-transform: uppercase;

    color: #000;
    text-decoration: none;
}

.header-nav-link:hover {
    color: #000;
    text-decoration: none;
}

.has-sub {
    position: relative;
}

.has-sub::before {
    position: absolute;
    content: '';
    top: 45%;
    left: calc(100% - 43px);
    width: 5px;
    height: 5px;

    background-image: url(../images/top-arrow-down.svg);
}

.header-nav-sub {
    margin: 0;
    padding: 0;
    list-style-type: none;

    display: none;
    flex-wrap: wrap;

    position: absolute;
    top: 100%;
    left: -15px;
    
    width: 200px;
    background-color: #e3e3e3;

    z-index: 3;
}

.has-sub:hover .header-nav-sub {
    display: flex;
}

.header-nav-sub-item {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
}

.header-nav-sub-link {
    display: flex;
    padding: 10px 15px;

    flex: 0 0 100%;
    max-width: 100%;

    color: #000
}

.header-nav-sub-link:hover {
    color: #000;
}

.slide-body {
    display: flex;
    flex-wrap: wrap;
}

.slide-title,
.slide-desc {
    flex: 0 0 100%;
    max-width: 100%;
}

.section-slider {
    height: 550px;
    margin-top: 30px;
}

.section-slider .swiper-wrapper,
.section-slider .swiper-slide,
.section-slider .container,
.section-slider .row {
    height: 100%;
}

.slide-linking {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.slide-price {
    font-size: 18px;
    font-weight: normal;
    padding-left: 20px;

    display: flex;
}

.section-slider {
    background: #dedde3;
}

.slide-oldprice {
    margin-right: 15px;
    position: relative
}

.slide-oldprice:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;

    background-color: var(--accent);

    transform: rotate(17deg)
}

.col-slide-left {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide-title {
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 20px;
}

.slide-desc {
    font-size: 18px;
    margin-bottom: 45px;
    line-height: 1.3;
}

.slide-body {
    padding-top: 146px;
}

.col-slide-right {
    position: relative;
}

.slide-logo {
    position: absolute;
    right: 65px;
    bottom: 50px;
}

.row-catalog {
    margin-top: 37px;

    /*border-top: 1px solid #e8e8e8;*/
    /*border-left: 1px solid #e8e8e8;*/
}

.section-heading {
    font-size: 30px;
    font-weight: 200;
    text-transform: uppercase;

    margin: 0;
}

.section-catalog {
    padding-top: 89px;
    padding-bottom: 75px;
}

.section-catalog-item {
    display: block;
    border: 1px solid #e8e8e8;
    /*border-right: 1px solid #e8e8e8;*/
    /*border-bottom: 1px solid #e8e8e8;*/

    text-align: center;
    padding: 15px 16px;

    text-decoration: none;
    color: black;

    margin-left: -1px;
    margin-top: -1px;
}

.section-catalog-item:hover {
    text-decoration: none;
    color: black;
}

.section-catalog-item:hover .section-catalog-name {
    color: var(--accent)
}

.section-catalog-photo {
    padding-bottom: 211px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.section-catalog-name {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;

    height: 57px;
    overflow: hidden;
}

.section-kama {
    padding-top: 60px;
    padding-bottom: 150px;
}

.section-kama-left {
    display: flex;
    justify-content: center;
}

.section-kama-title {
    font-size: 48px;
    font-weight: 200;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 27px;
}

.section-kama-text {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 52px;
}

.section-kama-btn {
    border: 1px solid #000;
    padding: 13px 31px;
    font-size: 18px;

    color: #000;

    text-decoration: none;

    transition: ease all 300ms;
}

.section-kama-btn:hover {
    text-decoration: none;
    color: #fff;

    background-color: #000;
}

.section-popular {
    padding-top: 50px;
}

.section-popular-slider {
    padding-left:1px;
    margin-top: 37px;
    /* margin-bottom: 110px; */

    /* border-left: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8; */

    position: relative;
}

/* .section-popular-slider::before {
    position: absolute;
    content: '';
    top: 30px;
    left: 0;
    bottom: 110px;
    width: 1px;
    background-color: #e8e8e8;
    z-index: 3;
} */

.section-popular-item {
    border: 1px solid #e8e8e8;
    padding: 21px 21px 0;
    margin-bottom: 110px;

    background-color: #fff;

    position: relative;

    margin-left: -1px;
    margin-top: -1px;

    box-shadow: 0 0 0 0 rgba(0,0,0, 0);

    transition: all 300ms ease;
}

.section-popular-item:hover {
    z-index: 3;

    box-shadow: 0 0 30px 0 rgba(0,0,0, .1)
}

.section-popular-photo {
    display: flex;
    justify-content: center;
    /* min-height: 209px; */

    margin-bottom: 35px;
}

.section-popular-image-src {
    padding-bottom: 207px;
    flex: 0 0 100%;
    max-width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.section-popular-photo img {
    max-height: 207px;
}

.section-popular-name {
    display: block;
    text-align: center;
    font-weight: normal;
    font-size: 16px;

    margin-bottom: 5px;

    color: #000;
}

.section-popular-name:hover {
    text-decoration: none;
    color: #000;
}

.section-popular-prices {
    display: flex;
    justify-content: center;
    align-items: center;

    font-weight: normal;
    user-select: none;

    margin-left: -21px;
    margin-right: -21px;

    padding-left: 21px;
    padding-right: 21px;
    padding-bottom: 21px;
    background-color: rgba(255,255,255,0);


    position: relative;
    z-index: 2;
    /* max-height: 54px; */
}

.section-popular-item:hover .section-popular-prices {
    background-color: rgba(255,255,255,1);
}

.section-popular-oldprice {
    font-size: 20px;

    margin-right: 5px;

    position: relative;
    user-select: none;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.section-popular-newprice {
    font-size: 20px;
    user-select: none;
    margin-left: 5px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.section-popular-oldprice > span,
.section-popular-newprice > span {
    font-size: 12px;
}

.section-popular-oldprice > span, .section-popular-newprice > span{
    display: table;
    margin-right: auto;
    margin-left: auto;
}

/* .section-popular-oldprice::before {
    position: absolute;
    content: '';
    height: 2px;
    left: -6px;
    right: 2px;
    top: 45%;
    
    background-color: var(--accent);
    transform: rotate(15deg)
} */



.section-popular-hover {
    position: absolute;
    left: -1px;
    right: -1px;
    top: calc(100% + 1px);

    padding: 15px 12px;

    display: none;
    justify-content: space-between;

    border-top: 3px solid var(--accent);
    background-color: #fff;

    box-shadow: 0 0 30px 0 rgba(0,0,0, .1);
}

.section-popular-item:hover .section-popular-hover {
    display: flex;
}

.section-counter {
    flex: 0 0 65%;
    max-width: 65%;

    display: flex;

    background-color: #e8e8e8;
}

.section-detail-counter {
    flex: 0 0 150px;
    max-width: 150px;
}

.count-action,
.count-value {
    height: 50px;
    border: none;
    display: flex;
    width:40px;
    align-items: center;
    justify-content: center;
    text-align: center;

    font-size: 24px;
    font-weight: normal;

    background-color: #e8e8e8 !important;
}


.count-value{
    width:calc(100% - 80px);
    font-size: 19px;
}

.count-action:hover {
    cursor: pointer;
}

.section-popular-add {
    height: 50px;
    background-color: var(--accent);
    padding-left: 20px;
    padding-right: 20px;

    display: flex;
    align-items: center;

    text-decoration: none;

    transition: ease all 300ms;
}

.show-without-nds{
    display: block;
}
.show-with-nds{
    display: none;
}

.header-main-cart-items.hidden{
    display: none !important;
}

.section-popular-add:hover {
    opacity: 0.75;
    text-decoration: none;
}

.section-best {
    padding-top: 38px;
}

.section-best-item {
    display: flex;

    position: relative;

    height: 142px;
    background-color: rgba(0,0,0, .1);

    margin-bottom: 30px;
}

.section-best-title {
    font-size: 20px;
    font-weight: normal;
    line-height: 1;

    margin-bottom: 11px;
}

.section-best-desc {
    font-size: 16px;
    font-weight: 200;
    line-height: 1.2;
}

.section-best-icon {
    flex: 0 0 151px;
    max-width: 151px;
    
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-best-icon img {
    max-width: 90px;
}

.section-best-body {
    flex: 0 0 calc(100% - 151px);
    max-width: calc(100% - 151px);

    padding-top: 33px;
}

.section-consult {
    padding-top: 111px;
    padding-bottom: 200px;
}

.section-consult p {
    margin-top: 16px;
}

.row-consult {
    margin-top: 46px;
}

.section-consult-input {
    width: 100%;
    border: 1px solid #cdcdcd;
    background-color: transparent;
    margin-bottom: 30px;

    padding-left: 20px;
    padding-right: 20px;

    font-size: 18px;
    font-weight: 200;

    color: #7b7b7b;
}

.section-consult-input::placeholder {
    color: #7b7b7b;
}

.section-consult-input[type="text"] {
    height: 50px;
}

textarea.section-consult-input {
    height: 110px;
    resize: none;

    padding-top: 13px;

    margin-bottom: 23px;
}

.section-consult-bottom {
    display: flex;
    align-items: center;
}

.section-consult-button {
    padding-left: 40px;
    padding-right: 40px;
}

.section-consult-agree {
    line-height: 1.2;
    padding-left: 30px;

    color: #636363;
}

.section-consult-agree a {
    text-decoration: none;
    color: #636363;
}

.section-consult-agree a:hover {
    color: #636363;
    text-decoration: underline;
}

.section-manager-head {
    display: flex;
    align-items: center;
}

.section-manager-name {
    padding-left: 30px;
    font-size: 18px;
    font-weight: normal;
}

.section-manager-body {
    padding-left: 126px;

    display: flex;
    flex-wrap: wrap;
}

.section-manager-dialog {
    flex: 0 0 100%;
    max-width: 100%;

    padding: 15px 25px;
    line-height: 1.2;
    
    margin-bottom: 37px;

    background-color: #f0f0f0;
}


.section-manager-button.button-default {
    flex: 0 0 170px;
    max-width: 170px;
}

.section-manager-button:not(.button-default) {
    width: 33.3%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--accent);
    font-size: 18px;
    color: var(--accent);
    text-decoration: none;
    white-space: nowrap;
    transition: easeall 300ms;
    letter-spacing: -0.5px;
    padding: 0 10px;
}

.section-manager-button:not(.button-default):hover {
    background-color: var(--accent);
    color: #fff
}

.section-footer {
    background-color: #151515;
    padding-top: 100px;
    padding-bottom: 32px;

    color: #fff;
}

.section-footer-logo {
    display: flex;
    align-items: flex-start;
}

.section-footer-cp {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 16px;
    letter-spacing: -.1px;
}

.contacts-list {
    margin-top: 43px;
}

.contacts-list-item {
    display: flex;
    align-items: flex-start;

    position: relative;

    padding-left: 35px;

    margin-bottom: 15px;
}

.contacts-list-item img {
    position: absolute;
    top: 0;
    left: 0;
}

.contacts-list-item img.footer-email-icon {
    top: 8px;
}

.contacts-list-contact {
    padding-top: 5px;
    line-height: 1.2;

    letter-spacing: -0.1px;
}

.contacts-list-contact a {
    color: #fff;
}

.contacts-list-contact a:hover {
    color: #fff;
}

.footer-links {
    margin: -5px 0 0 0;
    padding: 0;
    list-style-type: none;
}

.footer-links-item {
    margin-bottom: 8px;
    font-size: 18px;
    color: var(--accent)
}

.footer-links-link {
    display: flex;
    color: #fff;
}

.footer-links-link:hover {
    color: #fff;
    text-decoration: none;
}

.footer-pays {
    margin-top: 85px;
}

.header-phone-icon {
    fill: #e8e8e8;
    fill-rule: evenodd;
}

.responsive-search {
    display: none;
}

.header-burger {
    display: none;
    flex: 0 0 30px;
    max-width: 30px;
    height: 35px;

    margin-left: 17px;

    position: relative;
}

.burger-shape {
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    
    background-color: #000;

    transition: ease all 300ms;
}

.shape-1 {
    top: 7px;
}

.shape-2 {
    top: 17px;
}

.shape-3 {
    top: 27px;
}

.on-menu .shape-2 {
    left: 50%;
    right: 50%;
}

.on-menu .shape-1 {
    top: 50%;

    transform: rotate(135deg)
}

.on-menu .shape-3 {
    top: 50%;

    transform: rotate(-135deg)
}

.overlay {
    display: none;
    position: fixed;
    top: 88px;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: rgba(0,0,0, .7);

    z-index: 5;
}

[class*="on-"] .overlay {
    display: block;
}

.on-menu {
    overflow: hidden;
}

.page-catalog {
    padding-top: 40px;
}

.page-breadcrumbs {
    display: flex;
    flex-wrap: wrap;

    margin: 3px 0 0;
    padding: 0;

    list-style-type: none;
}

.page-breadcrumbs-item:not(:last-child) {
    padding-right: 22px;

    position: relative;
}

.page-breadcrumbs-item:not(:last-child)::before {
    position: absolute;
    content: '';
    top: 9px;
    right: 8px;
    width: 5px;
    height: 5px;

    background-image: url(../images/arrow-right.svg);
}

.page-breadcrumbs-link {
    font-size: 14px;
    color: #747474;
}

.page-breadcrumbs-link:hover {
    color: #747474;
}

span.page-breadcrumbs-link {
    pointer-events: none;
}

.page-catalog .row-catalog {
    margin-top: 42px;
}

.section-search-form {
    display: flex;
}

.section-search-input,
.section-search-button {
    height: 50px;
    border-width: 1px;
    border-style: solid;

    font-size: 18px;

    font-weight: 200;
}

.section-search-input {
    /* flex: 0 0 calc(100% - 245px);
    max-width: calc(100% - 245px); */
    border-color: #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding-left: 50px;

    font-size: 18px;

    background-image: url(../images/top-search.svg);
    background-repeat: no-repeat;
    background-position: 15px 14px;

    color: #8a8a8a;
}

.section-search-input::placeholder {
    color: #8a8a8a;
}

.section-search-button {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 245px;
    max-width: 245px;

    border-left: 0;
    border-color: var(--accent);
    background-color: var(--accent);
    color: #fff;

    text-align: center;

    transition: ease all 300ms;

    cursor: pointer;

    text-decoration: none !important;
    color: #fff !important;
}

.section-search-button:hover {
    opacity: 0.75;
}

.section-search {
    padding-top: 100px;
    padding-bottom: 51px;
}
.section-search.cat-page{
    padding-top: 20px;
    padding-bottom: 0;
}

.page-catalog-alt .row-catalog {
    margin-top: 36px;
}

.page-catalog-alt .section-popular-item {
    margin-bottom: 0;
    transition: ease all 300ms;

    box-shadow: 0 0 0 0 rgba(0,0,0, .1);
}

.page-catalog-alt .section-popular-item:hover {
    box-shadow: 0 0 35px 0 rgba(0,0,0, .1);
}

.section-page-showmore {
    padding-top: 51px;

    display: flex;
    justify-content: center;
}

.showmore-page {
    padding-left: 65px;
    padding-right: 65px;
}

.section-seo-content {
    font-size: 18px;
}

.section-seo-content p {
    line-height: 1.23;
    margin-bottom: 24px;
    text-indent: 14px;
}

.section-seo-content ul {
    margin: -3px 0 0 0;
    padding: 0;
    list-style-type: none;
    line-height: 1.25;
}

.section-seo-content ul li {
    position: relative;
    padding-left: 20px;
}

.section-seo-content ul li::before {
    position: absolute;
    content: "-";
    top: 0;
    bottom: 0;
    left: 0;
}

.section-seo-title {
    font-size: 30px;
    font-weight: 200;
    margin-bottom: 39px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.row-seo {
    align-items: center;
}

.section-seo {
    padding-top: 190px;
    padding-bottom: 185px;
}

.page-catalog-category {
    padding-top: 40px;
}

.page-catalog-inner {
    margin-top: 45px;
}

.page-catalog-alt .row-catalog-alt {
    margin-top: 0;
    border-top: 0;
}

.section-detail {
    margin-top: 46px;
}

.section-detail-photo {
    display: block;
    padding-bottom: 85%;

    border: 1px solid #e8e8e8;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.section-detail-info {
    display: flex;
}

.section-detail-info-icon {
    flex: 0 0 34px;
    max-width: 34px;
}

.section-detail-info-body {
    padding-top: 16px;
    font-size: 18px;
    line-height: 1.25;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section-specs {
    margin-top: 41px;
}

.section-specs-item {
    display: flex;
    justify-content: space-between;
    font-size: 18px;

    line-height: 1.7;

    position: relative;
}

.section-specs-item::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    height: 21px;
    border-bottom: 1px dotted #000;
}

.spec-item {
    background-color: #fff;

    position: relative;
}

.spec-item:nth-child(1) {
    padding-right: 5px;
}

.spec-item:nth-child(2) {
    padding-left: 5px;
}

.section-detail-tocart {
    width:calc(100% - 170px);
    margin-left: 20px;
}

.section-detail-tocart img {
    margin-right: 16px;
}

.section-order-add {
    display: flex;
    flex-wrap: wrap;

    margin-top: 50px;
}

.section-order-price {
    display: flex;

    align-items: flex-end;
}

.section-order-price-old {
    font-size: 18px;
    font-weight: normal;

    position: relative;

    line-height: 1;
}

.section-order-price-old::before {
    position: absolute;
    content: '';
    top: 8px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--accent);

    transform: rotate(10deg)
}

.section-order-price-old > span {
    padding-left: 5px;
}

.section-order-price-new {
    font-size: 30px;
    font-weight: normal;

    line-height: .8;

    padding-left: 15px;
}

.section-order-price-new > span {
    padding-left: 6px;
    padding-right: 15px;
}

.section-order-price-text {
    font-size: 18px;
    color: #8b8b8b;
    line-height: 1;
}

.section-order-actions {
    display: flex;
    flex-wrap: wrap;

    margin-top: 29px;
}

.section-order-button {
    flex: 0 0 100%;
    max-width: 100%;

    border: 1px solid #c0c0c0;

    height: 49px;

    margin-bottom: 31px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 18px;

    color: #828282;

    transition: ease all 300ms;
}

.section-order-button:hover {
    text-decoration: none;
    color: #000;
    background-color: #e8e8e8;
}

.action-call {
    flex: 0 0  45%;
    max-width: 45%;
    background-color: #e8e8e8;
    border-color: #e8e8e8;
    color: #000;
    flex-wrap: wrap;
}
.action-call span{
    width: 100%;
    text-align: center;
    display: block;
    line-height: 1;
}
.action-call span:last-child{
    font-size: 14px;
    margin-top: -8px;
}

.action-call:hover {
    background-color: #fff;
    color: #828282;
    border-color: #c0c0c0;
}

.action-callme {
    flex: 0 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
}

.section-detail-tabs {
    display: flex;
    margin: 48px 0 0 0;
    padding: 0 0 0 30px;

    list-style-type: none;

    background-color: #e8e8e8;
}

.nav-tabs .nav-item {
    margin-bottom: 0;
}

.section-detail-tabs-item {
    margin-right: 45px;

}

.section-detail-tabs-link {
    display: flex;
    height: 50px;

    text-align: center;
    padding-top: 14px !important;

    color: #444444;

    font-size: 18px;
    font-weight: normal;

    padding-top: 5px;

    border-bottom: 2px solid transparent;
}

.nav-tabs .nav-link {
    /* reset */
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #444444;
    background-color: transparent;
    border-color: unset;
}

.section-detail-tabs-link.active,
.section-detail-tabs-link:hover {
    border-bottom: 2px solid #444444;
    text-decoration: none;
    color: #444444;
}

.section-detail-tabs-content {
    font-size: 18px;
    padding: 42px 31px;
}

.section-detail-tabs-specs {
    margin-top: 0;
    margin-bottom: 27px;
}

.section-detail-tabs-content p {
    line-height: 1.2;
}

.section-similar {
    padding-top: 30px;
}

.section-history {
    margin-top: -20px;
    margin-bottom: 2px;
}

.section-about {
    padding-top: 40px;
}

.section-about p {
    text-indent: 13px;
    line-height: 1.2;
}

.section-offer {
    margin-top: 27px;
    margin-bottom: 25px;
}

.offer-list {
    margin: -3px;
    padding: 0;
    list-style-type: none;
}

.offer-list li {
    padding-left: 45px;
    position: relative;
}

.offer-list li::before {
    position: absolute;
    content: '';
    top: 9px;
    left: 23px;
    width: 7px;
    height: 7px;
    background-image: url(../images/offer-arrow.svg);
}

.section-history-item {
    padding-top: 93px;
}

.section-history-title {
    font-size: 30px;
}

.section-history-title span {
    color: var(--accent);
}

.section-history-desc {
    font-size: 16px;
}

.section-client {
    padding-top: 30px;
    padding-bottom: 120px;
}

.section-client-item {
    margin-right: 47px;
}

.section-client-link {
    display: flex !important;
    padding: 12px 0 !important;
    font-size: 18px;
    text-transform: uppercase;

    color: #444444;
}

.section-client-link:hover {
    text-decoration: none;
    color: #444;
}

.section-client-tab-inner {
    padding: 47px 32px;
    font-size: 18px;
    line-height: 1.25;
}

.section-client-tab-inner p {
    margin-bottom: 20px;
}

.section-client-nav {
    position: relative;
}

.section-client-item {
    position: relative;
}

.section-client-nav::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #e8e8e8;
}

.section-client-history {
    margin-top: 20px;
}

.section-client-history-item {
    
}

.section-client-history-short {
    border-bottom: 2px solid transparent;
}

.section-client-history-short,
.section-client-history-detail {
    padding-top: 27px;
    padding-bottom: 25px;
}

.section-client-history-detail {
    display: none;
}

.section-history-col:nth-child(1) .section-client-history-inner {
    padding-left: 30px;
}

.section-history-col:nth-child(1) {
    flex: 0 0 25%;
    max-width: 25%;
}

.section-history-col {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;

    padding-left: 15px;
    padding-right: 15px;
}

.section-client-history-title {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.3;
}

.section-client-history-data {
    font-size: 14px;
    line-height: 1.5;
}

.section-client-item-title {
    font-size: 14px;
    color: #505050;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 1px;
}

.section-client-item-data {
    font-size: 16px;
    line-height: 1.3;
}

.section-client-item-data a {
    color: #000;
}

.detail-drop {
    background-color: #efefef;

    margin-bottom: 30px;
}

.detail-drop .section-client-history-short {
    border-bottom-color: #fff;
}

.show-detail {
    cursor: pointer
}

.row-orders {
    margin-top: 23px;
}

.row-order-item {
    align-items: center;
}

.order-title {
    font-size: 16px;
    text-transform: uppercase;
}

.order-inner {
    display: flex;
    align-items: center;

    padding-top: 12px;
    padding-bottom: 9px
}

.order-product {
    width: 50px;
    height: 50px;
    background-color: #fff;
    margin-right: 21px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.order-total {
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 0;

    line-height: 1.6;
}

.detail-drop .section-client-history-detail {
    padding-bottom: 10px;
}

.form-client-style {
    padding: 39px 0 0 31px;
}

.form-client-style .form-group {
    margin-bottom: 30px;

    display: flex;
    flex-wrap: wrap;
}

.form-col:nth-child(1) {
    flex: 0 0 191px;
    max-width: 191px;
}

.form-col:nth-child(2) {
    flex: 0 0 calc(100% - 221px);
    max-width: calc(100% - 221px);
    margin-left: 30px;
}

.form-input {
    height: 50px;
    width: 100%;

    appearance: none;
    -webkit-appearance: none;

    border: 1px solid #cdcdcd;

    font-size: 18px;
    font-weight: 200;

    padding-left: 20px;
    padding-right: 20px;

    color: #7b7b7b;

    outline: none
}

.form-input::placeholder {
    color: #7b7b7b
}

select.form-input {
    background-image: url(../images/arrow-form.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 19px;

    cursor: pointer
}

.form-client-button {
    padding-left: 39px;
    padding-right: 39px;
}

.footer-envelope {
    max-width: 25px;
}

.contacts-map {
    width: 100%;
    height: 450px;
}

.section-contact {
    padding-bottom: 30px;
}

.section-contact-side {
    padding-top: 43px;
    padding-left: 73px;
}

.section-contact-item {
    display: flex;
    align-items: flex-start;

    margin-bottom: 26px;
}

.section-contact-item > span {
    padding-left: 30px;
    line-height: 1.2;
}

.section-contact-item > span > a,
.section-contact-item > span > a:hover {
    color: #000;
}

.email-item {
    align-items: center;
}

.modal-dialog-custom {
    max-width: 720px;
    border-radius: none;
}

.modal-dialog-custom .modal-content {
    border-radius: 0;

    border: none;
}

.modal-content-title {
    text-align: center;

    font-size: 30px;
    font-weight: 300;
}

.modal-content-head {
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #e8e8e8;

    position: relative;
}

.modal-content-close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 25px;
    height: 25px;

    background-image: url(../images/modal-close.svg);
    background-repeat: no-repeat;

    cursor: pointer;
}

.modal-content-body {
    padding-top: 70px;
    padding-bottom: 40px;
}

.modal-content-body-inner {
    max-width: 345px;
    margin-left: auto;
    margin-right: auto;
}

.modal-content-form {
    display: flex;
    flex-direction: column;
}

.modal-content-input {
    margin-bottom: 30px;
    border: 1px solid #cdcdcd;
    height: 50px;

    font-size: 18px;
    font-weight: 300;
    padding-left: 19px;
    padding-right: 19px;

    color: #7b7b7b;

    width: 100%;

    outline: none
}

.modal-content-input::placeholder {
    color: #7b7b7b;
}

.modal-content-hint {
    margin-top: 25px;
    margin-bottom: 10px;
    line-height: 1.2;
}

.modal-content-reg a,
.modal-content-hint a {
    color: #636363;
    text-decoration: none;

    border-bottom: 1px solid #bababa;
}

.button-code {
    background-color: transparent;
    border-color: transparent;

    color: #636363;

    font-size: 16px;
}

.button-code:hover {
    color: #636363;
}

.modal-content-reg {
    display: flex;
    align-items: flex-start;

    color: #636363;

    margin-top: 30px;
}

.modal-content-reg-icon {
    padding-top: 5px;
}

.modal-content-reg > span {
    padding-left: 15px;
}

select.modal-content-input {
    background-image: url(../images/arrow-form.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 56%;

    appearance: none;
    -webkit-appearance: none;
}

.reg-verify {
    display: flex;

    margin-left: -15px;
    margin-right: -15px;
}

.reg-verify-col {
    flex: 0 0 50%;
    max-width: 50%;

    padding-left: 15px;
    padding-right: 15px;
}

/*.reg-verifycode {*/
/*    height: 50px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    border: 1px solid var(--accent) !important;*/

/*    color: var(--accent) !important;*/

/*    transition: ease all 300ms;*/
/*    font-size: 18px;*/
/*}*/

/*.reg-verifycode:hover {*/
/*    background-color: var(--accent) !important;*/
/*    color: #fff !important;*/
/*    text-decoration: none;*/
/*}*/

/* cart */
.col-foot-flex {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.clear-cart {
    color: #fff;
    background-color: var(--dark);
    text-decoration: none;

    opacity: 1;
    transition: all 200ms ease;

    padding: 5px 15px 3px;

    border-radius: 3px
}

.clear-cart:hover {
    text-decoration: none;
    color: #fff;

    opacity: .8;
}

.section-cart {
    margin-top: 24px;
}

.row-head {
    border-bottom: 2px solid #e5e5e5;
    margin-left: 0;
    margin-right: 0;
}

.row-body {
    align-items: center;
}

.row-body:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
}

.col-cart-head {
    text-transform: uppercase;
    font-size: 18px;
    padding-top: 12px;
    padding-bottom: 13px;
}

.col-cart {
    padding-top: 20px;
    padding-bottom: 20px;

    position: relative;
}

.col-cart-flex {
    display: flex;
    align-items: center;

    flex: 0 0 100%;
    max-width: 100%;
}

.col-cart-product-image {
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 0 95px;
    max-width: 95px;
    height: 70px;
}

.col-cart-product-name {
    flex: 0 0 calc(100% - 70px);
    max-width: calc(100% - 70px);

    padding-left: 30px;
    color: #000;
}

.col-cart-product-name:hover {
    color: #000;
}

.col-cart-product-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.oldprice {
    font-size: 18px;
    line-height: 1;
    position: relative;
}

.oldprice::before {
    position: absolute;
    content: '';
    top: 45%;
    right: 0;
    left: 0;
    height: 2px;

    background-color: var(--accent);

    transform: rotate(11deg)
}

.newprice {
    font-size: 24px;
}

.col-cart-counter {
    display: flex;
    width:100%;
}

.cart-counter-item {
    height: 50px;
    border: none;
    text-align: center;
    line-height: 50px;
    font-weight: 300;
    font-size: 21px;
    color: #8b8b8b;
    background-color: #f7f7f7 !important;
    user-select: none;
    outline: none;
}

.cart-counter-item:not(input) {
    font-size: 24px;
    width:40px;
    cursor: pointer;
}
input.cart-counter-item{
    width:calc(100% - 80px);
}

.row-foot {
    background-color: #f7f7f7;
}

.col-foot {
    padding-top: 13px;
    padding-bottom: 13px;
}

.col-cart {
    display: flex;
    justify-content: space-between;
}

.col-cart-product-remove {
    position: absolute;
    top: 33%;
    right: 45px;

    cursor: pointer;
}

.col-total {
    font-size: 18px;
    text-transform: uppercase;
    text-align: right;
}

.col-total span {
    display: block;
    padding-right: 35px;
}

.col-total-value {
    font-size: 24px;
    font-weight: normal;
}

.row-foot {
    align-items: center;
}

.page-actions {
    margin-top: 80px;
}

.page-actions_item {
    position: relative;
    border: 2px solid #f6f6f6;
    padding: 34px 19px 10px;
    height: 100%;
}

.page-actions_title {
    position: absolute;
    top: -20px;
    left: -2px;
    background-color: #fff;
    padding-right: 10px;
    padding-bottom: 0;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 300;
    z-index: 2;
}

.page-actions_label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    margin-bottom: 20px;
    padding-left: 30px;
}

.page-actions_type {
    position: relative;
}

.page-actions_type::before {
    position: absolute;
    content: '';
    top: 3px;
    left: -30px;
    width: 18px;
    height: 18px;
    border: 2px solid #cfcfcf;
    border-radius: 50%;
}

.page-actions_type-name {
    line-height: 1.2;
    font-size: 16px;
    font-weight: normal;
}

.page-actions_type-name > span {
    display: block;
    font-size: 14px;
    color: #505050;
    font-weight: 300;
}

.page-actions_select {
    display: none;
}

.page-actions_body {
    position: relative;
}

.page-actions_select:checked ~ .page-actions_type::after {
    position: absolute;
    content: '';
    top: 6px;
    left: -27px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--accent);
}

.page-order {
    margin-top: 50px;
    margin-bottom: 200px;
}

.page-order_heading {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 300;
}

.page-order_label {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 31px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.page-order_label:nth-child(4) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.page-order_label:nth-child(8) {
    flex: 0 0 100%;
    max-width: 100%;
}

.page-order_label:nth-child(9) {
    flex: 0 0 100%;
    max-width: 100%;
}
    

.page-order_bottom, .page-leavecomment_bottom {
    padding-left: 15px;
    padding-right: 15px;

    width: 100%;
    display: flex;
    align-items: center;
}

.page-order_col .form-group {
    margin-bottom: 0;
}

.page-order_input, .page-leavecomment_input {
    border: 1px solid #ecebeb;
    width: 100%;
    padding: 10px;
    color: #7b7b7b;
    font-size: 18px;
    font-weight: 300;
}

.page-order_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    padding-left: 0;
    margin-top: 18px;
}

.page-order_agree, .page-leavecomment_agree {
    position: relative;
    padding-left: 45px;
    cursor: pointer;
    margin-bottom: 0;
}

.page-order_agree::before, .page-leavecomment_agree::before {
    position: absolute;
    content: '';
    top: 3px;
    left: 15px;
    width: 18px;
    height: 18px;
    border: 2px solid #cfcfcf;
    border-radius: 50%;
}

.page-order_agree span, .page-leavecomment_agree span {
    position: relative;
    display: block;

    color: #424242;
}

.page-order_agree span a, .page-leavecomment_agree span a {
    color: #424242;
    border-bottom: 1px solid #424242;
}

.page-order_agree span a:hover, .page-leavecomment_agree span a:hover {
    text-decoration: none;
    color: #424242;
}

.page-order_agree-input, .page-leavecomment_agree-input {
    display: none;
}

.page-order_agree-input:checked ~ span:after, .page-leavecomment_agree-input:checked ~ span:after {
    position: absolute;
    content: '';
    top: 6px;
    left: -27px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--accent);
}

.section-manager-small {
    margin-top: 18px;
}

.section-manager-small .section-manager-avatar img {
    max-width: 50px;
}


.section-manager-small .section-manager-name {
    padding-left: 20px;
}

.section-manager-small .section-manager-body {
    padding-left: 0;
    margin-top: 30px;
}

.section-manager-small .section-manager-dialog {
    padding-top: 38px;
    padding-bottom: 38px;
    margin-bottom: 29px;
}

.section-manager-small .section-manager-button.button-default {
    flex: 0 0 40%;
    max-width: 40%;
}

.section-manager-small .section-manager-button:not(.button-default) {
    flex: 0 0 calc(60% - 30px);
    max-width: calc(60% - 30px);
    
    padding-left: 15px;
    padding-right: 15px;
}

/* cart */

#custom-form1{
    position: relative;
}
.section-consult-form-abs{
    position: absolute;
    z-index: 50;
    background-image: url("/images/site_images/Spinner.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    background-color: rgba(255,255,255,.7);
    top:0;
    left:0;
    width:100%;
    height:100%;
    display: none;
}
.section-search-form .tt-menu{
    /*display: block !important;*/
    border:none;
    margin-top: 0;
    padding:10px 10px;
    font-family: robotoregular;
    color:#000;
    /*box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px !important;*/
    border:2px solid #F5F5F5 !important;
    top: calc(100% - 5px) !important;
    margin-left: -2px;
    margin-right: -2px;
    box-shadow: none !important;
    width:calc(100% + 4px);
}
.section-search-form .tt-menu .league-name{
    font-size: 18px;
    font-weight: normal;
    color:#000 !important;
    text-align: center;
}
.section-search-form .tt-menu a.tt-suggestion,
.section-search-form .tt-menu .tt-suggestion,
.section-search-form .tt-menu .tt-suggestion a{
    padding:5px 0 !important;
    color:#000 !important;
    cursor: pointer !important;
}
.section-search-form .tt-menu .tt-suggestion,
.section-search-form .tt-menu .tt-suggestion:hover{
    background-color: #fff !important;
}
.section-search-form .tt-menu .tt-suggestion strong{
    font-weight: normal;
    font-family: robotoregular;
}
.section-search-form .product-pm.search-item >a {
    display: flex;
    align-items: center;
}
.section-search-form .product-pm.search-item .t_text {
    width: calc(100% - 50px);
    padding-left: 10px;
}

.product-pm__img {
    width: 50px;
    padding-bottom: 40px;
    border-radius: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.section-search-form .tt-menu .tt-suggestion {
    display: flex;
    align-items: center;
}

.product-pm .in_cart_btn{
    background-color: #66b964 !important;
    border-color:#66b964;
    color:#fff !important;
    display: none;
}
.product-pm.in_cart .product-buy-btn{
    display: none;
}
.product-pm.in_cart .in_cart_btn {
    display: flex;
}
.section-order-button.product-buy-btn{
    display: flex !important;
}
.page-order_form.col-order .control-label{
    display: none;
}
.page-order_form.col-order .form-group{
    margin-bottom: 0;
}
.help-block{
    color:red;
    margin-top: 3px;
    font-size: 13px;
}
.page-actions_item .control-label{
    display: none;
}
.section-search-form>div{
    width:100%;
}
.site-alert1{
    margin-top: 20px;
}
.site-alert1 a{
    color:inherit;
    text-decoration: underline;
}
.site-alert1 a:hover{
    text-decoration: none;
}
.index-auth1__inner-item{
    display: none;
}
.index-auth1__inner-item.active {
    display: block;
}
.js-auth-loader{
    position: absolute;
    z-index: 20;
    background-image: url("/images/site_images/Spinner.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    background-color: rgba(255, 255, 255, 0.4);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.js-auth-help{
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}
.js-auth-help.red{
    color:red;
}
.js-auth-help.green {
    color: green;
}
.section-search-form .tt-menu {
    padding: 15px;
    left: 2px;
    width: calc(100% - 0px);
    top: calc(100% + -1px) !important;
    border: 1px solid #F5F5F5 !important;
}

.tt-menu .league-name {
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
}
.nf {
    background-size: auto !important;
}


.form-control:focus {
    border-color: #e8e8e8;
    outline: 0;
    box-shadow: none;
}

.page-catalog-inner .container { position: relative; }

.categories-abs {
    display: none;
    position: absolute;
    top: 50px;
    right: 15px;
    width: 245px;
    z-index: 5;
}

.categories-abs-list {
    margin: 0;
    padding: 0;
    list-style-type: none;

    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;

    background-color: #fff;
}

.categories-abs-link {
    display: flex;
    padding: 15px;

    color: #000;
}

.categories-abs-link:hover {
    color: #000;
    text-decoration: none;
    background-color: #f7f7f7;
}

.categories-abs-item:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
}
.yur-dataset-a.tt-dataset__a.tt-suggestion{
    display: block !important;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top:1px solid #ececec;

}
.yur-dataset-a p{
    display: block;

    white-space: normal !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.yur-dataset-a p:first-child{
    border-top:none;
    padding-top: 0;
}
.page-order_label .tt-open{
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
.cart-yur-info{
    display: none;
}

.static1 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.static1 a {
    color: var(--accent);
    text-decoration: none;
}

.static1 a:hover {
    text-decoration: underline;
    color: var(--accent)
}

.static1 h2 {
    font-size: 22px;
    font-weight: 200;

    margin-top: 30px;
    margin-bottom: 15px;
}

.static1 p {
    text-indent: 15px;
}

.static1 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.static1 ul > li {
    position: relative;
    padding-left: 20px;
}

.static1 ul > li::before {
    position: absolute;
    content: '—';
    top: 0;
    bottom: 0;
    left: 0;
}

.site-error {
    margin-bottom: 30px;
}

.swal2-title {
    font-size: 30px !important;
    font-weight: 200 !important;
    text-transform: uppercase !important;
}

.swal2-html-container {
    font-size: 16px;
    font-weight: 200;
}

.swal2-styled.swal2-confirm {
    border-radius: 0 !important;
    min-width: 150px;
    border: 1px solid var(--accent) !important;
    background-color: var(--accent) !important;
    color: #fff !important;
    height: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-left: 19px;
    padding-right: 19px;
    font-size: 18px !important;
    font-weight: 200;
    opacity: 1;
    transition: ease all 300ms;
}
.swal2-styled.swal2-confirm:focus {
    box-shadow: none;
}

.swal2-styled.swal2-cancel {
    border-radius: 0 !important;
    min-width: 150px;
    color: #fff !important;
    height: 50px;
    align-items: center;
    justify-content: center;
    padding-left: 19px;
    padding-right: 19px;
    font-size: 18px !important;
    font-weight: 200;
    opacity: 1;
    transition: ease all 300ms;
}
.swal2-styled.swal2-cancel:focus {
    box-shadow: none;
}

.section-popular-slider .swiper-wrapper {
    padding-top: 30px;
}

.static-tab-item {
    margin: 0;
    padding-left: 0 !important;
}

.static-tab-item:not(:first-child) {
    margin-left: -1px;
}

.static-tab-link {
    display: block;
    padding: 8px 15px !important;
    border-top: 1px solid #e5e5e5 !important;
    border-right: 1px solid #e5e5e5 !important;
    border-left: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;

    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;

    text-transform: none !important;

    color: #919191 !important;
}

.static-tab-link.active {
    border-bottom-color: #fff !important;
    color: var(--accent) !important;
    text-decoration: none !important;
}

.static-tab-item::before {
    display: none;
}

.static-tabs {
    border-bottom: none;
    position: relative;
}

.static-tabs::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
}

.static-pane {
    padding: 15px;
}

.static-tab-content {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.static1[data-page="about"] .static1_inner{
    display: flex;
}
.static1[data-page="about"] .static1-content{
    width:70%;
    padding-right: 15px;
}
.static1[data-page="about"] .static1-content2{
    width:30%;
    padding-left: 15px;
}
.static1[data-page="about"] .static1-content2 video{
    max-width: 100%;
    outline:none !important;
}

.show-resp {
    display: none;
}

.section-popular .container {
    position: relative;
}

.slider-nav {
    position: absolute;
    top: 50%;
    right: -25px;
    display: flex;
    width: 21px;
    height: 40px;
}

.slider-top-controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

.slider-top-item {
    position: absolute;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;

    opacity: .4;

    transition: all .13s ease;

    cursor: pointer;

    z-index: 3;
}

.slider-top-item:hover {
    opacity: .65;
}

.slider-top-prev {
    left: 30px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTIgNDkyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTIgNDkyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTk4LjYwOCwyNDYuMTA0TDM4Mi42NjQsNjIuMDRjNS4wNjgtNS4wNTYsNy44NTYtMTEuODE2LDcuODU2LTE5LjAyNGMwLTcuMjEyLTIuNzg4LTEzLjk2OC03Ljg1Ni0xOS4wMzJsLTE2LjEyOC0xNi4xMiAgICBDMzYxLjQ3NiwyLjc5MiwzNTQuNzEyLDAsMzQ3LjUwNCwwcy0xMy45NjQsMi43OTItMTkuMDI4LDcuODY0TDEwOS4zMjgsMjI3LjAwOGMtNS4wODQsNS4wOC03Ljg2OCwxMS44NjgtNy44NDgsMTkuMDg0ICAgIGMtMC4wMiw3LjI0OCwyLjc2LDE0LjAyOCw3Ljg0OCwxOS4xMTJsMjE4Ljk0NCwyMTguOTMyYzUuMDY0LDUuMDcyLDExLjgyLDcuODY0LDE5LjAzMiw3Ljg2NGM3LjIwOCwwLDEzLjk2NC0yLjc5MiwxOS4wMzItNy44NjQgICAgbDE2LjEyNC0xNi4xMmMxMC40OTItMTAuNDkyLDEwLjQ5Mi0yNy41NzIsMC0zOC4wNkwxOTguNjA4LDI0Ni4xMDR6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.slider-top-next {
    right: 30px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTIuMDA0IDQ5Mi4wMDQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Mi4wMDQgNDkyLjAwNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTM4Mi42NzgsMjI2LjgwNEwxNjMuNzMsNy44NkMxNTguNjY2LDIuNzkyLDE1MS45MDYsMCwxNDQuNjk4LDBzLTEzLjk2OCwyLjc5Mi0xOS4wMzIsNy44NmwtMTYuMTI0LDE2LjEyICAgIGMtMTAuNDkyLDEwLjUwNC0xMC40OTIsMjcuNTc2LDAsMzguMDY0TDI5My4zOTgsMjQ1LjlsLTE4NC4wNiwxODQuMDZjLTUuMDY0LDUuMDY4LTcuODYsMTEuODI0LTcuODYsMTkuMDI4ICAgIGMwLDcuMjEyLDIuNzk2LDEzLjk2OCw3Ljg2LDE5LjA0bDE2LjEyNCwxNi4xMTZjNS4wNjgsNS4wNjgsMTEuODI0LDcuODYsMTkuMDMyLDcuODZzMTMuOTY4LTIuNzkyLDE5LjAzMi03Ljg2TDM4Mi42NzgsMjY1ICAgIGM1LjA3Ni01LjA4NCw3Ljg2NC0xMS44NzIsNy44NDgtMTkuMDg4QzM5MC41NDIsMjM4LjY2OCwzODcuNzU0LDIzMS44ODQsMzgyLjY3OCwyMjYuODA0eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}

.heading-product {
    text-transform: none;
}

.section-similar .container,
.section-history .container {
    position: relative;
}

.slider-nav-item {
    cursor: pointer;
}

.slider-nav-item img {
    width: 21px;
    height: 40px;
}

.slider-nav-item[aria-disabled="true"] {
    display: none;
}

.show-map-responsive {
    display: none;
    color: var(--accent) !important
}

.section-order-price-i{
    margin-top: 20px;
    font-size: 12px;
    color:#000;
    display: flex;
}
.section-order-price-i .t_img{
    width:20px;
    padding-top: 2px;
}
.section-order-price-i .t_img svg{
    width:100%;
    display: flex;
    height:20px;
}
.section-order-price-i .t_text{
    width:calc(100% - 20px);
    padding-left: 6px;
}

.btn-up {
    position: fixed;
    left: 20px;
    bottom: 20px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    z-index: 5000000;
    background: #000 url(data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.966%203.742L2.15%209.244a1.004%201.004%200%2001-1.38-1.46L8.312.65a1%201%200%20011.374%200l7.545%207.135a1.004%201.004%200%2001-1.38%201.459l-5.818-5.502V17a1%201%200%2001-1%201h-.068a1%201%200%2001-1-1V3.742z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E) center/37.5% auto no-repeat;
    transition:opacity 0.2s 0s linear;
}
.btn-up_hide {
    display: none;
}

@media (hover: hover) and (pointer: fine) {
    .btn-up:hover {
        opacity: 0.8;
    }
}

.header-main-cart.fixed{
    position: fixed;
    bottom:20px;
    right:20px;
    z-index: 50;
    background-color: #fff;
    border-radius: 10px;
    padding:10px 10px;
    box-shadow:0 0 10px rgba(0,0,0,.1);
    display: none;
}
.header-main-cart.fixed.cart-has-items{
    display: flex;
}
.header-main-cart.fixed .header-main-cart-icon{
    width:20px;
}
.header-main-cart.fixed .header-main-cart-icon svg{
    display: flex;
}
.header-main-cart.fixed  .header-main-cart-icon::before{
    width:8px;
    height:8px;
    top:7px;
    right:-4px;
}
.header-main-cart.fixed.hide{
    display: none;
}
.page-order_label_file_text1{
    font-size: 16px;
    color:#000;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 1.3;
}
.header-currency{
    display: flex;
    align-items: center;
}
.header-currency>span{
    font-size: 14px;
    margin-right: 10px;
    color:#828282;
}
.header-currency select{
    height:40px;
    border:1px solid #ececec;
    padding:0 10px;
    color: #828282;
}
.hideNds .section-popular-oldprice,
.hideNds .section-order-price-old,
.hideNds .js-total-sum-old,
.hideNds .show-without-nds.oldprice
{
    display: none !important;
}
.hideNds .nds,
.hideNds .section-order-price-text{
    display: none !important;
}
.header-main-logo {
    max-width: 300px;
    display: flex;
}
.section-footer-logo{
    max-width: 300px;
}
.cartStepsStep{
    display: none;
    padding-bottom: 40px;
}
.cartStepsStep.active{
    display: block;
}
.cartStepsStepBtns{
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
.cartStepsStepBtns span{
    padding: 0 15px;
}
.cartStepsStepBtns span a.goToNextCartStep{
    padding: 0 50px;
    font-size: 20px;
}
.cartStepsStepBtns .goToPrevCartStep{
    background-color: #e3e3e3;
    color: #000;
    border-color: #e3e3e3;
}
.page-order_bottom .cartStepsStepBtns{
    margin-top: 0;
    margin-right: 15px;
}
.page-order_bottom .cartStepsStepBtns span{
    padding: 0;
}
.page-order_label.comment{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.customCallBlock:hover{
    background-color: #f8f8f8;
}
.customCallBlock{
    width: 33.3%;
    display: flex;
    align-items: center;
    text-decoration: none !important;
    border:1px solid #c0c0c0;
    padding:0 5px;
    transition:all 0.1s 0s linear;
    justify-content: center;
}
.customCallBlock .img{
    width: 24px;
}
.customCallBlock .img svg{
    display: flex;
}
.customCallBlock .cont{
    padding-left: 5px;
    color: #000;
    letter-spacing: -0.5px;
}
.customCallBlock .cont span:first-child{
    font-weight: 500;
    font-size: 15px;
}
.customCallBlock .cont span:last-child{
    font-size: 12px;
    display: block;
    text-align: right;
    margin-top: -4px;
}
.product-pm .action-callme{
    margin-bottom: 0;
}
.section-order-actions-line1{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.section-order-actions-line1 a{
    margin-top: 10px;
    display: flex;
    align-items: center; /* Выравнивание по вертикали */
    justify-content: center; /* По горизонтали */
    height: 50px;
    width: 100%;
    flex: unset;
    max-width: unset;
}
.section-detail .section-order-button:first-child{
    margin-bottom: 15px;
}
.section-order-actions-line1 a:first-child{
    margin-top: 0;
}
.section-manager-body-btns{
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
}
.section-manager-button:not(.button-default){
    height: 50px;
}
.product-pm-fixed{
    z-index: 20;
}


.section-manager-body-btns.type2{
    flex-wrap: wrap;
}
.section-manager-body-btns.type2 .customCallBlock{
    width: 100%;
    justify-content: center;
}
.section-manager-body-btns.type2  .section-manager-button:not(.button-default){
    margin-left: 0 !important;
    margin-top: 20px !important;
    width: 100% !important;
    flex: unset !important;
    max-width: unset !important;
    font-size: 18px !important;
}
.customCallBlock .header-phone-icon{
    fill: #e8e8e8 !important;
}
.section-manager-body .customCallBlock{
    height: 50px;
}
.section-contact-item.whAndTg{
    display: flex;
}
.section-contact-item.whAndTg>.icons{
    display: flex;
    position: relative;
    padding-left: 0;
}
.section-contact-item.whAndTg>.icons .iconTg{
    position: absolute;
    top: 5px;
    left: 11px;
    width: 24px;
}


.contacts-list-item.whAndTg{
    display: flex;
}
.contacts-list-item.whAndTg>.icons{
    display: flex;
    position: absolute;
    top:0;
    left:0;
    width: 30px;
}
.contacts-list-item.whAndTg>.icons .iconWh{
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    z-index: 10;
}
.contacts-list-item.whAndTg>.icons .iconTg{
    position: absolute;
    top: 9px;
    left: 12px;
    width: 15px;
}


.header-top-link .icons{
    display: flex;
    position: relative;
}
.header-top-link .icons .iconWh{
    width: 15px;
    position: relative;
    z-index: 10;
    top: -3px;
    left: -2px;
}
.header-top-link .icons .iconTg{
    position: relative;
    top: 0px;
    left: 0px;
    width: 12px;
    margin-left: -8px;
    margin-right: 7px;
}
.header-top-link .icons .iconTg svg{
    width: 100%;
}


.customCallBlock .icons{
    display: flex;
    position: relative;
}
.customCallBlock .icons .iconWh{
    width: 20px;
    position: relative;
    z-index: 10;
    top: -3px;
    left: -2px;
}
.customCallBlock .icons .iconTg{
    position: relative;
    top: 3px;
    left: 0px;
    width: 15px;
    margin-left: -8px;
}
.customCallBlock .icons .iconTg svg{
    width: 100%;
}

