:root{
    --tl-color: #083b58fa;
    --txt-color: #3c86bb;/*#2b6999*/
    --tl-active-bg: #054569;
    --b-radius: .75rem;
    --b-shadow: 0 0 4px rgba(35, 31, 32, 0.16);
}
@font-face {
    font-family: 'ALSRubl-Tahoma';
    src: url('../fonts/b-rub/b-rub_tahoma/alsrubl-tahoma-regular.eot');
    src: url('../fonts/b-rub/b-rub_tahoma/alsrubl-tahoma-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/b-rub/b-rub_tahoma/alsrubl-tahoma-regular.woff') format('woff'), url('../fonts/b-rub/b-rub_tahoma/alsrubl-tahoma-regular.ttf') format('truetype'), url('../fonts/b-rub/b-rub_tahoma/alsrubl-tahoma-regular.svg#ALSRublTahomaItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ALSRubl-Tahoma';
    src: url('../fonts/b-rub/b-rub_tahoma/alsrubl-tahoma-bold.eot');
    src: url('../fonts/b-rub/b-rub_tahoma/alsrubl-tahoma-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/b-rub/b-rub_tahoma/alsrubl-tahoma-bold.woff') format('woff'), url('../fonts/b-rub/b-rub_tahoma/alsrubl-tahoma-bold.ttf') format('truetype'), url('../fonts/b-rub/b-rub_tahoma/alsrubl-tahoma-bold.svg#ALSRublTahomaItalic') format('svg');
    font-weight: bold;
    font-style: normal;
}
@view-transition {
    navigation: auto;
}
*,
html * {
    scrollbar-width: thin;
    scrollbar-color: var(--tl-color) #ffffff;
}
body {
    background-color: #ececec;
    overflow-y: scroll;
    margin: 0;
}
html,
button,
input,
select,
textarea,
.infoBox{
    font-family: 'Open Sans', sans-serif;
    color: #727272;
}
html.wf-active,
.wf-active button,
.wf-active input,
.wf-active select,
.wf-active textarea,
.wf-active .infoBox {
    font-family: 'pf_dindisplay_pro', 'Arial', sans-serif;
}
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
    line-height: 1.6;
}
html * {
    scrollbar-width: thin;
    scrollbar-color: var(--tl-color) #ffffff;
}
*::-webkit-scrollbar,
html *::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    border-radius: 15px;
}
*::-webkit-scrollbar-track,
html *::-webkit-scrollbar-track {
    background: #ffffff ;
    border-radius: 15px;
}
*::-webkit-scrollbar-thumb,
html *::-webkit-scrollbar-thumb {
    background-color: var(--tl-color);
    border-radius: 15px;
    border: 3px solid var(--tl-color);
}
h1 {
    font-size: 2em;
    color: #575757;
    font-weight: normal;
}
/*img {pointer-events: none;}*/
button, input, select, textarea {
    font-size: 100%;
}
a:link, a:visited, .block-link__pseudolink {
    text-decoration: none;
    color: var(--tl-color);
}
img {
    max-width: 100%;
    height: auto;
}
#tl-spinner{
    display: none;
    z-index: 99999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
    backdrop-filter: blur(3px);
}
#tl-spinner .spinner-loader{
    position: relative;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.21,.64,.8,.41);
    animation-timing-function: cubic-bezier(.21,.64,.8,.41);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    height: 96px;
    width: 96px;
    margin: auto;
    border-radius: 100%;
    -webkit-transform-origin: center;
    transform-origin: center;
}
#tl-spinner .spinner-loader:before {
    content: '';
    position: absolute;
    top: 0;
    width: 94px;
    height: 50%;
    border-top-left-radius: 96px;
    border-top-right-radius: 96px;
    border: 6px solid currentColor;
    border-bottom: 0;
}
#tl-spinner .spinner-info {
    color: var(--tl-color);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 999999;
}
#tl-spinner .spinner-info:after {
    content: attr(data-status);
    justify-content: center;
    display: flex;
    margin-top: 10px;
    font-size: 19px;
}
@keyframes spin {
    from {
        transform: rotate(60deg);
    }
    to {
        transform: rotate(2220deg);
    }
}
header.header {
    position: relative;
    z-index: 100;
    margin-bottom: 17px;
    user-select: none;
}
header.header .header_panel {
    display: flex;
    background: var(--tl-color);
}
header.header .header_panel .header-fav .prod_favorites {
    background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 30 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M14.9795 3.40921C15.31 3.04368 15.6124 2.68518 15.9429 2.3548C19.016 -0.688937 23.9528 -0.794379 27.1736 2.10877C29.0301 3.78177 29.9724 5.88357 30.0076 8.37198C30.0217 9.6654 29.5364 10.8393 28.9528 11.971C27.912 13.9815 26.5196 15.7458 25.0428 17.4399C22.0681 20.8633 18.7277 23.907 15.2467 26.8102C15.1764 26.8664 15.099 26.9226 15.0006 26.9999C14.7755 26.8172 14.5435 26.6414 14.3255 26.4516C11.0695 23.6891 7.919 20.8211 5.10606 17.6016C3.58004 15.8513 2.13138 14.0447 1.05543 11.971C0.520968 10.9377 0.0708975 9.87628 0.0146387 8.68831C-0.0697495 6.83957 0.422515 5.14548 1.47737 3.62713C2.75725 1.78542 4.50128 0.597446 6.7024 0.175681C9.85289 -0.42182 12.4971 0.527152 14.6068 2.94527C14.7333 3.09289 14.8529 3.24754 14.9795 3.40921ZM14.9795 23.0775C15.0568 23.0213 15.1201 22.9861 15.1694 22.9369C17.8698 20.6594 20.4366 18.2413 22.7573 15.5771C24.1075 14.0307 25.3803 12.428 26.3227 10.5933C26.836 9.5951 27.0892 8.56178 26.8993 7.41598C26.3789 4.30898 23.0385 2.27748 20.0498 3.26863C18.362 3.83098 17.0962 4.94866 15.964 6.25613C15.6194 6.64978 15.317 7.07154 14.9795 7.49331C14.874 7.35272 14.7896 7.24025 14.7052 7.12778C13.8191 5.98198 12.8205 4.95569 11.618 4.12621C8.98792 2.3056 6.09059 2.8328 4.36063 4.84322C3.02448 6.38969 2.56738 8.1611 3.47455 10.1153C4.30437 11.9078 5.52097 13.4402 6.77976 14.9375C8.5941 17.0885 10.5772 19.0848 12.6447 20.9968C13.4042 21.6998 14.1989 22.3746 14.9795 23.0775Z' fill='%233C86BB'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}
header.header .header_panel .header-comp .collect_compare {
    background: url(../img/icon/i2.png) 0 50% no-repeat;
}
header.header .header_panel .header-cart .collect_basket {
    background: url(../img/icon/i1.png) 0 50% no-repeat;
}
header.header .header_panel .header_panel-logout {
    display: inline-block;
    vertical-align: top;
    width: 2.2em;
    height: 0;
    padding-top: 3.466666667em !important;
    overflow: hidden;
    line-height: 1.3;
    background: var(--txt-color) url(../img/icon/i4.png) center no-repeat;
}
header.header .header_panel .header_panel-icon{
    padding-left: 30px;
}
.box-shadow{
    box-shadow: var(--b-shadow);
}
header.header .header_panel .header_panel-value {
    font-size: 0.93rem;
    min-width: 1.7em;
    height: 1.7em;
    padding: 1px 0.36em 0;
    background-color: white;
    border-radius: 1.71em;
    color: var(--tl-color);
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

header.header .navbar-tl-icon{
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url(../img/icon/i12.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
header.header .header_panel-slot {
    float: right;
    display: flex;
    gap: 35px;
    justify-content: center;
    align-items: center;
}


.custom-tooltip {
    --bs-tooltip-bg: var(--tl-color);
    --bs-tooltip-color: var(--bs-white);
}

.compare-tooltip {
    --bs-tooltip-bg: var(--bs-white);
    --bs-tooltip-color: #686868;
    --bs-tooltip-padding-x: 16px;
    --bs-tooltip-padding-y: 20px;

    box-shadow: 0 1px 46px rgba(35, 31, 32, 0.35);
    line-height: 1.3;
    width: 175px;
}



/*** button ***/
/*.btn{
    position: relative;
    font-family: var(--Jost-Regular);
    width: calc(150px + 64 * (100vw / 1280));
    height: calc(35px + 19 * (100vw / 1280));
    color: #fff!important;
    font-size: calc(13px + 7 * (100vw / 1280))!important;
    font-weight: 400!important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 50px!important;
    background: var(--btn-color);
    line-height: 1;
    overflow: hidden;
}
.btn::after {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    filter: blur;
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    transform: translate(-100%, -25%) rotate(10deg);
    transition: transform 0.55s;
    animation: rs-highlight 5s infinite;
}
.btn:hover::after {
    transform: translate(100%, -25%) rotate(10deg);
}
.btn:active{
    box-shadow: var(--btn-shdw);
}*/
/*** button ***/
header.header .header_top-logo{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: fit-content;
    height: 100%;
    max-height: 135px;
}
header.header .header_top-logo .header_top-logo-bg{
    object-fit: cover;
    width: auto;
    height: 100%;
}
header.header .header_top-logo .header_top-logo-img{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 60%;
}
header.header .header_top-title{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    white-space: nowrap;
    margin: 0 auto;
    width: fit-content;
    height: 100%;
}
header.header .header_top-region{
    position: relative;
}
header.header .header_top-logo_txt{
    text-transform: uppercase;
    font-size: 25px;
    font-weight: bold;
    color: var(--tl-color);
    line-height: 1.1;
}
header.header .header_top-menu{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: end;
    height: 100%;
}
.hd_2 {
    font: normal 1.266666667rem/1.4 'pt_sans', 'Arial', sans-serif;
    margin: 0 0 0.714285714em;
    color: #202427;
}
.header_top-menu ul.social{
    list-style: none;
}
.header_top-menu ul.social li {
    position: relative;
    float: left;
    width: 28px;
    height: 28px;
    background-color: var(--tl-color);
    border-radius: 50%;
    -webkit-transition: all 0.2s
    linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s
    linear;
}
.header_top-menu ul.social li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.header_top-menu ul.social li:not(:last-child) {
    margin-right: 16px;
}
.header_top-menu-contact{
    text-align: end;
}
body .button_2, body .button_2a, body .button_2c {
    background: transparent;
    box-shadow: none;
    padding: 0;
    text-transform: none;
    color: var(--tl-color);
    border: none;
}
.contact__schedule {
    color: #666666;
    font-size: 0.93rem;
}
.button__icon_pers {
    display: inline-block;
    background: url(../img/icon/i6.png) 50% 50% no-repeat;
    width: 26px;
    height: 25px;
}
.header_top-menu-currency-rates {
    color: #666666;
    font-size: 0.93rem;
}

.header_bot, .navbar {
    background: var(--tl-color);
}
.navbar{
    font-size: 14px;
    --bs-navbar-padding-y: 0!important;
}
.navbar .nav-item.active,
.navbar .navbar-toggler:focus{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OCUiIGhlaWdodD0iMTQwJSIgdmlld0JveD0iMCAwIDg1IDY3IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cmFkaWFsR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeD0iNTAlIiBjeT0iNTAlIiByPSI1MCUiID4NCjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyODhERDIiIHN0b3Atb3BhY2l0eT0iMC43NiIvPg0KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjg4REQyIiBzdG9wLW9wYWNpdHk9IjAuMCIvPg0KPC9yYWRpYWxHcmFkaWVudD4NCg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijg1IiBoZWlnaHQ9IjY3IiBmaWxsPSJ1cmwoI2hhdDApIiAvPg0KPC9zdmc+);
    background-image: -moz-radial-gradient(center center, 44% 70%, rgba(40, 141, 210, 0.76) 0%, rgba(40, 141, 210, 0.0) 100%);
    background-image: -o-radial-gradient(center center, 44% 70%, rgba(40, 141, 210, 0.76) 0%, rgba(40, 141, 210, 0.0) 100%);
    background-image: -webkit-radial-gradient(center center, 44% 70%, rgba(40, 141, 210, 0.76) 0%, rgba(40, 141, 210, 0.0) 100%);
    background-image: radial-gradient(ellipse 44% 70% at 50% 50%, rgba(40, 141, 210, 0.76) 0%, rgba(40, 141, 210, 0.0) 100%);
}
.navbar .nav-item{
    position: relative;
    width: fit-content;
    white-space: nowrap;
}
.navbar .nav-link:before{
    height: 0;
    right: 0;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--txt-color);
}
.navbar .nav-item:hover{
    background-color: var(--tl-active-bg);
}
.navbar .nav-item:hover .nav-link span{
    color: var(--txt-color);
}
.navbar .nav-item:hover .nav-link:before{
    height: 4px;
}
.navbar .navbar-toggler{
    border: none!important;
    box-shadow:none!important;
    margin-left: auto;
}
.navbar .navbar-toggler-name{
    margin-left: 0.334em;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    text-transform: none;
    vertical-align: middle;
}
.navbar .navbar-btn{
    background: transparent;
    border: none;
    margin-left: auto;
}
.navbar .navbar-btn .hamburger-icon {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.navbar .navbar-btn .hamburger-icon .line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #fff;
    stroke-width: 5.5;
    stroke-linecap: round;
}
.navbar .navbar-btn .hamburger-icon .top {
    stroke-dasharray: 40 139;
}
.navbar .navbar-btn .hamburger-icon.active {
    transform: rotate(45deg);
}
.navbar .navbar-btn .hamburger-icon.active .top {
    stroke-dashoffset: -98px;
}
.navbar .navbar-btn .hamburger-icon .bottom {
    stroke-dasharray: 40 180;
}
.navbar .navbar-btn .hamburger-icon.active .bottom {
    stroke-dashoffset: -138px;
}






.header__pane-slot1, .header__pane-slot2 {
    padding: 8.5px;
    width: auto;
}
.user {
    padding-left: 38px;
    background: url(../img/icon/i0.png) 0 0 no-repeat;
    min-height: 25px;
    font-size: 1.066666667rem;
    vertical-align: top;
    box-sizing: border-box;
}
a.block-link {
    display: block;
    color: #727272;
    text-decoration: none;
}
.link1 .block-link__pseudolink {
    color: var(--txt-color);
    border-bottom: 1px solid var(--txt-color);
}
.user__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hinfo {
    color: #fff;
    font-size: 14px;
    font-size: 0.93rem;
    text-align: right;
}
.aligned-row > .item {
    overflow: visible;
    text-align: left;
    position: relative;
}
.cat-trg{
    color: #fff;
    padding: 0;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    font-size: 19px;
    height: 2.4em;
    font-weight: bold;
    text-transform: none;
    line-height: 2.421052632;
}
.button__icon_cat {
    background: url(../img/icon/i12.png) 50% 50% no-repeat;
    width: 17px;
    height: 13px;
    display: inline-block;
}

.button__icon_search
{
    background: url(../img/icon/i13.png) 50% 50% no-repeat;
    width: 17px;
    height: 19px;
}


/*** footer ***/
footer.footer {
    background: var(--tl-color);
    padding: 25px 0 18px;
}
footer.footer .social{
    display: flex;
    list-style: none;
}
footer.footer .social li {
    position: relative;
    margin-right: 10px;
    width: 28px;
    height: 28px;
    background-color: var(--tl-color);
    border-radius: 50%;
}
footer.footer .link-light {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
}
footer.footer .link-light:hover,
footer.footer .link-light.active{
    color: var(--txt-color)!important;
    border-bottom: 1px dashed var(--txt-color);
}
/*** footer ***/

/*** search ***/
/*.bx_search_container {
    width: 100%;
    line-height: 50px;
    padding: 0 10px;
    font-size: 14px;
    color: black;
}
.bx_search_container .bx_field {
    position: relative;
    margin-top: 15px;
    height: 30px;
    border-top: 1px solid #8ca3ae;
    border-right: 1px solid #a0b4be;
    border-bottom: 1px solid #b6c8d1;
    border-left: 1px solid #a0b4be;
    border-radius: 3px;
    background: #fff;
    box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    line-height: 30px;
}
.bx_search_container .bx_field .bx_input_text {
    position: absolute;
    left: 0;
    height: 30px;
    outline: none;
    border: none;
    background: none;
    line-height: 30px;
    width: 100%;
    padding-right: 40px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5px;
}
.bx_search_container .bx_field .bx_input_submit {
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 0;
    width: 34px;
    border: none;
    background: url(/local/components/tlock/search.title/templates/tl_search_title/images/search_lupe.png) no-repeat left center;
    cursor: pointer;
}*/
/*** search ***/

.mainhead {
    margin-bottom: 26px;
    padding: 20px;
}
.hd_0 {
    font: normal 21px / 1.4 'pt_sans', 'Arial', sans-serif;
    font-size: 1.4rem;
    margin: 0 0 0.714285714em;
    color: #202427;
}
/*header.header {
    background: linear-gradient(45deg, var(--tl-color), transparent);
}*/


.text_b {
    font-weight: bold;
    display: contents;
}


.block2 {
    padding-top: 28px;
    padding-bottom: 28px;
}
/*.block2, .block2__hpad, .block2 .swiper .fotorama__nav-wrap, .prod-tabs__panel, .prod__link, .prod__labels, .prod__id, .prod__foot, .block4, .content-hpad {
    padding-left: 25px;
    padding-right: 25px;
}*/
.block1, .block2 {
    background-color: white;
    box-shadow: 0 0 4px rgba(35, 31, 32, 0.16);
}
.block2 {
    padding-top: 28px;
    padding-bottom: 28px;
}
body .gap25 {
    margin-bottom: 50px;
}
blockquote {
    margin: 1em 40px;
}


.tl-block{
    background-color: white;
    box-shadow: 0 0 15px rgba(35, 31, 32, 0.16);
}

/*body .gap12 {
    width: 100%;
    margin-bottom: 24px;
}*/
/*body .gap2 {
    margin-bottom: 4px;
}*/
.hd_1 {
    font-size: 17px;
    font-size: 1.133333333rem;
    line-height: 1.3;
    font-weight: normal;
    margin: 0 0 0.588235294em;
}
.list_0 {
    line-height: 1.3;
}
.list_0 > li {
    margin-bottom: 3px;
}
.celem_0 {
    padding-left: 0.866666667em;
}
.noMrg {
    margin: 0 !important;
}
.celem .iradio:after {
    content: '';
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    background-color: #2b6999;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

div.icheck-item input.icheck-input {
    position: absolute !important;
    display: block !important;
    outline: none !important;
    opacity: 0 !important;
    z-index: -99 !important;
    clip: rect(0px, 0px, 0px, 0px) !important;
}
.celem_0 .iradio {
    width: 0.333333333em;
    height: 0.333333333em;
    top: .46em;
    position: absolute;
    left: 0;
}
.celem_0:hover{
    color: #064569;
}
.celem_0:hover .iradio,
.celem_0:focus .iradio,
.celem_0:checked .iradio {
    background: var(--tl-color);
}
.cat-h {
    display: none;
}



/*.button__text, .button .button__icon {
    min-height: 100%;
}*/
/*.btn, body .button, .button__text, .button .button__icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
}*/
.button__icon_cat {
    background: url(../img/icon/i12.png) 50% 50% no-repeat;
    background-image: url("../img/icon/i12.png");
    background-size: auto;
    width: 17px;
    height: 13px;
}
.tl-button{
    color: #fff;
    padding: 0.5em 1em;
    border: none;
    background: var(--tl-color) linear-gradient(var(--tl-color), #056399);
    box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
    transition: box-shadow .2s, border-color .2s;
}
.tl-button:hover{
    box-shadow: 0 4px 3px rgba(35, 31, 32, 0.32);
}
.tl-button:hover .button__text{
    top: -1px;
}


/*.cat-trg, body .cat-trg,
.cat-h__search-btn,
body .cat-h__search-btn,
.cat-trg:hover,
body .cat-trg:hover,
.cat-h__search-btn:hover,
body .cat-h__search-btn:hover,
.cat-trg:focus,
body .cat-trg:focus,
.cat-h__search-btn:focus,
body .cat-h__search-btn:focus,
.cat-content-trg,
body .cat-content-trg,
.cat-content-trg:hover,
body .cat-content-trg:hover,
.cat-content-trg:focus,
body .cat-content-trg:focus {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}*/
/*body .button {
     font-size: 1rem;
     line-height: 1;
     height: 2.533333333em;
     text-transform: uppercase;
     color: #fff;
     white-space: nowrap !important;
     padding: 0 1em;
     text-align: center;
     text-decoration: none;
     border: none;
     background: var(--tl-color) linear-gradient(var(--tl-color), #056399);
     box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
     transition: box-shadow .2s, border-color .2s;
 }
.btn {
    border: none;
    padding: 0;
    margin: 0;
    overflow: visible;
    background: none;
    width: auto;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}*/
/*.btn, body .button, .button__text, .button .button__icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}*/

.sidebar {
    float: left;
    width: 256px;
    position: relative;
}
.tlk-left-menu.gap-gen.cat_adapt.cat_0.cat.block1 {
    padding-top: 10px;
}
.gap-gen {
    margin-bottom: 20px;
}
/*.aligned-row, body .aligned-row.item {
    position: relative;
    text-align: justify;
    line-height: 0;
    font-size: 1px;
    margin-bottom: 22px;
}*/
.cat__head {
    display: none!important;
}
/*.item {*/
/*    display: inline-block;*/
/*    vertical-align: top;*/
/*    margin-left: -4px;*/
/*    max-width: 100%;*/
/*}*/
/*.cat__list.list {
    min-height: 714px;
    margin-bottom: 1px;
}*/

/*.sidecol {
    float: right;
    width: 256px;
    position: relative;
    z-index: 20;
}*/
/*.centercol {
    float: right;
    width: 100%;
    margin-right: -256px;
}*/
.centercol__i {
    margin-right: 256px;
    padding-right: 16px;
}
main.container{
    padding: 0 0 50px;
}
.main-col {
    float: left;
    width: 100%;
    margin-left: -256px;
}
.main-col-inner {
    margin-left: 256px;
    /*padding-left: .5rem;*/
    padding-left: 16px;
}
.banner_adapt{
    min-height: 400px;
    width: 100%;
}
.fotorama__dot {
    border-radius: 6px!important;
    border: none!important;
    width: 10px!important;
    height: 10px!important;
    margin: 6px;
    top: auto!important;
    left: auto!important;
    background-color: #a3a3a3;
}
.active.fotorama__dot,
.fotorama__active .fotorama__dot {
    background-color: var(--tl-color);
}
.prod-tabs_panel {
    /*display: flex !important;
    flex-direction: column !important;
    justify-content: space-between;*/

    /*border-right: 1px solid #ebebeb;*/
    height: 100%;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.block1, .block2 {
    background-color: white;
    box-shadow: 0 0 4px rgba(35, 31, 32, 0.16);
}

a.cat__txt:hover:before,
a.cat__txt:focus:before,
.list-group-item.active > .cat__txt:before,
.list-group-item.active > a.cat__txt:link:before,
.list-group-item.active > a.cat__txt:visited:before {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    background-color: var(--tl-color);
}
.cat__txt:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .266666667em;
    background-color: transparent;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -ms-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}
.list-group-item.active > .cat__txt,
.list-group-item.active > a.cat__txt:link,
.list-group-item.active > a.cat__txt:visited {
    color: #606060;
    font-weight: bold;
}
.list-group-item.active{
    background-color: #fff;
}



/*** Каталог разделы ***/
body .gap8 {
    margin-bottom: 16px;
}
/*.aligned-row, body .aligned-row.item {
    position: relative;
    text-align: justify;
    line-height: 0;
    font-size: 1px;
}*/
html, .aligned > .item, .aligned-row > .item, .valign-inner {
    line-height: 1.6;
}
.header__nav.temporary-visible-offscreen {
    font-size: 15px;
}


.flexwrap .fgrid__i {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.016px;
}
.flexwrap .fgrid__i, .flexwrap .fgrid__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.flexwrap .fgrid_goods .fgrid__item {
    -webkit-flex-basis: 190px;
    -ms-flex-preferred-size: 190px;
    flex-basis: 190px;
    min-width: 16.666%;
}
.flexwrap .fgrid__item, .flexwrap .fgrid__item-i {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    max-width: 100%;
}
a.good:link,
a.good:visited {
    color: #464646;
    text-decoration: none;
    padding: 15px 7.035175879% 15px 4.522613065%;
    position: relative;
    overflow: hidden;
    min-height: 107px;
    height: 100%
}
a.part-i:link, a.part-i:visited, .good__pic-i {
    line-height: 1.3;
}
.good__img {
    display: block;
    z-index: 1;
    height: auto;
    width: 100%;
    max-height: 110px;
}
/*.good__img,
.good__img-dec-i {
    display: block;
    margin-left: auto;
    margin-right: auto;
}*/
.good__img-dec {
    position: absolute;
    z-index: 0;
    width: 200%;
    left: 50%;
    -webkit-transform: translate(-50%, -40%);
    -moz-transform: translate(-50%, -40%);
    -ms-transform: translate(-50%, -40%);
    -o-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
}
.good__img-dec-i {
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
a.good:hover, a.good:focus {
    color: #fff;
}
a.good:hover .good__img-dec-i, a.good:focus .good__img-dec-i {
    opacity: 1;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.banner, .good:hover, .good:focus, .catdep:hover, .catdep:focus, .slick-current .hslider__year {
    background-color: #1f6498;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDI1NSAxNDMiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI5Ny4yNDk4MzU4MDI1MTU1JSIgeTE9IjEwMi40NzYyNTg5NjU4OTglIiB4Mj0iMi43NTAxNjQxOTc0ODQ1JSIgeTI9Ii0yLjQ3NjI1ODk2NTg5ODE3JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwYTQ1NzMiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDc5YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjI1NSIgaGVpZ2h0PSIxNDMiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(132deg, #0a4573 0%, #2d79b4 100%);
    background-image: -o-linear-gradient(132deg, #0a4573 0%, #2d79b4 100%);
    background-image: -webkit-linear-gradient(132deg, #0a4573 0%, #2d79b4 100%);
    background-image: linear-gradient(318deg, #0a4573 0%, #2d79b4 100%);
}
/*.fgrid__item, .no-flexwrap .fgrid_prods .fgrid__item:after, .opera .fgrid_prods .fgrid__item:after {
    border-color: #ebebeb;
}*/
.tab-border,
.grid__item, .fgrid__item {
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
/*.grid__item, .fgrid__item, .fgrid__item-i {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box;
}*/
.good__pic {
    width: 34%;
    min-width: 60px;
    margin-right: 4.522613065%;
    min-height: 77px;
    line-height: 77px;
    text-align: center;
    float: left;
}
.good__pic-i {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}
.good__img-dec {
    position: absolute;
    z-index: 0;
    width: 200%;
    left: 50%;
    -webkit-transform: translate(-50%, -40%);
    -moz-transform: translate(-50%, -40%);
    -ms-transform: translate(-50%, -40%);
    -o-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
}
.good__txt {
    overflow: hidden;
    overflow-wrap: anywhere;
    white-space: normal;
    line-height: 1.3;
}
.good__qnt{
    position: absolute;
    right: 15px;
    top: 10px;
    visibility: hidden;
    font-size: 0.933333333em;
}

.global-btn {
    font-size: 1rem;
    line-height: 1;
    height: 2.533333333em;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap !important;
    padding: 0 1em;
    text-align: center;
    text-decoration: none;
    border: none;
    background: var(--tl-color) linear-gradient(var(--tl-color), #056399);
    box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
    transition: box-shadow .2s, border-color .2s;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
body .gap12 {
    margin-bottom: 24px;
}
body .gap10 {
    margin-bottom: 20px;
}
body .gap5 {
    margin-bottom: 10px;
}
body .gap3 {
    margin-bottom: 6px;
}
.popup-window .tl-pup-btn-close{
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: -55px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 18px 0 12px;
    background: url(/local/templates/tlock/img/icon/i16.png) 50% 0 no-repeat;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
}
.popup-window .tl-pup-btn-close:hover{
    text-decoration: underline;
}
.popup-window .popup-window-buttons{
    padding: 0;
}
.popup-window .popup-window-button{
    text-transform: unset;
    box-shadow: none;
    -webkit-box-shadow: none;
    font-family: unset;
    line-height: unset;
    text-decoration: underline;
}
.tl_brd{
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.popup-window{
   /* width: 600px;*/
    font-size: 16px!important;
    padding: 0;
    animation: tl_pulse .3s 2;
}
.popup-window-overlay{
    animation: tl_opacity .5s forwards;
}
/*.input, .ui-select .ui-btn{
    display: block;
    position: relative;
    border: 1px solid #ccc;
    background-color: #fff;
    max-width: 100%;
}*/
.input:active{
    -moz-box-shadow: 0 0 6px #38c;
    -webkit-box-shadow: 0 0 6px #38c;
    box-shadow: 0 0 6px #38c;
}

.popup-window .modal-content {
    position: relative;
    outline: 0;
    line-height: 1.6;
    padding: 30px 40px;
    background-color: white;
}
.popup-window .modal-content input[type="text"] {
    border-left: 1px solid;
    width: 100%;
    height: 2em;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
}


#form_textarea_msg {
    overflow: hidden;
    width: 100%;
    white-space: pre-wrap !important;
    border: none;
}
.input textarea {
    height: auto;
    line-height: 1.3;
}
.input_skin_1 textarea {
    padding-top: 0.47em;
    padding-bottom: 0.47em;
}
.input > input,
.input > textarea,
.js .input > .hint,
.js .input > .error,
.js .validate-field .error,
.ui-btn {
    font-size: 1rem;
    padding-left: .69231em;
    height: 2.4em;
    *height: auto;
}
.modal-content__swap_sequential,
.modal_swapped .modal-content__swap_initial {
    display: none;
}
.ui-btn-icon-left::after,
.ui-btn-icon-right::after,
.ui-btn-icon-top::after,
.ui-btn-icon-bottom::after,
.ui-btn-icon-notext::after {
    content: "";
    position: absolute;
    display: block;
    width: 2.538461538em;
    height: 100%;
    background: url(/local/templates/tlock/img/icon/i20.png) 50% 50% no-repeat;
}
#tlock_feedback_form .ui-select .input  {
    border: 1px solid #ccc;
    background-color: #fff;
    max-width: 100%;
}
#tlock_feedback_form .input,
#tlock_feedback_form .ui-btn{
    border: 1px solid #ccc;
    background-color: #fff;
    max-width: 100%;
}

.ui-select .ui-btn > span:not(.ui-li-count) {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden !important;
    white-space: nowrap;
}
.ui-select .ui-btn select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 1.5em;
    min-height: 100%;
    height: 3em;
    max-height: 100%;
    outline: 0;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    filter: Alpha(Opacity=0);
    opacity: 0;
    z-index: 2;
}

.ui-btn-icon-right::after {
    right: 0;
}
.ui-btn-icon-notext::after,
.ui-btn-icon-left::after,
.ui-btn-icon-right::after {
    top: 0;
}
.input_skin_1 > input,
.input_skin_1 > textarea,
.js .input_skin_1 > .hint,
.js .input_skin_1 > .error,
.js .validate-field_skin_1 .error,
.ui-btn-t1 {
    height: 2em;
}
/*** authorization ***/
#authorization-form{
    width: 326px;
    max-width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}
#authorization-form .modal-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16px;
}
#authorization-form .modal-header .hd_2{
    font: normal 1.266666667rem/1.4 'pt_sans', 'Arial', sans-serif;
    color: #202427;
}
#authorization-form .brdtp1 {
    border-top: 1px solid #e5e5e5;
    padding: 10px;
}
#authorization-form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

#authorization-form input {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    border: 1px solid #ccc;
    background-color: #fff;
    max-width: 100%;
    font-size: 1rem;
    padding-left: .69231em;
    height: 2.4em;
    outline: none;
}
#authorization-form .aut-form-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.6;
    font-size: 15px;
}
#authorization-form a {
    text-decoration: none;
    color: var(--tl-color);
}
#authorization-form a:hover{
    text-decoration: underline;
}
/*#authorization-form #popup-win-btn-close{
    bottom: -90px;
}*/


#authorization-form .auth-err-val{
    display: none;
    position: absolute;
    font-size: 12px;
    color: red;
}
#authorization-form .input.auth-err [name=USER_LOGIN],
#authorization-form .input.auth-err [name=USER_EMAIL]{
    color: red;
}
.auth-err .auth-err-val{
    display: block;
}
/*** authorization ***/
#region-form{
    position: relative;
    outline: 0;
    margin: 34px 10px 108px;
    padding: 30px 40px;
    background-color: white;
}
#region-form label.icheck-label{
    cursor: pointer;
    user-select: none;
    line-height: 1.3;
}
#region-form label.icheck-label:hover{
    color: #064569;
}
#region-form input.celem__input {
    position: absolute !important;
    display: block !important;
    outline: none !important;
    opacity: 0 !important;
    z-index: -99 !important;
    clip: rect(0px, 0px, 0px, 0px) !important;
}

