a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}:focus{outline:0}a{text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

sup{
    line-height: 0;
}
/* open-sans-300 - latin_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local(''),
    url('../fonts/open-sans-v34-latin_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin_cyrillic-ext_cyrillic-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../fonts/open-sans-v34-latin_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin_cyrillic-ext_cyrillic-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-500 - latin_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: local(''),
    url('../fonts/open-sans-v34-latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local(''),
    url('../fonts/open-sans-v34-latin_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin_cyrillic-ext_cyrillic-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local(''),
    url('../fonts/open-sans-v34-latin_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v34-latin_cyrillic-ext_cyrillic-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*https://taplink.cc/my_dreams_way_*/
:root {
    --main-default: #474B92;
    --main-hover: #9EA2D7;
    --main-pressed: #5A5D9D;
    --main-disabled: #BCCDD8;
    --second-default: #D2002D;
    --second-hover: #B70229;
    --second-pressed: #B70229;
    --text-black: #000000;
    --text-white: #ffffff;
    --bg-dark: #787878;
    --bg-light: #F4F4F4;

    --gray2: #494949;
    --gray-main: #818F99;
    --border-edit: #CFD0E2;
    --gradient: linear-gradient(106.05deg, #F76600 6.74%, #FF9245 90.83%);
}

body{
    font-family: 'Open Sans', sans-serif;
    color: var(--text-black);
    font-size: 15px;
    line-height: 120%;
}

*{
    -webkit-tap-highlight-color: transparent;
}

input::-webkit-input-placeholder {
    color: #8B94A4;
}
input::-ms-input-placeholder {
    color: #8B94A4;
}
input::-moz-placeholder {
    color: #8B94A4;
}
input::-moz-placeholder {
    color: #8B94A4;
}
textarea::-webkit-input-placeholder {
    color: #8B94A4;
}
textarea::-ms-input-placeholder {
    color: #8B94A4;
}
textarea::-moz-placeholder {
    color: #8B94A4;
}
textarea::-moz-placeholder {
    color: #8B94A4;
}

button {
    font-family: inherit;
}
input {
    color: var(--text-black);
    font-family: inherit;
    font-weight: normal;
}

.only-mobile{
    display: none;
}
.only-desktop {
    display: block;
}

.select2-container {
    width: 100% !important;
    max-width: 385px;
}

@media (max-width: 767px) {
    .only-mobile{
        display: block;
    }
    .only-desktop{
        display: none;
    }
}
.bx-blue .btn.btn-default{
    font-size: 16px;
}
.bx-blue .btn.btn-default,
.btn-default{
    cursor: pointer;
    white-space: nowrap;
    color: var(--text-white);
    background: var(--main-default);
    font-weight: 600;
    font-size: 15px;
    padding: 15px 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .3s all;
    font-family: inherit;
    text-decoration: none !important;
    border: none;
    line-height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0;
}
.btn-default svg {
    margin-right: 10px;
}
.btn-default--transparent {
    border: 1px solid var(--main-default);
    color: var(--main-default);
    background-color: transparent;
    padding: 14px 40px;
}
.btn-default--transparent:hover {
    background: var(--main-default);
    color: white;
    border-color: var(--main-hover);
}
.btn-default--hovered,
.btn-default:hover {
    background-color: var(--main-hover);
}
* {
    outline: none !important;
}

.btn-default[disabled] {
    background: var(--bg-dark) !important;
    cursor: default;
    user-select: none;
}

.btn-default span{
    position: relative;
    z-index: 2;
}
.btn-default--second {
    background-color: var(--second-default);
}
.btn-default--second:hover {
    background-color: var(--second-default);
}
.container{
    width: 100%;
    max-width: 1270px;
    padding: 0 15px;
    margin: 0 auto;
}

header.header {
    z-index: 100;
    position: relative;
}

.logo{
    color: var(--text-black);
    display: flex;
    align-items: center;
}
.logo .logo__text{
}
.logo .logo__text-header{
    font-weight: bold;
    font-size: 15px;
    line-height: 132%;
    text-transform: uppercase;
    display: block;
}

.header__bottom {
    /*padding: 5px 0;*/
}

ul.main-menu{
    width: 100%;
    display: flex;
    align-items: center;
}
.main-menu > li:not(:first-child) {
    margin-left: 5px;
}
.main-menu > li > a {
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.main-menu > li > a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: var(--second-default);
    opacity: 0;
    -webkit-transform: skew(-15deg,0) translate(10px,0);
    transform: skew(-15deg,0) translate(10px,0);
    -webkit-transition: opacity 0.25s ease-out,-webkit-transform .25s ease-out;
    transition: opacity 0.25s ease-out,-webkit-transform .25s ease-out;
    transition: opacity 0.25s ease-out,transform .25s ease-out;
    transition: opacity 0.25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out;
}
.main-menu > li > a.root-item-selected:before,
.main-menu > li > a:hover:after,
.main-menu > li > a.root-item-selected:after {
    opacity: 1;
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

.main-menu li a{
    display: block;
    color: var(--text-white);
    padding: 11px 12px;
    transition: .3s all;
    position: relative;
    font-weight: 500;
}

.main-menu li a.with-ul{
    display: flex;
    align-items: center;
}
.main-menu li a.with-ul:hover .go-to-section {
    transform: rotate(180deg);
}
.main-menu li a.with-ul .go-to-section {
    display: inline-flex;
    margin-left: 5px;
    transition: .15s transform;
}
.main-menu li a.with-ul .expand svg{
    margin-left: 10px;
}
.main-menu li a:hover .expand svg path{
    stroke: var(--main-default);
}

.main-menu li a.root-item-selected.with-ul,
.main-menu li a.with-ul:hover{
    /*background-image: url('../img/public/location-arrow-down-red.svg');*/
}
.main-menu li a.selected, .main-menu li a.root-item-selected:after,
.main-menu li a.selected, .main-menu li a:hover:after{
    opacity: 1;
}

.breadcrumb .header{
    margin-top: 8px;
    font-size: 40px;
    line-height: 100%;
    margin-bottom: 45px;
}

body, html {
    width: 100%;
    min-height: 100vh;

}

.site-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.header {
    color: var(--text-white);
}
.header__top {
    /*padding: 20px 0;*/
    height: 80px;
    background: #5A5D9D;
}
.header__bottom {
    background: var(--main-default);
}

.header__logo {
    color: var(--text-white);
    display: flex;
    align-items: center;
}
.logo__text {
    margin-left: 25px;
    line-height: 130%;
}

.header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: inherit;
}
.header__buttons {
    display: flex;
    align-items: center;
    height: inherit;
}
.header__button {
    transition: .3s background-color;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: var(--text-white);
    padding: 0 30px;
    height: 36px;
    font-weight: 500;
}
.header__button:not(:last-child) {
    margin-right: 10px;
}
.header__button svg {
    margin-right: 5px;
}
.header__button--transparent {
    border: 1px solid var(--text-white);

}
.header__button--red {
    background: var(--second-default);
}
.header__button--red:hover {
    background-color: var(--second-hover);
}

.header__button--transparent:hover {
    background-color: var(--main-hover);
}

.page-header {
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
}

.close-menu-btn,
.mobile-menu-btn {
    display: none;
}

.user-info {
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 135%;
    height: inherit;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.user-info__inner {
    display: grid;
    column-gap: 7px;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
}
.user-info:not(:last-child) {
    margin-right: 35px;
}
.user-info svg {
    grid-row: 1 / -1;
}
.user-info__header {
    display: flex;
    align-items: center;
}
.user-info__name {
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-info__header svg {
    margin-left: 6px;
}
.user-info__text {
    display: flex;
    align-items: center;
    margin-top: 2px;
    text-decoration-line: underline;
    text-decoration-skip-ink: none;
}

.user-info__text-value {
    white-space: nowrap;
}
.user-info__text--cons {
    color: #B7BBFF;
}

.user-info__text svg {
    margin-left: 7px;
}
.user-info__menu {
    position: absolute;
    top: 100%;
    visibility: hidden;
    z-index: 500;
    height: auto;
    display: none;
    box-shadow: 4px 4px 7px -5px grey;
     opacity: 0;
    /*transform: translateX(-5px);*/
    background-color: rgba(28,38,47,0.9);
    min-width: 180px;
}
.user-info__menu--right {
    right: 0;
}
.user-info:hover .user-info__header svg,
.user-info:hover .user-info__text svg {
    transform: rotate(180deg);
}
.user-info:hover .user-info__menu {
    opacity: 1;
    visibility: visible;
    display: flex;
    flex-direction: column;
}
.user-info__menu-item {
    display: flex;
     /*width: 300px;*/
    text-align: left;
    padding: 10px 15px;
    border: 0;
    color: var(--text-white);
    background: transparent;
    transition: .3s all;
    white-space: nowrap;
}
.user-info__menu-item--active,
.user-info__menu-item:hover {
    background: var(--main-default);
    color: var(--text-white);
}
.user-info__menu-item--consign {
    flex-direction: column;
}
.user-info__menu-item--consign span {
    font-size: 14px;
    color: #9ea2d7;
    font-weight: 500;
}
.user-info__menu-item--has-parent {
    padding: 5px 15px 5px 25px;
}
.user-info__menu-sub {
    background-color: rgba(28,38,47,0.9);
    position: absolute;
    right: 100%;
    z-index: 501;
    top: 0;
    display: none;
    transform: translateX(-1px);
}
@media (min-width: 769px) {
    .user-info__menu--right > li {
        position: relative;
    }

    .user-info__menu--right > li > .user-info__menu-item {
        justify-content: flex-end;
        align-items: center;
        text-align: right;
    }

    .user-info__menu--right > li .user-info__menu-item svg {
        margin-right: auto;
    }

    .user-info__menu--right > li:hover .user-info__menu-sub {
        display: block;
    }
}

.cart-block {
    align-self: stretch;
    display: flex;
    align-items: center;
}
.header__counter {
    position: absolute;
    font-size: 10px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    top: -5px;
    font-style: normal;
    left: 16px;
    background: var(--second-default);
    color: var(--text-white);
    font-weight: 500;
}
.compare-block,
.favorites-block {
    display: inline-flex;
    position: relative;
    margin-right: 24px;
}
.notify-bell__icon:not(.not-empty) .header__counter,
.compare-block:not(.not-empty) .header__counter,
.favorites-block:not(.not-empty) .header__counter {
    opacity: 0;
}
.notify-bell__icon .header__counter,
.compare-block .header__counter,
.favorites-block  .header__counter {
    top: -6px;
}


#change-sklad-form {
    max-width: 420px;
}


@media screen and (max-width: 1299px) {
    .container {
        max-width: 1150px;
    }







}








.header__mobile-menu {
    display: none;
}




@media screen and (min-width: 1660px) {
    .user-info__menu-sub {
        left: 100%;
        right: inherit;
        transform: translateX(1px);
    }
    .user-info__menu-item[href="[parent]"] {
        flex-direction: row-reverse;
        justify-content: space-between !important;
    }
    .user-info__menu--right > li > .user-info__menu-item {
        justify-content: space-between !important;
    }
    .user-info__menu-item[href="[parent]"] svg {
        margin-right: 0 !important;
        transform: rotate(180deg);
}

}
@media screen and (max-width: 1023px) and (min-width: 768px) {
    .logo__text {
        display: none;
    }
    .header__logo {
        margin-right: 20px;
    }
    .user-info__header {
        /*display: none;*/
    }
}
@media screen and (max-width: 768px) {

    .only-mobile{
        display: block;
    }

    body {
        background-size: 800px;
        background-position: left -400px top -200px;
    }
    .container{
        max-width: 100%;
    }
    .header__mobile {
        display: flex;
    }
    #panel {
        display: none;
    }
    .close-menu-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 0;
        width: 55px;
        height: 64px;
    }
    .close-menu-btn svg {
    }
    .mobile-menu-btn {
        display: flex;
        cursor: pointer;
        /*margin-left: 15px;*/
    }

    .logo__text {
        display: none;
    }
    .header--not-authorized .header__bottom,
    .header__mobile-menu {
        display: block;
        padding-top: 64px;
        position: fixed;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        background: var(--main-default);
        z-index: 100;
        transition: .3s transform;
        transform: translateX(-100%);
    }
    .header--not-authorized .header__bottom--active,
    .header__mobile-menu--active {
        transform: translateX(0);
        overflow-y: scroll;
    }
    .mobile-menu__items {
        /*padding: 0 20px;*/
    }

    ul.main-menu {
        /*flex-direction: column;*/
        overflow-x: scroll;
        padding-left: 10px;
    }
    .header__buttons {
        /*display: none;*/
        margin-left: auto;
    }
    .header__button {
        height: 32px;
        font-size: 12px;
        padding: 0 10px;
    }
    .header__bottom .header__buttons {
        display: flex;
        padding: 0 15px;
        margin-top: 30px;
    }
    .header__button {
        flex-grow: 1;
    }
    .footer-menu-nowrap li a {
        white-space: normal;
    }
    .footer-column .btn-default {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        font-size: 13px;
    }
    .page-header {
        margin-top: 6px;
        font-size: 20px;
    }
    .registration-thanks {
        margin-bottom: 50px;
    }

    .main-menu > li > a:before, .main-menu > li > a:after {
        /*display: none;*/
    }
    .main-menu > li:not(:first-child) {
        margin-left: 0;
    }
    .header__bottom .container {
        padding: 0;
    }
    .main-menu li a.selected, .main-menu li a.root-item-selected, .main-menu li a.selected, .main-menu li a:hover {
        /*background: var(--main-hover);*/
    }

    .main-menu li a.with-ul .go-to-section,
    .main-menu li a.with-ul:hover .go-to-section {
        transform: rotate(-90deg);
    }
    .user-info--balance {
        display: none;
    }
    .user-info__header {
        display: none;
    }
    .header__top {
        height: 50px;
    }

    .btn-default svg {
        flex-shrink: 0;
    }
    .user-info svg.svg-store,
    .user-info svg.svg-lk {
        width: 20px;
        height: 20px;
    }
    .user-info--lk {
        display: none !important;
    }
    .user-info:not(:last-child) {
        margin-right: 15px;
    }
    .user-info__text-value {
        max-width: 50px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .user-info__text svg {
        margin-left: 2px;
    }
    .user-info__inner {
        column-gap: 5px;
    }

/*    .header--not-authorized #horizontal-multilevel-menu li a {
        white-space: nowrap;
    }
    .header--not-authorized #horizontal-multilevel-menu li ul {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        transform: none;
        background-color: rgba(28,38,47,0.9);
        border-bottom: none;
    }
    .header--not-authorized #horizontal-multilevel-menu li ul li:not(:last-child) a {
        border-bottom: none;
    }
    .header--not-authorized #horizontal-multilevel-menu li a span.expand {
        display: none;
    }*/

    .header--not-authorized ul.main-menu {
        flex-direction: column;
        overflow: inherit;
        padding: 0;
    }
    .header--not-authorized #horizontal-multilevel-menu li {
        width: 100%;
    }

    .header--not-authorized .main-menu > li > a.root-item-selected:before,
    .header--not-authorized .main-menu > li > a:hover:after,
    .header--not-authorized .main-menu > li > a.root-item-selected:after {
        transform: none;
    }

    .header--not-authorized #horizontal-multilevel-menu li a {
        border-bottom: 1px solid var(--main-hover);
    }
    .header--not-authorized #horizontal-multilevel-menu li li a {
        padding: 10px 15px !important;
        height: auto;
    }
    .header:not(.header--not-authorized) .header__bottom .close-menu-btn {
        display: none;
    }



    .compare-block, .favorites-block {
        margin-right: 12px;
    }

    .mobile-menu__items .user-info__menu--right {
        display: block;
        position: relative;
        box-shadow: none;
        visibility: visible;
        opacity: 1;
        background: none;
    }
    .user-info__menu-sub {
        position: relative;
        right: inherit;
        top: inherit;
        transform: none;
        background: #5A5D9D;
    }
    .user-info__menu--right .user-info__menu-item {
        padding: 16px 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        font-size: 17px;
    }
    .user-info__menu-item--active + .user-info__menu-sub {
        display: block;
    }
    .user-info__menu-item[href="[parent]"] svg {
        transform: rotate(-90deg);
    }
    .user-info__menu-item[href="[parent]"].user-info__menu-item--active svg {
        transform: rotate(90deg);
    }
    .user-info__menu-item[href="[parent]"] {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .mobile-menu__item {
        position: absolute;
        top: 0;
        height: 64px;
        display: inline-flex;
        align-items: center;
        padding: 20px;
    }


}






