.prod_items {
    margin-bottom: 20px;
}
.header-middle-buttons {
    position: relative;
}
a.profile-button svg:hover circle, a.profile-button.active circle {
    fill: #fff!important;
}
a.profile-button svg:hover path.icon-path-profile, a.profile-button.active path.icon-path-profile {
    fill: #36A9E1!important;
}
ul.menu-profile, ul.top-sub-menu {
    list-style: none;
    background: #fff;
    position: absolute;
    border-radius: 3px;
    top: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    width: 223px;
    right: 0;
    transform: translateY(10px);
    transition: 0.2s;
}
ul.menu-profile:before {
    content: "";
    border: solid transparent;
    position: absolute;
    right: 18px;
    bottom: 100%;
    border-bottom-color: #fff;
    border-width: 9px;
    margin-left: 0;
}
ul.menu-profile li, ul.top-sub-menu li {
    
    padding: 10px 0;
}
ul.menu-profile li:last-child, ul.top-sub-menu li:last-child {
    border-bottom: none;
}
ul.menu-profile li a, ul.top-sub-menu li a {
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 0!important;
}
ul.menu-profile li a:hover, ul.top-sub-menu li a:hover {
    color: #36A9E1!important;
}
.profile-block-button:hover ul.menu-profile {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}
header .main-header-panel .header-middle nav ul.top-sub-menu {
    display: block;
    right: unset;
    top: 30px;
    padding-top: 0;
}
header .main-header-panel .header-middle nav ul.top-sub-menu.top-sub-menu li {
    margin-right: 0;
}
header .main-header-panel .header-middle nav ul.top-sub-menu.top-sub-menu li a {
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 0;
}
.menu-dropdown {
    position: relative;
}
.menu-dropdown > a:after {
    content: "";
    border: solid transparent;
    position: absolute;
    right: -13px;
    top: 6px;
    border-top-color: #fff;
    border-width: 4px;
}
.menu-dropdown.drop-active > a:after {
    content: "";
    border: solid transparent;
    position: absolute;
    right: 3px;
    top: 12px;
    border-bottom-color: #36A9E1;
    border-width: 4px;
}
.menu-dropdown.drop-active {
    padding: 10px 0;
    background: #fff;
    border-radius: 3px;
}
.menu-dropdown.drop-active > a {
    color: #36A9E1!important;
}
header.inner .main-header-panel .header-middle nav .menu-dropdown > a:after,
header.sticky .main-header-panel .header-middle nav .menu-dropdown > a:after {
    content: "";
    border: solid transparent;
    position: absolute;
    right: -13px;
    top: 6px;
    border-top-color: #000;
    border-width: 4px;
}
header.inner .main-header-panel .header-middle nav .menu-dropdown.drop-active > a:after,
header.sticky .main-header-panel .header-middle nav .menu-dropdown.drop-active > a:after {
    content: "";
    border: solid transparent;
    position: absolute;
    right: -13px;
    top: 12px;
    border-bottom-color: #36A9E1;
    border-width: 4px;
}
header.inner .main-header-panel .header-middle nav .menu-dropdown.drop-active,
header.sticky .main-header-panel .header-middle nav .menu-dropdown.drop-active{
    border-bottom: none;
    border-radius: 0;
}
header.inner .main-header-panel .header-middle nav ul.top-sub-menu,
header.sticky .main-header-panel .header-middle nav ul.top-sub-menu{
    top: 35px;
    left: -1px
}
.about-text-section-wrapper .btn-row {
    width: 200px;
}
.about-text-section-wrapper .btn-row .btn {
    text-decoration: none;
}
.auth-section .auth-other-btn {
    margin-top: 20px;
}
.auth-section input {
    width: 40%;
    display: block;
}
.auth-section input[type="checkbox"] {
    width: unset;
    display: inline;
}
.account-main-panel {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row nowrap;
}
.account-links-col {
    width: 400px;
    min-width: 400px;
    padding-right: 80px;
    box-sizing: border-box;
}
.account-link-list a.active, .account-link-list a:hover {
    color: #fff;
    background-color: #237ba5;
    box-shadow: 0px 6px 9px rgb(33 37 41 / 30%);
    text-decoration: none;
}
.account-link-list a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #36A9E1;
    color: #fff;
    height: 40px;
    margin-bottom: 16px;
    text-decoration: none;
    cursor: pointer;
    transition: 0.2s;
    font-weight: 500;
}
.account-cont-col {
    width: 40%;
}
.amf-unit {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 24px;
    position: relative;
}
.amf-unit label {
    color: #000;
    font-size: 15px;
    text-align: left;
    width: 150px;
    min-width: 150px;
    margin-right: 12px;
    margin-top: 14px;
}
.amf-unit input {
    width: 100%;
    height: 50px;
    border: 1px solid #DEE2E6;
    padding: 12px 20px;
    box-sizing: border-box;
    outline: none;
    transition: 0.2s;
}
.amf-unit .help-block {
    position: absolute;
    bottom: 0px;
    right: 0;
}
.account-order-unit {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-flow: row nowrap;
    border: 2px solid darkgray;
    padding: 24px;
    box-sizing: border-box;
    margin-bottom: 24px;
}
.aou-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    text-decoration: none;
    color: #000;
}
a.aou-title:hover {
    text-decoration: none;
}
.aou-date {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 14px;
    margin-top: 10px;
}
.aou-status {
    color: #fff;
    font-size: 15px;
    padding: 8px 14px;
    display: inline-block;
    background-color: grey;
}
.aou-btn-col {
    display: flex;
    flex-direction: column;
}
.account-order-unit .btn-row {
    justify-content: flex-end;
    margin-top: auto;
    display: flex;
    align-items: center;
}
.account-order-unit .basket-item-total-row {
    border-top: none;
    padding-top: 0;
    padding-right: 0;
}
.basket-item-total-row {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    width: 100%;
}
.basket-item-total-row {
    width: 100%;
    border-top: 2px solid darkgray;
    box-sizing: border-box;
    padding: 16px 24px;
}
.basket-item-total-unit {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    margin-right: 24px;
}
.basket-item-total-unit span {
    font-size: 15px;
    color: #000;
    font-weight: 400;
    margin-right: 8px;
}
.basket-item-total-unit-val {
    font-size: 15px;
    color: #212529;
    font-weight: 600;
}
.basket-item-total-unit:last-child {
    margin-right: 0;
}
.aou-btn-col .btn-clear, .account-order-page-info-block .btn-row .btn-clear {
    margin-right: 15px;
    margin-top: 0;
}
.account-order-unit-info-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 24px;
    margin-top: -30px;
}
.account-order-unit-info-row > * {
    margin-bottom: 0;
    margin-left: 24px;
}
.bis-link {
    font-size: 13px;
    color: #000;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
    position: relative;
    margin-left: 24px;
    margin-bottom: 12px;
}
.bis-link img {
    position: absolute;
    left: -30px;
    top: -2px;
    width: 21px;
    height: auto;
    fill: darkgray;
}
.account-order-unit-info-row > * {
    margin-bottom: 0;
    margin-left: 24px;
}
.account-order-unit-info-row > * {
    margin-bottom: 0;
    margin-left: 24px;
}
.account-order-list .basket-item-unit {
    margin-bottom: 24px;
}
.basket-item-unit {
    border: 2px solid darkgray;
    box-sizing: border-box;
    margin-bottom: 24px;
}
.basket-item-unit {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.basket-item-unit-wrap {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row nowrap;
    padding: 24px 24px 0 24px;
    box-sizing: border-box;
}
.basket-item-pic {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    padding-right: 0;
    box-sizing: border-box;
    min-width: 100px;
    margin-right: 24px;
}
.basket-item-pic img {
    width: 100%;
}
.basket-item-info-block {
    width: 100%;
    padding-right: 24px;
    box-sizing: border-box;
}
.bii-for-mobile .basket-item-pic {
    display: none;
}
.basket-item-name {
    font-size: 15px;
    color: #343A40;
    font-weight: 600;
    margin-bottom: 8px;
}
.basket-item-info-block .item-page-sizes-table {
    margin-bottom: 34px;
}
.item-page-sizes-table {
    width: 100%;
    font-size: 13px;
}
.item-page-sizes-row.item-page-sizes-name-row {
    background-color: transparent;
}
.item-page-sizes-row.item-page-sizes-name-row {
    border: none;
}
.item-page-sizes-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    height: 40px;
    box-sizing: border-box;
    background-color: transparent;
}
.item-page-sizes-row.item-page-sizes-name-row .ips-count-block {
    border-right: none;
}
.item-page-sizes-row.item-page-sizes-name-row .ips-block {
    font-size: 11px;
    color: darkgray;
    font-weight: 500;
    text-align: left;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.ips-weight-block, .ips-avail-block, .ips-price-i, .ips-total {
    max-width: 70px;
}
.ips-block.ips-total-block {
    padding-right: 10px;
    box-sizing: border-box;
    color: #343A40;
}
.item-page-sizes-row {
    border: 2px solid darkgray;
    margin-bottom: 8px;
}
.ips-count-block {
    padding: 0;
    background-color: darkgray;
}
.ips-count-block {
    font-weight: 600;
    max-width: 80px;
    min-width: 76px;
}
.ips-block {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 2px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 13px;
    color: #000;
    width: 100%;
}
.quant-block {
    display: flex;
    align-items: stretch;
    justify-content: center;
    height: 100%;
    line-height: 38px;
    width: 100%;
}
.quant-block input {
    width: 24px;
    background: none;
    outline: none;
    border: none;
    text-align: center;
    font-weight: 600;
    height: auto;
    padding: 0;
    color: #000;
}
.ips-block.ips-total-block {
    padding-right: 10px;
    box-sizing: border-box;
    color: #343A40;
}
.ips-block.ips-total-block span, .ips-block.ips-price-w span {
    padding-right: 4px;
}
.item-page-info-table {
    margin-bottom: 28px;
    margin-top: 15px;
    padding: 24px;
    box-sizing: border-box;
    border: 2px solid darkgray;
}
.item-page-info-unit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 6px;
}
.item-page-info-unit-title {
    font-size: 15px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 4px 4px 0;
    z-index: 1;
}
.account-order-page-info-block .item-page-info-unit-cont {
    font-weight: 600;
}
.item-page-info-unit-cont {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 0 4px 4px;
    z-index: 1;
}
.item-page-info-unit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 6px;
}
.account-order-page-info-block .btn-row {
    justify-content: flex-end;
    display: flex;
    align-items: center;
}
.account-main-panel .catalog-items {
    display: grid;
    flex: unset;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.paginator-row {
    display: flex;
    align-content: center;
    justify-content: center;
    width: 100%;
    padding: 40px 0;
    box-sizing: border-box;
}
.paginator {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
    list-style: none;
}
.paginator li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 6px;
}
.paginator li.active a {
    background-color: #237ba5;
    color: #fff;
    border: 2px solid #237ba5;
}
.paginator a {
    width: 36px;
    height: 36px;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    border: 2px solid #36A9E1;
    transition: 0.2s;
    background-color: #36A9E1;
}
.paginator li a:hover {
    background-color: #237ba5;
    border: 2px solid #237ba5;
    color: #fff;
    text-decoration: none;
}
.clu-fav {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    overflow: hidden;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}
.clu-fav svg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 2px;
    margin: auto;
    width: 26px;
    transition: 0.2s;
}
.clu-fav:hover {
    background-color: #f2f1f0;
}
.clu-fav.active svg path {
    stroke:#5b5558;
}
.catalog-main-link a {
    text-decoration: none;
}