/*.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}*/
a.good:hover, a.good:focus {
    color: #fff;
}
a.good:hover .good__qnt, a.good:focus .good__qnt {
    visibility: visible;
}
/*** Каталог разделы ***/
.filter-launcher {
    display: none;
}


/*Окно сообщения*/
.alert-bg{
    width: 100%;
    height: 100%;
    background: rgba(8, 59, 88, 0.8);
    display: none;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 999999;
}
.alert-container{
    font-family: sans-serif;
    width:400px;
    background: #e8e8e8;
    border-radius: 15px;
    z-index: 9999999;
    overflow: visible;
    position: absolute;
    left: 50%;
    right: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -100px;
    animation: tl_pulse .3s 2;
    -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.6);
    -moz-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.6);
    box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.6);
}
@keyframes tl_pulse {
    0% { transform: scale(1); }
    35% { transform: scale(1.01); }
    100% { transform: scale(1); }
}
@keyframes tl_opacity {
    to {
        opacity: 1;
    }
}
.alert-container .alert-head{
    height: 35px;
    background: var(--tl-color);
    color: #ecf0f1;
    text-indent: 2%; font-size: 20px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-image: url(/local/templates/tlock/img/logo/logo_white_new.png);
    background-repeat:no-repeat;
    background-size: 100px;
    background-position: 10px;
}
.alert-container .alert-body{
    color: #000000;
    width: 100%;
    padding: 3% 8% 2% 8%;
    white-space: pre-wrap;
    min-height: 70px;
    max-height: 300px;
    overflow-y: auto;
    user-select: none;
    background: #eeeee6;
    box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff !important;
}
.alert-container .alert-head #alert-close-button{
    float:right;
    width: 25px;
    cursor: pointer;
    font-size: 25px;
    background-image: url(/local/templates/tlock/img/close-button.png);
    background-repeat:no-repeat;
    background-position-y: center;
    background-size: 25px;
    height: 100%;
    margin-right: 5px;
}
.alert-container .alert-head #alert-close-button:hover{
    -moz-transform: rotate(60deg); /* Для Firefox */
    -ms-transform: rotate(60deg); /* Для IE */
    -webkit-transform: rotate(60deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(60deg); /* Для Opera */
    transform: rotate(60deg);
}
.alert-container .alert-head #alert-close-button:active{
    filter: sepia(100%);
}
.alert-container .ok-button{
    width: 79px;
    height: 30px;
    font-size: 17px;
    background:var(--tl-color);
    text-align: center;
    border-radius: 5px;
    color: #fff!important;
    line-height: 30px;
    cursor: pointer;
    float: right;
    margin: 7px;
    user-select: none;
    text-decoration: none!important;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 1px 0 #ccc,
    2px 2px 0 #c9c9c9,
    3px 4px 0 #bbb,
    -1px 1px 0 #ccc,
    -2px 2px 0 #c9c9c9,
    -3px 4px 0 #bbb;
}
.alert-container .ok-button:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
}
.alert-container .ok-button:hover:after{
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.alert-container .ok-button:active{
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1)inset;
    -moz-transform: translatey(3px); /* Для Firefox */
    -ms-transform: translatey(3px); /* Для IE */
    -webkit-transform: translatey(3px); /* Для Safari, Chrome, iOS */
    -o-transform:translatey(3px); /* Для Opera */
    transform: translatey(3px);
}
/*Окно сообщения*/

.price.usd:before {
    content: '$';
}
.price.euro:before {
    content: '€';
}
.price.rub:before {
    content: '';
    margin: 0;
}
.price.rub:after {
    content: 'Р';
    margin-left: .1em;
    font-family: 'ALSRubl-Tahoma', Tahoma, sans-serif;
    line-height: normal;
    font-size: 96%;
}
.price.rub:empty:after {
    margin-left: 0;
}
.price.rub:before {
    display: none;
}
.b-rub, .b-rub_tahoma {
    font-family: 'ALSRubl-Tahoma', Tahoma, sans-serif;
    line-height: normal;
}

.top-popup-menu-shadow {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--tl-color);
    opacity: 0.5;
    z-index: 99;
    display: none;
    height: 100%;
}
.popup-window-close-icon::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 32 32' id='icon' xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon points='24 9.4 22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4'/%3e%3crect fill='none' width='32' height='32'/%3e%3c/svg%3e ");
    width: 22px;
    height: 22px;
}
/*** ***/

#prod-adjuster{
    padding: 20px;
    background: #fff;
    line-height: 1.3;
    border: 1px solid var(--tl-color);
    border-radius: 5px;
    max-width: 245px;
    min-width: 50px;
    direction: ltr;
    color: black;
    z-index: 9999!important;
    -webkit-box-shadow: 5px 5px 5px 3px rgba(34, 60, 80, 0.4);
    -moz-box-shadow: 5px 5px 5px 3px rgba(34, 60, 80, 0.4);
    box-shadow: 5px 5px 5px 3px rgba(34, 60, 80, 0.4);
}
#prod-adjuster .popup-window-angly--arrow{
    border: 1px solid var(--tl-color);
}
#prod-adjuster .rmngds .rem-info {
    text-align: center;
    width: 100%;
    font-size: 9px;
    padding-bottom: 10px;
}