.basket-wraper .btn {
    width: 100%;
}

.btn-clear {
    margin-top: 15px;
    background: gray;
}

.btn-clear:hover {
    background: darkgray;
}

.callback-form {
    padding: 50px 40px 30px;
    box-sizing: border-box;
    max-width: 490px;
    min-width: 490px;
    display: none;
}

.callback-form .form-group, .auth-section .form-group {
    margin-bottom: 15px;
}

.callback-form .btn {
    margin: 0 auto;
}

.float-form-title {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 24px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

.float-form .input-row {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

.form_radio {
    margin-bottom: 10px;
}
.form_radio input[type=radio] {
    display: none;
}
.form_radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 0;
    line-height: 18px;
    user-select: none;
}
.form_radio label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 18px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background: url(https://snipp.ru/img/radio-1.png) 0 0 no-repeat;
    filter: invert(1);
}

/* Checked */
.form_radio input[type=radio]:checked + label:before {
    background: url(https://snipp.ru/img/radio-2.png) 0 0 no-repeat;
    filter: invert(1);
}

/* Hover */
.form_radio label:hover:before {
    filter: invert(1);
}

/* Disabled */
.form_radio input[type=radio]:disabled + label:before {
    filter: grayscale(100%);
}

.btn-search {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 9px 9px;
    border: none;
    height: 34px;
}

.basket-wraper .basket-items-wrapper .basket-catalog-item .basket-item-count {
    width: unset;
}

.pagination {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    width: 100%;
}
.pagination li.active {
    pointer-events: none;
    background-color: #36A9E1;
    color: #fff;
}
.pagination li {
    background-color: #20293F;
    color: #ffffff;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    outline: none;
    transition: 0.2s;
    box-sizing: border-box;
    border: none;
    margin-right: 8px;
}
.pagination li a, .pagination li span {
    text-decoration: none;
    padding: 10px 16px;
    color: #fff;
}
.pagination li:hover, .pagination li a:hover {
    background-color: #36A9E1;
    color: #fff;
    text-decoration: none;
}
.catalog-item a, .catalog-item a:hover {
    text-decoration: none;
}

nav li a.active{
    border-bottom: 2px solid #36A9E1;
}
.input-row .help-block {
    font-size: 13px;
    color: red;
    position: relative;
    top: -10px;
}
.form-group .help-block {
    font-size: 13px;
    color: red;
    position: relative;
    top: 0px;
}
.has-error input, .has-error textarea {
    border: 1px solid red!important;
}

.has-success input, .has-success textarea {
    border: 1px solid green!important;
}
.mobile-buttons, .burger-button {
    display: none;
}
.mobile-buttons svg {
    height: 27px;
}
.mobile-buttons svg path {
    fill: #000;
}

.mobile-buttons svg circle {
    stroke: #000;
}