#prod-adjuster .sv-to-cart {
    color: #fff !important;
    background-color: var(--tl-color);
    border: 1px solid var(--tl-color);
    padding: 0 15px;
    outline: none;
}
#prod-adjuster .spin__input-w {
    position: relative;
    border-color: var(--tl-color);
    background: none;
    font-weight: 100;
    color: black;
}
#prod-adjuster input{
    text-align: center;
}
/*#prod-adjuster .spin__input {
    width: 100%;
    border: none;
}*/
/*#prod-adjuster .spin__control {
    cursor: pointer !important;
    text-align: center;
}*/
#prod-adjuster .spin_control_dec,
#prod-adjuster .spin_control_inc {
    cursor: pointer !important;
    position: absolute;
    text-align: center;
    width: 1.67em;
    top: 0;
    bottom: 0;
    border: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
}
#prod-adjuster .input-group{
    height: 40px;
    flex-wrap: unset;
}
#prod-adjuster .spin_control_dec:before,
#prod-adjuster .spin_control_inc:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #000;
    z-index: 3;
    font: normal 19px/1.2 'pt_sans', 'Arial', sans-serif;
}
#prod-adjuster .spin_control_inc:before {
    content: '+';
}
#prod-adjuster .spin_control_dec:before {
    content: '-';
}
/*** ***/



.tt-basket-item{
    margin-right: 35px;
    margin-top: 1px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin-left: -4px;
    *margin-left: 0;
    max-width: 100%;
}
.tt-basket-icon{
    background-image: url(/local/templates/tlock/img/icon/basket_tt.svg);
    background-repeat : no-repeat;
    z-index: 999999;
    position: relative;
    text-decoration: none !important;
    padding-left: 30px;
    cursor:pointer;
}
.tt-basket-info{
    color: #054569;;
    font-size: 0.933333333rem;
    min-width: 1.714285714em;
    height: 1.714285714em;
    line-height: 1.714285714em;
    padding: 1px 0.357142857em 0;
    background-color: white;
    border-radius: 1.714285714em;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.move-items-basket-icon{
    background-image: url(/local/templates/tlock/img/icon/move_items_basket1.svg);
}
.clear-basket-icon{
    background-image: url(/local/templates/tlock/img/icon/trash_tl.svg);
}
.dif-basket-icon{
    background-image: url(/local/templates/tlock/img/icon/basket_full.svg);
}
.put-basket-icon{
    background-image: url(/local/templates/tlock/img/icon/basket_down.svg);
}
/** popup **/
.tl-popup {
    border-bottom: 1px dotted var(--tl-color);
    cursor: help;
}
.tl-popup:after {
    background: rgba(5, 69, 105, 0.8);
    border-radius: 8px 8px 8px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #fff;
    content: attr(data-content);
    margin-top: -24px;
    opacity: 0;
    padding: 3px 7px;
    position: absolute;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}
.tl-popup:hover:after {
    opacity: 1;
    visibility: visible;
}
/** popup **/

.slider__link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#mobile-filter{
    /*display: none;*/
}
#catalog-filter_pup {
    width: 80%;/*
    margin-right: 1rem !important;
    margin-left: 1rem !important;*/
}
.mobile-search-btn{
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='800px' height='800px' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cg%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.2768 28.9321C34.9961 26.3812 35.9996 23.3078 35.9996 19.9994C35.9996 11.1624 28.8372 3.9994 19.9996 3.9994C11.1633 3.9994 3.99957 11.1631 3.99957 19.9994C3.99957 28.837 11.1626 35.9994 19.9996 35.9994C24.8047 35.9994 29.1142 33.8826 32.0467 30.5304L41.6591 40.1427C42.0745 40.5582 42.0745 41.229 41.6591 41.6445C41.4569 41.8467 41.1888 41.9556 40.9102 41.9556C40.6297 41.9556 40.3616 41.8468 40.1593 41.6445L32.6653 34.1505C32.2748 33.76 31.6416 33.76 31.2511 34.1505C30.8605 34.541 30.8605 35.1742 31.2511 35.5647L38.7451 43.0587C39.3261 43.6398 40.1044 43.9556 40.9102 43.9556C41.7144 43.9556 42.4925 43.6395 43.0733 43.0587C44.2698 41.8622 44.2698 39.925 43.0733 38.7285L33.2768 28.9321ZM31.8319 27.4872C33.2048 25.3219 33.9996 22.7537 33.9996 19.9994C33.9996 12.267 27.7326 5.9994 19.9996 5.9994C12.2679 5.9994 5.99957 12.2677 5.99957 19.9994C5.99957 27.7324 12.2671 33.9994 19.9996 33.9994C24.2525 33.9994 28.0616 32.1044 30.6289 29.1126L28.3871 26.8707C27.9965 26.4802 27.9965 25.847 28.3871 25.4565C28.7776 25.066 29.4108 25.066 29.8013 25.4565L31.8319 27.4872ZM25.4238 28.4021C23.8214 29.4393 21.9526 29.9996 19.9992 29.9996C14.4767 29.9996 9.99917 25.5226 9.99917 19.9996C9.99917 19.4473 9.55146 18.9996 8.99917 18.9996C8.44689 18.9996 7.99917 19.4473 7.99917 19.9996C7.99917 26.6272 13.3722 31.9996 19.9992 31.9996C22.3411 31.9996 24.5867 31.3263 26.5105 30.0811C26.9742 29.781 27.1068 29.1619 26.8067 28.6982C26.5066 28.2346 25.8874 28.102 25.4238 28.4021Z' fill='%23fff'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
    border: none;
    margin-right: auto;
    width: 50px;
    height: 50px;
    background-color: transparent;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.mobile-filter-btn{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' viewBox='0 -2.5 29 29' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23fff' d='m11.2 24 6.4-4v-6.4l11.2-13.6h-28.8l11.2 13.6z'/%3e%3c/svg%3e ");
    border: none;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background-color: transparent;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
/*table{
    overflow-x: auto;
    display: block;
}*/
table th{
    vertical-align: top;
}
.ovf-s{
    overflow-x: auto;
}








.tl_search_container{
    display: flex;
    height: 2.25rem;
    background-color: var(--tl-color);
    border-radius: .75rem;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: 400px;
}
.tl_search_container .title-search-input {
    padding-left: 5px;
    line-height: 2.25rem;
    height: 2.25rem;
    border: .15rem solid var(--tl-color);
    border-radius: .75rem;
    outline: none;
    outline-offset: 0;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
}
.tl_search_container .bx_input_submit {
    width: 2.25rem;
    height: 2.25rem;
    background-color: var(--tl-color);
    border-top: .15rem solid var(--tl-color);
    border-right: .15rem solid var(--tl-color);
    border-bottom: .15rem solid var(--tl-color);
    border-left: none;
    border-radius: .6rem;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.tl_search_container .bx_input_submit-ico {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjgyMjUyIDMuMTQ3NjNDNS42ODg5IDMuMTQ3NjMgMy4xNDg2MSA1LjY4NzkzIDMuMTQ4NjEgOC44MjE1NEMzLjE0ODYxIDExLjk1NTIgNS42ODg5IDE0LjQ5NTUgOC44MjI1MiAxNC40OTU1QzExLjk1NjEgMTQuNDk1NSAxNC40OTY0IDExLjk1NTIgMTQuNDk2NCA4LjgyMTU0QzE0LjQ5NjQgNS42ODc5MyAxMS45NTYxIDMuMTQ3NjMgOC44MjI1MiAzLjE0NzYzWk0wLjgwMDc4MSA4LjgyMTU0QzAuODAwNzgxIDQuMzkxMjYgNC4zOTIyNCAwLjc5OTgwNSA4LjgyMjUyIDAuNzk5ODA1QzEzLjI1MjggMC43OTk4MDUgMTYuODQ0MyA0LjM5MTI2IDE2Ljg0NDMgOC44MjE1NEMxNi44NDQzIDEwLjYxMzIgMTYuMjU2OSAxMi4yNjc3IDE1LjI2NDEgMTMuNjAzTDE4LjQ1NyAxNi43OTU4QzE4LjkxNTQgMTcuMjU0MyAxOC45MTU0IDE3Ljk5NzUgMTguNDU3IDE4LjQ1NkMxNy45OTg1IDE4LjkxNDQgMTcuMjU1MiAxOC45MTQ0IDE2Ljc5NjggMTguNDU2TDEzLjYwNCAxNS4yNjMxQzEyLjI2ODcgMTYuMjU1OSAxMC42MTQyIDE2Ljg0MzMgOC44MjI1MiAxNi44NDMzQzQuMzkyMjQgMTYuODQzMyAwLjgwMDc4MSAxMy4yNTE4IDAuODAwNzgxIDguODIxNTRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
.tl_search_container .bx_input_submit:hover .bx_input_submit-ico{
    scale: 1.3;
}
.tl_search_container .bx_input_submit:active .bx_input_submit-ico{
    scale: 1;
}
#catalog-search_pup,
#catalog-search_pup .popup-window-content{
    background: unset!important;
}

#catalog-search_pup{
    top: 10% !important;
    width: 90%!important;
}
#catalog-search_pup #mobile-search-form{
    background: #fff;
}
#catalog-search_pup .tl_search_container,
#catalog-search_pup .tl_search_container .title-search-input,
#catalog-search_pup .tl_search_container .bx_input_submit{
    max-width: 100%;
    border: .15rem solid #fff;
}
.search-popup-ajax{
    position: absolute;
    top: 50px;
    z-index: 9999;
    background: #fff;
    padding: 10px;
}
.search-popup-ajax .popup_img_element{
    width: 75px;
    height: 75px;
}
.search-popup-ajax .search-popup_image{
    width: 100%;
    height: auto;
    padding: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.search-popup-ajax .search-popup_item_block{
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.basket-tip{
    --bs-tooltip-bg: var(--tl-color);
    --bs-tooltip-color: var(--bs-white);
    --bs-tooltip-border-radius: var(--b-radius);
    --bs-tooltip-padding-y: 0.5rem;
    --bs-tooltip-max-width: 250px;
}
.basket-tip img{
    max-width: 50px;
    max-height: 50px;
}
.basket-tip .tooltip-inner{
    -webkit-box-shadow: 0px 5px 16px 6px rgba(255, 255, 255, 0.39);
    -moz-box-shadow: 0px 5px 16px 6px rgba(255, 255, 255, 0.39);
    box-shadow: 0px 5px 16px 6px rgba(255, 255, 255, 0.39);
}





@media screen and (max-width: 736px) {
    .alert-container{
        width: 90%;
        top: 50%;
        margin: 0 auto;
        left: 5%;
    }
    .basket-tip .tooltip-inner{
        display: flex;
        align-items: center;
        gap: 10px;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio:3/2), (min-resolution: 1.5dppx) {
    .button__icon_cat {
        background-image: url(../img/icon/i12@2x.png);
        background-size: 17px 13px;
    }
}
@media screen and (max-width: 736px) {
    .cat-trg, body .cat-trg, .cat-h__search-btn, body .cat-h__search-btn {
        font-size: 19px;
    }
}
/**********************************************************/
@media (max-width: 576px) {
    header.header .header_top {
        background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(/local/templates/tlock/img/logo/fon.png);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .header_top-logo_txt{
        white-space: normal;
    }
    header.header .header_top-logo_txt{
        font-size: 15px;
    }

    .header_top-menu{
        align-items: center!important;
    }
}
@media (max-width: 992px) {

    .sidebar{
        display: none;
    }
    .main-col{
        margin: auto;
    }
    .main-col-inner{
        padding: 0;
        margin: 0;
    }
    .banner_adapt{
        min-height: unset;
    }
    .border-bottom-992{
        border-bottom: 1px solid var(--tl-color);
    }
    body .button{
        font-size: 13px;
    }
}
@media (min-width: 992px) {
    .navbar-btn {
        display: none;
    }
}
@media screen and (max-width: 660px) {
    .cat-h, .cat_adapt.cat_toggled, .about-container, .office-holder, .cat_0.cat_adapt .cat__content-wrap, .cat_0.cat_adapt .cat__head-hd, html:not(.opera) .event-block, .card__table, .card__table > tbody, .card__table > tbody > tr, .card__table > tbody > tr > td {
        display: block;
    }
}