/* Start:/local/templates/electrotorg/components/bitrix/menu/el_top/style.css?1710754666852*/
.main-nav {
}

.main-nav__block {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: start;
    list-style: none;
    margin: 0;
    width: 100%;
}

.main-nav__item {
    margin-right: 30px;
}

.main-nav__item:last-child {
    margin-right: 0;
}

.main-nav__href {
    color: var(--color3) !Important;
    text-decoration: none;
    white-space: nowrap;
}

.main-nav__href:hover {
    color: var(--color4) !Important;
}

.main-nav__href.active, .main-nav__href.selected, .main-nav__href.active:hover, .main-nav__href.selected:hover {
    color: var(--color2) !Important;
    font-weight: bold;
}

.main-nav__href.active:hover {
    color: var(--color4) !Important;
    font-weight: bold;
}
/* End */


/* Start:/local/components/arturgolubev/search.title/templates/electrotorg/style.css?171075465414014*/
/* div.title-search-result {
	display: block !important;
} */

.bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Roboto;
}

.bx-searchtitle {
    margin: 0px 0 0;
}

.bx-searchtitle-history {
    margin-top: 5px;
}

.bx-searchtitle-history a {
    text-decoration: underline;
}

.bx-searchtitle-history a:hover {
    text-decoration: none;
}

.bx-searchtitle .bx-block-title {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 9px;
    font-weight: 600;
}

.bx-searchtitle .bx-input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bx-searchtitle .bx-input-group {
}

.bx-searchtitle .bx-input-group .bx-form-control {
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #f8fafc;
    border: 1px solid #d5dadc;
    border-right: none;
    border-radius: 1px 0 0 1px;
    outline: none;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.bx-searchtitle .bx-input-group .bx-form-control:focus {
    background-color: var(--color1);
}

.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
    /* Fix of input shadow for IOS browsers. */
    background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
    background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}

.bx-searchtitle .bx-input-group-btn {
    position: relative;
    font-size: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    line-height: normal;
}

.bx-searchtitle .bx-input-group-btn button {
    position: relative;
    border: none;
    background: url(/local/components/arturgolubev/search.title/templates/electrotorg/images/search-icon.png) center center no-repeat #95a1a8;
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
    padding: 0;
    border-radius: 0 1px 1px 0;
    color: #fff;
    font-size: 16px;
    line-height: 1.42857143;
    height: 34px;
    width: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.bx-searchtitle .bx-input-group-btn button:hover {
}

div.title-search-result {
    width: 453px;
    border-radius: 15px;
    background: var(--color1);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    top: 50px;
    padding: 5px 10px;
    display: none;
}

.bx_smart_searche {
    height: 284px;
    overflow-y: auto;
}

div.title-search-fader {
    display: none;
    background-image: url('/local/components/arturgolubev/search.title/templates/electrotorg/images/fader.png');
    background-position: right top;
    background-repeat: repeat-y;
    position: absolute;
}

p.title-search-preview {
    font-size: 12px;
}

div.title-search-result td.title-search-price span {
    font-size: 26px;
}

/*========================*/
.bx_smart_searche {
    padding-top: 8px;
    padding-right: 5px;
    border-top: 0 none;
    border-radius: 0 0 3px 3px;
}

.bx_smart_searche .bx_info_wrap {
    margin-left: 85px;
}

.bx_smart_searche .bx_img_element {
    float: left;
    padding: 5px;
    width: 75px;
    text-align: center;
}

.bx_smart_searche .bx_item_block {
    min-height: 65px;
    position: relative;
}

.bx_smart_searche .bx_image {
    /* width: 45px;
    height: 45px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #e8e8e8; */
    display: inline-block;
    max-width: 100%;
}

.bx_smart_searche .bx_image.empty_image {
    background-image: url(/local/components/arturgolubev/search.title/templates/electrotorg/image/noimg.png);
}

.bx_smart_searche .bx_item_element {
    padding: 8px 0;
}

.bx_smart_searche .bx_item_element_all_result {
    text-align: center;
}

.bx_smart_searche .bx_item_element hr {
    margin: 0;
    border: none;
    border-bottom: 1px solid #e5e5e5;
}

.bx_smart_searche .bx_item_element a {
    margin-top: 5px;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

.bx_smart_searche .bx_item_element a b {
    font-weight: bold;
}

.bx_smart_searche .bx_item_element a b {
    color: #000;
}

.bx_smart_searche .bx_item_element a:hover,
.bx_smart_searche .bx_item_element a:hover b {
    text-decoration: underline;
}

.bx_smart_searche .bx_item_preview_text {
    font-size: 13px;
    padding: 5px 10px 5px 0;
}

.bx_smart_searche .bx_price {
    font-weight: bold;
    font-size: 15px;
    margin-top: 5px;
}

.bx_smart_searche .bx_price .old {
    font-weight: normal;
    text-decoration: line-through;
    font-size: 12px;
    vertical-align: middle;
}

.bx_smart_searche .bx_item_block.all_result {
    min-height: 0
}

.bx_smart_searche .bx_item_block.others_result {
    min-height: 0;
    line-height: 12px;
    padding: 0;
}

.bx_smart_searche .bx_item_element .all_result_button {
    display: inline-block;
    font-size: 16px;
    background-color: var(--color4);
    padding: 10px 22px;
    text-decoration: none;
    border-radius: 2px;
    margin: 0 0 8px;
    border-radius: 10px;
    font-weight: 500;
}

.bx_smart_searche .bx_item_block_href {
    display: block;
    text-decoration: none;
    margin-bottom: 5px;
    padding: 8px;
    line-height: 18px;
    background: #fff;
}

.bx_smart_searche .bx_item_block_href:hover {
    background-color: #feeed2;
}

.bx_smart_searche .bx_item_block_hrline {
    border-bottom: 0 solid var(--color5);
    margin: 0 8px 5px;
}

.bx_item_block_item_clear {
    display: block;
    clear: both;
}

.bx_smart_searche .bx_item_block_item_info_wrap {
    display: block;
}

.bx_smart_searche .bx_item_block_item_info_wrap.wpic {
    padding-left: 39px;
    padding-right: 5px;
}

.bx_smart_searche .bx_item_block_item_info {
    display: block;
}

.bx_smart_searche .bx_item_block_href_category_title {
    /* font-weight: bold; */
    font-size: 16px;
}

.bx_smart_searche .bx_item_block_href_category_name {
    font-weight: bold;
    display: inline-block;
    color: var(--color2) !important;
    font-size: 16px;
}

.bx_smart_searche .bx_item_block_item_image {
    width: 34px;
    height: 34px;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
}

.bx_smart_searche .bx_item_block_item_name {
    overflow: hidden;
    height: 34px;
    display: block;
    line-height: 17px;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.bx_smart_searche .bx_item_block_item_name_flex_align {
    margin: auto 0;
}

.bx_smart_searche .bx_item_block_item_simple_name {
    color: #333;
    display: block;
    line-height: 17px;
}

.bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b {
    color: #f5a61c;
}

.bx_smart_searche .bx_item_block_item_price {
    float: right;
    text-align: right;
    color: #333;
    line-height: 17px;
    padding-left: 5px;
}

.bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one {
    line-height: 34px;
}

.bx_smart_searche .bx_item_block_item_price .bx_price_new {
    white-space: nowrap;
    font-weight: bold;
    display: block;
}

.bx_smart_searche .bx_item_block_item_price .bx_price_old {
    white-space: nowrap;
    text-decoration: line-through;
}

.bx_smart_searche .bx_item_block_item_text {
    color: #9b9b9b;
    display: block;
    margin-top: 8px;
    font-size: 13px;
    line-height: 15px;
}

.bx_smart_searche .bx_item_block_item_props {
    color: #9b9b9b;
    display: block;
    margin-top: 8px;
    font-size: 13px;
    line-height: 15px;
}

.bx_smart_searche .bx_item_block_item_text.wpic, .bx_smart_searche .bx_item_block_item_props.wpic {
    /* padding-left: 39px; */
}

.bx_item_block_item_prop_item {
    display: block;
}

.bx_smart_no_result_find {
    padding: 0 8px 8px;
}


/* preloader base */
.bx-searchtitle .bx-searchtitle-preloader {
    position: absolute;
    top: 2px;
    right: 110%;
    width: 30px;
    height: 30px;
    z-index: 5;
    display: none;
    z-index: 1;
    right: 7px;
    position: absolute;
    top: 10px;
    /* display: block; */
}

.bx-searchtitle .bx-searchtitle-preloader.view {
    background: url(/local/components/arturgolubev/search.title/templates/electrotorg/images/loader_orange.gif) center center no-repeat;
}


/* blue */
.bx-searchtitle.theme-blue .bx-input-group .bx-form-control {
    border-color: #fff;
}

.bx-searchtitle.theme-blue .bx-searchtitle-preloader.view {
    background-image: url(/local/components/arturgolubev/search.title/templates/electrotorg/images/loader_blue.gif);
}

.bx-searchtitle.theme-blue .bx-input-group-btn button {
    background-color: #0000;
    border-color: #000;
    color: #FFF;
}

.bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover {
    text-decoration: none;
}

.bx_smart_searche.theme-blue .bx_item_element a b {
}

.bx_smart_searche.theme-blue .bx_item_block_href:hover {
    background-color: var(--color6);
}

.bx_smart_searche.theme-blue .bx_item_block_href_category_name {
}

.bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b {
    color: var(--color02);
}

.bx_smart_searche.theme-blue .bx_item_block_hrline {
}

/* black */
.bx-searchtitle.theme-black .bx-input-group .bx-form-control {
    border-color: #333;
}

.bx-searchtitle.theme-black .bx-searchtitle-preloader.view {
    background-image: url(/local/components/arturgolubev/search.title/templates/electrotorg/images/loader_black.gif);
}

.bx-searchtitle.theme-black .bx-input-group-btn button {
    background-color: #333;
    border-color: #333;
    color: #FFF;
}

.bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover {
    background-color: #5c5c5c;
    border-color: #5c5c5c;
    text-decoration: none;
}

.bx_smart_searche.theme-black .bx_item_element a b {
    color: #5c5c5c;
}

.bx_smart_searche.theme-black {
    /* border:1px solid #333; */
    border-top: 0 none;
    border-radius: 0 0 3px 3px;
}

.bx_smart_searche.theme-black .bx_item_block_href:hover {
    background-color: #eaeaea;
}

.bx_smart_searche.theme-black .bx_item_block_href_category_name {
    color: #333;
}

.bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b {
    color: #333;
}

.bx_smart_searche.theme-black .bx_item_block_hrline {
    border-color: #333;
}

/* green */
.bx-searchtitle.theme-green .bx-input-group .bx-form-control {
    border-color: #159ebb;
}

.bx-searchtitle.theme-green .bx-searchtitle-preloader.view {
    background-image: url(/local/components/arturgolubev/search.title/templates/electrotorg/images/loader_green.gif);
}

.bx-searchtitle.theme-green .bx-input-group-btn button {
    background-color: #159ebb;
    border-color: #159ebb;
    color: #FFF;
}

.bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover {
    background-color: #44b1c9;
    border-color: #44b1c9;
    text-decoration: none;
}

.bx_smart_searche.theme-green .bx_item_element a b {
    color: #44b1c9;
}

.bx_smart_searche.theme-green .bx_item_block_href:hover {
    background-color: #d0ebf1;
}

.bx_smart_searche.theme-green .bx_item_block_href_category_name {
    color: #159ebb;
}

.bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b {
    color: #159ebb;
}

.bx_smart_searche.theme-green .bx_item_block_hrline {
    border-color: #159ebb;
}

/* red */
.bx-searchtitle.theme-red .bx-input-group .bx-form-control {
    border-color: #E22B2B;
}

.bx-searchtitle.theme-red .bx-searchtitle-preloader.view {
    background-image: url(/local/components/arturgolubev/search.title/templates/electrotorg/images/loader_red.gif);
}

.bx-searchtitle.theme-red .bx-input-group-btn button {
    background-color: #E22B2B;
    border-color: #E22B2B;
    color: #FFF;
}

.bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover {
    background-color: #e95c5c;
    border-color: #e95c5c;
    text-decoration: none;
}

.bx_smart_searche.theme-red .bx_item_element a b {
    color: #e95c5c;
}

.bx_smart_searche.theme-green .bx_item_block_href:hover {
    background-color: #f9d4d4;
}

.bx_smart_searche.theme-red .bx_item_block_href_category_name {
    color: #E22B2B;
}

.bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b {
    color: #E22B2B;
}

.bx_smart_searche.theme-red .bx_item_block_hrline {
    border-color: #E22B2B;
}

/* yellow */
.bx-searchtitle.theme-yellow .bx-input-group .bx-form-control {
    border-color: #F9A91D;
}

.bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view {
    background-image: url(/local/components/arturgolubev/search.title/templates/electrotorg/images/loader_yellow.gif);
}

.bx-searchtitle.theme-yellow .bx-input-group-btn button {
    background-color: #F9A91D;
    border-color: #F9A91D;
    color: #FFF;
}

.bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover {
    background-color: #faba4a;
    border-color: #faba4a;
    text-decoration: none;
}

.bx_smart_searche.theme-yellow .bx_item_element a b {
    color: #faba4a;
}

.bx_smart_searche.theme-yellow .bx_item_block_href_category_name {
    color: #F9A91D;
}

.bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b {
    color: #F9A91D;
}

.bx_smart_searche.theme-yellow .bx_item_block_hrline {
    border-color: #F9A91D;
}
/* End */


/* Start:/local/templates/electrotorg/components/bitrix/menu/el_subtop/style.css?1710754666718*/
.submain-nav {
}

.submain-nav__block {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: start;
    list-style: none;
    margin: 0;
    width: 100%;
    padding-left: 0;
}

.submain-nav__item {
    margin-right: 20px;
}

.submain-nav__item:last-child {
    margin-right: 0;
}

.submain-nav__href {
    color: var(--color2) !Important;
    text-decoration: none;
    white-space: nowrap;
}

.submain-nav__href.active, .submain-nav__href.selected {
    color: var(--color2) !Important;
}

.submain-nav__href:hover {
    color: var(--color4) !Important;
}
/* End */


/* Start:/local/components/bitrix/sale.basket.basket.line/templates/electrotorg/style.css?17486992114116*/
.bx-basket-block-wrapper {
    font-family: 'Roboto';
    margin-left: 20px;
}

.bx-basket-item-list-container {
    display: none;
    width: 596px;
    max-width: 100%;
    max-height: 411px;
    max-height: 511px;
    overflow: hidden;
    position: absolute;
    z-index: 3;
    background: var(--color1);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    border-top-right-radius: 0;
    right: 0;
    margin-top: 38px;
}

.sticky-menu .bx-basket-item-list-container {
    margin-top: 21px;
}

.sticky-menu_full .bx-basket-item-list-container {
    margin-top: 93px;
}

.basic-layout-header-bookmarks__basket-num {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 5px 2px;
    gap: 10px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 12px;
    line-height: 110%;
    background: var(--color4);
    min-width: 24px;
    position: relative;
    left: -11px;
    top: -18px;
}

.basic-layout-header-bookmarks__basket-total {
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    color: #4F913F;
    margin-left: -18px;
    white-space: nowrap;
}

.sticky-menu .basic-layout-header-bookmarks__basket-total {
    display: none !important;
}

.bx-basket-item-list {
}

.bx-basket-item-list-item-status {
    margin: 25px 25px 15px;
    font-weight: 600;
    font-size: 21px;
    line-height: 130%;
}

.bx-basket-item-list-items-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100% !important;
    max-height: 338px;
    margin-right: 10px;
    margin-bottom: 21px;
    scrollbar-gutter: stable;
}

.bx-basket-item-list-items-wrapper {
    scrollbar-width: thin;
    scrollbar-height: thin;
    scrollbar-color: var(--scrollbarThumb) var(--scrollbarBg);
}

.bx-basket-item-list-items-wrapper::-webkit-scrollbar {
    width: var(--scrollbarWidth);
    height: var(--scrollbarWidth);
}

.bx-basket-item-list-items-wrapper::-webkit-scrollbar-track {
    border: 4px solid #fff;
    border-radius: 10px;
}

.bx-basket-item-list-items-wrapper::-webkit-scrollbar-thumb {
    border: 0px solid transparent;
    border-radius: 10px;
}

.bx-basket-item-list-items {
}

.bx-basket-item-list-item {
    display: flex;
    justify-content: space-between;
    margin: 0 25px 5px 19px;
    padding: 10px;
    background: #fff;
}

.bx-basket-item-list-item-img-block {
    width: 81px;
    height: 81px;
    margin-right: 15px;
    background: #fff;
}

.bx-basket-item-list-item-img-href {
    height: inherit;
    width: inherit;
    display: flex;
    align-items: center;
}

.bx-basket-item-list-item-img {
    width: 100%;
}

.bx-basket-item-list-item-name {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

.bx-basket-item-list-item-href {
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

.bx-basket-item-list-item-artno-wrapper {
    font-weight: 500;
    font-size: 12px;
    line-height: 110%;
    color: var(--color5);
    margin-bottom: 10px;
}

.bx-basket-item-list-item-artno-wrapper div {
    margin-right: 10px;
}

.bx-basket-item-list-item-price {
    white-space: nowrap;
    margin-left: 45px;
    display: flex;
    align-items: center;
    height: 100%;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
}

.bx-basket-item-list-item-delete {
    width: 13.89px;
    height: 15px;
    margin-left: 5.6px;
    background: url('/local/components/bitrix/sale.basket.basket.line/templates/electrotorg/./images/basket.svg') no-repeat 50% / contain;
    cursor: pointer;
}

.bx-basket-item-list-item-delete-all {
    cursor: pointer;
    margin-right: 25px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

.inbasket-button {
    text-align: center;
    padding: 0 0 20px;
}

.inbasket-button__href {
    display: inline-block;
    font-size: 16px;
    background-color: var(--color4);
    padding: 10px 22px;
    text-decoration: none;
    border-radius: 2px;
    margin: 0 0 8px;
    border-radius: 10px;
    font-weight: 500;
    width: 175px;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
}

.bx-basket-item-list-item.delay
{
     opacity: 0.5;
}
/* End */


/* Start:/local/components/sds/catalog.menu/templates/electrotorg/style.css?17486992112993*/
.catalog-menu-wrapper {
    left: 0;
    margin-top: 1px;
    z-index: 20;
    height: calc(90% - 300px);
    display: none;
    box-shadow: 0 20000px 0 20000px rgba(0, 0, 0, .4);
}

.catalog-menu-wrapper_desktop {
    background: transparent !important;
    height: auto !important;
    /*box-shadow: none!important;*/
}

.catalog-menu {
    height: 100%;
    padding: 30px 0px;
    background: #fff;
    border-radius: 0px 0px 15px 15px;
    /*width: 1360px;
    max-width: 100%;*/
}

.catalog-menu-wrapper_desktop .catalog-menu {
    height: auto !important;
    background: #fff !important;
    width: 1920px !important;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0px 0px 15px 15px;
    display: flex;
    justify-content: center;
    /*border-bottom: 1px solid #c1c1c1;*/
}

.catalog-menu-block {
    height: calc(100% + 30px);
    overflow-y: visible;
    overflow-x: hidden;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-height: thin;
    scrollbar-color: var(--scrollbarThumb) var(--scrollbarBg);
    margin-top: -30px;
}

.catalog-menu-wrapper_desktop  .catalog-menu-block {
    width: 1320px;
    max-width: 100%;
}

.catalog-menu-wrapper_sticky.position-absolute {
    position: fixed !important;
    margin-top: -150px;
}

.catalog-menu-block::-webkit-scrollbar {
    width: var(--scrollbarWidth);
    height: var(--scrollbarWidth);
}

.catalog-menu-block::-webkit-scrollbar-track {
    border: 4px solid #fff;
    border-radius: 10px;
    border-top: 30px solid #fff;
}

.catalog-menu-block::-webkit-scrollbar-thumb {
    border: 0px solid transparent;
    border-radius: 10px;
}

.catalog-menu-block__part {
    padding: 30px 0px 30px 0;
    flex: 3;
}

.catalog-menu-block__part_second {
    width: calc(33% - 20px);
    background: var(--color1);
}

.catalog-menu-block__ul {
    padding: 0;
    display: none;
    overflow: hidden;
}

.catalog-menu-block__part_first .catalog-menu-block__ul {
    display: block;
}

.catalog-menu-block__ul.active {
    display: block;
}

.catalog-menu-block__item {
    list-style-type: none;
    border-radius: 10px;
    border: 2px solid transparent;
    box-sizing: content-box;
    margin: 0 20px;
}

.catalog-menu-block__item.active, .catalog-menu-block__item:hover {
    border: 2px solid var(--color4);
}

.catalog-menu-block__item_parent.active, .catalog-menu-block__item_parent:hover {
    background: url('/local/components/sds/catalog.menu/templates/electrotorg/./images/arrow.svg') no-repeat calc(100% - 20px) calc(50% + 2px) / 7px 13px;
}

.catalog-menu-block__part_first .catalog-menu-block__item {
    white-space: nowrap;
}

.catalog-menu-block__href {
    width: 100%;
    height: 100%;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    text-decoration: none;
    padding: 12px 20px;
}

.catalog-menu-block__item_parent .catalog-menu-block__href {
    padding-right: 40px;
}

@media (max-width: 1200px) {
    .catalog-menu-wrapper_sticky.position-absolute {
        margin-top: -161px;
    }
}
/* End */


/* Start:/local/components/sds/catalog.menu/templates/mobile/style.css?17297568103647*/
.site-catalog-modal-mobile-wrapper {
}

.catalog-menu-wrapper {
    background: #fff;
    left: 0;
    margin-top: 1px;
    z-index: 20;
    border-radius: 0px 0px 15px 15px;
    box-shadow: 0 20000px 0 20000px rgba(0, 0, 0, .4);
    height: calc(90% - 300px);
    display: none;
}

.catalog-menu-wrapper_noshadow {
    box-shadow: none !important;
}

.catalog-menu-mobile {
    height: 100%;
    padding: 30px 0px;
}

#catalog-menu-mobile {
    display: block;
}

.catalog-menu-block-mobile {
    width: 100%;
    overflow-y: visible;
    overflow-x: hidden;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-height: thin;
    scrollbar-color: var(--scrollbarThumb) var(--scrollbarBg);
    margin-top: 16px;
}

.catalog-menu-block-mobile::-webkit-scrollbar {
    width: var(--scrollbarWidth);
    height: var(--scrollbarWidth);
}

.catalog-menu-block-mobile::-webkit-scrollbar-track {
    border: 4px solid #fff;
    border-radius: 10px;
}

.catalog-menu-block-mobile::-webkit-scrollbar-thumb {
    border: 0px solid transparent;
    border-top: 30px solid #fff;
    border-radius: 10px;
}

.catalog-menu-block-mobile__part {
    flex: 1;
}

.catalog-menu-block-mobile__part_second {
}

.catalog-menu-block-mobile__ul {
    width: 100%;
    padding: 10px 0 0;
    overflow: hidden;
}

.catalog-menu-block-mobile__item_first {
    border-top: 1px solid var(--color6);
}

.catalog-menu-block-mobile__item_first:first-child {
    border-top: 1px solid transparent;
}

.catalog-menu-block-mobile__ul {
    display: none;
}

.active > .catalog-menu-block-mobile__ul {
    display: block;
}

.catalog-menu-block-mobile__ul:hover .catalog-menu-block-mobile__ul {
    /*display: block;*/
}

.catalog-menu-block-mobile__item {
    width: 100%;
    list-style-type: none;
    box-sizing: content-box;
    padding: 16px 0;
}

.catalog-menu-block-mobile__item .catalog-menu-block-mobile__item .catalog-menu-block-mobile__href {
    padding-left: 20px;
}

.catalog-menu-block-mobile__item .catalog-menu-block-mobile__item .catalog-menu-block-mobile__item .catalog-menu-block-mobile__href {
    padding-left: 40px;
}

.catalog-menu-block-mobile__item.active, .catalog-menu-block-mobile__item:hover {
}

.catalog-menu-block-mobile__item_parent {
}

.catalog-menu-block-mobile__item_parent.active {
}

.catalog-menu-block-mobile__part_first .catalog-menu-block-mobile__item {
    white-space: nowrap;
}

.catalog-menu-block-mobile__href {
    width: 100%;
    height: 100%;
    text-decoration: none;
    gap: 10px;
}

.catalog-menu-block-mobile__arrow {
    width: 13px;
    height: 13px;
    min-width: 13px;
    min-height: 13px;
    margin-right: -20px;
    background: url('/local/components/sds/catalog.menu/templates/mobile/./images/arrow.svg') no-repeat 50% 50% / 7px 13px;
}

.catalog-menu-block-mobile__item_parent.active .catalog-menu-block-mobile__arrow {
    background: url('/local/components/sds/catalog.menu/templates/mobile/./images/arrow-rotate.svg') no-repeat 50% 50% 21px / 13px 7px;
}


.catalog-menu-block-mobile__item_first .catalog-menu-block-mobile__href {
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
}

.catalog-menu-block-mobile__item_second .catalog-menu-block-mobile__href {
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
}

.catalog-menu-block-mobile__item_third .catalog-menu-block-mobile__href {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    padding-left: 0px;
}

.catalog-menu-block-mobile__item_parent .catalog-menu-block-mobile__href {
    padding-right: 40px;
}

.site-social {
    margin-bottom: 20px;
}

.menu-modal-mobile-wrapper {
    border-bottom: 1px solid var(--color6);
    border-top: 1px solid var(--color6);
    padding-top: 30px;
}
/* End */


/* Start:/local/templates/electrotorg/components/bitrix/breadcrumb/.default/style.css?1710754666394*/
.breadcrumb {
    background: transparent;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin: 0 0 25px;
}

.breadcrumb__href {
    margin-right: 5px;
    text-decoration: none;
}

.breadcrumb__href:hover {
    color: var(--color4) !important;
}

.breadcrumb__delimetr {
    margin-right: 5px;
}

.breadcrumb__active {
    color: #cecece;
}
/* End */


/* Start:/local/templates/electrotorg/new/css/fonts.css?17107546663281*/
@font-face {
    font-family: 'Roboto-Bold';
    src: url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Bold.eot');
    src: local('../fonts/roboto/Roboto Bold'), local('../fonts/roboto/Roboto-Bold'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Bold.woff') format('woff'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Bold.ttf') format('truetype');
    font-family: 'Roboto-Bold';
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Regular.eot');
    src: local('../fonts/roboto/Roboto'), local('../fonts/roboto/Roboto-Regular'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Regular.woff') format('woff'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Regular.eot');
    src: local('../fonts/roboto/Roboto'), local('../fonts/roboto/Roboto-Regular'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Regular.woff') format('woff'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Medium.woff2') format('woff2'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Black.eot');
    src: local('../fonts/roboto/Black'), local('../fonts/roboto/Roboto-Black'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Black.woff') format('woff'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto/Roboto-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Roboto Condensed */
@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url('/local/templates/electrotorg/new/css/../fonts/roboto-condensed/RobotoCondensed-Bold.eot');
    src: local('../fonts/roboto-condensed/RobotoCondensed-Bold'), local('../fonts/roboto-condensed/RobotoCondensed-Bold'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto-condensed/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto-condensed/RobotoCondensed-Bold.woff') format('woff'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto-condensed/RobotoCondensed-Bold.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('/local/templates/electrotorg/new/css/../fonts/roboto-condensed/RobotoCondensed-Regular.eot');
    src: local('../fonts/roboto-condensed/RobotoCondensed-Regular'), local('../fonts/roboto-condensed/RobotoCondensed-Regular'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto-condensed/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto-condensed/RobotoCondensed-Regular.woff') format('woff'),
    url('/local/templates/electrotorg/new/css/../fonts/roboto-condensed/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* End */


/* Start:/local/templates/electrotorg/new/fancybox/jquery.fancybox.min.css?171075466612795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/electrotorg/new/css/geo.css?17308878256155*/
.city-popup-title {
    font-weight: 600;
    font-size: 44px;
    line-height: 130%;
    float: left;
}

.city-change input {
    background: var(--color1);
    border: 1px solid #CECECE;
    border-radius: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    padding: 15px 20px 13px;
    width: 100%;
    max-width: calc(100% - 0px);
    margin: 0 !important;
}
.city-popup--content-wrapper{
    margin: 30px 0;
    margin-bottom: unset;
    padding-left: 44px;
    padding-right: 34px;
    margin-right: 10px;

}

.city-popup--content {
    margin-right: 20px;
    display: flex;
    /*width: 1320px;*/
    /*min-height: 800px;*/
}

.search_result {
    margin-top: 30px;
    display: none;
}

.city-popup--message {
    column-count: 4;
    font-size: 16px;
    padding: 0;
}

.change-city {
    display: inherit;
    cursor: pointer;
}

.change-city:hover {
    color: var(--color4);
}

.city-popup-wrap {
    height: 794px !important;
    max-height: 90%;
    padding-left: unset;
    padding-right: unset;
    padding-bottom: 10px;
    width: min(1320px, 70%);
}

.city-popup-wrap .city-popup--content-wrap {
    height: 100% !important;
    overflow: hidden !important;
}

.city-popup-wrap .city-popup--content-wrapper{
    height: calc(100% - 140px); 
    overflow-y: auto;
    overflow-x: hidden;
}



.city-popup-wrap .city-popup--content-wrapper::-webkit-scrollbar {
	width: 20px;
	height: 20px;
	cursor: pointer;
  }

.city-popup-wrap .city-popup--content-wrapper::-webkit-scrollbar-track {
	background-color: #c9d5e4;
	border: 9px solid transparent;
	background-clip: padding-box;
	margin-top: -5px;
	margin-bottom: 5px;
  }

.city-popup-wrap .city-popup--content-wrapper::-webkit-scrollbar-thumb {
	border-radius: 20px;
  	background: var(--scrollbarThumb);
	border: 7px solid transparent;
	background-clip: padding-box;
  }
  
  .city-popup-wrap .city-popup--content-wrapper::-webkit-scrollbar-corner {
    background-color: transparent ; 
}

  .city-popup-wrap .city-popup--content-wrapper::-webkit-scrollbar-thumb:hover{
	border: 5px solid transparent;
}

.city-popup--lists {
    display: flex;
    flex-direction: column;
    width: 250px;
}

.city-popup--lists a {
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 10px;
}

.city-popup--lists a:hover {
    color: var(--color4) !important;
}

.city-popup--list {
    margin-bottom: 10px;
    color: var(--color4);
    font-size: 18px;
    font-weight: 600 !important;
    line-height: normal;
}

.city-popup--submenu-link.selected {
    margin-bottom: 13px;
    color: var(--color4);
    display: block;
    line-height: normal;
}

.city-popup--submenu {
    width: 85%;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
    display: none;
}

.city-popup--submenu:nth-child(2) {
    display: block;
}

.city-popup--title {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 26px;
    line-height: 130%;
    display: block;
}

.city-popup--submenu-wrap {
    column-count: 4;
}

.city-popup--submenu-wrap a {
    display: flex;
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
    line-height: 110%;
    margin-bottom: 13px;
}

.city-popup--submenu-wrap a:hover {
    color: var(--color4) !important;
}

.city-popup-title-wrapper {
    gap: 20px;
    padding: 0 44px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--color6);
}

.city-popup--search-input {
    max-width: 100%;
    flex: 1;
}

.city-select-wrapper {
    position: relative;
    max-width: 442px;
}

.city-select__options {
    padding: 5px;
    background: #fff;
    padding: 10px 10px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    top: 52px;
    box-shadow: 0px 1px 15px 0px rgba(68, 68, 68, 0.2);
    display: none;
    position: relative;
    z-index: 10;
    width: 100%;
}

.city-select__option {
    white-space: nowrap;
    display: block;
    padding: 5px 10px;
    cursor: pointer;
}

.city-select__option.selected,
.city-select__option:hover {
    background: var(--color4);
}

.city-select__option.active {
    background: #F1F1F1;
}

@media (max-width: 1400px) {
    .city-popup--content {
        width: auto;
    }

    .city-popup--submenu-wrap {
        column-count: 3;
    }
}

@media (max-width: 1200px) {
    .city-popup--submenu-wrap {
        column-count: 2;
    }
    .city-popup-wrap{
        width: 95%;
    }
}

@media (max-width: 992px) {
    .city-popup--title {
        font-weight: 600;
        font-size: 24px;
        line-height: 110%;
    }

    .city-popup--lists a {
        margin-bottom: 5px;
    }

    .city-select__options {
        left: 0;
    }
    .city-popup-title-wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }
    .city-popup--content-wrapper{
        padding-left: 40px;
        padding-right: 30px;
        margin-right: 10px;
    }
    
}

@media (max-width: 768px) {
    .city-popup--submenu-wrap a {
        margin-bottom: 10px;
    }
    .city-popup-title-wrapper {
        padding: 0 27px;
        border-bottom: unset;
    }
    .city-popup--content-wrapper{
        padding-left: 27px;
        padding-right: 22px;
        margin-right: 5px;
    }
}

@media (max-width: 576px) {
    .city-popup--content {
        display: block;
    }

    .city-popup--lists {
        width: 100%;
        margin-bottom: 20px;
    }

    .city-popup--submenu-wrap {
        column-count: 1;
    }

    .city-popup--submenu-wrap a {
        margin-bottom: 5px;
    }
    .city-popup-title-wrapper {
        padding: 0 15px;
    }
    .city-popup--content-wrapper{
        padding-left: 15px;
        padding-right: 10px;
        margin-right: 5px;
    }
    .city-popup-title-wrapper{flex-direction: column;}
    .city-popup-wrap{padding-top: 30px !important;}
    .city-popup-wrap .city-popup--content-wrapper{
        height: calc(100% -100px);
    }
    .city-popup-title{align-self: flex-start;}
    .city-select-wrapper{max-width: unset;}
    .city-popup--search-input{width: 100%;}
}

@media (min-width: 1921px) {
    .city-popup--content {
        min-height: 1200px;
    }
}

/* End */


/* Start:/local/templates/electrotorg/new/css/style.css?173088782531052*/
.site-search__input-wrapper {
    border-left: 0 solid #c1c1c1 !important;
}

#search-button {
    visibility: hidden;
    display: none !important;
}

.stock-block {
    display: none !important;
}

/*Удалить то что выше*/


:root {
    --color1: #f9f9f9;
    --color2: #2e2e2e;
    --color3: #7c7c7c;
    --color4: #ffdc08;
    --color5: #8e8e8e;
    --color6: #cecece;
    --scrollbarBg: #cecece;
    --scrollbarThumb: #ffdc08;
    --scrollbarThumb2: #ddd;
    --scrollbarBorder: 2px solid var(--scrollbarBg);
    --scrollbarWidth: 10px;
    --scrollbarHeight: 27px;
}

::-webkit-input-placeholder {
    color: var(--color5) !important;
}

::-moz-placeholder {
    color: var(--color5) !important;
}

/* Firefox 19+ */
:-moz-placeholder {
    color: var(--color5) !important;
}

/* Firefox 18- */
:-ms-input-placeholder {
    color: var(--color5) !important;
}

a:link {
    color: var(--color2);
}

a:visited {
    color: var(--color2);
}

a:active {
    color: var(--color2);
}

a:hover {
    color: var(--color2) !important;
}

a.underline {
    text-decoration: underline;
}

a.not-underline {
    text-decoration: none;
}

a.underline:hover {
    text-decoration: none;
}

*::-webkit-scrollbar {
    width: auto;
    height: auto;
}

*::-webkit-scrollbar-track {
    background: var(--scrollbarBg);
    border-radius: var(--scrollbarBorderRadius);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--scrollbarThumb);
    border-radius: var(--scrollbarBorderRadius);
    border: var(--scrollbarBorder);
}

.little-scrollbar {
    scrollbar-width: thin;
    scrollbar-height: thin;
    scrollbar-color: var(--scrollbarThumb) var(--scrollbarBg);
}

.little-scrollbar::-webkit-scrollbar {
    width: var(--scrollbarWidth);
    height: var(--scrollbarWidth);
}

.little-scrollbar::-webkit-scrollbar-track {
    border: 4px solid #fff;
    border-radius: 10px;
}

.little-scrollbar::-webkit-scrollbar-thumb {
    border: 0px solid transparent;
    border-radius: 10px;
}

.cursor-pointer {
    cursor: pointer;
}

button[disabled] {
    background: var(--color6);
    cursor: auto;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome, Edge, Opera and Firefox */
}

table, table td, table th, a, li {
    padding: 0px;
    border-spacing: 0px;
}

div, td, th, p, ol, ul, input, textarea {
    box-sizing: border-box;
}

input, textarea, button {
    outline: none;
}

button:focus, submit:focus, input:focus, textarea:focus, checkbox:focus {
    outline: none !important;
}

label[data-rel=required]::before {
    position: relative;
    color: red;
    content: "* ";
    background: transparent;
}

.mobile {
    display: none;
}

.unselect {
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.autoselect {
    -moz-user-select: auto;
    -o-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.svg-invert {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate-360 {
    width: 200px;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotation;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotation;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(720deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#load {
    width: 100px;
    height: 100px;
    background: url(/local/templates/electrotorg/new/css/../img/dark-load.svg) no-repeat 0 0 / 100% 100%;
    z-index: 1000;
    position: fixed;
    margin-left: calc(50% - 50px);
    margin-top: 400px;
    display: none;
    opacity: 0.3;
    /*-webkit-filter: drop-shadow(0 0 1px rgba(255, 255, 255, 1));
    filter: drop-shadow(0 0 1px rgba(255, 255, 255, 1));*/
}

#shadow-overlay {
    position: absolute;
    z-index: 900;
    box-shadow: 0 0 0 50000px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0 50000px rgba(255, 255, 255, 0.4);
    display: none;
}

#loader-close-btn {
    width: 55px;
    height: 55px;
    top: 10px;
    right: 12px;
    z-index: 1125;
}

html {
    height: 100%;
}

body {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 210.5%;
    color: var(--color2);
    min-height: 100%;
    background: var(--color6) !important;
}

.title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 44px;
    line-height: 130%;
    gap: 20px;
}

.body-new-container {
    width: 1920px;
    max-width: 100%;
    background: #fff;
    margin: auto;
}

.content-wrapper {
    width: 1360px;
    max-width: 100%;
    background: #fff;
    margin: auto;
}

.attention-block {
    width: 1360px;
    max-width: 1360px;
    margin: auto;
}

.basic-layout {
    margin: auto;
    width: 1320px;
    max-width: calc(100% - 30px);
}

/*Header*/
.basic-layout-header {
    border-bottom: 1px solid #cecece;
}

.basic-layout-header__top {
    border-radius: 10px;
    height: 65px;
    padding: 0 0;
}

.site-geolocation__city {
    position: relative;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
}

.site-geolocation__city__change {
    display: flex;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    color: var(--color2);
    text-decoration: none;
}

.site-geolocation__city__change:hover {
    color: var(--color4) !important;
}

.site-geolocation__icon {
    margin-right: 7px;
}

.site-contacts {
}

.site-contacts > div, .site-contacts > a {
    margin-left: 37px;
    margin-bottom: 3px;
    text-decoration: none;
}
.site-contacts__href {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    position: relative;
    white-space: nowrap;
    text-decoration: none;
    display: flex;
    flex-wrap: nowrap;
}

.site-contacts__href {
    white-space: nowrap;
}

.site-contacts__ico {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin-right: 12px;
}

.site-contacts__text {
    position: relative;
    top: 2.5px;
}

.site-contacts__ico_phone {
    background: var(--color2) url('/local/templates/electrotorg/new/css/../img/icons/phone.svg') no-repeat 51% 54% / 12px 12px;
}

.site-contacts__href:hover .site-contacts__ico_phone {
    background-color: var(--color4);
    background-image: url('/local/templates/electrotorg/new/css/../img/icons/phone_hover.svg');
}

.site-contacts__ico_email {
    background: var(--color2) url('/local/templates/electrotorg/new/css/../img/icons/email.svg') no-repeat 50% 53% / 11.67px 9.33px;
}

.site-contacts__ico_worktime {
    background: url('/local/templates/electrotorg/new/css/../img/icons/clock.svg') no-repeat 50% 55% / 100% 100%;
}

*:hover > .site-contacts__ico, .site-contacts__ico:hover {
    background-color: var(--color4);
}

.site-contacts__ico_telegram {
    background: var(--color2) url('/local/templates/electrotorg/new/css/../img/icons/telegram.svg') no-repeat 40% 53% / 12.5px 10.9px;
}

.site-contacts__ico_telegram:hover {
    background-image: url('/local/templates/electrotorg/new/css/../img/icons/telegram_hover.svg');
}

.site-contacts__ico_whatsapp {
    background: var(--color2) url('/local/templates/electrotorg/new/css/../img/icons/whatsapp.svg') no-repeat 50% 53% / 11.36px 11.33px;
}

.site-contacts__ico_whatsapp:hover {
    background-image: url('/local/templates/electrotorg/new/css/../img/icons/whatsapp_hover.svg');
}

.site-contacts__ico_vk {
    background: var(--color2) url('/local/templates/electrotorg/new/css/../img/icons/vk.svg') no-repeat 50% 53% / 13.04px 7.58px;
    margin-right: 0;
}

.site-contacts__ico_vk:hover {
    background-image: url('/local/templates/electrotorg/new/css/../img/icons/vk_hover.svg');
}

.basic-layout-header__middle {
    padding: 0 0;
    margin-bottom: 20px;
}

.basic-layout-header__logo {
    width: 285px;
    height: 25px;
    background: url('/local/templates/electrotorg/new/css/../img/icons/electrotorg.svg') no-repeat 50% 50% / 100% 100%;
    text-decoration: none;
}

.basic-layout-header__logo_lg {
    width: 173px;
    height: 15.8px;
}

.basic-layout-header__logo:hover, .basic-layout-header__logo_lg:hover {
    background-image: url('/local/templates/electrotorg/new/css/../img/icons/electrotorg_yellow.svg');
}

.site-search {
    height: 50px;
    width: calc(100% - 615px);
    margin: 0 44px 0 29px;
    background: var(--color1);
}

.site-search__wrapper {
    width: 100%;
    background: var(--color1);
    border: 1px solid #cecece;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

.site-search__button {
    border: 0 solid transparent;
    background: transparent;
    color: var(--color5);
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    height: 100%;
    padding: 0 35px 0 25px;
    white-space: nowrap;
}

.site-search__button:focus {
    outline: none;
}

.site-search__button::after {
    position: absolute;
    display: block;
    height: 9px;
    width: 18px;
    color: var(--color5);
    top: calc(50% - 4px);
    right: 10px;
    line-height: 10px;
    font-size: 10px;
    background: url('/local/templates/electrotorg/new/css/../img/icons/open-arrow.svg') no-repeat 50% 50% / 100% 100%;
    content: "";
}

.site-search__input-wrapper {
    width: calc(100% - 161px);
    margin: -9.5px 0 -10px;
    border-left: 1px solid #c1c1c1;
}

.site-search__input {
    width: 100%;
    height: 100%;
    background: transparent;
    border: 0 solid transparent;
    padding-left: 16px;
    padding-right: 16px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.site-search_submit,
.site-search__submit {
    width: 100px;
    height: 100%;
    margin-left: -17px;
    background: var(--color4) url('/local/templates/electrotorg/new/css/../img/icons/search.svg') no-repeat 50% 50% / 22px 22px;
    cursor: pointer;
    border: 0 solid transparent;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.site-auth {
    width: 255px;
    height: 50px;
    border: 1px solid var(--color2);
    border-radius: 10px;
}

.site-auth:hover {
    border: 1px solid var(--color4);
}

.site-auth__ico {
    width: 19.15px;
    height: 22.25px;
    margin-right: 10px;
    background: url('/local/templates/electrotorg/new/css/../img/icons/worker.svg') no-repeat 50% 50% / 100% 100%;
}

.site-auth__href {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    text-decoration: none;
    height: 100%;
    width: 100%;
}

.site-auth__name {
    position: relative;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
}

.basic-layout-header__bottom {
    margin-bottom: 20.5px;
}

.basic-layout-header__catalog-button {
    width: 175px;
    height: 55px;
    background: var(--color4);
    border-radius: 10px;
    color: #414141;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    cursor: pointer;
}

#catalog-btn, #catalog-mobile-btn {
    visibility: hidden;
}

.basic-layout-header__catalog-button_modal {
    height: 50px;
}

.basic-layout-header__catalog-button_lg {
    width: 100px;
}

.basic-layout-header__button-name {
    position: relative;
    top: 1px;
}

.basic-layout-header__site-menu-wrapper {
    width: calc(100% - 210px);
}

.basic-layout-header__site-menu {
}

.basic-layout-header__bookmarks-wrapper {
}

.basic-layout-header-bookmarks {
}

.basic-layout-header-bookmarks__item {
    height: 21px;
    width: 23px;
    margin-left: 25px;
    display: flex;
    align-items: center;
}

.basic-layout-header-bookmarks__item_compare {
    background: url('/local/templates/electrotorg/new/css/../img/icons/compare.svg') no-repeat 50% 50% / 18px 20px;
}

.basic-layout-header-bookmarks__item_compare:hover {
    background-image: url('/local/templates/electrotorg/new/css/../img/icons/compare_hover.svg');
}

.basic-layout-header-bookmarks__item_favorites {
    background: url('/local/templates/electrotorg/new/css/../img/icons/favorites.svg') no-repeat 50% 50% / 16px 18px;
}

.basic-layout-header-bookmarks__item_favorites:hover {
    background-image: url('/local/templates/electrotorg/new/css/../img/icons/favorites_hover.svg');
}

.basic-layout-header-bookmarks__item_basket {
    background: url('/local/templates/electrotorg/new/css/../img/icons/basket.svg') no-repeat 50% / 23px 21px;
}

.bx-basket-block.cursor-pointer:hover .basic-layout-header-bookmarks__item_basket {
    background-image: url('/local/templates/electrotorg/new/css/../img/icons/basket_hover.svg');
}

.basic-layout-header-bookmarks__href {
    display: block;
    height: 100%;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--color2) !important;
}

.basic-layout-header-bookmarks__href:hover {
    font-weight: bold;
}

.site-social {
    margin-left: 34px;
}

.basic-layout-content {
    padding: 25px 0 120px;
}

.block-title {
    color: var(--color2);
    font-weight: 600;
    font-size: 44px;
    line-height: 130%;
    position: relative;
}

.block-title_arrow {
    padding-right: 40px;
}

.block-title__href {
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.block-title__href_arrow::before {
    content: "";
    display: block;
    position: relative;
    margin-top: 23px;
    float: right;
    width: 23.63px;
    height: 23.63px;
    margin-left: 15.12px;
    background: url('/local/templates/electrotorg/new/css/../img/icons/title_arrow.svg') no-repeat 50% / contain;
    top: 0;
}

.footer {
    background: var(--color2);
}

.footer-top {
    height: 118px;
}

.footer-top__logo {
    width: 190px;
    height: 57px;
    background: url('/local/templates/electrotorg/new/css/../img/icons/footer_logo.svg') no-repeat 50% / contain;
}

.footer-top__logo:hover {
    background-image: url('/local/templates/electrotorg/new/css/../img/icons/footer_logo_yellow.svg');
}

.footer-content {
    padding: 30px 0;
    border-top: 1px solid var(--color5);
    border-bottom: 1px solid var(--color5);
}

.footer-bottom {
    height: 71px;
}

.footer-bottom-copy {
    font-weight: 500;
    font-size: 12px;
    line-height: 110%;
    color: var(--color5);
}

.footer-content-block__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    color: #fff;
}

.footer-content-block__title_payment {
    margin-top: 20px;
}

.footer-content-block__items {
    margin-top: 15px;
}

.footer-content-block__item {
    margin-bottom: 10px;
    margin-right: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
}

.footer-content-block_contact-us .footer-content-block__item {
    margin-right: 0;
}

.footer-content-block__item_icon {
    margin-bottom: 14px;
    white-space: nowrap;
}

.footer-content-block__href {
    color: #fff !important;
    text-decoration: none;
}

a.footer-content-block__href:hover {
    color: var(--color4) !important;
}

.footer-content-block__payment {
    width: 151.56px;
    height: 20px;
    margin-top: 15px;
    background: url('/local/templates/electrotorg/new/css/../img/icons/payment.svg') no-repeat 50% / contain;
}

.footer-contacts__ico {
    width: 25px;
    height: 25px;
    margin-right: 12px;
    float: left;
}

.footer-contacts__ico_worktime {
    background: url('/local/templates/electrotorg/new/css/../img/icons/footer_worktime.svg') no-repeat 50% / contain;
}

.footer-contacts__ico_phone {
    background: url('/local/templates/electrotorg/new/css/../img/icons/footer_phone.svg') no-repeat 50% / contain;
}

.footer-content-block__href:hover .footer-contacts__ico_phone {
    background-image: url('/local/templates/electrotorg/new/css/../img/icons/footer_phone_hover.svg');
}

.footer-contacts__ico_mail {
    background: url('/local/templates/electrotorg/new/css/../img/icons/footer_mail.svg') no-repeat 50% / contain;
}

.footer-content-block__href:hover .footer-contacts__ico_mail {
    background-image: url('/local/templates/electrotorg/new/css/../img/icons/footer_mail_hover.svg');
}

.footer-contacts__ico_telegram {
    background: url('/local/templates/electrotorg/new/css/../img/icons/footer_telegram.svg') no-repeat 50% / contain;
}

.footer-content-block__href:hover .footer-contacts__ico_telegram {
    background-image: url('/local/templates/electrotorg/new/css/../img/icons/footer_telegram_hover.svg');
}

.footer-contacts__ico_whatsapp {
    background: url('/local/templates/electrotorg/new/css/../img/icons/footer_whatsapp.svg') no-repeat 50% / contain;
}

.footer-content-block__href:hover .footer-contacts__ico_whatsapp {
    background-image: url('/local/templates/electrotorg/new/css/../img/icons/footer_whatsapp_hover.svg');
}

.footer-contacts__ico_vk {
    background: url('/local/templates/electrotorg/new/css/../img/icons/footer_vk.svg') no-repeat 50% / contain;
}

.footer-content-block__href:hover .footer-contacts__ico_vk {
    background-image: url('/local/templates/electrotorg/new/css/../img/icons/footer_vk_hover.svg');
}

.fancybox-content {
    font-family: 'Roboto';
    font-style: normal;
    border-radius: 15px;
    padding-top: 50px;
    cursor: auto !important;
}

.about-block {
    margin-right: -20px;
}

.about-block__item {
    min-height: 187px;
    background: var(--color2);
    color: #fff;
    border-radius: 15px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: calc(28% - 20px);
}

.about-block_main .about-block__item {
    background: var(--color1);
    color: var(--color2);
}

.about-block__item_big {
    width: calc(44% - 20px);
}

.about-block__content-wrapper {
    height: 70%;
}

.about-block__content {
    margin-left: 10.03%;
    margin-right: 23.75%;
}

.about-block__content_main {
    margin-left: 8.62%;
    margin-right: 756px;
}

.about-block__content_big {
    margin-left: 6.25%;
    margin-right: 10.52%;
}

.about-block__title {
    font-weight: 600;
    font-size: 62px;
    line-height: 110%;
    margin-bottom: 9px;
}

.about-block__title_main {
    font-size: 64px;
    line-height: 110%;
    margin-bottom: 30px;
}

.about-block__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

.about-block__text_main {
}

.about-block__button, .about-block__button:hover {
    color: var(--color4) !important;
    border: 1px solid var(--color4);
    width: 153px;
    height: 50px;
    margin-top: 15px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
}

.trust-block__title {
    margin-bottom: 40px;
}

.trust-block {
    /*margin-top: 100px;корректиовка*/
    margin-top: 50px;
}

.trust-block__text-wrapper {
    background: var(--color1);
    overflow: hidden;
    border-radius: 15px;
}

.trust-block__text {
    padding: 35px 78px 0 21px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

.trust-block__text p {
    margin-bottom: 25px;
}

.trust-block__img {
    width: 650px;
    height: 424px;
    border-radius: 15px;
    margin-right: 21px;
    display: inline-block;
    float: left;
    background: url('/local/templates/electrotorg/new/css/../img/trust.jpg') no-repeat 0 0 / contain;
}

.partners-block {
    margin-top: 70px;
}

.partners-block__items {
    margin-top: 40px;
}

.partners-block__item {
    width: 20%;
    margin-bottom: 20px;
    padding: 10px;
    order: 5;
}

.partners-block__item_rexant {
    order: 1;
}

.partners-block__item_neon-night {
    order: 2;
}

.partners-block__item_proconnect {
    order: 3;
}

.partners-block__href {
    height: 100%;
}

.partners-block__img {
    width: calc(100% - 20px);
    filter: grayscale(100%);
}

.partners-block__img:hover {
    filter: grayscale(0);
}

.partners-block__button, .partners-block__button:hover {
    color: var(--color2) !important;
    border: 1px solid var(--color2);
    width: 153px;
    height: 50px;
    margin-top: 30px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
}

.trust-block__text-wrapper_main {
    margin-top: 60px;
}

.about-block__button-main, .about-block__button-main:hover {
    color: var(--color2) !important;
    border: 1px solid var(--color2);
    width: 153px;
    height: 50px;
    margin-top: 30px;
    margin-bottom: 60px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
}

.modal-auth {
    background: #fff url('/local/templates/electrotorg/new/css/../img/auth-form.svg') no-repeat 100% 0 / contain;
}

.modal-auth-form__header {
    font-weight: 600;
    font-size: 26px;
    line-height: 130%;
}

.modal-auth-form__subheader {
    margin-top: 15px;
    color: var(--color6);
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
}

.modal-auth-form__button[disabled] {
}

.modal-auth-form__label {
    margin-top: 25px;
}

.modal-auth-form__input {
    clear: both;
}

.modal-auth-form__info {
    margin-top: 5px;
    font-weight: 500;
    font-size: 12px;
    line-height: 110%;
    color: var(--color6);
    text-align: center !important;
}

.modal-auth-form__label {
    width: 100%;
    overflow: hidden;
}

.modal-auth-form__input {
    background: var(--color1);
    border: 1px solid var(--color6);
    border-radius: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    padding: 16px 13px 16px;
    width: 100%;
}

.modal-auth-form__button {
    margin-top: 7px;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    background: var(--color4);
    gap: 5px;
    border-radius: 10px;
    padding: 15px 40px;
    border: 0 solid transparent;
    white-space: nowrap;
    color: var(--color2);
    cursor: pointer;
    width: 100%;
    height: 50px;
}

.modal-auth-form__button_resend {
    display: none;
}

.modal-auth-form__error {
    font-size: 14px;
    text-align: center;
    display: block;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 13.5px;
    display: flex;
    gap: 6px;
    align-items: center;
}

.modal-auth-form__error.color--danger::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url('/local/templates/electrotorg/new/css/../img/icons/alert.svg') no-repeat 50% 50% / contain;
    float: left;
}

.modal-auth-form__error.color--danger {
    color: red;
    color: rgb(189, 75, 75);
}

.modal-auth-form__error.color--allowed {
    color: #4F913F;
}

.modal-auth-form__timer {
    margin-top: 12px;
}

.modal-auth-form__reload {
    margin-top: 12px;
    display: none;
}

.modal-auth-form__text-bottom {
    margin-top: 12px;
    display: none;
}

.basic-layout-header__catalog-ico {
    margin-right: 14px;
}

.basic-layout-header__catalog-ico-close {
    margin-right: 21px;
}

#catalog-btn-modal .basic-layout-header__catalog-ico {
    display: none;
}

#catalog-btn-modal .basic-layout-header__catalog-ico-close {
    display: block;
}

.basic-layout-header__catalog-mobile-ico-close {
    display: none;
}

.catalog-menu-wrapper_mobile {
    height: auto !important;
}

.catalog-modal-mobile-wrapper {
    gap: 10px;
    margin: 32px 0 31px;
}

.catalog-modal-mobile-wrapper > div {
    width: 50%;
}

.menu-modal-mobile-wrapper {
    border-bottom: 1px solid var(--color6);
    padding-bottom: 15px;
    gap: 100px;
}

.menu-modal-mobile-wrapper .main-nav__block {
    flex-direction: column;
}

.menu-modal-mobile-wrapper .main-nav__item {
    margin-bottom: 15px;
    padding: 0;
}

.menu-modal-mobile-wrapper .main-nav__href {
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    color: var(--color2) !important;
}

.menu-modal-mobile-wrapper .site-navbar_right .main-nav__href {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
}

.site-contacts-modal-mobile-wrapper {
    margin-top: 30px;
    gap: 20px;
}

.site-contacts-modal-mobile-wrapper .site-contacts {
    gap: 15px;
}

.site-contacts-modal-mobile-wrapper .site-contacts > div {
    margin-left: 0;
}

.site-contacts-modal-mobile-wrapper .site-contacts__ico_worktime {
    margin-left: 0;
}

.site-contacts__ico_big {
    width: 45px;
    height: 45px;
}

.site-contacts__ico_big.site-contacts__ico_telegram {
    background: var(--color2) url('/local/templates/electrotorg/new/css/../img/icons/telegram.svg') no-repeat 40% 53% / 22.5px 19.63px;
}

.site-contacts__ico_big.site-contacts__ico_whatsapp {
    background: var(--color2) url('/local/templates/electrotorg/new/css/../img/icons/whatsapp.svg') no-repeat 50% 53% / 20.46px 20.4px;
}

.site-contacts__ico_big.site-contacts__ico_vk {
    background: var(--color2) url('/local/templates/electrotorg/new/css/../img/icons/vk.svg') no-repeat 50% 53% / 23.47px 13.64px;
    margin-right: 0;
}

.modal-fast-buy-wrap {
    background: #fff url('/local/templates/electrotorg/new/css/../img/fast-buy-bg.png') no-repeat 100% 0;
    width: 365px;
    max-width: 90%;
}

.modal-fast-buy {
}

.modal-fast-buy__title {
    font-weight: 600;
    font-size: 26px;
    line-height: 130%;
    text-align: center;
}

.modal-fast-buy__form {
    margin-top: 20px;
}

.modal-fast-buy__label {
    margin-bottom: 20px;
}

.modal-fast-buy__input {
    background: var(--color1);
    border: 1px solid var(--color6);
    border-radius: 10px;
    padding: 15px 20px 15px;
    height: auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
}

.modal-fast-buy--btn {
    width: 100%;
    background: var(--color4);
    cursor: pointer;
    border: 0px solid transparent;
    border-radius: 10px;
    padding: 14.5px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
}

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

.nav-item-et {
    border-radius: 10px;
    margin-left: -18px;
}

.nav-item-et:first-child {
    margin-left: 0;
}

.nav-link-et {
    padding: 14.5px 40px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    border: 1px solid var(--color6);
    border-radius: 10px;
    background: #fff;
}

.nav-link-et.active {
    background: var(--color4);
    border: 1px solid var(--color4);
}

.tabBlock-content__category {
    font-size: 26px;
    font-weight: 600;
    line-height: 130%;
    margin-top: 30px;
}

.tabBlock-conten__link {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

.bonus_window__button {
    background: var(--color4);
    border: 1px solid var(--color4);
    padding: 15px 40px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    text-decoration: none;
}

.bonus_window__input {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: 1px solid var(--color6);
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}

.orders_point {
    margin-top: 11.5px;
    margin-bottom: 1.5px;
    font-size: 18px;
    font-weight: 400;
    line-height: 110%;
    color: var(--color2);
    gap: 10px;
}

.orders_point > span {
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
    color: var(--color2);
}

.orders_point > span.green {
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
    color: #4F913F;
}

.orders_point > span.red {
    color: #BD4B4B;
}

a .goods-block-item__tobasket-button-info, a .view-all-filter, .view-all-filter {
    color: #000 !important;
}

.view-all-filter {
    color: #000 !important;
    border: 1px solid red;
}

.basic-layout-header__catalog-button_loader-close {
    background: var(--color3);
    opacity: 0.5;
}

.basic-layout-header__catalog-button_loader-close:hover {
    opacity: 1;
}

.messenger {
    position: fixed;
    right: calc((100% - 1420px) / 2);
    top: 770px;
    z-index: 10;
    opacity: 0.7;
    cursor: pointer;
    gap: 15px;
}

.messenger:hover {
    opacity: 1;
}

.messenger__item {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    display: none;
}

.messenger__item:not(.messenger__button) {
    animation: fadeInFromNone 0.5s ease-out;
    opacity: 0;
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
        visibility: hidden;
        right: -85px;
    }
    100% {
        display: block;
        opacity: 1;
        visibility: visible;
        right: 0px;
    }
}

.active .messenger__item {
    display: block;
    opacity: 1;
    position: relative;
}

.messenger__button {
    background: rgb(255, 220, 8) url(/local/templates/electrotorg/new/css/../img/icons/messenger.svg) no-repeat 50% 50% / 70%;
    opacity: 1;
    z-index: 1;
}

.active .messenger__button {
    background: rgb(255, 220, 8) url(/local/templates/electrotorg/new/css/../img/icons/close.svg) no-repeat 50% 50% / 30%;
}

.messenger__item_whatsapp {
    background: #1BD741 url(/local/templates/electrotorg/new/css/../img/icons/whatsapp-messenger.svg) no-repeat 50% 50% / 82%;
}

.messenger__item_telegram {
    background: #B5CFE4 url(/local/templates/electrotorg/new/css/../img/icons/telegram-messenger.svg) no-repeat 50% 50% / contain;
}

.js-auth-code-input-call__wrapper {
    gap: 15px;
    margin: 20px auto 10px;
    text-align: center;
}

.js-auth-code-input-call__number {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border: 1px solid rgb(206, 206, 206);
    border-radius: 10px;
    font-size: 21px;
    font-weight: 600;
    line-height: 130%;
}

.js-auth-code-input-call__number:focus {
    border: 1px solid var(--color4);
}

.js-auth-code-input-call__number.alert {
    border: 1px solid rgb(189, 75, 75);
}

.modal-auth-form__method {
    margin: 20px auto 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}
/* End */


/* Start:/local/templates/electrotorg/css/style_1400.css?17122156501152*/
@media (max-width: 1400px) {
    .attention-block {
        max-width: 100%;
    }

    .site-contacts > div, .site-contacts > a {
        margin-left: 16px;
    }

    .main-nav__block {
        padding-left: 20px;
    }

    .main-nav__item {
        margin-right: 15px;
    }

    .site-social {
        margin-left: 19px;
    }

    .site-search {
        margin-right: 25px;
        width: calc(100% - 596px);
    }

    .submain-nav__item {
        margin-right: 15px;
    }

    .about-block__item_main {
        background: var(--color2) url('/local/templates/electrotorg/css/../img/about_block_main.png') no-repeat calc(100% - 90px) 0 / contain;
    }

    .about-block__content_main {
        margin-left: 7.08%;
        margin-right: 608px;
    }

    .trust-block__img {
        width: 657px;
        height: 535px;
        background: url('/local/templates/electrotorg/css/../img/trust-1360.jpg') no-repeat 0 0 / contain;
    }

    .representations-block__text {
        margin: 20px 40.5% 20px 0;
    }

    .representations-block__items {
        margin: 0 30.5% 0 0;
    }

    .representations-block {
        background-size: auto 90%;
    }

    .subscription-block {
        padding: 40px;
    }
}
/* End */


/* Start:/local/templates/electrotorg/css/style_1200.css?17205870264271*/
@media (max-width: 1200px) {
    .basic-layout {
        width: 1140px;
        max-width: calc(100% - 64px);
    }

    .basic-layout-header__logo {
        width: 173px;
        height: 15.18px;
    }

    .site-auth:not(.site-auth_modal) {
        width: auto;
        border: none;
    }

    .site-auth__ico:not(.site-auth__ico_modal) {
        margin: 0;
    }

    .site-search {
        margin-left: 10px;
        margin-right: 24.5px;
        width: calc(100% - 517px);
    }

    .site-contacts__ico_worktime {
        margin-left: 8.5px;
    }

    .submain-nav__item_4 {
        display: none;
    }

    .site-search_submit,
    .site-search__submit {
        margin-left: -42px;
        background: var(--color4) url(/local/templates/electrotorg.new/css/../img/icons/search.svg) no-repeat calc(50% + 21px) 50% / 22px 22px;
    }

    .basic-layout-header-bookmarks__item {
        margin-left: 23px;
    }

    .about-block {
        margin-right: -10px;
    }

    .about-block__item {
        border-radius: 15px;
        margin-bottom: 10px;
        margin-right: 10px;
        width: calc(28% - 10px);
    }

    .about-block__item_main {
        background: var(--color2) url('/local/templates/electrotorg/css/../img/about_block_main.png') no-repeat calc(100% - 50px) 0 / contain;
        width: calc(100% - 10px);
    }

    .about-block__item_big {
        width: calc(44% - 10px);
    }

    .about-block__content {
        margin-left: 6.13%;
        margin-right: 7.55%;
    }

    .about-block__content_big {
        margin-left: 3.85%;
        margin-right: 7.09%;
    }

    .about-block__content_main {
        margin-left: 3.08%;
        margin-right: 573px;
    }

    .about-block__title {
        font-size: 30px;
    }

    .about-block__title_main {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .trust-block__title {
        margin-bottom: 39px;
    }

    .trust-block__text {
        padding: 15px 15px 0 10px;
    }

    .trust-block__img {
        width: 394px;
        height: 398px;
        margin-right: 10px;
        background: url('/local/templates/electrotorg/css/../img/trust-1200.jpg') no-repeat 0 0 / contain;
    }

    .representations-block__text {
        margin: 20px 26.5% 20px 0;
    }

    .representations-block__items {
        margin: 0 9.5% 0 0;
    }

    .representations-block {
        background-size: auto 70%;
    }

    .subscription-block__form-wrapper {
        width: calc(100% - 522px);
        height: auto;
        margin-top: -70px;
    }

    .subscription-block__input {
        width: 100%;
        height: 55px;
        border-radius: 10px;
    }

    .subscription-block__button {
        width: 100%;
        height: 55px;
        margin-top: 6px;
        border-radius: 10px;
    }

    .footer-content {
        flex-wrap: wrap !important;
    }

    .footer-content-block_contact-us {
        margin-top: 40px;
        flex-basis: 100%;
    }

    .footer-content-block_contact-us .footer-content-block__item {
        margin-right: 20px
    }

    .video-block__items {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .articles-block__items {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .articles-block__item {
        padding: 15px 20px 15px;
    }

    .articles-block__item-title, .articles-block__item_1 .articles-block__item-title {
        bottom: 15px;
    }

    .goods-block-item__tobasket-button {
        padding: 14.5px 20px;
    }

    .catalog-menu-block__part_first .catalog-menu-block__item {
        white-space: normal !important;
    }

    .catalog-section-list {
        gap: 10px;
        margin-right: -10px;
    }

    .catalog-section-list__item {
        width: calc(50% - 10px);
        height: 100px;
        padding: 15px;
    }

    .catalog-section-list__title {
        bottom: 15px;
    }

    .product-block-list-items {
        gap: 10px;
        margin-right: -10px;
    }

    .product-block-list-items .goods-block-item {
        width: calc(50% - 10px);
    }

    .catalog-favorites .product-block-list-items .goods-block-item {
        width: calc(33.33% - 10px);
    }

    .goods-block-item__old-price {
        font-size: 14px;
    }
    .basic-layout-content_old .el-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
/* End */


/* Start:/local/templates/electrotorg/css/style_992.css?17107546675323*/
@media (max-width: 992px) {
    .basic-layout {
        width: 720px;
        max-width: calc(100% - 24px);
        padding-top: 25.5px;
    }

    .basic-layout.catalog-menu-mobile {
        padding-top: 0;
        padding-bottom: 0;
    }

    .basic-layout_footer {
        padding-top: 0;
    }

    .basic-layout-header__site-menu-wrapper {
        width: 100%;
    }

    .site-search {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .site-search__input-wrapper {
        border-left: none;
        width: 100%;
    }

    .about-block__item {
        width: calc(33% - 10px);
        order: 2;
    }

    .about-block__item_main {
        width: calc(100% - 10px);
        min-height: 295px;
        order: 1;
        background: var(--color2) url('/local/templates/electrotorg/css/../img/about_block_main_mobile.png') no-repeat calc(100% - 30px) calc(50% + 7.5px) / 250px 250px;
    }

    .about-block__item_big {
        width: calc(67% - 10px);
        order: 3;
    }

    .about-block__item_500 {
        order: 4;
    }

    .about-block__item_300 {
        order: 5;
    }

    .about-block__item_400 {
        width: calc(50% - 10px);
        order: 6;
    }

    .about-block__item_100 {
        width: calc(50% - 10px);
        order: 7;
    }

    .about-block__content_main {
        margin-left: 4.25%;
        margin-right: 300px;
    }

    .about-block__text {
        font-size: 14px;
    }

    .block-title {
        font-size: 26px;
        line-height: 110%;
    }

    .trust-block {
        margin-top: 30px;
    }

    .trust-block__title {
        margin-bottom: 25px;
    }

    .trust-block__img {
        width: 100%;
        height: 228px;
        margin-right: 0;
        background: url('/local/templates/electrotorg/css/../img/trust-992.jpg') no-repeat 50% 0 / cover;
        float: none;
    }

    .trust-block__text {
        padding: 15px 15px 5px;
        font-size: 14px;
    }

    .trust-block__text p {
        margin-bottom: 10px;
    }

    .partners-block {
        margin-top: 40px;
    }

    .partners-block__item {
        width: 25%;
        margin-bottom: 10px;
    }

    .block-title__href_arrow::before {
        margin-top: 10px;
        width: 15px;
        height: 15px;
        margin-left: 15px;
    }

    .representations-block {
        background-size: auto 55%;
        margin-top: 40px;
    }

    .representations-block__text {
        margin: 20px 10.5% 20px 0;
        font-weight: 400;
        font-size: 14px;
    }

    .representations-block__items {
        margin: 0 0 0 0;
    }

    .representations-block__item {
        margin: 0px 15px 15px 0;
        padding: 10px 25px;
        font-weight: 600;
        font-size: 14px;
    }

    .subscription-block {
        padding: 40px 61px;
        margin-top: 40px;
    }

    .subscription-block__text {
        width: 100%;
        margin: 0 0 29px 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
    }

    .subscription-block__form-wrapper {
        width: 100%;
        margin-top: 0;
    }

    .subscription-block__input {
        width: 337px;
    }

    .subscription-block__button {
        margin-top: 0;
        margin-left: 10px;
        width: calc(100% - 347px);
    }

    .footer-content-block_contact-us {
        margin-top: 33px;
    }

    .footer-content-block_contacts {
        margin-top: 33px;
        flex-basis: 100%;
    }

    .footer-content-block__item {
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
    }

    .video-block__item_1 {
        height: 330px;
    }

    .articles-block__item_1 {
        height: 330px;
    }

    .articles-block__item-title {
        font-weight: 600;
        font-size: 16px;
        line-height: 130%;
    }

    .articles-block__item_1 .articles-block__item-title {
        font-weight: 600;
        font-size: 21px;
        line-height: 110%;
    }

    .popular-goods-block {
        margin-top: 60px;
    }

    .popular-goods-block__slider {
        margin-bottom: 60px;
    }

    .catalog-menu-wrapper_desktop {
        display: none !important;
    }

    .catalog-section-list__title {
        font-weight: 600;
        font-size: 14px;
        line-height: 130%;
    }

    .catalog-block-left {
        width: 100%;
    }

    .catalog-block-right {
        width: 100%;
    }

    .product-block-list-items {
        gap: 20px;
        margin-right: -20px;
    }

    .product-block-list-items .goods-block-item {
        width: calc(50% - 20px);
    }

    .catalog-favorites .product-block-list-items .goods-block-item {
        width: calc(33.33% - 20px);
    }

    .orders_number {
        font-size: 24px;
        font-weight: 600;
        line-height: 110%;
    }

    .bonus-program__title {
        font-size: 24px;
        font-weight: 600;
        line-height: 110%;
    }

    .orders__title {
        font-size: 24px;
        font-weight: 600;
        line-height: 110%;
    }

    .city-change input {
        margin: 30px 0 0 0;
        clear: both;
    }

    .city-popup-title {
        float: none;
    }

    .city-popup-wrap {
        width: calc(100% - 20px);
    }

    .goods-block-item__old-price {
        font-size: 16px;
    }

    .city-popup-title {
        float: none;
        font-size: 22px !important;
        line-height: 130% !important;
    }
}
/* End */


/* Start:/local/templates/electrotorg/css/style_768.css?17107546673150*/
@media (max-width: 768px) {
    .trust-block__img {
        height: 225px;
    }

    .representations-block {
        background: var(--color1);
    }

    .representations-block__item {
        margin: 0px 10px 10px 0;
    }

    .subscription-block__input {
        width: 100%;
    }

    .subscription-block__button {
        margin-left: 0;
        width: 100%;
        margin-top: 20px;
    }

    .footer-top {
        height: 74px;
    }

    .footer-top__logo {
        width: 113px;
        height: 34px;
    }

    .footer-content {
        padding: 20px 0;
    }

    .footer-bottom {
        height: 53px;
    }

    .footer-content-block_help {
        margin-top: 33px;
    }

    .footer-content-block_contacts {
        flex-basis: auto;
    }

    .footer-content-block_contact-us {
        flex-basis: auto;
    }

    .footer-content-block {
        width: calc(33.3% - 20px)
    }

    .video-block__items {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .video-block__item {
        height: 150px;
    }

    .video-block__item_1 {
        height: auto;
        grid-column-start: auto;
        grid-column-end: auto;
        grid-row-start: auto;
        grid-row-end: auto;
    }

    .video-block__item_4 {
        grid-column-start: auto;
        grid-column-end: auto;
    }

    .articles-block__items {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .articles-block__item {
        height: 150px;
    }

    .articles-block__item_1 {
        height: auto;
        grid-column-start: auto;
        grid-column-end: auto;
        grid-row-start: auto;
        grid-row-end: auto;
    }

    .articles-block__item_4 {
        grid-column-start: auto;
        grid-column-end: auto;
    }

    .goods-block-item__img-wrapper {
        height: 300px;
    }

    .goods-block-item {
        min-height: 486px;
    }

    .product-block-list-items {
        gap: 10px;
        margin-right: -10px;
    }

    .product-block-list-items .goods-block-item {
        width: calc(50% - 10px);
    }

    .catalog-favorites .product-block-list-items .goods-block-item {
        width: calc(50% - 10px);
    }

    div.title-search-result {
        width: 100%;
    }

    .orders_number {
        font-size: 21px;
    }

    .bonus-program__title {
        font-size: 21px;
    }

    .orders__title {
        font-size: 21px;
    }

    .orders_point {
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

    .orders_point > span {
        font-size: 14px;
        font-weight: 600;
        line-height: 130%
    }

    .messenger {
        top: 220px;
        right: 20px;
    }

    .messenger__item {
        width: 46px;
        height: 46px;
    }

    @keyframes fadeInFromNone {
        0% {
            display: none;
            opacity: 0;
            visibility: hidden;
            right: -61px;
        }
        100% {
            display: block;
            opacity: 1;
            visibility: visible;
            right: 0px;
        }
    }
}
/* End */


/* Start:/local/templates/electrotorg/css/style_576.css?17195615014451*/
@media (max-width: 576px) {
    .site-search_submit,
    .site-search__submit {
        margin-left: -42px;
        background: var(--color4) url(/local/templates/electrotorg.new/css/../img/icons/search.svg) no-repeat calc(50% + 21px) 50% / 22px 22px;
    }

    .basic-layout-header__catalog-button {
        width: 57px;
    }

    .about-block__item {
        width: calc(50% - 10px);
    }

    .about-block__item_main {
        width: calc(100% - 10px);
        min-height: 450px;
        background: var(--color2) url('/local/templates/electrotorg/css/../img/about_block_main_mobile.png') no-repeat 50% 21.53px / 250px 250px;
    }

    .about-block__item_100 {
        width: calc(50% - 10px);
        order: 3;
    }

    .about-block__item_big {
        width: calc(100% - 10px);
    }

    .about-block__content_main {
        margin: 292px 20px 0;
    }

    .about-block__item_500 {
        order: 7;
    }

    .partners-block__item {
        width: 33.33%;
    }

    .representations-block__item {
        padding: 10px 10px;
    }

    .basic-layout-header-bookmarks__item {
        margin-left: 10px;
    }

    .basic-layout-header-bookmarks__item:first-child {
        margin-left: 0;
    }

    .footer-top {
        height: 83px;
    }

    .footer-content {
        padding: 12px 0 33px;
    }

    .footer-bottom {
        height: 68px;
    }

    .footer-content-block {
        width: calc(50% - 20px)
    }

    .footer-content-block_info {
        margin-top: 33px;
    }

    .footer-content-block_catalo .footer-content-block__item {
        margin-right: 0;
    }

    .footer-content-block_help .footer-content-block__item {
        margin-right: 0;
    }

    .footer-content-block_contact-us .footer-content-block__item {
        margin-right: 0;
    }

    .partners-block__button, .partners-block__button:hover {
        width: 100%;
    }

    .video-block__items {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 10px;
    }

    .video-block__button, .video-block__button:hover {
        width: 100%;
    }

    .articles-block__items {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 10px;
    }

    .articles-block__button, .articles-block__button:hover {
        width: 100%;
    }

    .articles-block__item_1 {
        height: 150px;
    }

    .goods-block-item {
        min-height: 230px;
        padding: 10px;
    }

    .goods-block-item__img-wrapper {
        height: 215px;
    }

    .goods-block-item__status-wrapper {
        height: auto;
    }

    .goods-block-item__labels {
        width: 100%;
    }

    .goods-block-item__label {
        font-size: 10px;
        padding: 1px 5px;
        line-hieght: 10px;
    }

    .goods-block-item__statuses {
        width: 100%;
        margin-top: 8.5px;
    }

    .goods-block-item__name {
        font-size: 11px;
        margin: 2px 0 7px;
        height: 49px;
    }

    .goods-block-item__delivery-wrapper {
        font-size: 9px;
        text-align: center;
        margin-top: 5px;
    }

    .goods-block-item__price {
        font-size: 16px;
        margin-top: 7px;
    }

    .goods-block-item__points {
        font-size: 11px;
    }

    .goods-block-item__old-price {
        font-size: 11px;
    }

    .about-block__button-main, .about-block__button-main:hover {
        width: 100%;
    }

    .bx-basket-item-list-container {
        display: none !important;
    }

    .menu-modal-mobile-wrapper {
        gap: 10px;
    }

    .catalog-section-list__title {
        font-weight: 600;
        font-size: 14px;
        line-height: 130%;
        max-width: calc(100% - 50px);
    }

    .personal-form__submit-wrapper {
        flex-wrap: wrap;
    }

    .personal-form__submit {
        width: 100%;
    }

    .personal-form__logout, .personal-form__submit {
        width: 100%;
        display: flex !important;
        justify-content: center;
    }

    .bonus-program__item {
        flex-wrap: wrap;
    }

    .bonus-program__item > div {
        width: 100%;
    }

    .orders__item {
        width: 100%;
    }

    .city-popup--submenu {
        display: block !important;
    }

    .city-popup--title {
        display: none;
    }

    .city-popup--submenu:nth-child(2) .city-popup--title {
        display: block;
    }

    .fancybox-button--close {
        display: block;
    }

    .sort-block__span {
        line-height: 110%;
    }
}
/* End */


/* Start:/local/templates/electrotorg/css/style_480.css?17107546671872*/
@media (max-width: 480px) {
    body {
        font-size: 3.8vw;
        line-height: 140%;
    }

    .title {
        font-size: 5vw;
    }

    .footer-content-block__title {
        font-size: 4vw;
    }

    .footer-content-block__item {
        font-size: 3.5vw;
    }

    .sort-block__right {
        display: none;
    }

    .goods-block-item__img-wrapper {
        height: 200px;
        overflow: hidden;
    }

    .articles-block__item_1 .articles-block__item-title {
        font-size: 5vw;
    }

    .answer-list__title {
        font-size: 4.5vw;
    }

    .answer-list__name {
        font-size: 4.5vw;
        font-weight: 500;
    }

    .about-block__title {
        font-size: 5vw;
    }

    .news-block__item .news-block__title {
        font-size: 4.5vw;
    }

    .subscription-block {
        padding: 20px 31px;
        margin-top: 20px;
    }

    .contacts-block__title {
        font-size: 5vw;
    }

    .contacts-block__subtitle {
        font-size: 4vw;
    }

    .contacts-block__info-title {
        font-size: 5vw;
    }

    .contacts-block__info-items {
        font-size: 4vw;
    }

    .personal-form__title {
        font-size: 5vw;
    }

    .bonus-program__title {
        font-size: 5vw;
    }

    .bonus-program__name {
        font-size: 4vw;
    }

    .bonus-program__name i {
        margin-top: -3px;
        margin-left: 2px;
    }

    .goods-block-item__tobasket-button {
        padding: 7.25px 10px;
        height: auto !important;
    }

    .goods-block-item__tobasket {
        height: 34px;
        width: 30px;
    }

    .goods-block-item__tobasket-button svg {
        width: 15px;
        height: 14.7px;
    }

    .goods-block-item__tobasket-button {
        border-radius: 5px;
    }

    .basic-layout-header__logo {
        width: calc(173px / 1.2);
        height: calc(15.18px / 1.2);
    }
}
/* End */


/* Start:/local/templates/electrotorg/css/desktop-menu.css?17107546675556*/
:root {
    --accent-color: #ffdc08;
    --main-color: #000000;
}

/*!* width *!*/
/*::-webkit-scrollbar {*/
/*    width: 4px;*/
/*}*/

/*!* Track *!*/
/*::-webkit-scrollbar-track {*/
/*    background: #f1f1f1;*/
/*}*/

/*!* Handle *!*/
/*::-webkit-scrollbar-thumb {*/
/*    background: var(--accent-color);*/
/*}*/

/*!* Handle on hover *!*/
/*::-webkit-scrollbar-thumb:hover {*/
/*    background: var(--accent-color);*/
/*}*/

.el-desktop-menu {
    position: absolute;
    left: 0;
    width: 100%;
    display: none;
    height: 80vh;
    background: #000000;
    z-index: 1000000;
    transition: none !important;
}

.el-desktop-menu.show {
    display: flex;
}

.el-desktop-menu.full {
    height: calc(100vh - 40px);
    max-width: 1920px;
    left: auto;
}

.el-menu-wrap {
    display: flex;
    width: 100%;
}

.el-menu-first-level {
    flex: 1;
    margin-bottom: 100px;
}

.el-menu-left {
    width: calc(100vw / 3.5);
    overflow-y: auto;
    padding-bottom: 30px;
}

.el-menu-left:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    bottom: 0;
    background: var(--accent-color);
}

.el-menu-left svg {
    max-width: 100%;
    max-height: 100%;
}

.el-menu-left svg path {
    stroke: white;
}

.el-menu-right {
    flex: 1;
    max-height: 80vh;
    overflow-y: auto;
    background: white;
}

.full .el-menu-right {
    height: calc(100vh - 40px);
    max-height: calc(100vh - 40px);
}

.el-menu-row {
    display: flex;
}

.el-menu-right-wrap {
    width: calc(100vw / 2.15);
}

.el-menu-right-brands-wrap {
    width: calc(100vw / 6);
    margin-left: auto;
    padding-right: calc(100vw / 29);
}

.el-menu-second-level {
    display: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin: 0;
}

.menu-article-wrap {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin-top: 0;
}

.menu-articles {
    display: none;
    padding: 0 15px;
    margin-top: auto;
}

.el-menu-second-level.show, .menu-articles.show {
    display: inline-block;
}

.el-menu-second-level li, .menu-article-wrap li {
    display: block;
    width: 100%;
    -webkit-column-break-inside: avoid;
}

.el-menu-link, .el-menu-second-title, .el-menu-brend-title, .menu-articles-title, .staic-link {
    font-size: calc(12px + (24 - 14) * (100vw / 1920));
    text-decoration: none;
    line-height: normal;
    padding-top: 13px;
    padding-bottom: 13px;
    font-family: 'Roboto-Medium';
}

.el-menu-brend-title {
    text-align: right;
}

.el-menu-link {
    color: white;
}

.el-menu-link, .el-menu-brend-wrap, .staic-links {
    display: block;
    padding-left: 53px;
}

.el-menu-link {
    padding-left: 53px;
    height: 80px;
    display: flex;
    align-items: center;
}

.el-menu-link:hover, .el-menu-left-items.active .el-menu-link {
    background: var(--accent-color);
    color: var(--main-color);
}

.staic-link {
    color: white;
}

.staic-links:hover .staic-link, .staic-links:hover .title-icon--menu svg path {
    color: var(--accent-color);
    stroke: var(--accent-color);
}

.staic-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.el-menu-second-title {
    padding-left: 15px;
    padding-right: 15px;
}

.menu-articles-title {
    margin-left: 40px;
    margin-right: 40px;
}

.el-menu-second-title:hover {
    color: var(--accent-color);
}

.el-menu-brend-wrap {
    position: relative;
    bottom: 35px;
    display: none;
    flex-direction: column;
    margin-top: 30px;
}

.static-link-menu {
    display: none;
}

.el-menu-brend-wrap.show {
    display: flex;
}

.static-link-menu.show {
    display: inline-block;
}

.el-menu-brands {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.el-menu-brand-imageBlock {
    width: auto;
    height: 100px;
    overflow: hidden;
    margin-left: auto;
}

.el-menu-brand-imageBlock img {
    height: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.8s;
}

.el-menu-brand-imageBlock img:hover {
    height: 100%;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.el-desktop-submenu {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    list-style: none;
    font-family: 'Roboto-Regular';
}

.el-desktop-submenu li a, .menu-article-wrap li a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    line-height: 27px;
}

.el-desktop-submenu li a:hover, .menu-article-wrap li a:hover {
    color: var(--accent-color);
}

.menu-article-wrap li {
    padding-right: calc(100% - 270px);
}


.icon--article {
    background: url("/local/templates/electrotorg/css/../images/article-svg-icon.svg");
}

@media (max-width: 1400px) {
    .el-menu-second-level, .menu-article-wrap {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 1200px) {
    .el-menu-second-level, .menu-article-wrap {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .el-menu-right-wrap {
        width: calc(100vw / 3.15);
    }

    .el-menu-right-brands-wrap {
        width: calc(100vw / 4);
    }
}

@media (max-width: 998px) {
    .el-desktop-menu {
        display: none;
    }

    .el-menu-second-level, .menu-article-wrap {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}
/* End */


/* Start:/local/templates/electrotorg/css/owl.carousel.css?17107546674141*/
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */

/*
 *  Owl Carousel - Core
 */

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    height: 100%;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    height: 100%;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}


/* No Js */

.no-js .owl-carousel {
    display: block;
}


/*
 *  Owl Carousel - Animate Plugin
 */

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/*
 * 	Owl Carousel - Auto Height Plugin
 */

.owl-height {
    transition: height 500ms ease-in-out;
}


/*
 * 	Owl Carousel - Lazy Load Plugin
 */

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}


/*
 * 	Owl Carousel - Video Plugin
 */

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("/local/templates/electrotorg/css/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/* End */


/* Start:/local/templates/electrotorg/css/animate.css?171075466779459*/
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

/* End */


/* Start:/local/templates/electrotorg/css/slick.css?17107546671750*/
/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/electrotorg/css/slick-theme.css?17107546673165*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
    background: #fff url('/local/templates/electrotorg/css/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/electrotorg/css/./fonts/slick.eot');
    src: url('/local/templates/electrotorg/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/electrotorg/css/./fonts/slick.woff') format('woff'), url('/local/templates/electrotorg/css/./fonts/slick.ttf') format('truetype'), url('/local/templates/electrotorg/css/./fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -16px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: #ca0000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #ca0000;
}

/* End */


/* Start:/local/templates/electrotorg/css/style.css?1720587026342025*/
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.btn-order-fast-order-js {
    display: none !important;
}

.el-stiky-total {
    margin-bottom: 20px;
}

/* Header Action */
.basic-layout-content_old .header-icon-wrap {
    margin-left: auto;
}

.basic-layout-content_old .header-action {
    position: relative;
    width: 32px;
    height: 32px;
}

.basic-layout-content_old .header-action:hover {
    cursor: pointer;
}

.basic-layout-content_old .header-action:hover svg path {
    fill: var(--accent-color);
}

.basic-layout-content_old .action-comparison-num {
    position: absolute;
    top: -5px;
    right: -5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background: var(--accent-color);
    color: var(--main-color);
    font-size: 10px;
    border-radius: 50%;
}

.basic-layout-content_old .favorite-action {
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.basic-layout-content_old .banner-home {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.basic-layout-content_old .banner-home a {
    display: block;
    order: 1;
}

.basic-layout-content_old .banner-home a:not(:last-child) {
    margin-right: 30px;
}

@media (max-width: 586px) {
    .basic-layout-content_old .banner-home a {
        display: block;
        width: 100%;
    }

    .basic-layout-content_old .banner-home img {
        width: 100%;
        object-fit: cover;
    }

    .basic-layout-content_old .banner-home {
        display: block;
    }

    .basic-layout-content_old .banner-home .slick-dots {
        bottom: -15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .basic-layout-content_old .banner-home .slick-dots li button:before {
        width: 15px;
        height: 2px;
        background: gray;
        border-radius: 25px;
        opacity: 1;
        content: '';
    }

    .basic-layout-content_old .banner-home .slick-dots li.slick-active button:before {
        background: #ffdc08;
    }

    .basic-layout-content_old .banner-home .slick-dots li button {
        width: 15px;
        height: 2px;
    }

    .basic-layout-content_old .banner-home .slick-dots li {
        width: 15px;
        height: 2px;
    }

    .basic-layout-content_old .banner-home .slick-dots li:not(:last-child) {
        margin-right: 5px;
    }
}

.basic-layout-content_old .favorite-action:before {
    display: none;
    content: attr(data-favorite-count);
    position: absolute;
    top: -5px;
    right: -5px;
    width: 15px;
    height: 15px;
    background: #fff;
    color: #000;
    font-size: 12px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.basic-layout-content_old .close-icon-compare {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3f3f3;
    margin-left: auto;
}

.basic-layout-content_old .swiper-button-disabled {
    display: none;
}

.basic-layout-content_old .close-icon-compare:hover {
    cursor: pointer;
}

.basic-layout-content_old .close-icon-compare:before {
    content: '';
    display: flex;
    width: 100%;
    height: 100%;
    background: url("/bitrix/templates/electrotorg/images/cancel.svg") no-repeat;
}

.basic-layout-content_old .favorite-action.active:before {
    display: flex;
}

.basic-layout-content_old .actions-icon-wrap {
    margin-left: auto;
}

.basic-layout-content_old .favorite-action svg {
    fill: white;
}

.basic-layout-content_old .favorite-action.active svg {
    fill: var(--accent-color);
}

.basic-layout-content_old .favorite-action:hover {
    cursor: pointer;
}

.basic-layout-content_old .methodForm {
    display: none;
    z-index: 9999;
}

.basic-layout-content_old .methodForm:before {
    content: '';
    position: absolute;
    right: 15px;
    top: -13px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid rgb(0 0 0 / 84%);
}

.basic-layout-content_old .buttons-wrap {
    background: rgba(0, 0, 0, 0.79);
    padding: 1rem;
}

.basic-layout-content_old .buttons-content {
    display: flex;
    flex-direction: column;
}

.basic-layout-content_old .js-show-auth-form:hover, .pointer:hover {
    cursor: pointer;
}


.basic-layout-content_old .js-show-auth-form.active {
    z-index: 100001;
    position: relative;
    color: white;
}

.basic-layout-content_old .js-show-auth-form.active img {
    filter: invert(1);
}


.basic-layout-content_old .bg--accent {
    background-color: #ffdc08 !important;
}

.basic-layout-content_old .color--success {
    color: #0a962f;
}

.basic-layout-content_old .color--danger {
    color: red;
}

.basic-layout-content_old .methodForm--btn {
    background: white;
    padding: 0.5rem;
    text-align: center;
    border-radius: 0.3rem;
}

.basic-layout-content_old .methodForm--btn:not(:last-child) {
    margin-bottom: 1rem;
}

.basic-layout-content_old .methodForm--btn:hover {
    cursor: pointer;
}

.basic-layout-content_old .wrapper {
    position: relative;
    overflow: hidden;

}

.basic-layout-content_old .wrapper-in {
    min-height: calc(100vh - 90px);
}

.basic-layout-content_old .container-fluid {
    max-width: 1830px;
    margin: 0 auto;
}

.basic-layout-content_old .menu-toggle {
    width: 22px;
    height: 17px;
    cursor: pointer;
    margin-right: 7px;
}

.basic-layout-content_old .menu-toggle.on .menuLineOne {
    margin: 0;
    position: relative;
    top: -4px;
    -moz-transform: rotate(45deg) translate(8px, 8px);
    -ms-transform: rotate(45deg) translate(8px, 8px);
    -webkit-transform: rotate(45deg) translate(8px, 8px);
    transform: rotate(45deg) translate(8px, 8px);
}

.basic-layout-content_old .menu-toggle.on .menuLineTwo {
    opacity: 0;
}

.basic-layout-content_old .menu-toggle.on .menuLineThree {
    position: relative;
    top: 6px;
    margin: 0;
    -moz-transform: rotate(-45deg) translate(6px, -6px);
    -ms-transform: rotate(-45deg) translate(6px, -6px);
    -webkit-transform: rotate(-45deg) translate(6px, -6px);
    transform: rotate(-45deg) translate(6px, -6px);
}

.basic-layout-content_old .menuLineOne,
.basic-layout-content_old .menuLineTwo,
.basic-layout-content_old .menuLineThree {
    width: 100%;
    height: 3px;
    background: #000000;
    backface-visibility: hidden;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.basic-layout-content_old .menuLineOne,
.basic-layout-content_old .menuLineTwo {
    margin-bottom: 4px;
}

.basic-layout-content_old .table-row,
.basic-layout-content_old .table {
    display: table;
    width: 100%;
    height: 100%;
}

.basic-layout-content_old .table-row > div {
    display: table-row;
}

.basic-layout-content_old .table-row > div > div,
.basic-layout-content_old .table > div {
    display: table-cell;
    vertical-align: middle;
}

.basic-layout-content_old .fh,
.basic-layout-content_old .fh > *,
.basic-layout-content_old .fh > * > * {
    height: 100%;
}


.basic-layout-content_old .img-box {
    position: relative;
    overflow: hidden;
}

.basic-layout-content_old .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
}

.basic-layout-content_old .ln,
li li {
    padding: 0;
    margin: 0;
    list-style: none;
}

/*--buttons--*/

a {
    color: inherit;
    display: inline-block;
}

.basic-layout-content_old .btn {
    text-decoration: none;
    font-family: 'Roboto-Bold';
    padding: 8px 16px;
    background: none;
    text-align: center;
    display: inline-block;
    font-size: 16px !important;
    background: #ffdc08;
    color: #000;
    height: 54px;
    line-height: 130%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.basic-layout-content_old .btn:hover {
    cursor: pointer;
}

.basic-layout-content_old .btn.white {
    background: #fff;
}

.basic-layout-content_old .btn.black {
    background: #000;
    color: #fff;
}

.basic-layout-content_old .btn.gray {
    background: #595959;
    color: #fff;
}

.basic-layout-content_old .btn.border {
    border: 2px solid #000;
    background: none;
}

/*
.basic-layout-content_old .btn:hover {
background: #000;
color: #fff;
}
*/

.basic-layout-content_old .btn-off {
    opacity: 0.2;
}

.basic-layout-content_old .btn-off:hover {
    background: none;
    color: inherit;
    cursor: default;
}

.basic-layout-content_old .btn-wc {
    text-align: center;
}

/**/
.basic-layout-content_old .link {
    text-decoration: none;
    color: #1c91f9;
}

.basic-layout-content_old .link:hover {
    text-decoration: underline;
}


/**/
.basic-layout-content_old .category-topic {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0px 0 15px 0;
    text-transform: none;
    font-size: 28px;
    border-bottom: 2px solid #000;
}

.basic-layout-content_old .category-topic h1, .category-topic h2 {
    max-width: calc(100% - 100px);
}

@media (max-width: 576px) {
    .basic-layout-content_old .bx_filter_container_modef {
        display: none;
    }
}

.basic-layout-content_old .category-topic i {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 20px;
}

.basic-layout-content_old .category-topic i img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.basic-layout-content_old .category-topic h1,
.basic-layout-content_old .category-topic h2 {
    padding: 0;
    margin: 0;
    font-family: 'Roboto-Bold';
}

@media (max-width: 998px) {
    .basic-layout-content_old .category-topic h1, .category-topic h2 {
        font-size: 18px;
    }
}

.basic-layout-content_old .basket-items-list-table thead tr td:first-child {
    width: 10%;
}

.basic-layout-content_old .basket-items-list-table thead tr td:nth-child(2n) {
    width: 51%;
}

.basic-layout-content_old .basket-items-list-table thead tr td:nth-child(3n) {
    width: 10%;
}

.basic-layout-content_old .basket-items-list-table thead tr td:nth-child(4n) {
    width: 16%;
}

.basic-layout-content_old .basket-items-list-table thead tr td:nth-child(5n) {
    width: 12%;
}

.basic-layout-content_old .basket-items-list-table thead tr td:last-child {
    width: 2%;
}

.basic-layout-content_old .basket-items-list-table thead tr td {
    font-size: 24px;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .basket-items-list-table tbody tr td {
    vertical-align: middle;
}

.basic-layout-content_old .basket-items-list-table thead tr td:not(fits-child) {
    font-size: 21px;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .category-topic span {
    font: inherit;
    padding: 0;
    margin: 0;
    font-family: 'Roboto-Bold';
}


/*-custom-select-*/
.basic-layout-content_old .custom-select {
    cursor: pointer;
    position: relative;
    display: inline-block;
    border: 1px solid #000;
    width: 100%;

    padding: 4px 13px;
    padding-right: 20px;
    margin: 0 0 19px;
}

.basic-layout-content_old .custom-select span {
    position: relative;
    z-index: 2;
    color: inherit;
}

.basic-layout-content_old .custom-select i {
    background: url(/local/templates/electrotorg/css/../images/ico-arrdown.png) center no-repeat;
    background-size: 10px;
    right: 8px;
    top: 4px;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 2;
    display: inline-block;
}

.basic-layout-content_old .custom-select ul {
    position: absolute;
    left: 0;
    z-index: 1;
    padding: 0;
    padding-top: 14px;
    opacity: 0;
    visibility: hidden;
    top: 13px;
    border: 1px solid #000;
    left: -1px;
    background: #fff;
    right: -1px;
    overflow: hidden;
    border-top: 0;
    margin: 0;

}

.basic-layout-content_old .custom-select ul li {
    padding: 2px 4%;
    cursor: pointer;
    transition: ease-out 0.5s;
}

.basic-layout-content_old .custom-select ul li:hover {
    background: #ccc;
    color: #000;
}

.basic-layout-content_old .custom-select.active ul {
    visibility: visible;
    opacity: 1;
}


/*-custom-select-*/
/*-checkbox-*/
.basic-layout-content_old .radio-wrap,
.basic-layout-content_old .checkbox-wrap {
    padding: 5px 12px 5px 22px;
    position: relative;


    display: inline-block;
}

.basic-layout-content_old .radio-wrap i,
.basic-layout-content_old .checkbox-wrap i {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    position: absolute;
    left: 0;
    top: 4px;
    border-radius: 25%;
    cursor: pointer;

}

.basic-layout-content_old .radio-wrap i:after,
.basic-layout-content_old .checkbox-wrap i:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #000;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 25%;
    display: none;
}

.basic-layout-content_old .radio-wrap.active,
.basic-layout-content_old .checkbox-wrap.active {
    opacity: 1;
}

.basic-layout-content_old .radio-wrap.active:after,
.basic-layout-content_old .checkbox-wrap.active i:after {
    display: block;
}


/*-checkbox-*/
/*-file-upload-*/
.basic-layout-content_old .input-file-wrap {
    position: relative;
    height: 30px;
}

.basic-layout-content_old .input-file {
    position: absolute;
    width: 165px;
    height: 30px;
    outline: 1px solid red;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.basic-layout-content_old .delete-file {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin: -2px 0 0 20px;
}

.basic-layout-content_old .delete-file i {
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(/local/templates/electrotorg/css/../images/close-red.png) -16px 0 no-repeat;
    top: 50%;
    left: 50%;
    margin: -7px;
    display: inline-block;
}

.basic-layout-content_old .delete-file:hover {
    background: #f00;
}

.basic-layout-content_old .delete-file:hover i {
    background: url(/local/templates/electrotorg/css/../images/close-red.png) 0px 0 no-repeat;
}

.basic-layout-content_old .btn-decorate {
    position: absolute;
}

.basic-layout-content_old .btn-decorate.hover {
    background: #000;
    color: #fff;
}


.basic-layout-content_old .btn-decorate.btn-off,
.basic-layout-content_old .input-file.btn-off {
    display: none;
}

/*-file-upload-*/
/*--fields--*/
/*-----form-----*/
.basic-layout-content_old .form input[type="text"],
.basic-layout-content_old .form textarea {
    width: 100%;
}

.basic-layout-content_old .form > div {
    margin: 0 0 30px;
}

/*-----form-----*/
/*-----standard-----*/
/*-----popup-----*/
.basic-layout-content_old .element-show {
    visibility: hidden;
    opacity: 0;
    transition: ease-out 0.25s;
}

.basic-layout-content_old .element-show.show {
    visibility: visible;
    opacity: 1;
}


.basic-layout-content_old .popup-wrap {
    width: 100%;
    height: calc(100% - 0px);
    position: fixed;
    left: 0;
    top: 0px;
    z-index: 105;
    overflow-y: auto;
}

.basic-layout-content_old .popup-wrap.center-modal-content {
    text-align: center;
}


.basic-layout-content_old .popup-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.26);
}

.basic-layout-content_old .error-ajax-style {
    color: red;
}

.basic-layout-content_old .title-with-icon {
    display: flex;
    align-items: center;
    border-bottom: solid 2px #000000;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.basic-layout-content_old .popup-wrap .popup_authorized {
    position: relative;
    width: 450px;
    background: #fff;
    padding: 15px;
    margin: 0 auto;
    transition: ease-out 0.5s;
}

.basic-layout-content_old .popup-wrap .popup {
    position: relative;
    width: 640px;
    background: #fff;
    padding: 15px;
    margin: 0 auto;
    transition: ease-out 0.5s;
}

input.error-input {
    border-color: red;
}

.basic-layout-content_old .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: url(/local/templates/electrotorg/css/../images/ico-cross-b.svg) center no-repeat;
    background-size: 15px;
    font-size: 0;
}

.basic-layout-content_old .close.btn {
    background: #595959;
    color: #fff;
    width: auto;
    height: auto;
    position: relative;
}

.basic-layout-content_old .popup input {
    border: 2px solid #000;
    text-align: left;
}

.basic-layout-content_old .popup h2 {
    margin: 0 0 30px;
}

.basic-layout-content_old .popup .row {
    margin: 0 -30px;
}

.basic-layout-content_old .popup .btn {
    width: 100%;
}


.basic-layout-content_old .stub {
    position: relative;
    height: 90px;
}

/**/
.basic-layout-content_old .header-three {
    background-color: white;
    padding: 10px 0 0px;
}

.basic-layout-content_old .header-three .btn-wc {
    text-align: right;
}

.basic-layout-content_old .btn-back {
    background: #000;
    color: #Fff;
    position: relative;
    padding: 6px 13px 6px 41px;
}

.basic-layout-content_old .btn-back.btn-back_fixed-menu {
    background: transparent;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.basic-layout-content_old .btn-back.btn-back_fixed-menu i {
    height: 10px;
    top: calc(50% - 5px);
    display: inline-block;
}

.basic-layout-content_old .btn-back i {
    position: absolute;
    width: 16px;
    height: 10px;
    background: url(/local/templates/electrotorg/css/../images/arr-prev-lite.png) center no-repeat;
    background-size: 100%;
    left: 14px;
    top: 10px;
    display: inline-block;
}


.basic-layout-content_old .btn-back i.hover {
    background: url(/local/templates/electrotorg/css/../images/arr-prev-black-lite.png) center no-repeat;
    background-size: 100%;
    display: none;
}

/**/
.basic-layout-content_old .logo {
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 10px auto 0;
    display: block;
}

.basic-layout-content_old .logo img {
    max-width: 282px;
    width: 100%;
}

/*reg cabinet*/
.basic-layout-content_old .cabinet-rigister {
    margin: 34px 0px 0px 0px;
}

.basic-layout-content_old .cabinet img {
    width: 30px;
}

.basic-layout-content_old .cabinet-rigister a:hover {
    text-decoration: underline;
}

.basic-layout-content_old .bonus-btn {
    margin-left: -54px;
    margin-right: 15px;
}

/*reg cabinet*/
/*city*/
.basic-layout-content_old .city, .city-new-fixed {
    position: relative;
    margin-top: 0 !important;
    display: flex;
    height: 87px;
    align-items: center;
}

@media (max-width: 1480px) {
    .basic-layout-content_old .city, .city-new-fixed {
        align-items: center;
        margin-top: 15px;
    }
}

.basic-layout-content_old .city #cityid2, .city-new-fixed #cityid2 {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 5px;
    white-space: nowrap;
}

.basic-layout-content_old .city #cityid3, .city-new-fixed #cityid3 {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 0px;
}

.basic-layout-content_old .city-new-fixed .geo-location__icon,
.basic-layout-content_old .city .geo-location__icon {
    width: 12px;
    height: auto;
    margin-right: 5px;
    flex: none;
}

.basic-layout-content_old .city-new-fixed i,
.basic-layout-content_old .city i {
    width: 10px;
    height: 18px;
    background: url(/local/templates/electrotorg/css/../images/ico-arrdown.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    margin: 4px 0 0 5px;
    right: 0;
    top: 2px;
}

.basic-layout-content_old .city-new-fixed.show i {
    transform: rotate(180deg);
}

.basic-layout-content_old .city.show i {
    transform: rotate(180deg);
}

.basic-layout-content_old .city a:hover {
    text-decoration: underline;
}

.basic-layout-content_old .city-new-fixed a:hover {
    text-decoration: underline;
}

.basic-layout-content_old .product-img .slick-slide {
    height: auto !important;
}

/*city-popup*/
.basic-layout-content_old .city-popup-wrap {
    position: fixed;
    height: 772px;
    left: 15px;
    right: 15px;
    width: 98%;
    top: 50px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(15px);
    transition: all .25s ease-in-out;
    background: white;
    padding: 30px 40px;
    font-size: 14px;
    font-family: 'Roboto-Regular';
    z-index: 99999;
    max-height: 100vh;
    overflow-y: auto;
}

.basic-layout-content_old .show-first-geo-modal {
    visibility: hidden;
    position: absolute;
    left: 15px;
    top: 50px;
    padding: 17px 0;
    z-index: 99999;
}

.basic-layout-content_old .show-first-geo-modal.show {
    visibility: visible;
}

.basic-layout-content_old .city-popup-title {
    font-size: 21px;
    margin-bottom: 30px;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .overlay {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.29);
    top: 0;
    left: 0;
}

.basic-layout-content_old .overlay.active {
    display: block !important;
    opacity: 1;
    visibility: visible;
}

.basic-layout-content_old .city-popup--lists {
    display: flex;
    flex-direction: column;
    width: 250px;
}

.basic-layout-content_old .city-popup--list {
    font-family: 'Roboto-Bold';
}

/*.city-popup--list.active {
color: #FFDC08;
}*/
.basic-layout-content_old .city-popup--list:hover, .city-popup--list.active {
    color: #FFDC08;
}

.basic-layout-content_old .city-close-modal {
    position: absolute;
    top: 5px;
    right: 20px;
    background-image: url("/local/templates/electrotorg/css/../images/cancel.svg");
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    opacity: 0.8;
}

.basic-layout-content_old .city-popup--list:hover, .city-close-modal:hover {
    cursor: pointer;
}

.basic-layout-content_old .city-close-modal:hover {
    fill: #FFDC08;
    opacity: 1;
}

.basic-layout-content_old .city-popup--search-input {
    position: relative;
    width: 336px;
}

.basic-layout-content_old .city-popup--search-input input {
    width: 100%;
    border: solid 1px;
}

.basic-layout-content_old .city-popup--search-input .city-popup--search-btn {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(/bitrix/templates/electrotorg/css/../images/ico-loop.png) center no-repeat;
    background-size: 100%;
    right: 15px;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    margin: 0;
    border: none;
}

.basic-layout-content_old .city-popup--search-input:hover .city-popup--search-btn:hover {
    cursor: pointer;
}

.basic-layout-content_old .city-popup--submenu {
    display: none;
    width: 85%;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

@media (min-width: 992px) {
    .basic-layout-content_old .city-popup--submenu-wrap {
        column-count: 3;
    }
}

@media (max-width: 992px) {
    .basic-layout-content_old .city-popup--submenu-wrap {
        column-count: 2;
    }

}

@media (max-width: 576px) {
    .basic-layout-content_old .city-popup-wrap {
        left: 0;
        right: 0;
        width: 100%;
        padding: 15px;
    }

    .basic-layout-content_old .city-popup--content {
        flex-wrap: wrap;
    }

    .basic-layout-content_old .city-popup--lists, .city-popup--submenu, .city-popup--search-input {
        width: 100%;
    }
}

.basic-layout-content_old .city-popup--submenu-wrap a {
    display: flex;
}

.basic-layout-content_old .city-popup--submenu-wrap span:first-child,
.basic-layout-content_old .city-popup--submenu-wrap a:first-child {
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .city-popup--title {
    display: flex;
    font-size: 16px;
    margin-bottom: 15px;
    color: #797979;
}

.basic-layout-content_old .city-popup--message {
    column-count: 4;
    font-size: 16px;
    color: #ab9811;
    padding: 0;
}

@media (max-width: 768px) {
    .basic-layout-content_old .city-popup--message {
        column-count: 3;
    }
}

@media (max-width: 576px) {
    .basic-layout-content_old .city-popup--message {
        column-count: 2;
    }
}

.basic-layout-content_old .change-city {
    display: inherit;
}

.basic-layout-content_old .change-city:hover {
    cursor: pointer;
    color: #000000;
}

.basic-layout-content_old .city-popup--message li {
    list-style: none;
}

.basic-layout-content_old .city-popup--content {
    display: flex;
    margin-top: 30px;
}

.basic-layout-content_old .city-popup-inner {
    max-width: 264px;
    width: 100%;
    position: absolute;
    background: rgba(255, 220, 8, 0.9);
    padding: 10px;
    position: relative;
    transition: background-color .25s ease-in-out;
}

.basic-layout-content_old .city-popup-inner:hover {
    background: rgba(255, 220, 8, 1);
}

.basic-layout-content_old .opacity-background-city .city-popup-inner {
    background: rgba(255, 220, 8, .75);
}

#city-cont:hover .opacity-background-city .city-popup-inner {
    background: rgba(255, 220, 8, 1);
}

#city-cont:hover .opacity-background-city .city-popup-inner::after {
    border-bottom-color: rgba(255, 220, 8, 1);
}

.basic-layout-content_old .city_fixed-mnu .opacity-background-city .city-popup-inner {
    background: rgba(255, 220, 8, 1);
}

.basic-layout-content_old .city-popup-inner::after {
    content: '';
    position: absolute;
    left: 31px;
    bottom: 100%;
    border: 10px solid transparent;
    padding-top: 3px;
    border-bottom: 10px solid rgba(255, 220, 8, .75);
}

.basic-layout-content_old .geo-location__inner--text {
    font-size: 11px;
    cursor: pointer;
    margin-top: 10px;
    font-style: italic;
    line-height: 1.3;
    border-top: 1px solid #000;
    text-transform: lowercase;
}

.basic-layout-content_old .reaspektGeobaseTitle.reaspektGeobaseTitle_new {
    max-width: 370px;
    margin: 0 auto 10px auto;
    text-align: center;
}

.basic-layout-content_old .popup-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.basic-layout-content_old .city-popup-wrap.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.basic-layout-content_old .city-popup--decor {
    position: absolute;
    top: -12px;
    left: 0;
}

.basic-layout-content_old .city-popup {
    position: relative;
}

.basic-layout-content_old .city-popup .city-name {
    text-align: center;
    margin-bottom: 10px;
    white-space: nowrap;
}

.basic-layout-content_old .city-popup .btn-wc {
    display: flex;
    justify-content: center;
    align-items: center;
}

.basic-layout-content_old .city-popup .btn-wc .btn.black {
    margin-right: 1rem;
    cursor: pointer;
    font-size: 16px;
}

.basic-layout-content_old .city-popup .btn-wc .btn.black:hover {
    color: #000;
    background: white;
}

.basic-layout-content_old .city-popup .btn-wc .wrapGeoIpReaspekt {
    font-size: 15px;
    color: #353535;
    text-decoration: underline;
    cursor: pointer;
}

.basic-layout-content_old .city-popup-wrap h2 {
    display: none;
}

.basic-layout-content_old .city-checkbox {
    font-size: 20px;
    position: absolute;
    background: #fff;
    border-bottom: 2px solid #000;
    width: 100%;
    height: 140px;
    top: 90px;
    z-index: 4;
    padding: 30px;
    display: none;
}

.basic-layout-content_old .city-checkbox h2 {
    margin: 0;
    padding: 0;
    font-size: 20px;
}

.basic-layout-content_old .city-checkbox.show {
    display: block;
}

.basic-layout-content_old .city-checkbox .checkbox-wrap {
    padding-left: 42px;
    padding-bottom: 24px;
    padding-top: 0;
    width: 100%;
    font-size: 20px;
}

.basic-layout-content_old .city-checkbox .checkbox-wrap i {
    width: 25px;
    height: 25px;
    top: 3px;
    left: 8px;
}

.basic-layout-content_old .city-checkbox .checkbox-wrap i:after {
    width: 15px;
    height: 15px;
    left: 4px;
    top: 4px;
}

/*city-popup*/
/*city*/
/*phone*/
.basic-layout-content_old .phone {
    font-size: 24px;
    position: relative;
    margin-top: 28px;
    font-family: 'Roboto-Bold';
    text-align: right;
    margin-left: -15px;
}


/*phone*/
/*basket-header*/
.basic-layout-content_old .basket-btn {
    background: #FFDC08;
    position: absolute;
    width: 130px;
    height: 90px;
    right: 0;
    top: 100%;
    cursor: pointer;
    transform: translateY(-100%);
    transition: none;
}

.basic-layout-content_old .basket-btn div {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -14px 0 0 30px;
    font-size: 20px;
}

.basic-layout-content_old .basket-btn i {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/local/templates/electrotorg/css/../images/ico-basket.png) center no-repeat;
    background-size: 45px;
    padding: 32px 15px;
}

.basic-layout-content_old .basket-btn i.addMoveI {
    background-size: 55px;
}

.basic-layout-content_old .basket-btn i.hover {
    background: url(/local/templates/electrotorg/css/../images/ico-basket-white.png) center no-repeat;
    background-size: 37px;
    display: none;
}

.basic-layout-content_old .bg-yellow {
    background: #FFDC08;
}

.basic-layout-content_old .bg-yellow .show {
    display: block;
}

@media (max-width: 992px) {
    .basic-layout-content_old .basket-btn a {
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(/local/templates/electrotorg/css/../images/ico-basket.png) center no-repeat;
        background-size: 24px;
        padding: 32px 15px;
        background-position-y: 35px;
        background-position-x: 67%;
        font-size: 14px;
        line-height: 26px;
    }

    .basic-layout-content_old .basket-btn {
        width: 55px !important;
    }

    .basic-layout-content_old .basket-btn i {
        position: absolute;
        background: #ffdc08;
        padding: 1px;
        width: auto;
        height: auto;
        top: 24px;
        font-size: 10px !important;
        line-height: 12px !important;
        right: 4px;
        left: auto;
        bottom: auto;
    }
}

@media (min-width: 992px) {
    .basic-layout-content_old .basket-row:hover .el-basket-modal:not(.empty) {
        display: block !important;
    }
}

/*
.basic-layout-content_old .basket-btn:hover {
background: #000;
}

.basic-layout-content_old .basket-btn:hover i {
display: none;
}

.basic-layout-content_old .basket-btn:hover i.hover {
display: block;
}
*/
/*basket-header*/
/**/
.basic-layout-content_old .social > * {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.basic-layout-content_old .social a {
    position: relative;
    display: inline-block;
    font-size: 0;
}

.basic-layout-content_old .social img {
    height: 15px;
}

/*-----header-----*/
/*-----hidden-nav-----*/
.basic-layout-content_old .nav-item {
    padding: 15px;
    min-height: 330px;
}

.basic-layout-content_old .nav-item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.basic-layout-content_old .nav-half,
.basic-layout-content_old .hav-half-second {
    float: left;
    width: 50%;
}

.basic-layout-content_old .hid span {
    font-size: 24px;
    margin: 0;
    border-bottom: 2px solid #000;
    position: relative;
    padding-left: 55px;
    padding-bottom: 7px;
    padding-top: 9px;
    text-transform: none;
    font-weight: normal;
    font-family: 'Roboto-Bold';
    display: block;
}

/**/
.basic-layout-content_old .gray-1 {
    background: #BEC3B5;
}


.basic-layout-content_old .gray-2 {
    background: #C5C6C6;
}

.basic-layout-content_old .blue {
    background: #AED2FF;
}

.basic-layout-content_old .orange {
    background: #F8E5B7;
}

.basic-layout-content_old .pink {
    background: #F2D3F2;
}

/**/
.basic-layout-content_old .partner-btn {
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-size: 20px;
    font-family: 'Roboto-Bold';
    background: #000;
    color: #Fff;
    text-decoration: none;
    padding: 12px 0px;
    position: relative;
}

/*
.basic-layout-content_old .partner-btn i {
    position: absolute;
    width: 20px;
    height: 12px;
    background: url(/local/templates/electrotorg/css/../images/arr-next-lite.png) center no-repeat;
    background-size: 100%;
    display: inline-block;
    top: 21px;
    margin-left: -30px;
}
*/
/*-----hidden-nav-----*/
/*-----header-second-----*/
.basic-layout-content_old .header-second {
    background: #000;
    height: 68px;
    padding: 15px 0;
    position: relative;
}

.basic-layout-content_old .menu-head {
    display: flex;
    flex-wrap: nowrap;
}

.basic-layout-content_old .catalog-btn {
    display: flex;
    align-items: center;
    font-size: 24px;
    margin: 0;
    background: #ffdc08;
    padding: 0 10px;
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Roboto-Bold';
    text-decoration: none;
}

.basic-layout-content_old .catalog-btn span {
    line-height: 20px;
    position: relative;
    top: 1px;
    white-space: nowrap;
}

.basic-layout-content_old .title-icon--menu {
    width: 37px;
    height: 37px;
    margin-right: 15px;
}

/*
.basic-layout-content_old .catalog-btn:hover {
background: #000;
color: #fff;
outline: 2px solid #ffdc08;
}
*/
.basic-layout-content_old .catalog-wrap {
    margin: 0px 0 0;
}

.basic-layout-content_old .pagination-top {
    margin-bottom: 41px;
}

/*search*/
.basic-layout-content_old .search {
    position: relative;
    display: inline-block;
    width: 48.2%;
    margin-left: 39px;
}

.basic-layout-content_old .search i {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(/local/templates/electrotorg/css/../images/ico-loop.png) center no-repeat;
    background-size: 100%;
    left: 15px;
    top: 10px;
    z-index: 3;
}

.basic-layout-content_old .search .search-input {
    width: 100%;
}

.basic-layout-content_old .search input {
    width: 100%;
    padding-left: 15px;
}

.basic-layout-content_old .search .search-btn {
    width: 47px;
    border: 0;
    padding: 11px 16px 12px;
    font-family: 'Roboto-Bold';
    font-size: 15px;
    background: #fff;
}

/*
.basic-layout-content_old .search .search-btn:hover {
outline: 2px solid #ffdc08;
}
*/
.basic-layout-content_old .search-popup {
    position: absolute;
    width: 100%;
    min-height: 100px;
    background: #fff;
    top: 100%;
    left: 0;
    box-shadow: 0 34px 30px rgba(0, 0, 0, 0.09);
    display: none;
    z-index: 999;
}

.basic-layout-content_old .search-popup.show {
    display: block;
}

.basic-layout-content_old .search-popup ul,
.basic-layout-content_old .search-popup li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.basic-layout-content_old .search-popup ul {
    padding: 5px 10px 14px 56px;
}

.basic-layout-content_old .search-popup a {
    display: block;
    padding: 3px 0;
    text-decoration: none;
}

.basic-layout-content_old .search-popup a:hover {
    background: #f5f5f5;
}

/*search*/
/*-----header-second-----*/
/*-----footer-----*/
footer {
    margin: 26px 0;
    width: 100%;
    font-size: 16px;
    bottom: 0;


}

.basic-layout-content_old .menufotter h4 {
    margin-block-start: unset;
    margin-block-end: unset;
}

.basic-layout-content_old .footer-line {
    margin-top: 30px;
    font-size: 14px;
    margin-bottom: 30px;
}

/**/
footer h2 {
    font-size: inherit;
    margin: 0 0 7px;
}

footer nav {
    text-align: left;
    margin: 0;
}

.basic-layout-content_old .foterdiv {
    font-size: inherit;
    margin: 0 0 7px;
    font-family: 'Roboto-Bold';
}

footer nav ul,
footer nav li,
footer nav a {
    display: block;
    padding: 0;
    margin: 0;
}

footer nav li {
    margin-bottom: 8px;
}

footer nav a:hover {
    text-decoration: underline;
}

footer .footer_write {
    display: flex;
    flex-direction: column;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .footer_write li {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 8px;
}

footer .footer_write li img {
    max-width: 40px;
    max-height: 40px;
    width: 100%;
    height: auto;
    margin-right: 15px;
}

footer .footer_write li span {
    color: grey;
    margin-right: 5px;
}

footer .footer_write li a {
    text-decoration: none;
}

footer .footer_write li a:hover {
    text-decoration: underline;
}

/*subscription*/
.basic-layout-content_old .subscription {
    font-size: 16px;
}


.basic-layout-content_old .subscription input {
    background: #EBEBEB;
    margin-right: -5px;
    width: calc(100% - 136px);
    padding: 11px 15px 10px;
}

.basic-layout-content_old .subscription input.btn {
    background: #ffdc08;
    border: 0;
    width: auto;
    padding: 11px 16px 10px;
}

.basic-layout-content_old .subscription .link {
    text-decoration: none;
    font-family: 'Roboto-Bold';
    color: #000;
}

.basic-layout-content_old .subscription .link:hover {
    color: #000;
}

.basic-layout-content_old .subscription-form {
    margin: 0 0 20px;
}

.basic-layout-content_old .subscription .hint {
    color: #595959;
}

.basic-layout-content_old .subscription .hint b {
    color: #000;
}

/*subscription*/
/*credit*/
.basic-layout-content_old .credit-wrap img {
    width: 71px;
    margin: 0 17px 23px 0;
}

.basic-layout-content_old .credit-wrap > div {
    display: inline-block;
}

/*credit*/
.basic-layout-content_old .btn-partner {
    text-transform: uppercase;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 11px 16px 10px;
    padding-left: 60px;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 16px;

}

.basic-layout-content_old .btn-partner i {
    position: absolute;
    display: inline-block;
    width: 45px;
    height: 100%;
    background: url(/local/templates/electrotorg/css/../images/arr-next.jpg) 0 0 no-repeat;
    background-size: 100%;
    left: 0;
    top: 0;
}

.basic-layout-content_old .btn-partner2 {
    text-transform: uppercase;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 11px 16px 10px;
    padding-left: 60px;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 16px;

}

.basic-layout-content_old .btn-partner2 i {
    position: absolute;
    display: inline-block;
    width: 45px;
    height: 100%;
    background: url(/local/templates/electrotorg/css/../images/foot-phone.jpg) 0 0 no-repeat;
    background-size: 100%;
    left: 0;
    top: 0;
}

.basic-layout-content_old .create {
    text-align: right;
}

.basic-layout-content_old .create a {
    color: inherit;
    text-decoration: none;
}

.basic-layout-content_old .create a:hover {
    text-decoration: underline;
}

/*-----footer-----*/
/*-----slider-----*/
.basic-layout-content_old .slider .owl {
    display: block;
}

.basic-layout-content_old .owl-nav,
.basic-layout-content_old .ms-nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0%;
    height: 0px;
    z-index: 3;

}

.basic-layout-content_old .owl-nav .disabled {
    opacity: 0.8;
}

.basic-layout-content_old .owl-nav > *,
.basic-layout-content_old .ms-nav > * {
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: -41px;
    transition: ease-out .5s;

    overflow: hidden;

    cursor: pointer;
    font-size: 0;
}

.basic-layout-content_old .owl-prev,
.basic-layout-content_old .ms-prev {
    left: 0;
    background: url(/local/templates/electrotorg/css/../images/arr-prev.jpg) center no-repeat;

}


.basic-layout-content_old .owl-next,
.basic-layout-content_old .ms-next {
    right: 0;
    background: url(/local/templates/electrotorg/css/../images/arr-next.jpg) center no-repeat;
}

.basic-layout-content_old .owl-prev,
.basic-layout-content_old .owl-next,
.basic-layout-content_old .ms-prev,
.basic-layout-content_old .ms-next {
    background-size: 40px;
}

.basic-layout-content_old .owl-nav > *:hover {
    opacity: 1;
}

/*---owl---*/
.basic-layout-content_old .owl-carousel,
.basic-layout-content_old .owl-item,
.basic-layout-content_old .owl-item .item {
    height: 100%;
    width: 100%;
}

.basic-layout-content_old .slidermain {
    margin-top: 35px;
    margin-bottom: 30px;
}

.basic-layout-content_old .disabled {
    opacity: 0.75;
    cursor: inherit;
}

.basic-layout-content_old .owl-dots {
    position: absolute;
    width: 100%;
    height: 10px;
    text-align: center;
    left: 0;
    bottom: 10px;
}

.basic-layout-content_old .owl-dot {
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: unset;
    margin: 0 10px;
    display: inline-block;
    cursor: pointer;
}

.basic-layout-content_old .owl-dot.active {
    background: #fd0;
}

/*---owl---*/
/*-----slider-owl-manual---*/
.basic-layout-content_old .owl-standart {
    position: relative;
    height: 200px;
    outline: 1px solid red;
}


/*-----slider-owl-manual---*/
/*-----slider-manual----*/
.basic-layout-content_old .manual-slider {
    position: relative;
    height: 200px;
    outline: 1px solid red;
}

.basic-layout-content_old .manual-slider .item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: ease-out 0.5s;
    opacity: 0;
    visibility: hidden;
}

.basic-layout-content_old .manual-slider .item.active {
    opacity: 1;
    visibility: visible;
}

.basic-layout-content_old .ms-num {
    position: absolute;
    bottom: 0;
}

/*-----slider-manual----*/
/*-----slider-----*/
/*-----section-1-----*/
.basic-layout-content_old .wrapper {
    max-width: 1920px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.basic-layout-content_old .temp-bg {
    position: absolute;
    width: 100%;
    height: 2400px;
    background: url(/local/templates/electrotorg/css/../catalog.jpg) 0 0 no-repeat;
    background-size: 1920px;
    opacity: 0.6;
    z-index: 3;
    display: none;
}

/*-----category-list-----*/
.basic-layout-content_old .content {
    padding: 0 0 30px 0;
    position: relative;
    /*min-height: 900px;*/
}

.basic-layout-content_old .modern-page-navigation {
    display: inline-block;
    width: 100%;
}

.basic-layout-content_old .cl-item {
    margin: 0 0 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.basic-layout-content_old .cl-item h2 {
    margin-block-start: unset;
    margin-block-end: unset;
}

.basic-layout-content_old .cl-item a {
    text-decoration: none;
}

.basic-layout-content_old .cl-link {
    display: block;
    text-decoration: none;
}

.basic-layout-content_old .cl-head {
    display: flex;
    align-items: stretch;
    position: relative;
    background: #ffdc08;
    height: 40px;
    text-transform: none;
    overflow: hidden;
}

.basic-layout-content_old .cl-ico {
    background: #000;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.basic-layout-content_old .cl-title {
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.basic-layout-content_old .cl-name {
    align-self: center;
    padding-left: 10px;
    font-size: 18px;
    position: relative;
    line-height: normal;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -ms-line-clamp: 2;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-decoration: none;
}

.basic-layout-content_old .cl-ico img {
    width: 100%;
    font-size: 0;
}

.basic-layout-content_old .cl-img img {
    width: 100%;
    /*
    height: 100%;
    object-fit: cover;
    */
}


/**/
.basic-layout-content_old .hover-info {
    position: absolute;
    left: 0;
    top: 40px;
    height: calc(100% - 40px);
    background: rgba(89, 89, 89, .9);
    color: #fff;
    width: 100%;
    z-index: 1;
    /*    text-transform: uppercase;*/
    padding: 15px 20px 15px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .15s cubic-bezier(0.51, 0.56, 1, 1);
}

.basic-layout-content_old .hover-info .ln {
    overflow: auto;
    height: 100%;
    margin-right: -5px;
    padding-right: 5px;
}

.basic-layout-content_old .hover-info .ln::-webkit-scrollbar-track {
    background: rgba(89, 89, 89, .9);
}

.basic-layout-content_old .hover-info .ln::-webkit-scrollbar {
    width: 5px;
}

.basic-layout-content_old .hover-info .ln::-webkit-scrollbar-thumb {
    background-color: rgba(255, 220, 8, 1);
}

.basic-layout-content_old .hover-info a {
    text-decoration: none;
    /*    text-transform: uppercase;*/
    position: relative;
    padding: 0 0 13px 45px;

}

.basic-layout-content_old .hover-info li {
    position: relative;
    letter-spacing: 0.35px;
}

.basic-layout-content_old .hover-info a:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 10px;
    background: #Fff;
    left: 0;
    top: 6px;
}

.basic-layout-content_old .hover-info a:hover {
    color: #ffdc08;
}

.basic-layout-content_old .hover-info a:hover:before {
    background: #ffdc08;
    height: 15px;
    top: 3px;
}

.basic-layout-content_old .hover-info .cube {
    position: absolute;
    width: 14px;
    height: 14px;
    background: #595959;
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -7px;
    transform: rotate(45deg);
}

@media (max-width: 1280px) {
    .basic-layout-content_old .hover-info {
        top: 30px;
    }

    .basic-layout-content_old .hover-info .cube {
        width: 10px;
        height: 10px;
        top: -5px;
        margin-left: -5px;
    }
}

@media (max-width: 998px) {
    .basic-layout-content_old .hover-info {
        top: 30px;
    }
}

/*hover*/
.basic-layout-content_old .cl-item.hover {
    opacity: 1;
}

.basic-layout-content_old .cl-item:hover .hover-info {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

/*-----category-list-----*/
/*-----slider-----*/
.basic-layout-content_old .slider {
    /*    height: 420px;*/
    background: #ffdc08;
    position: relative;
    margin: 40px 0 30px;
    /* 90px 0 30px; */
    z-index: 0;
}

.basic-layout-content_old .slider a {
    text-decoration: none;
}

.basic-layout-content_old .slider .slide {
    position: absolute;
    object-fit: cover;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.basic-layout-content_old .slider .info {
    position: relative;
    z-index: 2;
    padding: 18px 30px 0;
    width: 50%;

}

.basic-layout-content_old .slider a {
    display: block;
}

.basic-layout-content_old .slider .info {
    display: none;
}

.basic-layout-content_old .slider .slide {
    position: relative;
}


.basic-layout-content_old .slider h2 {
    font-size: 40px;
    margin: 0 0 16px;
    line-height: 1.1;

}

.basic-layout-content_old .slider .description {
    line-height: 1.5;
}

.basic-layout-content_old .slider .pagination {
    position: absolute;
    bottom: 33px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2;

    height: 0;
}

.basic-layout-content_old .pagination .current {
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .pagination .current,
.basic-layout-content_old .pagination .all {
    display: inline-block;
}

/*-----slider-----*/
/*-----catalog-----*/
/*filters*/
.basic-layout-content_old .filters-wrap {
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
    text-align: right;
    z-index: 3;
    padding: 0px 0px 16px 0;
    font-family: 'Roboto-Bold';
    font-size: 20px;
}

.basic-layout-content_old .filters-name {
    display: inline-block;
}

.basic-layout-content_old .btn-filter {
    display: inline-block;
    width: auto;
    font-size: 20px;
    text-transform: initial;
    border: 0;
    margin-left: 20px;
    position: relative;
    padding-right: 25px;
    cursor: pointer;
}

.basic-layout-content_old .btn-filter:hover {
    text-decoration: underline;
}

.basic-layout-content_old .btn-filter i {
    background: url(/local/templates/electrotorg/css/../images/ico-arrdown.png) center no-repeat;
    background-size: 10px;
    right: 0px;
    top: 2px;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 2;
    left: auto;
}

.basic-layout-content_old .btn-filter .active i {
    transform: rotate(90deg);
}


/*filters*/
/*filters-sidebar*/
.basic-layout-content_old .filters-sidebar {
    font-size: 16px;
    line-height: 1.2;
    opacity: 1;
    visibility: visible;
}

.basic-layout-content_old .filters-sidebar-btn {
    display: none;
}

.basic-layout-content_old .filters-sidebar h2 {
    margin: 0px 0 6px;
    font-size: 18px;
    font-size: inherit;
    position: relative;
}

.basic-layout-content_old .nameproperty {
    margin: 0px 0 6px;
    font-size: inherit;
    position: relative;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .filters-sidebar .checkbox-wrap {
    margin: 0 0 4px;
    min-width: 40%;
}

.basic-layout-content_old .fs-item {
    margin: 0 0 15px;
}

.basic-layout-content_old .filters-sidebar input {
    width: 100%;
    background: none;
    border: 2px solid #595959;
    padding: 5px 13px;
    font-size: 14px;
}

.basic-layout-content_old .filters-sidebar .filter_button {
    width: 100%;
    background: none;
    border: 2px solid #595959;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}

.basic-layout-content_old .btn-filter-wrap {
    margin-top: 30px;
}

.basic-layout-content_old .btn-filter-wrap .btn {
    padding-left: 0;
    padding-right: 0;
    background: none;
    outline: 2px solid #000;
    display: block;
    padding: 6px 16px;

}

/*
.basic-layout-content_old .btn-filter-wrap .btn:hover {
background: #ffdc08;
color: #000222;
}
*/
/**/
.basic-layout-content_old .question-wrap {
    position: relative;
    display: inline-block;
    top: 2px;
    margin-left: 20px;
}

.basic-layout-content_old .question-ico {
    width: 18px;
    cursor: pointer;
    opacity: 0.45;
    transition: all 0.2s ease-in-out;
}

.basic-layout-content_old .question-ico:hover {
    opacity: 0.75;
}

.basic-layout-content_old .show .question-ico {
    opacity: 0.75;
}

.basic-layout-content_old .question-box {
    background: #fff;
    position: absolute;
    border: 1px solid #ccc;
    padding: 5px;
    width: 180px;
    left: -1px;
    top: 30px;
    display: none;
    z-index: 2;
    text-transform: initial;
    font-size: 14px;
    width: 240px;
    box-shadow: 0 0 5px #ccc;
}

.basic-layout-content_old .filters-sidebar .question-box {
    width: 180px;
}

.basic-layout-content_old .question-wrap.show .question-box {
    display: block;
}

.basic-layout-content_old .question-box:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    border-left: 1px solid #ccc;
    top: -5px;
    border-top: 1px solid #ccc;
    left: 10px;
    transform: rotate(46deg);

}

.basic-layout-content_old .question-box .close {
    width: 10px;
    height: 10px;
    margin: 5px;
    background-size: 8px;
}

/*filters-sidebar*/
/*filters-popup*/
.basic-layout-content_old .popup-filter {
    position: absolute;
    background: #595959;
    color: #fff;
    z-index: 1;
    width: 180px;
    padding: 5px 10px;
    top: 0;
    left: 100%;
    display: none;
}

.basic-layout-content_old .popup-filter:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #595959;
    left: -5px;
    top: 50%;
    transform: rotate(45deg);
    margin-top: -5px;
}

.basic-layout-content_old .checkbox-wrap.active .popup-filter {
    display: block;
}

/*filters-popup*/
.basic-layout-content_old .product-item-container,
.basic-layout-content_old .product-container_new {
    margin: 0 0 30px;
    font-size: 16px;
    position: relative;
}

.basic-layout-content_old .job-info {
    display: none;
}

.basic-layout-content_old .item-inner {
    background: #fff;
    padding: 12px 17px 14px 17px;
}

.basic-layout-content_old .product-item-container .cost,
.basic-layout-content_old .product-container_new .cost {
    text-align: center;
    display: block;
}

.basic-layout-content_old .product-item-container h2,
.basic-layout-content_old .product-container_new h2,
.basic-layout-content_old .product-item-container .popup-title {
    margin: 0;
    font: inherit;
    line-height: 1.35;
    height: 2.71em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.basic-layout-content_old .product-item-container h2 a,
.basic-layout-content_old .product-container_new h2 a,
.basic-layout-content_old .product-item-container .popup-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.basic-layout-content_old .article {
    color: #595959;
    margin: 1px 0 8px;
    font-size: 15px;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

.basic-layout-content_old .availability,
.basic-layout-content_old .closeout {
    background: #028702;
    color: #Fff;
    font-size: 16px;
    display: inline-block;
    position: absolute;
    left: 0;
    padding: 6px 16px 7px 18px;
    z-index: 1;
}

.basic-layout-content_old .availability {
    display: none;
}

.basic-layout-content_old .not-availability {
    background: rgba(0, 0, 0, 0.75);
    color: #Fff;
    font-size: 16px;
    display: inline-block;
    position: absolute;
    left: 0;
    padding: 6px 16px 7px 18px;
    z-index: 1;
}

@media (max-width: 575px) {
    .basic-layout-content_old .not-availability {
        font-size: 12px;
        padding: 6px;
    }
}

.basic-layout-content_old .wait {
    background: #ffdc08;
    color: #000;
}

.basic-layout-content_old .absent {
    background: #595959;
    color: #Fff;
}

.basic-layout-content_old .sale {
    width: 50px;
    height: 50px;
    position: absolute;
    background: url(/local/templates/electrotorg/css/../images/ico-sale.png) 0 0 no-repeat;
    background-size: 100%;
    right: 15px;
    z-index: 1;
    margin-top: -8px;
}

.basic-layout-content_old .hit {
    background: url(/local/templates/electrotorg/css/../images/hit.png) right 0 no-repeat;
    color: #fff;
    text-transform: uppercase;
    padding: 24px 7px 28px 29px;
    right: 0;
    position: absolute;
    z-index: 1;
    margin-top: 0px;
}


.basic-layout-content_old .product-img {
    /*    margin: 80px 0 48px 0px;*/
    margin: 5px 0 10px 0px;
    position: relative;

}

.basic-layout-content_old .product-img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 255px;
}

.basic-layout-content_old .product-img2 {
    /*    margin: 80px 0 48px 0px;*/
    margin: 5px 0 18px 0px;
    position: relative;
    height: unset;
}

.basic-layout-content_old .product-img2 img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;

}

.basic-layout-content_old .product-item-container .btn-wc,
.basic-layout-content_old .product-container_new .btn-wc {
    margin: unset;
    text-align: center;
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.basic-layout-content_old .product-item-button-container {
    width: 40%;
    display: inline-block;
}

.basic-layout-content_old .product-item-button-container {
    display: none;
}

.basic-layout-content_old .product-item-container .cost:not(.product-item-price-current),
.basic-layout-content_old .product-container_new .cost:not(.product-item-price-current) {
    display: inline-block;
    padding-top: 13px;
    padding-right: 0px;

}

.basic-layout-content_old .owl-looked .cost {
    text-align: center;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .product-item-container .btn:hover,
.basic-layout-content_old .product-container_new .btn:hover {
    background: #e8b000;
}

.basic-layout-content_old .product-item-container .btn.gray:hover,
.basic-layout-content_old .product-container_new .btn.gray:hover {
    background: #434343;
    color: #fff;
}

.basic-layout-content_old .product-item-container .notify,
.basic-layout-content_old .product-container_new .notify {
    font-size: 11px;
    padding: 12px 0;
}

.basic-layout-content_old .btn.full {
    width: 100%;
}


.basic-layout-content_old .product-item-container .description,
.basic-layout-content_old .product-container_new .description {
    color: #595959;
    line-height: 1.4;
    margin: 0 0 17px;
    font-size: 16px;
    /*    ???*/
    display: none;
}

.basic-layout-content_old .cost,
.basic-layout-content_old .old-cost {
    display: inline-block;
    font-family: 'Roboto-Bold';
    font-size: 19px;

}

.basic-layout-content_old .cost-sale {
    color: #f00;
}

.basic-layout-content_old .old-cost {
    color: #595959;
    position: relative;
    display: none;
    margin-right: 5px;
}

.basic-layout-content_old .old-cost:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 50%;
    background: #595959;
}

.basic-layout-content_old .weight {
    float: right;
    font-size: 20px;
    font-family: 'Roboto-Bold';
    display: none;
}

.basic-layout-content_old .product-quantity {
    text-align: right;
    border-bottom: 2px solid #000;
    font-size: 18px;
    font-family: 'Roboto-Bold';
    padding: 7px 0 6px;
    display: none;
}

/*add-basket-popup*/
.basic-layout-content_old .popup-window,
.basic-layout-content_old .add_basket-popup.popup {
    width: auto;
    max-width: 1040px;
    padding: 30px !important;
    width: 100%;
}

.basic-layout-content_old .add_basket-popup .description {
    visibility: hidden;
}

.basic-layout-content_old .popup-window-titlebar-text {
    line-height: 1.4;
    color: #000;
    font-size: 24px;
    padding: 0;
    margin: 0 0 30px;
}

.basic-layout-content_old .popup-window-with-titlebar .popup-window-content {
    padding: 0;
}

.basic-layout-content_old .popup-window-buttons {
    padding: 0;

}

.basic-layout-content_old .btn.btn-default.btn-buy.btn-sm {
    font-size: 16px;
    background: #ffdc08;
    color: #000;
    padding: 8px 16px;
}

.basic-layout-content_old .add_basket-popup:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.basic-layout-content_old .add_basket-popup .item-inner {
    padding: 0;
}

.basic-layout-content_old .add_basket-popup .product-item-container,
.basic-layout-content_old .add_basket-info {
    width: 50%;
    float: left;
    margin: 0;
}

.basic-layout-content_old .btn-product-in,
.basic-layout-content_old .product-item-container.only-basket .show-popup {
    display: none;
}

.basic-layout-content_old .product-item-container.only-basket .btn-product-in {
    display: inline-block;
    background: #595959;
    color: #fff;
}

.basic-layout-content_old .product-item-container form {
    display: none;
}

.basic-layout-content_old .add_basket-info {
    padding: 0px 30px;
    font-size: 18px;
}

.basic-layout-content_old .add_basket-summ {
    margin: 0 0 0px;
}

.basic-layout-content_old .add_basket-info .btn {
    width: 100%;
    margin: 0 0 15px;
}

.basic-layout-content_old .add_basket-popup .bi-quantity {
    margin: 0 0 15px;
}

.basic-layout-content_old .quantity-calculate {
    display: inline-flex;
}

.basic-layout-content_old .add_basket-popup .quantity-calculate span {
    margin: 0 8px 0 10px;
}

.basic-layout-content_old .add_basket-popup .quantity-calculate span,
.basic-layout-content_old .add_basket-popup .quantity-calculate {
    font-size: 18px;
}

.basic-layout-content_old .add_basket-popup .quantity-topic {
    padding-top: 0;
    font-size: 14px;
}

.basic-layout-content_old .add_basket-popup .popup-title {
    margin: 0 0 30px;
    font-size: 21px;
    font-family: 'Roboto-Bold';
    text-decoration: none;
}

.basic-layout-content_old .add_basket-popup .btn-wc {
    margin-top: 70px;
}

.basic-layout-content_old .add_basket-popup .btn {
    width: 100%;
    margin: 0 0 15px;
    font-size: 14px;
}

/*add-basket-popup*/
/**/
.basic-layout-content_old .pagination-page {
    text-align: center;
    font-size: 16px;
    margin: 0px 0 30px;
}

.basic-layout-content_old .pagination-page * {
    vertical-align: middle;
}

.basic-layout-content_old .pagination-page a {
    text-decoration: none;
    padding: 7px 11px;
    color: #595959;
}

.basic-layout-content_old .pagination-page a:hover,
.basic-layout-content_old .pagination-page a.active {
    background: #ffdc08;
    color: #000;
}

.basic-layout-content_old .pagination-page .prev,
.basic-layout-content_old .pagination-page .next {
    display: inline-block;
    width: 30px;
    height: 30px;


}

.basic-layout-content_old .pagination-page .prev {
    background: url(/local/templates/electrotorg/css/../images/arr-prev-black-lite.png) center no-repeat;
    background-size: 17px;
}

.basic-layout-content_old .pagination-page .next {
    background: url(/local/templates/electrotorg/css/../images/arr-next-black-lite.png) center no-repeat;
    background-size: 17px;
}

.basic-layout-content_old .pagination-page .prev:hover {
    background: #ffdc08 url(/local/templates/electrotorg/css/../images/arr-prev-black-lite.png) center no-repeat;
    background-size: 17px;
}

.basic-layout-content_old .pagination-page .next:hover {
    background: #ffdc08 url(/local/templates/electrotorg/css/../images/arr-next-black-lite.png) center no-repeat;
    background-size: 17px;
}

/**/
.basic-layout-content_old .owl-looked .owl-nav {
    width: 80px;
    left: auto;
    bottom: auto;
    top: -23px;
    right: -10px;
}

.basic-layout-content_old .owl-looked .owl-prev,
.basic-layout-content_old .owl-brands .owl-prev {

    background: url(/local/templates/electrotorg/css/../images/arr-prev-black-lite.png) center no-repeat;
    background-size: 17px;

}


.basic-layout-content_old .owl-looked .owl-next,
.basic-layout-content_old .owl-brands .owl-next {
    background: url(/local/templates/electrotorg/css/../images/arr-next-black-lite.png) center no-repeat;
    background-size: 17px;
}

/*-----catalog-----*/
/*-----detail-----*/
.basic-layout-content_old .code {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    text-align: right;
    z-index: 3;
    padding: 0px 0 0 0;
    font-family: 'Roboto-Bold';
    font-size: 28px;
    color: #595959;
}

.basic-layout-content_old .detail-wrap {
    background: #fff;
    padding: 30px;
}

.basic-layout-content_old .di-head {
    background: #ffdc08;

}

.basic-layout-content_old .di-head:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.basic-layout-content_old .minus-detail,
.basic-layout-content_old .plus-detail {

    position: relative;
    top: 4px;
    cursor: pointer;
}

.basic-layout-content_old .di-head div.cost {
    font-size: 38px !important;
    padding-left: 20px;
    line-height: normal;
    color: #000;
}

.basic-layout-content_old .di-head .product-item-detail-price-old {
    font-size: 26px;
    padding-left: 20px;
    line-height: normal;
    color: #595959;
}

.basic-layout-content_old .di-head .product-item-detail-price-old .rub {
    color: #595959;
    margin: 0;
}

.basic-layout-content_old .di-head .old-cost {
    font-size: 24px;
    position: relative;
    top: 10px;
    margin-left: 15px;
}


/**/
.basic-layout-content_old .btn-wrap {
    text-align: right;
}

.basic-layout-content_old .btn-buy {
    font-size: 28px;
    font-family: 'Roboto-Bold';
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 10px 80px 8px 30px;
    text-decoration: none;
}

.basic-layout-content_old .btn-buy.btn.btn-default {
    background: #000;
}

.basic-layout-content_old .btn-buy i {
    display: inline-block;
    background: url(/local/templates/electrotorg/css/../images/ico-basket.png) 0 0 no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 25px;
    top: 19px;
}

.basic-layout-content_old .btn-buy i.hover {
    background: url(/local/templates/electrotorg/css/../images/ico-basket-white.png) 0 0 no-repeat;
    background-size: 100%;
    display: none;
}

.basic-layout-content_old .btn-buy {
    background: #000;
    color: #Fff;
}

.basic-layout-content_old .btn-buy i {
    display: none;
}

.basic-layout-content_old .btn-buy i.hover {
    display: block;
}

/*di-body*/
.basic-layout-content_old .di-body {
    font-size: 16px;
}

.basic-layout-content_old .di-body h2 {
    margin: 20px 0 14px;
    font-size: 14px;
    text-transform: uppercase;
}

.basic-layout-content_old .di-body .specifications {
    margin: 20px 0 14px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .dib-line-wrap:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.basic-layout-content_old .dib-row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


.basic-layout-content_old .dib-line {
    margin: 0 0 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 2px;
    position: relative;
    float: left;
    display: flex;
    justify-content: space-between;
    width: 45%;

}

.basic-layout-content_old .dib-line:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.basic-layout-content_old .dib-line .type,
.basic-layout-content_old .dib-line .value {
    display: inline-block;

}

.basic-layout-content_old .dib-line .value {
    text-align: right;
    position: absolute;
    right: 0;
}

.basic-layout-content_old .dib-line:first-child .value {
    right: 15px;

}

/*-----detail-----*/
.basic-layout-content_old .detail-img {
    position: relative;
    height: 470px;
    margin-left: 100px;
    text-align: center;
}

/*----color-box----*/
.basic-layout-content_old .zoom-in {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #fff url(/local/templates/electrotorg/css/../images/zoom-in.png) center no-repeat;
    background-size: 100%;
    right: 0;
    top: 0;
    margin: 30px;
    cursor: pointer;
    z-index: 3;
    border-radius: 100%;
}

.basic-layout-content_old .zoom-content {
    display: none;
}

/*
#cboxPrevious,
#cboxNext {
display: inline-block;
width: 60px;
height: 60px;
position: absolute;
top: 50%;
margin-top: -30px;
padding: 0;
margin: 0;
border: 0;
font-size: 0;
cursor: pointer;
outline: 0;
margin: 0 15px;
}

#cboxPrevious {
right: 100%;
background: url(/local/templates/electrotorg/css/../images/arr-prev-black.jpg) center no-repeat;
background-size: 100%;
}

#cboxNext {
left: 100%;
background: url(/local/templates/electrotorg/css/../images/arr-next-black.jpg) center no-repeat;
background-size: 100%;
}
*/
/*----color-box----*/
.basic-layout-content_old .detail-all-img {
    position: absolute;
    width: 100px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.basic-layout-content_old .di-gallery {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.basic-layout-content_old .detail-all-img .up,
.basic-layout-content_old .detail-all-img .down {
    width: 14px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    margin-left: -5px;
}

.basic-layout-content_old .dai-item {
    display: none;
}

.basic-layout-content_old .dai-item.show {
    display: block;
}

.basic-layout-content_old .detail-all-img .up {
    top: -20px;
    background: url(/local/templates/electrotorg/css/../images/arr-up-black-lite.png) center no-repeat;
    background-size: 100%;
}

.basic-layout-content_old .detail-all-img .down {
    bottom: -20px;
    background: url(/local/templates/electrotorg/css/../images/arr-down-black-lite.png) center no-repeat;
    background-size: 100%;
}

.basic-layout-content_old .dai-item {
    cursor: pointer;
    transition: ease-out 0.25s;
    height: 25%;
}

.basic-layout-content_old .dai-item:active {
    transform: scale(1.2);
}

.basic-layout-content_old .dai-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.basic-layout-content_old .detail-img a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    cursor: zoom-in;
    z-index: 2;
}

.basic-layout-content_old .detail-img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;

}

.basic-layout-content_old .loupe {
    background-color: #555;
    background: rgba(0, 0, 0, 0.25);
    border: 5px solid rgba(0, 0, 0, 0);

}

.basic-layout-content_old .loupe {
    z-index: 2;
}

/*tabs-nav*/
.basic-layout-content_old .detail-tabs {
    margin: 0 0 30px;
}

.basic-layout-content_old .tabs-nav {
    margin-top: 30px;
    border-bottom: 2px solid #000;
}

.basic-layout-content_old .tabs-nav ul,
.basic-layout-content_old .tabs-nav li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.basic-layout-content_old .tabs-nav ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.basic-layout-content_old .tabs-nav li {
    width: 25%;
    float: left;
    font-size: 24px;
    font-family: 'Roboto-Bold';
    padding: 11px 0 11px 82px;
    position: relative;
    cursor: pointer;
    background: #efefef;
}


.basic-layout-content_old .tabs-nav li i {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    display: inline-block;
    opacity: 0.5;
}

.basic-layout-content_old .tabs-nav img {
    width: 100%;
}


.basic-layout-content_old .tabs-nav li:hover,
.basic-layout-content_old .tabs-nav li.active {
    background: #ffdc08;
}

.basic-layout-content_old .tabs-nav li:hover i,
.basic-layout-content_old .tabs-nav li.active i {
    opacity: 1;
}

.basic-layout-content_old .tabs-item {
    padding-top: 22px;
    display: none;
    min-height: 350px;
}

.basic-layout-content_old .tabs-item.active {
    display: block;
}

.basic-layout-content_old .tabs-item h3 {
    margin: 0;
    font-size: 20px;
}

.basic-layout-content_old .item-text-h3 {
    font-size: 20px;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .search-conclusion {
    font-size: 18px;
    position: relative;
    overflow-y: auto;
    height: 718px;
    margin-left: -15px;
}

/**/
.basic-layout-content_old .vi-head {
    background: #ffdc08;
    font-size: 20px;
    text-transform: uppercase;
    padding: 19px 28px;
    border-bottom: 2px solid #595959;
}

.basic-layout-content_old .vi-body img {
    width: 100%;
}

/**/
.basic-layout-content_old .video-item .video-js {
    width: 100%;
}

.basic-layout-content_old .video-js .vjs-big-play-button:before,
.basic-layout-content_old .video-js .vjs-control:before {
    top: -2px;
}

/**/
.basic-layout-content_old .search-box {
    background: #ffdc08;
    padding: 30px;
}

.basic-layout-content_old .search-box h3 {
    text-transform: uppercase;
    margin: 0 0 23px;
    font-size: 28px;
}

.basic-layout-content_old .search-page form [type="submit"] {
    background: #ffdc08;
    color: #000;
    cursor: pointer;
    width: 130px;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .city-list {
    background: #fff;
    border: 0;
    margin: 0;
    padding: 14px 15px;
    border-radius: 0;

}

.basic-layout-content_old .sc-item {
    margin: 55px 0;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .contacts-address-line {
    padding: 15px 30px;

    background: #fff;

    margin-top: 0;
    margin-bottom: 35px;
    font-size: 18px;
    color: #595959;
    position: relative;
}

.basic-layout-content_old .link.link-abs {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}

.basic-layout-content_old .city-list i {
    top: 14px;
}

.basic-layout-content_old .quantity {
    text-align: right;
}

.basic-layout-content_old .quantity b,
.basic-layout-content_old .sc-place b {
    text-transform: uppercase;
}

.basic-layout-content_old .sc-cell {
    display: inline-block;
    width: 69%;
}

.basic-layout-content_old .sc-cell.quantity {
    width: 29%;
    color: #000;
    text-align: right;
}

.basic-layout-content_old .tabs-item .map {
    visibility: visible;
    opacity: 1;
}

.basic-layout-content_old .map-link {
    display: none;
}

.basic-layout-content_old .map .close {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(/local/templates/electrotorg/css/../images/ico-cross-b.svg) center no-repeat;
    background-size: 15px;
    margin: 10px;
}

/*tabs-nav*/
.basic-layout-content_old .tabs-white-child .tabs-item {
    background: #fff;
    padding: 20px 15px;
    min-height: auto;
}

/*comments-wrap*/
.basic-layout-content_old .comments-wrap {
    background: #fff;
}

.basic-layout-content_old .comments-item {
    margin: 0 0 60px;
}

@media (max-width: 998px) {
    .basic-layout-content_old .comments-item .comments-user .user-name,
    .basic-layout-content_old .comments-item .comments-user .data {
        width: 48%;
    }

    .basic-layout-content_old .f-wrap {
        flex-wrap: wrap;
    }

    .basic-layout-content_old .f-wrap div {
        width: 50%
    }
}


.basic-layout-content_old .comments-user {
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .comments-rating {
    text-align: right;
}

.basic-layout-content_old .comments-rating b {
    display: inline-block;
    margin-bottom: 15px;
}

.basic-layout-content_old .comments-rating i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/local/templates/electrotorg/css/../images/star-all.png) -20px 0 no-repeat;
    background-size: 38px;
}

.basic-layout-content_old .comments-rating i.active {
    background-position: 0;
}

.basic-layout-content_old .choise-rating i {
    cursor: pointer;
}

[name="RATING"] {
    visibility: hidden;
    height: 0;
}

.basic-layout-content_old .comments-question textarea {
    width: 100%;
    border: 1px solid #595959;
    background: none;
    height: 90px;
    margin-top: 5px;
}

.basic-layout-content_old .comments-question .btn-wc {
    text-align: right;
}

.basic-layout-content_old .comments-two-column {
    display: flex;
    flex-wrap: wrap;
}

.basic-layout-content_old .comments-two-column .input-style {
    flex: 1 1 auto;
}

@media (min-width: 992px) {
    .basic-layout-content_old .comments-two-column .input-style:first-child {
        padding-right: 5px;
    }
}

.basic-layout-content_old .comments-question .link {
    color: inherit;
    font-family: 'Roboto-Bold';
    margin-top: 15px;
    border: 0;
    background: none;
    cursor: pointer;


    padding: 8px 16px;

    text-align: center;

    background: #ffdc08;
}


/*comments-wrap*/
/*news-list*/
.basic-layout-content_old .news-item {
    font-size: 16px;
    text-decoration: none;
    padding-bottom: 18px;
    margin: 0 0 30px;
    background: #fff;
    padding: 0 15px 10px;
    width: 100%;
}

.basic-layout-content_old .news-item .data {
    background: #ffdc08;
    font-size: 20px;
    padding: 6px 30px;
    margin: 0 -15px;
}

.basic-layout-content_old .img-news {
    /*    height: 340px;*/
    position: relative;
    overflow: hidden;
    padding-bottom: 59%;
    margin: 0 -15px;
}

.basic-layout-content_old .img-news img {
    width: 100%;
    height: auto;
    position: absolute;
}

.basic-layout-content_old .news-item h2 {
    margin: 24px 0 22px;
    font-size: inherit;
}

/*news-list*/
/*news-detail*/
.basic-layout-content_old .main-detail-img {

    position: relative;
    overflow: hidden;
    margin: 0 0 90px;
}

.basic-layout-content_old .main-detail-img img {
    width: 100%;
    height: auto;
}

.basic-layout-content_old .news-content-img {
    text-align: center;
    margin: 90px 0;
}

.basic-layout-content_old .news-detail {
    margin: 0px 0 60px;
    font-size: 18px;
    background: #fff;
    padding-top: 30px;
}

/*news-detail*/
/*pagination*/
.basic-layout-content_old .modern-page-navigation .modern-page-title {
    display: none;
}

.basic-layout-content_old .modern-page-navigation,
.basic-layout-content_old .pagination {
    text-align: center;
    font-size: 16px;
    margin: 0 0 10px;
}

.basic-layout-content_old .pagination b,
.basic-layout-content_old .modern-page-navigation span,
.basic-layout-content_old .modern-page-navigation a,
.basic-layout-content_old .pagination a {
    text-decoration: none;
    padding: 4px 0px 2px !important;
    border: 0 !important;
    width: 30px;
    display: inline-block;
}

.basic-layout-content_old .modern-page-navigation span.modern-page-current,
.basic-layout-content_old .modern-page-navigation a:hover,
.basic-layout-content_old .pagination a.active,
.basic-layout-content_old .pagination a:hover {
    background-color: #ffdc08;
    border: 0 !important;
    padding: 4px 0px 2px !important;
    font-weight: normal;
}

.basic-layout-content_old .modern-page-navigation .modern-page-previous,
.basic-layout-content_old .modern-page-navigation .modern-page-next,
.basic-layout-content_old .pagination .prev,
.basic-layout-content_old .pagination .next {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 0;
}

.basic-layout-content_old .modern-page-navigation .modern-page-previous,
.basic-layout-content_old .pagination .prev {
    background-image: url(/local/templates/electrotorg/css/../images/arr-prev-black-lite.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
}

.basic-layout-content_old .modern-page-navigation .modern-page-next,
.basic-layout-content_old .pagination .next {
    background-image: url(/local/templates/electrotorg/css/../images/arr-next-black-lite.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
}


/*pagination*/
/*delivery standart*/
.basic-layout-content_old .content-detail {
    margin: -30px 0 60px;
    background: #fff;
}

.basic-layout-content_old .content-detail ul,
.basic-layout-content_old .content-detail li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.basic-layout-content_old .content-detail h2,
.basic-layout-content_old .content-detail h3 {
    margin: 0;
}

.basic-layout-content_old .content-detail h2 {
    text-transform: uppercase;
    font-size: inherit;
    margin: 40px 0 30px;
}

.basic-layout-content_old .content-detail h3 {
    font-size: inherit;
    margin: 40px 0 30px;
}

.basic-layout-content_old .content-img {
    position: relative;
    height: auto;
    margin: 0 0 60px;
}

.basic-layout-content_old .content-img img {
    width: 100%;
}

/*delivery standart*/
/*-----cabinet-----*/
.basic-layout-content_old .cabinet-table {
    margin-bottom: 90px;
}

.basic-layout-content_old .ct-line:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.basic-layout-content_old .ct-line > div {
    width: 49%;
    display: inline-block;
}

.basic-layout-content_old .cabinet-table {
    font-size: 28px;
    font-family: 'Roboto-Bold';
    background: #fff;
    padding: 0 30px;
    margin: 0 0 30px;
}

.basic-layout-content_old .ct-line {
    border-bottom: 1px solid #919191;
    padding: 24px 0;

}

.basic-layout-content_old .ct-line:last-child {
    border-bottom: 0;
}


.basic-layout-content_old .cabinet-table .value {
    text-align: right;
    color: #595959;
}

/**/
.basic-layout-content_old .order-list .ct-body {
    padding: 30px 30px 15px 30px;
}

.basic-layout-content_old .order-list__item {
    display: flex;
    justify-content: space-between;
    background: #efefef;
    margin: 0 0 15px 0;
    border: 1px solid #dadada;
    padding: 15px;
    align-items: center;
    font-size: 18px;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .ct-border--new {
    border: 1px solid #dadada;
}

.basic-layout-content_old .order-list-detail__item {
    display: flex;
    background: #efefef;
    margin: -1px -1px 15px -1px;
    border: 1px solid #dadada;
    padding: 15px;
    align-items: center;
    font-size: 18px;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .order-list__item__name {
    width: 20%;
}

.basic-layout-content_old .order-list-detail__item__name {
    width: 20%;
    margin-right: 5%;
}

.basic-layout-content_old .order-list__item__status {
    width: 15%;
    display: flex;
    align-items: center;
}

.basic-layout-content_old .order-list__item__bonus img {
    width: 28px !important;
    margin-right: 10px !important;
    display: block !important;
}

.basic-layout-content_old .order-list__item__bonus__item {
    display: flex;
    align-items: center;
}

.basic-layout-content_old .order-list__item__bonus {
    width: 15%;
}

.basic-layout-content_old .order-list-detail__item__status {
    width: 15%;
    margin-right: 5%;
}

.basic-layout-content_old .order-list__item__payment {
    width: 12%;
}

.basic-layout-content_old .order-list-detail__item__payment {
    width: 12%;
    margin-right: 5%;
}

.basic-layout-content_old .order-list-detail__item__bonus {
    width: 15%;
    display: flex;
    align-items: center;
}

.basic-layout-content_old .order-list-detail__item__bonus img {
    max-width: 45px;
    margin-right: 10px;
}

.basic-layout-content_old .order-list__item__price {
    width: 8%;
    text-align: center;
}

.basic-layout-content_old .order-list__item__link {
    width: auto;
    color: #424242;
    text-align: right;
    margin-right: 20px;
    transition: all .15s ease-in-out;
}

.basic-layout-content_old .order-list__item__link:hover {
    color: #000;
}

.basic-layout-content_old .order-list-detail__item__btn {
    margin-left: auto;
}

.basic-layout-content_old .order-list__item__name__title,
.basic-layout-content_old .order-list-detail__item__name__title {
    font-family: 'Roboto-Bold';
    font-size: 26px;
}

.basic-layout-content_old .order-list__item__name__date,
.basic-layout-content_old .order-list-detail__item__name____date {
    margin-left: 15px;
    line-height: normal;
}

.basic-layout-content_old .load-other-order__load-more {
    display: flex;
    justify-content: center;
    padding: 0 0 15px 0;
}

.basic-layout-content_old .load-other-order__load-more a {
    text-decoration: none;
    border-bottom: 1px solid #000;
    line-height: normal;
    cursor: pointer;
}

.basic-layout-content_old .order-list__item__payment__btn {
    line-height: normal;
}

.basic-layout-content_old .order-list__item__payment__btn.order-completed {
    text-decoration: none;
    font-family: 'Roboto-Bold';
    padding: 8px 16px;
    text-align: center;
    display: inline-block;
    background: #ffdc08;
    color: #000;
}

.basic-layout-content_old .order-list__item__payment__btn.order-cancelled {
    text-decoration: none;
    font-family: 'Roboto-Bold';
    padding: 8px 16px;
    text-align: center;
    display: inline-block;
    background: #a5a5a5;
    color: #000;
}

.basic-layout-content_old .order-list-detail__item__btn .reorder {
    text-decoration: none;
    font-family: 'Roboto-Bold';
    padding: 8px 16px;
    text-align: center;
    display: inline-block;
    background: #ffdc08;
    color: #000;
    border: none;
    font-size: 16px;
    cursor: pointer;
    transition: all .15s ease-out;
    outline: none !important;
}

.basic-layout-content_old .order-list-detail__item__btn .reorder[disabled] {
    background: #a5a5a5;
    color: #000;
    pointer-events: none;
}

.basic-layout-content_old .cabinet-tab-item {
    background: #fff;
    font-size: 20px;
    margin-top: 30px;
}

.basic-layout-content_old .product-item-container__top {
    display: flex;
    font-size: 16px;
    border-bottom: 1px solid #dadada;
    padding: 0 15px 5px;
    margin-bottom: 5px;
}

.basic-layout-content_old .order-list-detail .product-item-container {
    padding: 0 15px;
    display: flex;
    align-items: center;
    margin: 15px 0;
}

.basic-layout-content_old .product-item-container__top__article,
.basic-layout-content_old .product-item-container__article {
    width: calc(9% - 10px);
    margin-right: 10px;
}

.basic-layout-content_old .product-item-container__top__image,
.basic-layout-content_old .product-item-container__image {
    width: calc(9% - 20px);
    margin-right: 20px;
}

.basic-layout-content_old .product-item-container__image img {
    max-width: 100%;
}

.basic-layout-content_old .product-item-container__top__name,
.basic-layout-content_old .product-item-container__name {
    width: calc(46% - 10px);
    margin-right: 10px;
}

.basic-layout-content_old .product-item-container__top__count,
.basic-layout-content_old .product-item-container__count {
    width: calc(9% - 10px);
    margin-right: 10px;
    text-align: center;
}

.basic-layout-content_old .product-item-container__top__price,
.basic-layout-content_old .product-item-container__price {
    width: calc(9% - 10px);
    margin-right: 10px;
    text-align: center;
}

.basic-layout-content_old .product-item-container__top__summary,
.basic-layout-content_old .product-item-container__summary {
    width: calc(9% - 10px);
    margin-right: 10px;
    text-align: center;
}

.basic-layout-content_old .product-item-container__top__btn,
.basic-layout-content_old .product-item-container__btn {
    width: calc(9% - 10px);
    margin-left: 10px;
    text-align: center;
}

.basic-layout-content_old .product-item-container__btn .buy-product {
    border: none;
    background-color: #FFDC08;
    right: 0;
    top: 0;
    background-image: url(/local/templates/electrotorg/css/../images/ico-basket.png);
    background-size: 30px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: .25s ease-in-out;
    outline: none !important;
}

.basic-layout-content_old .product-item-container__btn .buy-product:hover {
    opacity: .8;
}

.basic-layout-content_old .product-item-container__bottom {
    max-width: 480px;
    margin: 15px 30px 15px auto;
    font-family: 'Roboto-Bold';
    font-size: 22px;
}

.basic-layout-content_old .product-item-container__bottom__item {
    display: flex;
}

.basic-layout-content_old .product-item-container__bottom__element {
    width: 50%;
    margin-right: 15px;
}

.basic-layout-content_old .product-item-container__hidden-desk {
    display: none;
}

@media (min-width: 1400px) {
    .basic-layout-content_old .personal-cabinet_new__container {
        display: flex;
        justify-content: space-between;
    }

    .basic-layout-content_old .personal-cabinet_new .cabinet-tab-item {
        width: calc(50% - 15px);
    }
}

@media (max-width: 1366px) {
    .basic-layout-content_old .order-list__item__name__title,
    .basic-layout-content_old .order-list-detail__item__name__title {
        font-size: 20px;
    }

    .basic-layout-content_old .order-list__item,
    .basic-layout-content_old .order-list-detail__item {
        font-size: 16px;
    }

    .basic-layout-content_old .order-list__item__name__date {
        margin-left: 0;
    }

    .basic-layout-content_old .product-item-container__top__article,
    .basic-layout-content_old .product-item-container__article {
        width: calc(10% - 10px);
        margin-right: 10px;
    }

    .basic-layout-content_old .product-item-container__top__image,
    .basic-layout-content_old .product-item-container__image {
        width: calc(15% - 10px);
        margin-right: 10px;
    }

    .basic-layout-content_old .product-item-container__top__name,
    .basic-layout-content_old .product-item-container__name {
        width: calc(25% - 10px);
        margin-right: 10px;
    }

    .basic-layout-content_old .product-item-container__top__count,
    .basic-layout-content_old .product-item-container__count {
        width: calc(15% - 10px);
        margin-right: 10px;
        text-align: center;
    }

    .basic-layout-content_old .product-item-container__top__price,
    .basic-layout-content_old .product-item-container__price {
        width: calc(15% - 10px);
        margin-right: 10px;
        text-align: center;
    }

    .basic-layout-content_old .product-item-container__top__summary,
    .basic-layout-content_old .product-item-container__summary {
        width: calc(15% - 10px);
        margin-right: 10px;
        text-align: center;
    }

    .basic-layout-content_old .product-item-container__top__btn,
    .basic-layout-content_old .product-item-container__btn {
        width: calc(5% - 10px);
        margin-left: 10px;
        text-align: center;
    }
}

@media (max-width: 998px) {
    .basic-layout-content_old .product-item-container__top {
        display: none;
    }

    .basic-layout-content_old .product-item-container__hidden-desk {
        display: block;
        font-family: 'Roboto-Bold';
        font-size: 16px;
    }

    .basic-layout-content_old .order-list-detail .product-item-container {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .basic-layout-content_old .product-item-container__top__article,
    .basic-layout-content_old .product-item-container__article {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .basic-layout-content_old .product-item-container__top__image,
    .basic-layout-content_old .product-item-container__image {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .basic-layout-content_old .product-item-container__top__name,
    .basic-layout-content_old .product-item-container__name {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .basic-layout-content_old .product-item-container__top__count,
    .basic-layout-content_old .product-item-container__count {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .basic-layout-content_old .product-item-container__top__price,
    .basic-layout-content_old .product-item-container__price {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .basic-layout-content_old .product-item-container__top__summary,
    .basic-layout-content_old .product-item-container__summary {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .basic-layout-content_old .product-item-container__top__btn,
    .basic-layout-content_old .product-item-container__btn {
        width: 100%;
    }

    .basic-layout-content_old .order-list__item {
        flex-wrap: wrap;
        margin: 0 0 10px 0;
    }

    .basic-layout-content_old .order-list__item:last-of-type {
        margin-bottom: 0;
    }

    .basic-layout-content_old .order-list__item__name,
    .basic-layout-content_old .order-list__item__status,
    .basic-layout-content_old .order-list__item__payment,
    .basic-layout-content_old .order-list__item__bonus,
    .basic-layout-content_old .order-list__item__price,
    .basic-layout-content_old .order-list__item__link {
        width: 100%;
        margin-bottom: 10px;
        text-align: left;
    }

    .basic-layout-content_old .order-list__item__link {
        margin-bottom: 0;
    }

    .basic-layout-content_old .order-list .ct-body {
        padding: 10px;
    }

    .basic-layout-content_old .order-list-detail__item {
        flex-wrap: wrap;
    }

    .basic-layout-content_old .order-list-detail__item__btn {
        margin: 0;
    }

    .basic-layout-content_old .order-list-detail__item__name {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .basic-layout-content_old .order-list-detail__item__status {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .basic-layout-content_old .order-list-detail__item__payment {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .basic-layout-content_old .order-list-detail__item__bonus {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .basic-layout-content_old .product-item-container__bottom {
        max-width: 100%;
        margin: 15px;
        font-size: 20px;
        border-top: 1px solid #dadada;
        padding-top: 15px;
    }

    .basic-layout-content_old .order-list-detail__item__bonus img {
        max-width: 25px;
    }

    .basic-layout-content_old .order-list__item__bonus img {
        width: 25px !important;
    }
}

.basic-layout-content_old .edit-personal__label {
    display: block;
    height: auto;
    padding: 0;
    margin: 5px 0 5px 10px;
    font-size: 14px;
}

.basic-layout-content_old .chbonus_window #dostupvyphid {
    padding: 8px 15px;
    font: inherit;
    margin: 10px 0;
    font-size: 16px;
    border: 1px solid #595959;
    min-width: 210px;
}

.basic-layout-content_old .chbonus_window .button-submit-modal_new {
    cursor: pointer;
    border: none;
    width: auto;
    font-size: 16px;
    min-width: 210px;
    padding: 8px 15px;
    line-height: 1.5;
}

.basic-layout-content_old .chbonus_window .button-submit-modal_new[disabled] {
    pointer-events: none;
}

.basic-layout-content_old .chbonus_window .button-submit-modal_new:hover {
    background: #e8b000;
}

.basic-layout-content_old .chbonus_window h2 {
    border: none;
}

.basic-layout-content_old .edit-personal .input-edit[disabled="disabled"] {
    background-image: none;
    background-color: rgb(239, 239, 239);
}

.basic-layout-content_old .edit-personal__btns {
    margin-bottom: 15px;
    display: block;
    text-align: right;
}

.basic-layout-content_old .edit-personal__btns input {
    margin-left: 10px;
    cursor: pointer;
}

.basic-layout-content_old .personal-cabinet_new__bonus__item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #595959;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.basic-layout-content_old .personal-cabinet_new__bonus__item__right {
    font-family: 'Roboto-Bold';
    margin-left: 10px;
    text-align: right;
}

.basic-layout-content_old .personal-cabinet_new__bonus__item__right #bonname {
    font-size: inherit;
    margin: 0;
    border: none;
    padding: inherit;
}

.basic-layout-content_old .ct-head_flexible {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.basic-layout-content_old .ct-head_flexible a {
    font-size: 18px;
    text-decoration: none;
}

.basic-layout-content_old .personal-cabinet_new__bonus__item .question-wrap {
    position: relative;
    display: inline-block;
    margin-left: 0px;
}

.basic-layout-content_old .personal-cabinet_new__bonus__item .question-ico {
    width: 15px;
    opacity: .5;
}

.basic-layout-content_old .personal-cabinet_new__bonus__btns {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 15px;
}

.basic-layout-content_old .personal-cabinet_new__bonus__btns .btn {
    font-size: 16px;
    margin-left: 10px;
    cursor: pointer;
}

.basic-layout-content_old .personal-cabinet_new__bonus__item .question-box {
    left: -8px;
}

@media (max-width: 575px) {
    .basic-layout-content_old .personal-cabinet_new__bonus__btns,
    .basic-layout-content_old .edit-personal__btns {
        display: flex;
        flex-direction: column;
    }

    .basic-layout-content_old .personal-cabinet_new__bonus__btns .btn,
    .basic-layout-content_old .edit-personal__btns input {
        margin: 10px 0 0 0;
    }

    .basic-layout-content_old .ct-head_flexible a {
        font-size: 12px;
    }
}

.basic-layout-content_old .ct-head {
    background: #ffdc08;
    font-size: 28px;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
    padding: 29px 30px 28px;
    position: relative;
}

.basic-layout-content_old .ct-head i {
    position: absolute;
    display: inline-block;
    right: 8px;
    top: 0;
    margin: 29px;
    cursor: pointer;
}

.basic-layout-content_old .ct-body {
    padding: 0 30px 0px;
    border-bottom: 1px solid #ffffff;
}

.basic-layout-content_old .ct-body .description {
    margin-top: 30px;
}

/*cabinet-bonus*/
.basic-layout-content_old .cabinet-tabs h2 {
    text-transform: uppercase;
    font-size: 28px;
    margin: 0;
    border-top: 1px solid #595959;
    padding-top: 15px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.basic-layout-content_old .bonus-column {
    text-align: center;
    font-size: 28px;
    color: #595959;
    padding-bottom: 30px;
    display: flex;
    justify-content: space-between;
}

.basic-layout-content_old .bonus-column h3 {
    text-transform: uppercase;
    color: #000;
    font-size: inherit;
    margin: 0 0 20px;

}


.basic-layout-content_old .edit-personal {
    padding-top: 30px;
}

.basic-layout-content_old .exit-btn {
    position: absolute;
    font-size: 20px;
    right: 0;
    top: 7px;
    color: #595959;
    font-family: 'Roboto-Bold';
    text-decoration: none;
}

/*cabinet-edit*/
/*delivery-edit*/
.basic-layout-content_old .delivery-box {
    border: 1px solid #595959;
    font-size: 20px;
    color: #595959;
    position: relative;
    padding: 10px 90px;
    margin: 30px 0;
}


.basic-layout-content_old .delivery-name {
    font-size: inherit;
    font-family: 'Roboto-Bold';
    color: #000;
}

.basic-layout-content_old .db-close,
.basic-layout-content_old .db-edit {
    position: absolute;
    width: 30px;
    height: 30px;
    display: inline-block;
    z-index: 1;
    cursor: pointer;
}

.basic-layout-content_old .db-close {
    width: 20px;
    height: 20px;
    background-color: #595959;
    background-image: url(/local/templates/electrotorg/css/../images/ico-cross-w.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    left: 0;
    top: 0;
}

.basic-layout-content_old .db-edit {
    right: 0;
    top: 0;
    margin: 30px;
    background-image: url(/local/templates/electrotorg/css/../images/ico-edit-input.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

}

/*delivery-edit*/
/*cabinet-edit*/
.basic-layout-content_old .sale-profile-detail-link-list {
    display: none;
}

.basic-layout-content_old .apply-btn {
    display: none;
}

.basic-layout-content_old .input-decorate {
    padding: 8px 15px;
    font: inherit;
    font-size: 16px;
    border: 1px solid #595959;
    width: 100%;
    margin: 0px 0 30px;
}

.basic-layout-content_old .sale-profile-detail-form input.bx-ui-sls-route {
    width: 30%;
    background: none;
    background-color: rgb(235, 235, 228);
    border: 0;
}

.basic-layout-content_old .sale-profile-detail-form input.bx-ui-sls-fake {
    width: 70%;
    border: 0;
    margin: 0;
    background: none;
    position: relative;
}

.basic-layout-content_old .sale-profile-detail-form .bx-ui-sls-container {
    background: none;
    margin: 0 0 30px !important;
}

.basic-layout-content_old .sale-personal-profile-btn-block {
    margin-bottom: 30px;
}

.basic-layout-content_old .sale-personal-profile-btn-block input {
    width: 100%;
    cursor: pointer;
}

.basic-layout-content_old .sale-personal-profile-detail-property-location .bx-sls .bx-ui-sls-clear {
    top: 35px;
    right: 24px;
}

/*cabinet-bitrix*/
/*----history-edit----*/
/*---calendar-filter---*/
.basic-layout-content_old .calendar-filter {
    font-family: 'Roboto-Bold';
    padding: 34px 90px;
}

.basic-layout-content_old .calendar-filter .prev,
.basic-layout-content_old .calendar-filter .next {
    display: inline-block;
    width: 20px;
    height: 15px;
    opacity: 0.6;
    cursor: pointer;
    margin-top: 4px;
}

.basic-layout-content_old .calendar-filter .prev {
    background: url(/local/templates/electrotorg/css/../images/arr-prev-black-lite.png) center no-repeat;
    background-size: 100%;
}

.basic-layout-content_old .calendar-filter .next {
    background: url(/local/templates/electrotorg/css/../images/arr-next-black-lite.png) center no-repeat;
    background-size: 100%;
}

.basic-layout-content_old .calendar-filter .prev:hover,
.basic-layout-content_old .calendar-filter .next:hover {
    opacity: 1;
}

.basic-layout-content_old .calendar-control {
    display: flex;
    justify-content: space-between;
}

/*---calendar-filter---*/
/*---history-order---*/
.basic-layout-content_old .history-item {
    padding-bottom: 30px;
}

.basic-layout-content_old .history-order {
    border: 1px solid #595959;

    padding: 15px 90px 0;
    position: relative;
    margin-bottom: 30px;
}

.basic-layout-content_old .ho-head {
    padding: 0 0 15px;
}

.basic-layout-content_old .history-order i {
    display: inline-block;
    right: 15px;
    top: 30px;
    width: 30px;
    height: 30px;
    position: absolute;
    font-size: 30px;
    cursor: pointer;
}

.basic-layout-content_old .history-order i a {
    text-decoration: none;
}

.basic-layout-content_old .history-order b {
    margin: 15px 0 0;
    display: block;
    font-size: 20px;
}

.basic-layout-content_old .ho-body {
    display: none;
}

.basic-layout-content_old .history-order.active .ho-body {
    display: block;
}

.basic-layout-content_old .summ-order {
    text-align: right;
}


.basic-layout-content_old .order-item {
    position: relative;
    padding: 30px 0 15px;

}

.basic-layout-content_old .order-line {
    position: absolute;
    width: calc(100% + 180px);
    height: 1px;
    left: -90px;
    top: 0;
    background: #595959;
}

.basic-layout-content_old .order-img img {
    width: 120px;
}

.basic-layout-content_old .mini-card {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url(/local/templates/electrotorg/css/../images/ico-basket.png) center no-repeat;
    background-size: 50px;
    cursor: pointer;
}

.basic-layout-content_old .mini-card.element-btn {
    background: #000 url(/local/templates/electrotorg/css/../images/ico-basket-yellow.png) center no-repeat;
    background-size: 30px;
    visibility: hidden;
}

.basic-layout-content_old .order-info .name {
    margin: 0 0 8px;
}

.basic-layout-content_old .order-info .num {
    color: #595959;
    margin: 0 0 20px;
}

.basic-layout-content_old .order-weight {
    font-family: 'Roboto-Bold';
    display: none;
}

.basic-layout-content_old .cost-name {
    margin: 0 0 0px;
}

.basic-layout-content_old .order-item-summ {
    font-size: 20px;
    font-family: 'Roboto-Bold';
    margin-top: 8px;
}

.basic-layout-content_old .order-cost .old-cost {
    color: #595959;
    position: relative;
    display: none;
}

.basic-layout-content_old .order-cost .cost {
    margin-top: 8px;
}

.basic-layout-content_old .order-cost .basket-btn input {
    background: none;
}

.basic-layout-content_old .order-cost .basket-btn,
.basic-layout-content_old .order-cost .basket-btn input {
    font-size: 0;
}

.basic-layout-content_old .order-cost .basket-btn form {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.basic-layout-content_old .order-cost .basket-btn {
    cursor: pointer;
    background-image: url(/local/templates/electrotorg/css/../images/ico-basket.png);
    background-size: 37px;
    background-repeat: no-repeat;
    background-position: center;
}

.basic-layout-content_old .order-all {
    text-align: right;
}

.basic-layout-content_old .order-item-cost {
    font-size: 28px;
    font-family: 'Roboto-Bold';
    margin-top: 0px;
}

/*---history-order---*/
/*---history-total---*/
.basic-layout-content_old .history-total {
    font-size: 20px;
    font-family: 'Roboto-Bold';
    border-top: 1px solid #595959;
    padding: 30px 90px;
    margin: 0 -90px;
}

.basic-layout-content_old .history-total-topic,
.basic-layout-content_old .history-total-all {
    font-size: 32px;
}

.basic-layout-content_old .history-delivery {
    margin-top: 10px;
}

.basic-layout-content_old .history-total-all {
    text-align: right;
}

/*---history-total---*/
/*---history-detail---*/
.basic-layout-content_old .history-detail {
    border: 1px solid #595959;
    padding: 30px 90px;
    position: relative;
    margin-top: 30px;
}

.basic-layout-content_old .history-detail b {
    font-size: 28px;
    display: inline-block;
    margin: 14px 0 0;
}

.basic-layout-content_old .history-detail i {
    position: absolute;
    right: 30px;
    top: 52px;
    font-size: 30px;
}

.basic-layout-content_old .history-detail-summ {
    text-align: right;
}

/*---history-detail---*/
/*----history-edit----*/
/*-----cabinet-----*/
/*-----checkout-----*/
.basic-layout-content_old .forma-wrap {
    margin: 0 0 90px;
}

.basic-layout-content_old .forma-head {
    background: #ffdc08;
    padding: 10px 30px 8px;
}

.basic-layout-content_old .forma-head h2 {
    margin: 0;
    text-transform: uppercase;
    font-size: 28px;

}

.basic-layout-content_old .forma-head .checkbox-wrap {
    text-align: right;
    width: 100%;
    margin-top: 1px;
    font-size: 13px;
    opacity: 1;
    padding: 6px 0;
    padding-right: 60px;
    font-family: 'Roboto-Bold';
    margin-top: 5px;
}

.basic-layout-content_old .forma-head .checkbox-wrap i {
    left: auto;
    right: 0;
    top: 9px;
}

.basic-layout-content_old .forma-body {
    padding: 50px 30px;
}

.basic-layout-content_old .forma-wrap input,
.basic-layout-content_old .forma-wrap textarea {
    border: 1px solid #595959;
    width: 100%;
}

.basic-layout-content_old .forma-wrap textarea {
    height: 120px;
}

.basic-layout-content_old .forma-wrap input {
    margin: 0 0 30px;
}

.basic-layout-content_old .forma-wrap .btn-wc {
    text-align: right;

    margin-top: 30px;
}

.basic-layout-content_old .forma-wrap .btn-wc .link {
    color: #fff;
    font-size: 18px;
    font-family: 'Roboto-Bold';
}

/*----address-points----*/
.basic-layout-content_old .address-points .category-topic {
    margin-bottom: 60px;
}

.basic-layout-content_old .points-item-wrap {
    height: 721px;
    position: relative;
    overflow-y: auto;
}

.basic-layout-content_old .points-item {
    background: #fff;
    padding: 15px 30px;
    color: #595959;
    position: relative;
    margin-bottom: 30px;
    font-size: 18px;
}

.basic-layout-content_old .points-item.contacts-address-line {
    padding: 15px 30px;
    margin-bottom: 37px;
}

.basic-layout-content_old .points-address {
    font-size: 28px;
    font-family: 'Roboto-Bold';
    color: #000;
    margin: 0 0 0px
}

.basic-layout-content_old .points-phone {
    font-family: 'Roboto-Bold';
    color: #000;
}

.basic-layout-content_old .points-address span {
    text-transform: uppercase;
    display: block;
}

.basic-layout-content_old .points-take {
    margin: 0 0 0px;
}

.basic-layout-content_old .points-take b {
    color: #028702;
    text-transform: inherit;
}

.basic-layout-content_old .points-btn {
    position: absolute;
    background: #ffdc08;
    font-family: 'Roboto-Bold';
    font-size: 21px;
    right: 0;
    top: 0;
    color: #000;
    width: 30%;
    height: 60px;
    text-align: right;
    padding: 15px 30px;
    opacity: 1;
    margin: 19px 30px;
}

.basic-layout-content_old .points-btn i {
    width: 30px;
    height: 30px;
    top: 16px;
    left: 30px;
    background: none;
}

.basic-layout-content_old .points-btn i:after {
    width: 18px;
    height: 18px;
    left: 5px;
    top: 5px;
}

/*----address-points----*/
/*----payment-methods----*/
.basic-layout-content_old .payment-methods {
    margin-top: 90px;
}

.basic-layout-content_old .payment-methods .category-topic {
    margin: 0 0 30px;
}

.basic-layout-content_old .payment-item {
    padding: 30px;
    background: #fff;
    position: relative;
    margin: 0 0 30px;
    font-size: 18px;
}

.basic-layout-content_old .payment-img {
    margin-top: 0px;
}


.basic-layout-content_old .payment-description {
    color: #595959;
    padding: 0px 0 0;
    font-size: 20px;
}

.basic-layout-content_old .payment-btn {
    background: #ffdc08;
    font-family: 'Roboto-Bold';
    font-size: 21px;
    color: #000;
    width: 100%;
    height: 60px;
    text-align: right;
    padding: 15px 15px;
    opacity: 1;
    cursor: pointer;
}

.basic-layout-content_old .payment-btn i {
    width: 30px;
    height: 30px;
    top: 16px;
    left: 30px;
}

.basic-layout-content_old .payment-btn i:after {
    width: 18px;
    height: 18px;
    left: 5px;
    top: 5px;
}

.basic-layout-content_old .payment-img img {
    width: 130px;
}

.basic-layout-content_old .payment-moneta img {
    width: 90px;
}

/*----payment-methods----*/
/*----checkout-total----*/
.basic-layout-content_old .checkout-total {
    font-size: 42px;
    font-family: 'Roboto-Bold';
    margin: 0 0 30px;
}

.basic-layout-content_old .checkout-total h2 {
    font-size: inherit;
    margin: 0;
}

.basic-layout-content_old .checkout-summ {
    text-align: right;
}

.basic-layout-content_old .conf-checkbox {
    color: #000;
    font-size: 20px;
    margin: 0 0 10px;
    text-align: right;
    display: block;
}

.basic-layout-content_old .conf-checkbox i {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    margin-top: -10px;
    margin-right: 8px;
}

.basic-layout-content_old .conf-checkbox i:after {
    width: 22px;
    height: 22px;
}

.basic-layout-content_old .conf-top {
    margin-top: 22px;
    text-align: left;
    padding-left: 0px;
}

.basic-layout-content_old .conf-top i {
    margin-left: 15px;
}

/*----checkout-total----*/
/*----checkout-end----*/
.basic-layout-content_old .checkout-end {
    color: #fff;
    position: relative;
    z-index: 2;
}

.basic-layout-content_old .btn-order, .modal-btn, .bx-soa-pp-company-smalltitle.bx-selected {
    font-size: 24px;
    padding: 15px;
    width: 100%;
    background-color: #ffdc08;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.26);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 10px;
    text-decoration: none;
}

.basic-layout-content_old .btn-order-fast-order, .bx-soa-pp-company-smalltitle, .modal-btn-lk {
    font-size: 24px;
    padding: 15px;
    width: 100%;
    background: #FFFFFF;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.26);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    margin-bottom: 10px;
    text-decoration: none;
}

.basic-layout-content_old .bx-soa-pp-company-checkbox {
    visibility: hidden;
}

.basic-layout-content_old .bx-soa-pp-company {
    width: 100%;
}

.basic-layout-content_old .el-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 -8px;
}


.basic-layout-content_old .bx-selected .bx-soa-pp-company-smalltitle {
    background-color: #ffdc08 !important;
}

#bx-soa-total-mobile .btn.btn-order-save i {
    width: 38px;
    height: 30px;
    display: inline-block;
    background: url(/local/templates/electrotorg/css/../images/ico-bask#bx-soa-total-mobileet.png) center no-repeat;
    background-size: 100%;
    margin-left: 14px;
    vertical-align: middle;
}

.basic-layout-content_old .btn-order * {
    vertical-align: middle;
}

/*
.basic-layout-content_old .btn-order:hover {
outline: 4px solid #ffdc08;
}
*/
.basic-layout-content_old .btn-order i {
    width: 38px;
    height: 30px;
    display: inline-block;
    background: url(/local/templates/electrotorg/css/../images/ico-basket.png) center no-repeat;
    background-size: 100%;
    margin-left: 14px;
}

.basic-layout-content_old .btn-order i.hover {
    background: url(/local/templates/electrotorg/css/../images/ico-basket-white.png) center no-repeat;
    background-size: 100%;
    display: none;
}

/*
.basic-layout-content_old .btn-order:hover i {
display: none;
}

.basic-layout-content_old .btn-order:hover .hover {
display: inline-block;
}
*/
/*----checkout-end----*/
/*-----checkout-----*/
/*-----basket-----*/
.basic-layout-content_old .basket-item,
.basic-layout-content_old .basket-items-list-item-container {
    background: #fff;
    padding: 15px 30px 5px;
    position: relative;
    margin: 0 0 30px;
}

.basic-layout-content_old .basket-items-list-container,
.basic-layout-content_old .basket-items-list {
    padding: 0;
    min-height: auto !important;
}

.basic-layout-content_old .basket-items-list-container {
    overflow: visible !important;
}

.basic-layout-content_old .order-info {
    font-size: 18px;
}

.basic-layout-content_old .bi-img img {
    width: 70%;
}

.basic-layout-content_old .basket-item-block-price,
.basic-layout-content_old .bi-cost {
    background: #ffdc08;
    text-align: right;
    padding: 9px 30px;
}

.basic-layout-content_old .bi-cost > div {
    vertical-align: middle;
}

.basic-layout-content_old .basket-item-price-current-text,
.basic-layout-content_old .bi-cost .cost {
    font-size: 28px;
    margin-left: 30px;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .bi-quantity {
    padding: 5px 0 0px;

}

.basic-layout-content_old .basket-item-amount-filed-block {
    display: inline-block;
}

input.basket-item-amount-filed,
.basic-layout-content_old .quantity-calculate .value-field,
.basic-layout-content_old .quantity-calculate-detail .value-field-detail {
    display: inline-block;
    border: 1px solid #000;
    width: 30px;
    padding: 3px 0px;
    text-align: center;
    margin: 0 10px;

}

.basic-layout-content_old .quantity-calculate-detail.no-available-block_parent {
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: 'Roboto-Bold';
}

@media (max-width: 1180px) {
    .basic-layout-content_old .quantity-calculate-detail.no-available-block_parent {
        font-size: 16px;
    }
}

.basic-layout-content_old .term-delivery {
    margin-top: 10px;
    opacity: 0;
    /* Поставил это, чтобы не заморачиваться с переверсткой блока. В случае необходимости убрать. */
}

.basic-layout-content_old .quantity-topic {
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
    display: inline-block;
    width: 49%;
    padding-top: 14px;
    float: left;
}

.basic-layout-content_old .quantity-calculate-detail .quantity-topic {

    width: 30%;
    float: left;
    padding-top: 8px;
}

.basic-layout-content_old .basket-item-block-amount,
.basic-layout-content_old .quantity-calculate {
    width: auto;
    font-size: 28px;
    padding-top: 0px;

}

.basic-layout-content_old .basket-item-block-amount *,
.basic-layout-content_old .quantity-calculate > * {
    vertical-align: middle;
    display: inline-block;

}

.basic-layout-content_old .clr {
    clear: both;
}

.basic-layout-content_old .inner-table-bi:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.basic-layout-content_old .basket-items-list-item-price {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.basic-layout-content_old .basket-item-amount-btn-minus,
.basic-layout-content_old .basket-item-amount-btn-plus,
.basic-layout-content_old .quantity-calculate i {
    cursor: pointer;
    position: relative;
    top: -1px;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .quantity-calculate span {
    font-size: 18px;
    font-family: 'Roboto-Bold';
    margin: 0 38px 0 40px;
}

/**/
.basic-layout-content_old .delivery-wrap {
    display: none;
    background: #fff;
    margin-top: -90px;
    margin-bottom: 60px;
}

.basic-layout-content_old .delivery-wrap.show {
    display: block;
}

.basic-layout-content_old .delivery-wrap .category-topic {
    margin: 60px 0 30px;

}

.basic-layout-content_old .delivery-img {
    text-align: center;
}


.basic-layout-content_old .delivery-img.car img {
    width: 100px;
}

.basic-layout-content_old .delivery-img.box img {
    width: 75px;
}

.basic-layout-content_old .delivery-description {
    color: #595959;
    padding: 18px 0 0;

}

.basic-layout-content_old .delivery-cost {
    text-align: center;
    display: inline-block;
    width: calc(100% - 300px);
}

.basic-layout-content_old .bx-soa-cart-total-line {
    display: flex;
}

.basic-layout-content_old .bx-soa-cart-t {
    margin-right: auto;
}

.basic-layout-content_old .bx-soa-cart-d,
.basic-layout-content_old .basket-total .summ {
    text-align: right;
}

.basic-layout-content_old .bx-soa-cart-total-line:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.basic-layout-content_old .bx-soa-cart-total-line,
.basic-layout-content_old .bt-line {
    margin: 0 0 10px;
}

bx-soa-cart-total--bold {
    font-family: 'Roboto-Bold';
}

/*basket-bitrix*/
.basic-layout-content_old .basket-items-list-wrapper-compact .basket-item-block-image {
    width: 16.6%;
    float: left;
    padding: 0 15px;
}

.basic-layout-content_old .basket-items-list-wrapper-compact .basket-item-image {
    max-width: none;
    max-height: 73px;
    object-fit: contain;
}

.basic-layout-content_old .basket-item-actions-remove {
    display: block;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-image: url(/local/templates/electrotorg/css/../images/cancel.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
    left: 0;
    top: 0;
}

.basic-layout-content_old .basket-item-actions-remove:after,
.basic-layout-content_old .basket-item-actions-remove:before {
    display: none;
}

.basic-layout-content_old .basket-items-list-item-descriptions {
    position: relative;
    width: 33.3%;
    float: left;
    padding: 0 15px;
}

.basic-layout-content_old .basket-item-info-name {
    font-size: 18px;
}

.basic-layout-content_old .basket-item-property-custom,
.basic-layout-content_old .order-info .num {
    color: #595959;
    margin: 0 0 20px;


}

.basic-layout-content_old .basket-items-list-item-container .basket-item-property-custom > * {
    font-size: 18px;
    font-weight: normal;
}

@media (min-width: 999px) {
    .basic-layout-content_old .el-total-text, .el-total-price {
        font-size: 21px;
        font-family: 'Roboto-Bold';
    }

    .basic-layout-content_old .el-total-content .el-total-text {
        width: 170px;
        padding-right: 5px;
    }
}

.basic-layout-content_old .basket-items-list-item-price-for-one {
    display: none;
}

.basic-layout-content_old .basket-items-list-item-remove {
    display: none;
}

.basic-layout-content_old .basket-item-amount-field-description {
    display: none;
}

#bx-soa-basket {
    display: none;
}

/*-----basket-bitrix-ajax-steps--*/
.basic-layout-content_old .el-total-content .bt-line {
    display: flex;
}

@media (min-width: 999px) {
    .basic-layout-content_old .el-total-content .el-total-price {
        width: 150px;
        padding-left: 5px;
    }
}

.basic-layout-content_old .bx-selected .bx-soa-section-title-container {
    background: #ffdc08
}

.basic-layout-content_old .bx-soa-section-title-container h2 {
    margin: 0;
    font-size: inherit;
}

.basic-layout-content_old .bx-soa-section {
    background: #fff;
    margin: 0 0 60px;
}

.basic-layout-content_old .bx-soa-section .input-edit,
.basic-layout-content_old .bx-ui-sls-container {
    border: 1px solid #595959 !important;
    width: 100%;
    background-image: url(/local/templates/electrotorg/css/../images/ico-edit-input.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 98% center;
    margin: 0px 0 30px
}

.basic-layout-content_old .bx-ui-sls-route {
    padding: 8px 0px 8px 15px !important;
}

.basic-layout-content_old .bx-ui-sls-fake {
    width: calc(100% - 185px);
}

.basic-layout-content_old .bx-soa-custom-label {
    position: relative;
    top: 0px;
    display: inline-block;
}

.basic-layout-content_old .bx-soa .bx-soa-location-input-container {
    width: 70%;
    float: left;
}

.basic-layout-content_old .bx-soa .bx-soa-location-input-container.three {
    width: 30%;
}

.basic-layout-content_old .bx-soa .bx-soa-location-input-container.three input {
    width: 100%;
}

.basic-layout-content_old .bx-soa-reference {
    color: #9a9a9a;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;
    top: 0px;
    margin-top: 15px;
}

.basic-layout-content_old .bx-soa-reference:before {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.basic-layout-content_old .bx_soa_location {
    padding: 0px 15px 15px;
}

#bx-soa-region .bx-soa-section-content {
    padding: 15px 30px;
}

#bx-soa-region .form-man input {
    margin-bottom: 10px;
    margin-top: 20px;
}

#bx-soa-region .bx_soa_location {
    padding: 0;
}

#bx-soa-region .bx-soa-section-content.container-fluid {
    padding-top: 0;
}

#bx-soa-region .form-group {
    padding-bottom: 15px;
}

#bx-soa-delivery .bx-soa-pp {
    padding: 0;
}


#bx-soa-delivery .bx-soa-section-title-container {
    margin-top: 0;
}

.basic-layout-content_old .wrapper .bx-soa-pp-company-selected {
    padding: 15px 0;
}

#bx-soa-paysystem .bx-soa-pp {
    padding-top: 15px;
}

#bx-soa-properties .bx-soa-section-content {
    padding: 15px;
}

.basic-layout-content_old .bx-sls .bx-ui-sls-clear {
    background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -3386px no-repeat scroll;
    width: 30px;
    height: 30px;
    cursor: pointer;
    cursor: hand;
    margin-top: 2px;
    position: absolute;
    top: 30px;
    right: 0px;
    display: block;
}

.basic-layout-content_old .pull-left {
    display: none;
}

.basic-layout-content_old .custom-next,
.basic-layout-content_old .basket-next-custom,
.basic-layout-content_old .pull-right {
    width: 100%;
    margin: 5px 0 20px;
    background: #ffdc08 !important;
    color: #000 !important;
    cursor: pointer;
}

.basic-layout-content_old .custom-more-wrap {
    padding: 0 30px 0;
}

.basic-layout-content_old .custom-next {
    margin: 5px 0 50px;
}

.basic-layout-content_old .bx-soa-editstep {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    text-decoration: none;
    text-transform: initial;
    margin: 36px;
}

#map-order-block {
    position: relative;
}

#pickup-address {
    font-size: 24px;
    font-family: 'Roboto-Bold';
    margin-bottom: 38px;
    padding-left: 30px;
}

#ya-map-pickup {
    display: none;
}

#courier-address {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 18px;
}

@media (max-width: 768px) {
    #courier-address .soa-property-container:first-child, .comments-wrap {
        grid-column: auto !important;
        width: 100% !important;

    }
}

.basic-layout-content_old .label-wrap {
    position: relative;
}

.basic-layout-content_old .el-basket .label, .el-form-grid .bx-soa-custom-label {
    visibility: hidden;
    position: absolute;
    top: -4px;
    right: 4px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.31);
    transition: all 0.3s ease;
}

.basic-layout-content_old .el-basket input:focus + label, .el-basket input:active + label, .el-basket input.focus + label, .el-form-grid .bx-soa-customer-field.focus label {
    visibility: visible;
    top: 0;
    z-index: 1;
}

.basic-layout-content_old .el-form-grid .tooltip {
    position: absolute !important;
    top: -18px;
}

.basic-layout-content_old .el-form-grid {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*margin: 0 -10px;*/
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}

.basic-layout-content_old .el-form-grid .bx-soa-customer-field:nth-child(2):empty {
    display: none;
}

/*.el-form-grid .form-group {*/
/*    padding: 0 10px;*/
/*    margin-bottom: 10px;*/
/*    width: calc(100% / 3);*/
/*}*/
.basic-layout-content_old .el-form-grid .bx-soa-customer-field:nth-child(2) {
    grid-row: 2;
}

@media (max-width: 998px) {
    .basic-layout-content_old .el-form-grid .bx-soa-customer-field:nth-child(2) {
        grid-row: 1;
        grid-column: 3 / 3;
    }

    .basic-layout-content_old .el-form-grid {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        display: flex;
        gap: 15px;
    }

    .basic-layout-content_old .el-form-grid .form-group {
        grid-template-columns: repeat(1, 1fr);
        width: 50%;
    }
}

@media (max-width: 768px) {

    .basic-layout-content_old .el-form-grid {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .basic-layout-content_old .el-form-grid .form-group {
        width: 70%;
    }

    .form-group bx-soa-customer-field {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .basic-layout-content_old .el-form-grid .form-group {
        width: 100%;
    }
}

.basic-layout-content_old .text--small {
    font-size: 12px;
}

.basic-layout-content_old .el-message-input {
    width: 60%;
}

.basic-layout-content_old .form-man label {
    display: none;
}

.basic-layout-content_old .form-man input,
.basic-layout-content_old .form-man textarea {
    border: 1px solid #595959;
    width: 100%;
    margin: 0px 0 30px;
}


/*
#bx-soa-delivery .bx-soa-more,
#bx-soa-delivery .bx-soa-pp,
#bx-soa-paysystem .bx-soa-more,
#bx-soa-paysystem .bx-soa-pp {
    display: none;
}
*/
.basic-layout-content_old .hidden {
    display: none;
}

.basic-layout-content_old .store_block {
    margin-top: 10px;
}

.basic-layout-content_old .no-click {
    pointer-events: none;
}

.basic-layout-content_old .choise-pay {
    display: none;
    background: #fff;
    margin: -60px 0 30px;
}

.basic-layout-content_old .choise-pay.show {
    display: block;
}

.basic-layout-content_old .login-link,
.basic-layout-content_old .forgot-link {
    font-size: 14px;
}

.basic-layout-content_old .login-link {
    margin-right: 30px;
    display: inline-block;
}

.basic-layout-content_old .login-link:hover,
.basic-layout-content_old .forgot-link:hover {
    text-decoration: none;
}

.basic-layout-content_old .bx-authform .bx-authform-label-container {
    display: none;
}

.basic-layout-content_old .half-auth {
    width: 50%;
    display: inline-block;
    padding-right: 15px;
}

.basic-layout-content_old .half-auth:nth-child(3) {
    padding-left: 15px;
}

/*-----basket-bitrix----*/
/*-----basket-----*/
/*-----contacts-----*/
.basic-layout-content_old .choise-city {
    border-radius: 0;
    color: #595959;
    padding: 14px 15px;
}

.basic-layout-content_old .choise-city i {
    top: 15px;
}

.basic-layout-content_old .choise-city ul {
    border-radius: 0;
    background: #ebebeb;
    top: 30px;
}

.basic-layout-content_old .choise-city ul li {
    text-align: left;
    padding: 4px 20px;
}

.basic-layout-content_old .choise-city.active i {
    transform: rotate(180deg);
}

.basic-layout-content_old .select-outer {
    /*  background: #ffdc08;
    padding: 20px 30px 10px;  Для возвращения стиля на исходную: расскомменитровать это, убрать минус в margin, удалить opacity */
    margin: 0 0 -50px;
    display: none;
    opacity: 0;
}

.basic-layout-content_old .select-outer h2 {
    margin: 0 0 19px;
}

.basic-layout-content_old .select-outer .choise-city,
.basic-layout-content_old .select-outer .choise-city ul {
    background: #fff;
}

/*-----map-----*/
.basic-layout-content_old .map {
    height: 720px;
    position: relative;
    margin: 0 0 30px;
}

#map {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.basic-layout-content_old .box-map:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.basic-layout-content_old .box-map {
    width: 100%;
    font-family: 'Roboto-Bold';
    font-size: 14px;
}

.basic-layout-content_old .box-map img {
    width: 115px;
    height: 90px;
    float: left;
    margin-right: 10px;
}

.basic-layout-content_old .box-map .points-address {
    font-size: 20px;
}

/*-----map-----*/
.basic-layout-content_old .text-address {
    margin: 0 0 10px;
}

.basic-layout-content_old .box-map-content {
    overflow: hidden;
}

.basic-layout-content_old .contacts h2 {
    margin: 0 0 25px;
    font-size: 28px;
    text-transform: uppercase;
}

.basic-layout-content_old .contacts h2 span {
    color: #595959;
}

.basic-layout-content_old .contacts-address {
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .contacts-address {
    position: relative;
    height: 721px;
    overflow-x: auto;
}


.basic-layout-content_old .contacts-address-line .photo-address {
    display: none;
}

.basic-layout-content_old .contacts-address .metro {
    text-transform: uppercase;
}

.basic-layout-content_old .link-wrap {
    text-align: right;
}

.basic-layout-content_old .contacts-address .link {
    text-transform: uppercase;
    color: #000;

    text-decoration: underline;
}

/*-----contacts-----*/
/*-----bonus-program-----*/
.basic-layout-content_old .bonus-program .bonus-item {
    position: relative;
    background: #fff;
}

.basic-layout-content_old .bonus-program .bp-head {
    background: #ffdc08;
    position: relative;
    text-transform: uppercase;
    font-size: 28px;
    padding: 25px 30px 23px;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .bp-head i {
    position: absolute;
    display: inline-block;
    right: 8px;
    top: 0;
    margin: 24px;
}

.basic-layout-content_old .bonus-program .bp-body {
    padding: 40px 30px 15px;
}

.basic-layout-content_old .bonus-program .bp-name {
    margin: 0 0 30px;
}

.basic-layout-content_old .bonus-program .bp-name:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


.basic-layout-content_old .bonus-program h2 {
    font-size: 42px;
    text-transform: uppercase;
    width: 70%;
    float: left;
    margin: 12px 0 0;
    border: 0;
    padding: 0;
}

.basic-layout-content_old .bonus-program .change-prog {
    width: 30%;
    text-align: right;
    float: left;
    font-size: 28px;
    position: relative;
    padding: 25px 16px 23px;
}

.basic-layout-content_old .bonus-program .change-prog i {

    left: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/local/templates/electrotorg/css/../images/ico-change.png) center no-repeat;
    background-size: 100%;
    position: absolute;

    top: 0;
    margin: 30px;
}

.basic-layout-content_old .bonus-program .bp-table {
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .bonus-program .table-line {
    border-bottom: 1px solid #595959;
    padding: 15px 0;

}

.basic-layout-content_old .bonus-program .table-line:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.basic-layout-content_old .bonus-program .table-line:last-child {
    border: 0;
}

.basic-layout-content_old .bonus-program .line-name,
.basic-layout-content_old .bonus-program .line-value {
    width: 50%;
    float: left;
}

.basic-layout-content_old .bonus-program .line-name i {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: initial;
    background: url(/local/templates/electrotorg/css/../images/ico-question.png) center no-repeat;
    background-size: 100%;
}

.basic-layout-content_old .bonus-program .line-value {
    color: #595959;
    text-align: right;
}

.basic-layout-content_old .bonus-program .order-pay {
    text-align: center;
    background: #ffdc08;
    padding: 25px 16px 23px;
    margin: 0 0 50px;
    width: 100%;
    font-size: 28px;
}

.basic-layout-content_old .bonus-program .hint {
    font-size: 20px;
    border-bottom: 1px solid #595959;
    padding-bottom: 53px;
}

.basic-layout-content_old .bonus-program h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    margin: 38px 0 50px;
}

.basic-layout-content_old .bonus-program .bp-tabs {
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .bonus-program .bp-tab {
    display: inline-block;
    padding: 0 0px;
    color: #595959;
    cursor: pointer;
    vertical-align: middle;
}

.basic-layout-content_old .bonus-program .bp-tab.active {
    color: #000;
}

.basic-layout-content_old .bonus-program .delimetr {
    display: inline-block;
    width: 1px;
    height: 30px;
    background: #595959;
    margin: 0 10px;
    vertical-align: middle;
}

.basic-layout-content_old .bonus-program .bp-footer-inner {
    font-size: 28px;
    font-family: 'Roboto-Bold';
    padding: 0 30px 48px;
    display: flex;
    justify-content: space-between;
}

.basic-layout-content_old .bonus-program .bp-footer-inner {
    display: none;
}

.basic-layout-content_old .bonus-program .bp-footer-inner.active {
    display: flex;
}

.basic-layout-content_old .bonus-program .footer-cell:nth-child(3) {
    text-align: center;
}

.basic-layout-content_old .bonus-program .footer-cell:nth-child(4),
.basic-layout-content_old .bonus-program .footer-cell:nth-child(5) {
    text-align: right;
}

.basic-layout-content_old .bonus-program .footer-cell span {
    color: #595959;
    display: block;
}

/*-----bonus-program-----*/
/*-----bonus-popup-----*/
.basic-layout-content_old .popup-bonus.popup {
    max-width: 1800px;
    width: auto;
    padding: 0 30px 30px;
}

.basic-layout-content_old .popup-bonus h2 {
    border: 0;
    padding: 24px 30px;
    margin: 0 -30px 30px;
    background: #ffdc08;
}

.basic-layout-content_old .popup-bonus .close {
    margin-top: 20px;
}

.basic-layout-content_old .bonus-choise-item {
    border-bottom: 1px solid #ccc;
    padding-bottom: 50px;
    margin: 0 0 60px;
}

.basic-layout-content_old .bonus-choise-item h3 {
    text-transform: uppercase;
    font-size: 28px;
    margin: 0 0 8px;
}

.basic-layout-content_old .bonus-choise-item .hint {
    font-size: 20px;
    color: #595959;
}

.basic-layout-content_old .bonus-checkbox {
    background: #ffdc08;
    font-size: 28px;
    font-family: 'Roboto-Bold';
    text-align: right;
    position: relative;
    padding: 24px 30px;

}

.basic-layout-content_old .bonus-checkbox i {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 100%;
    position: absolute;
    left: 30px;
    top: 29px;
    cursor: pointer;
}

.basic-layout-content_old .bonus-checkbox i:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;

    border-radius: 100%;
    left: 4px;
    top: 4px;
}

.basic-layout-content_old .bonus-checkbox.active i:before {
    background: #000;
}

[name="bonustype"] {
    display: none;
}

.basic-layout-content_old .bonus-choise-item .link {
    display: inline-block;
    border-bottom: 1px solid #000;
    padding-bottom: 12px;
    padding-top: 14px;
    position: relative;
    color: #000;
    width: 100%;
    font-family: 'Roboto-Bold';
    text-decoration: none;
    text-transform: uppercase;
}

.basic-layout-content_old .bonus-choise-item .link i {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 14px;
}

.basic-layout-content_old .bonus-choise-item .description {
    margin: 21px 0 0;
}

.basic-layout-content_old .bonus-choise-item:nth-child(4) {
    margin-bottom: 0;
}

.basic-layout-content_old .bonus-message {
    text-align: center;
    font-family: 'Roboto-Bold';
    font-size: 20px;
    padding-top: 36px;
}

/*-----bonus-popup-----*/
.basic-layout-content_old .subscription .hint {
    display: none;
}

.basic-layout-content_old .reg-hint {
    margin: 0 0 30px;
    text-align: center;
}

#bx-soa-auth .bx-authform input.btn-reg,
.basic-layout-content_old .forma-wrap input.btn-reg {
    background: #ffdc08;
    color: #000;
    font-size: 28px;
    padding: 23px 65px;
    width: 100%;
    border: 0;
    font-family: 'Roboto-Bold';
    cursor: pointer;
}

.basic-layout-content_old .confirm-window {
    font-size: 20px;
}

.basic-layout-content_old .confirm-window .forma-body {
    padding-top: 70px;
    text-align: center;
}

.basic-layout-content_old .confirm-window .btn {
    margin: 30px 0 0;
}

/*additional style*/
.basic-layout-content_old .product-item-detail-price-current {
    color: #000;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .product-item-detail-pay-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.basic-layout-content_old .product-item-detail-pay-block .quantity-topic {
    float: none;
    width: auto;
    margin-right: 15px;
}

.basic-layout-content_old .product-item-detail-pay-block form {
    display: inline-block;
    width: auto;
    position: relative;
}

.basic-layout-content_old .product-item-detail-info-container {
    margin-right: auto;
}

/*additional style*/
.basic-layout-content_old .el-for-clone {
    display: none;
}

.basic-layout-content_old .bx_filter_parameters_box_container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

input.bx_filter_search_button,
input.bx_filter_search_reset {
    color: #000;
    font-family: 'Roboto-Bold';
    padding: 8px 13px;
    cursor: pointer;
}

.basic-layout-content_old .filter_button {
    color: #000;
    font-family: 'Roboto-Bold';
    padding: 8px 13px;
    cursor: pointer;
}

input.bx_filter_search_reset {
    margin-top: 30px;
}

.basic-layout-content_old .filter_button:not(first-child) {
    margin-top: 10px;
}

.basic-layout-content_old .bx_filter_search_reset {
    margin-top: 15px;
}

input.bx_filter_search_reset:hover,
input.bx_filter_search_button:hover {
    background: #ffdc08;
    border-color: #ffdc08;
}

.basic-layout-content_old .bx-filter-block {
    padding-top: 15px;
}

.basic-layout-content_old .filter_button:hover {
    background: #ffdc08;
    border-color: #ffdc08;
}

.basic-layout-content_old .bx_filter_parameters_box_container_block {
    width: 45%;
    margin-right: 10%;
    float: left;
}

.basic-layout-content_old .bx_filter_parameters_box_container_block:nth-child(2) {
    margin-right: 0;
}

.basic-layout-content_old .bx_catalog_tile {
    display: none;
}

.basic-layout-content_old .log-out input[type="submit"] {
    background: none;
    border: 0;
    font-family: 'Roboto-Bold';
    font-size: 18px;
    padding: 0;
    vertical-align: baseline;
}

.basic-layout-content_old .log-out,
[id="bx_incl_area_1"] {
    display: inline-block;
}

.basic-layout-content_old .catalog-block-header {
    display: none;
}

.basic-layout-content_old .owl-looked.bx-blue .btn.btn-default {
    background: #ffdc08;
    color: #000;
}

.basic-layout-content_old .bx-authform-link-container {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 30px;
}

.basic-layout-content_old .login-label-or {
    text-align: center;
    display: block;
    padding-top: 25px;
}

/*

.basic-layout-content_old .style-checkbox
{
    display: block !important;
}*/
.basic-layout-content_old .cabinet-rigister a.bonus-btn {
    border: 3px solid #ffdc08;
    position: relative;
    top: -6px;
    padding: 4px 6px;
}

div[data-property-id-row="17"] label {
    display: block;
}

.basic-layout-content_old .owl-looked img {
    height: 300px;
}

.basic-layout-content_old .bx_filter_popup_result a {
    color: #000;
    border: 2px solid #ffdc08;
    text-decoration: none;
    padding: 6px 10px;
    font-family: 'Roboto-Bold';
    font-size: 14px;
    margin: -4px 0 0 12px;
}

.basic-layout-content_old .bx_filter_popup_result a:hover {
    text-decoration: underline;
}

.basic-layout-content_old .basket-total .bt-line {
    position: relative;
    border: 0;
}

.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="19"],
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="20"],
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="21"],
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="22"],
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="35"],
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="36"] {
    display: block;
    width: 100% !important;
}

.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="19"] .tooltip-inner,
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="20"] .tooltip-inner,
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="21"] .tooltip-inner,
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="22"] .tooltip-inner,
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="35"] .tooltip-inner,
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="36"] .tooltip-inner {
    bottom: -15px !important;
}

label[for="soa-property-19"],
label[for="soa-property-20"],
label[for="soa-property-21"],
label[for="soa-property-22"],
label[for="soa-property-35"],
label[for="soa-property-36"] {
    padding-left: 20px !important;
}

.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="19"] .tooltip-inner,
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="20"] .tooltip-inner,
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="21"] .tooltip-inner,
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="22"] .tooltip-inner,
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="35"] .tooltip-inner,
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="36"] .tooltip-inner {
    bottom: auto !important;
    position: relative;
    max-width: max-content;
}

.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="20"],
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="24"],
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="23"],
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="37"],
.basic-layout-content_old .form-group.bx-soa-customer-field[data-property-id-row="42"] {
    display: none;
}

/*
.basic-layout-content_old .form-man.first
{
    position: absolute;
    z-index: 2;
    margin-top: 240px;
    margin-left: 30px;
    width: calc(100% - 90px);
}
*/
#bx-soa-properties .soa-property-container [type="checkbox"] {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 10px;
    bottom: auto;
    margin: 0;
}

@media (max-width: 998px) {
    #bx-soa-properties .soa-property-container [type="checkbox"] {
        top: 5px;
        bottom: auto;
    }
}

#bx-soa-properties label {
    padding-left: 35px !important;
}

#el-form-grid label[for="soa-property-19"],
#el-form-grid label[for="soa-property-21"] {
    display: flex;
    height: auto;
    padding-left: 25px !important;
    margin: 5px 0 5px 0;
    z-index: 1;
}

#bx-soa-properties.bx-soa-properties_new label:hover {
    cursor: pointer;
}


.basic-layout-content_old .sale_order_full_table {
    display: none;
}


@media (max-width: 767px) {

    .basic-layout-content_old .article {

        margin: 1px 0 2px;

    }

    .basic-layout-content_old .product-item-container {

        font-size: 15px;
    }

}

.basic-layout-content_old .descclick {
    display: block;
}

.basic-layout-content_old .mobclick {
    display: none;
}

@media (max-width: 576px) {
    .basic-layout-content_old .descclick {
        display: none;
    }

    .basic-layout-content_old .mobclick {
        display: block;
    }

    .basic-layout-content_old .product-item-container .flex-cart--column {
        padding-left: 10px;
    }

    .basic-layout-content_old .card-btn-fast-buy {
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.16);
        box-shadow: unset;
        font-family: 'Roboto-Bold';
        font-size: 13px;
        padding: 13px 31px;
        white-space: nowrap;
    }
}

.basic-layout-content_old .btn-buy.btn.btn-default:hover {
    background-color: #000;
    color: #fff;
}

.basic-layout-content_old .btn-buy.btn.btn-default i {
    transition: ease-out 0.5s;
}

.basic-layout-content_old .btn-buy.btn.btn-default.hover-btn-blue i {
    transform: scale(1.3);
}

.basic-layout-content_old .btn-buy.btn.btn-default.hover-btn-blue {
    outline: 0;
    background-color: #000;
    border-color: #000;
    color: #FFF;
}

.basic-layout-content_old .nav-item a {
    text-decoration: none;
}

.basic-layout-content_old .brand_item {
    display: block;
}


.basic-layout-content_old .cabinet-tab-item.history-item .basket-btn {
    background-color: #FFFFFF !important;
    transition: ease-out 0.25s;
}

.basic-layout-content_old .cabinet-tab-item.history-item .basket-btn:active {
    transform: scale(1.2);
}

.basic-layout-content_old .b_text h2 {
    display: inline-block;

}

.basic-layout-content_old .b_text .order-pay {
    margin-top: 33px;
    margin-left: 30px;
}

.basic-layout-content_old .b_tab {
    width: 100%;
    margin: 0 auto;
    border-spacing: 0;
    border-collapse: collapse;
}

.basic-layout-content_old .b_tab td {
    border: 1px solid #000;
    padding: 15px 30px;

}

.basic-layout-content_old .b_tab tr:first-child td {
    border-color: #Fff;
    border-bottom-color: #000;
    font-family: 'Roboto-Bold';
    padding-bottom: 5px;
    text-align: center;
}

a.pochbpup {
    text-transform: none !important;
}

.basic-layout-content_old .alert-warning {
    position: relative;
}


.basic-layout-content_old .no-sky {
    padding: 16px 15px 14px 10px;
    position: absolute;
    right: 20px;
    font-size: 20px;

}

.basic-layout-content_old .delivery-item.subscribe .ct-body {
    padding: 30px;
}

.basic-layout-content_old .delivery-item.subscribe .ct-body [type="submit"].btn {
    width: 100%;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .oneimage {
    display: none;
}

.basic-layout-content_old .basklimit {
    width: 186px;
    height: auto;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 10px 1px #c7c7c7;
    padding: 15px;
    position: absolute;
    z-index: 2;
    color: #000;
    font-size: 14px;
    text-align: center;
    bottom: 50px;
    left: 50%;
    margin-left: -89px;
    visibility: hidden;
    opacity: 0;
}

.basic-layout-content_old .basklimit:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    left: 82px;
    bottom: -5px;
    background: #fff;

}

.basic-layout-content_old .basklimit-1 i {
    font-size: 12px;
    display: inline-block;
    line-height: 1.2;
}

.basic-layout-content_old .add_basket-popup .basklimit span {
    font-size: 14px;
}

.basic-layout-content_old .basklimit.show {
    opacity: 1;
    visibility: visible;
}

.basic-layout-content_old .quantity-calculate {
    position: relative;
}

.basic-layout-content_old .add_basket-popup .basklimit {
    /*    top: -50px;*/
    margin-left: -60px;
}

.basic-layout-content_old .basket-items-list-item-container .basklimit {
    bottom: 44px;
    animation: 0;

    right: 0;
    margin-right: -48px;
}

.basic-layout-content_old .basket-item-block-amount {
    position: relative;
}

.basic-layout-content_old .bp-name {
    position: relative;
}

.basic-layout-content_old .btn-bonus {
    position: absolute;
    left: 350px;
    top: 25px;
}

.basic-layout-content_old .slider .pagination {
    display: none;
}

.basic-layout-content_old .vov2 {
    position: absolute;
    width: 3%;
    height: 53px;
    z-index: 2121;
    top: 90px;
    margin-left: 325px;
}

.basic-layout-content_old .vov3 {
    position: absolute;
    width: 60px;
    height: 53px;
    z-index: 2121;
    top: 90px;
    margin-left: -60px;
}

.basic-layout-content_old .vov4 {
    position: absolute;
    width: 308px;
    height: 16px;
    z-index: 2121;
    top: 89px;
    margin-left: 0px;
}

/*kdteam styles*/
.basic-layout-content_old .flex-wrap_block-items {
    display: flex;
    flex-wrap: wrap;
}

.basic-layout-content_old .info-text-section {
    margin: 0rem 0 1.5rem 0;
    background: #fff;
    padding: 12px 17px 14px 17px;
}

.basic-layout-content_old .seo-text-section#seo-text__bottom {
    margin-top: 2rem;
}

.basic-layout-content_old .info-text-section--top {
    /*max-height: 180px;*/
    overflow: hidden;
    position: relative;
}

/*
.basic-layout-content_old .info-text-section--top.active:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: 4rem;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 100%, #fff 10%, #fff);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #fff 100%, #fff 10%, #fff);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff 100%, #fff 10%, #fff);
    background: linear-gradient("to bottom", rgba(255, 255, 255, 0), #fff 100%, #fff 10%, #fff);
}
*/
.basic-layout-content_old .info-text--block {
    display: flex;
    justify-content: flex-end;
    margin: .5rem 0;
}

.basic-layout-content_old .info-text--block__readmore {
    display: inline-block;
    width: auto;
    font-family: 'Roboto-Bold';
    position: relative;
    padding-right: 18px;
    cursor: pointer;
    text-decoration: none;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
}

.basic-layout-content_old .info-text--block__readmore.active {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.basic-layout-content_old .info-text--block__readmore__arrow {
    background: url(/local/templates/electrotorg/css/../images/ico-arrdown.png) center no-repeat;
    right: 0px;
    top: 2px;
    background-size: 7px;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 2;
    left: auto;
}

.basic-layout-content_old .info-text--block__readmore:hover .info-text--block__readmore__arrow {
    animation: readmore_animation--arrow 1s infinite;
}

@keyframes readmore_animation--arrow {
    0% {
        transform: translateY(-4px);
    }

    100% {
        transform: translateY(0px);
    }
}

/*tabs catalog top*/
.basic-layout-content_old .tabs_wrap--catalog {
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
}

.basic-layout-content_old .tabs_wrap--catalog__row {
    display: flex;
    flex-wrap: wrap;
}

.basic-layout-content_old .tabs_wrap--catalog__item {
    -ms-flex: 0 0 16.6666%;
    flex: 0 0 16.6666%;
    max-width: 16.6666%;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
}

.basic-layout-content_old .tabs_wrap--catalog__item.tabs_wrap--catalog__item--no-icon {
    height: 3rem;
    padding: .35rem 1rem;
    height: 3rem;
    max-width: 100%;
}

.basic-layout-content_old .tabs_wrap--catalog__item.tabs_wrap--catalog__item--no-icon .text {
    display: block;
}

.basic-layout-content_old .tabs_wrap--catalog__item.tabs_wrap--catalog__item--no-icon.is-active {
    background-color: #ffdc08;
}

.basic-layout-content_old .tabs_wrap--catalog_three-items .comments-wrap {
    margin: 0;
}

.basic-layout-content_old .tabs_wrap--catalog_three-items .comments-wrap .comments-question .link {
    transition: all .4s;
}

.basic-layout-content_old .tabs_wrap--catalog_three-items .comments-wrap .comments-question .link:hover {
    text-decoration: none;
    background-color: #e8b000;
}

.basic-layout-content_old .tabs_wrap--catalog_three-items .tabs_wrap--catalog__item {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

a.tabs_wrap--catalog__item {
    font-family: 'Roboto-Bold';
    text-decoration: none;
}

.basic-layout-content_old .tabs_wrap--catalog__item:hover .tabs_wrap--catalog__item__image--block img {
    max-width: 85%;
}

.basic-layout-content_old .tabs_wrap--catalog__item__image--block {
    width: 3rem;
    height: 3rem;
    padding: .35rem;
    margin-right: 1rem;
    background-color: #9c9c9c;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}

.basic-layout-content_old .tabs_wrap--catalog__item.is-active .tabs_wrap--catalog__item__image--block {
    background-color: #000;
}

.basic-layout-content_old .tabs_wrap--catalog__item__image--block img {
    max-width: 100%;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    margin: 0 auto;
}

.basic-layout-content_old .tabs_wrap--catalog__item.is-active .tabs_wrap--catalog__item__image--block img {
    max-width: 85%;
}

.basic-layout-content_old .tabBlock-tab {
    position: relative;
    font-family: 'Roboto-Bold';
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.basic-layout-content_old .tabBlock-tab.is-active {
    position: relative;
    z-index: 1;
    background-color: #ffdc08;
}

.basic-layout-content_old .tabBlock-pane > :last-child {
    margin-bottom: 0;
}

.basic-layout-content_old .tabBlock-content .tabBlock-pane {
    background: #fff;
    padding: 5px 17px 13px 17px;
    margin-bottom: 10px;
    display: none;
}

.basic-layout-content_old .tabBlock-content .tabBlock-pane.active-tab-element {
    display: block;
}

.basic-layout-content_old .tabBlock-content p {
    margin-top: 3px;
    margin-bottom: -3px;
}

.basic-layout-content_old .cat-up {
    font-size: 20px;
    padding-bottom: 3px;
}

.basic-layout-content_old .up-links {
    background: #FFFFFF;
    /*border: 1px solid #E7E7E7;*/
    box-sizing: border-box;
    /*box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);*/
    padding: 10px;
    margin-bottom: 3px;
}

/*.tabBlock-conten__link {
background-color: #9c9c9c;
color: #fff;
font-family: 'Roboto-Bold';
text-decoration: none;
padding: .2rem .5rem;
font-size: 20px;
text-transform: uppercase;
margin: .5rem .5rem .5rem 0;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
display: inline-block;
}
*/
.basic-layout-content_old .tabBlock-conten__link {
    color: #000;
    text-decoration: none;
    padding: 5px .5em;
    font-size: 15px;
    border: solid 0px #9c9c9c;

    display: inline-block;
}

.basic-layout-content_old .up-links .tabBlock-conten__link {
    color: #000;
    text-decoration: none;
    padding: 5px .0em;
    font-size: 13px;
    border: solid 0px #9c9c9c;
    display: inline-block;
}

.basic-layout-content_old .bread-set a {
    font-size: 13px;
    text-decoration: none;
}

.basic-layout-content_old .current_chapter {
    font-size: 13px;
    font-weight: bold;
}

.basic-layout-content_old .tabBlock-conten__nolink {
    background: #ddd;
    color: #c4c4c4;
    text-decoration: none;
    padding: .1rem .4em;
    font-size: 15px;
    border: solid 1px #9c9c9c;
    margin: 0.5rem 0rem 0px 0;
    display: inline-block;
}

.basic-layout-content_old .tabBlock-conten__link > a {
    text-decoration: none !important;
}

.basic-layout-content_old .tabBlock-conten__link.active {
    font-weight: bold;
    color: #000;
}

.basic-layout-content_old .char_tab--block-pane .tabBlock-conten__link:hover {
    background-color: #ffdc08;
    color: #000;
}

.basic-layout-content_old .title_char-tab-item {
    font-family: 'Roboto-Bold';
    font-size: 20px;
}

.basic-layout-content_old .droplist-char--new--parent__trigger {
    display: inline-flex;
    align-items: center;
}

.basic-layout-content_old .droplist-char--new--parent__trigger.pointer {
    cursor: pointer;
    user-select: none;
}

.basic-layout-content_old .title_char-tab-item__icon {
    max-width: 14px;
    height: auto;
    margin-left: 8px;
    transition: transform .15s ease-in-out;
}

.basic-layout-content_old .droplist-char--new--parent__list {
    transition: transform .15s ease-in-out, opacity .15s ease-in-out;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    transform: translateY(15px);
    height: 0;
}

.basic-layout-content_old .droplist-char--new--parent.opened .title_char-tab-item__icon {
    transform: rotate(-45deg);
}

.basic-layout-content_old .droplist-char--new--parent.opened .droplist-char--new--parent__list {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    height: auto;
}

@media (max-width: 767px) {
    .basic-layout-content_old .title_char-tab-item {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {

    .basic-layout-content_old .tabs_wrap--catalog__item,
    .basic-layout-content_old .tabBlock-conten__link {
        font-size: 14px;
    }
}

@media (max-width: 1200px) {
    .basic-layout-content_old .tabs_wrap--catalog__item {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

@media (max-width: 991px) {
    .basic-layout-content_old .tabs_wrap--catalog__item {
        -ms-flex: 0 0 16.6666%;
        flex: 0 0 16.6666%;
        max-width: 16.6666%;
    }

    .basic-layout-content_old .tabs_wrap--catalog__item__image--block {
        width: 100%;
        height: 100%;
        max-height: 4rem;
        margin: 0;
        padding: .6rem;
    }

    .basic-layout-content_old .tabs_wrap--catalog__item__image--block img {
        max-width: 100%;
        max-height: 100%;
    }

    .basic-layout-content_old .tabs_wrap--catalog__item .text {
        display: none;
    }

    .basic-layout-content_old .tabBlock-tab.is-active {
        background: none;
    }

    .basic-layout-content_old .tabs_wrap--catalog__item.is-active .tabs_wrap--catalog__item__image--block img {
        max-width: 2.5rem;
    }

    .basic-layout-content_old .tabs_wrap--catalog__item .tabs_wrap--catalog__item__image--block img {
        max-width: 2rem;
    }
}


/*image and text tab content*/
.basic-layout-content_old .item--block__flex {
    display: flex;
    flex-wrap: wrap;
}

.basic-layout-content_old .item--block {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: help;
    max-width: 50%;
    margin-bottom: .3rem;
}

@media (min-width: 768px) {
    .basic-layout-content_old .item--block {
        max-width: 22%;
    }

    .basic-layout-content_old .item--block:not(:last-of-type) {
        margin-right: 3.3rem;
    }
}

@media (min-width: 1200px) {
    .basic-layout-content_old .item--block {
        max-width: 12%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .basic-layout-content_old .item--block {
        max-width: 32.333%;
    }
}

.basic-layout-content_old .item--block__image {
    width: 5rem;
    height: 5rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.basic-layout-content_old .item--block__image img {
    max-width: 100%;
    max-height: 100%;
}

.basic-layout-content_old .item--block__text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*filter new*/
.basic-layout-content_old .filters-sidebar__new {
    background: #fff;
    padding: 12px 17px 14px 17px;
}

.basic-layout-content_old .filters-sidebar__new .bx_filter_param_label.disabled {
    color: #868686;
}

.basic-layout-content_old .filters-sidebar__new .bx_filter_param_label.disabled .checkbox-wrap:not(.active) {
    pointer-events: none;
}

.basic-layout-content_old .filters-sidebar__new .bx_filter_block {
    overflow: hidden;
    padding-top: 15px;
}

.basic-layout-content_old .filters-sidebar__new .readmore-btn {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 5px;
    font-size: 13px;
    text-align: center;
}

.basic-layout-content_old .filters-sidebar__new .readmore-btn span {
    position: relative;
    padding-right: 20px;
}

.basic-layout-content_old .filters-sidebar__new .readmore-btn span:before {
    content: '';
    right: 0px;
    top: calc(50% - 8px);
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 2;
    left: auto;
    background: url(/local/templates/electrotorg/css/../images/ico-arrdown.png) center no-repeat;
    background-size: 7px;
    transition: rotate .4s;
}

.basic-layout-content_old .filters-sidebar__new .readmore-btn.hide-less span:before {
    transform: rotate(180deg);
}

.basic-layout-content_old .filters-sidebar__new .readmore-btn.show-more:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -1.5rem;
    height: 1.5rem;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 100%, #fff 10%, #fff);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #fff 100%, #fff 10%, #fff);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff 100%, #fff 10%, #fff);
    background: linear-gradient("to bottom", rgba(255, 255, 255, 0), #fff 100%, #fff 10%, #fff);
}

.basic-layout-content_old .filters-sidebar__new .checkbox-wrap {
    display: block;
    width: 100%;
    font-size: 14px;
}

.basic-layout-content_old .filters-sidebar__new #modef a {
    margin: 0 0 5px 0;
}

.basic-layout-content_old .bx-ui-slider-track-container {
    padding-top: 35px;
    padding-bottom: 25px;
    z-index: 1;
}

.basic-layout-content_old .bx-ui-slider-track {
    position: relative;
    height: 7px;
    background: #e7e7e7;
}

.basic-layout-content_old .bx-ui-slider-pricebar-vd {
    background: #849da4;
}

.basic-layout-content_old .bx-ui-slider-pricebar-vn {
    background: #000;
    opacity: 0.5;
}

.basic-layout-content_old .bx-ui-slider-pricebar-v {
    background: #000;
    z-index: 2;
}

.basic-layout-content_old .bx-ui-slider-range {
    z-index: 3;
}

.basic-layout-content_old .bx-ui-slider-handle {
    position: absolute;
}

.basic-layout-content_old .bx-ui-slider-handle.right,
.basic-layout-content_old .bx-ui-slider-handle.left {
    background: #ffdc08;
    height: 15px;
    width: 10px;
    top: calc(50% - 7.5px);
    bottom: 0;
    cursor: pointer;
}

.basic-layout-content_old .bx-ui-slider-handle.right:before,
.basic-layout-content_old .bx-ui-slider-handle.left:before {
    content: '';
    position: absolute;
    height: 7px;
    top: calc(50% - 3.5px);
    width: 3px;
    background: #000;
    left: calc(50% - 1.5px);
}

.basic-layout-content_old .bx-ui-slider-handle.left:hover:before,
.basic-layout-content_old .bx-ui-slider-handle.left:active:before,
.basic-layout-content_old .bx-ui-slider-handle.right:hover:before,
.basic-layout-content_old .bx-ui-slider-handle.right:active:before {
    background: #ffdc08;
}

.basic-layout-content_old .bx-ui-slider-handle.left:hover,
.basic-layout-content_old .bx-ui-slider-handle.left:active,
.basic-layout-content_old .bx-ui-slider-handle.right:hover,
.basic-layout-content_old .bx-ui-slider-handle.right:active {
    background-color: #000;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 220, 8, 0.5);
    -moz-box-shadow: 0px 0px 0px 5px rgba(255, 220, 8, 0.5);
    box-shadow: 0px 0px 0px 5px rgba(255, 220, 8, 0.5);
}

.basic-layout-content_old .bx-ui-slider-range,
.basic-layout-content_old .bx-ui-slider-pricebar,
.basic-layout-content_old .bx-ui-slider-pricebar-vd,
.basic-layout-content_old .bx-ui-slider-pricebar-vn,
.basic-layout-content_old .bx-ui-slider-pricebar-v {
    position: absolute;
    top: 0;
    bottom: 0;
}

.basic-layout-content_old .hidden-prices-filter {
    display: none;
}

.basic-layout-content_old .filters-sidebar.filters-sidebar__new {
    background: #fff;
    padding: 12px;
}

@media (min-width: 998px) {
    .basic-layout-content_old .info-text--block__readmore {
        font-size: 16px;
        padding-right: 25px;
    }

    .basic-layout-content_old .info-text--block__readmore__arrow {
        background-size: 10px;
        width: 20px;
        height: 20px;
    }

    .basic-layout-content_old .filters-sidebar__new {
        word-break: break-word;
        position: relative;
    }

    .basic-layout-content_old .filters-sidebar__new #modef {
        position: absolute;
        font-family: 'Roboto-Bold';
        padding: 0 3px;
        background: none;
        text-align: center;
        display: inline-block;
        font-size: 16px;
        background: #ffdc08;
        color: #000;
        z-index: 99999999;
        left: calc(100% + 8px);
        white-space: nowrap;
        border: none;
        transition: opacity .2s;
        opacity: 1;
    }

    .basic-layout-content_old .filters-sidebar__new #modef.opacity-block {
        opacity: .3;
    }

    .basic-layout-content_old .filters-sidebar__new #modef:hover {
        opacity: 1;
    }

    .basic-layout-content_old .bx_filter_popup_result a:before {
        content: ' ';
        height: 0;
        position: absolute;
        width: 0;
        border: 15px solid transparent;
        border-right-color: #ffdc08;
        left: auto;
        right: 100%;
    }

    .basic-layout-content_old .filters-sidebar__new #modef a {
        padding: 0;
        margin: 0;
        text-decoration: none;
        border: 0;
        height: 30px;
        line-height: 30px;
        display: block;
    }

    .basic-layout-content_old .bx_filter_parameters_box.el-filter {
        position: relative;
    }

    #modef.el-filter {
        top: 0 !important;
    }
}

@media (max-width: 998px) {
    .basic-layout-content_old .filters-sidebar.filters-sidebar__new {
        z-index: 9999;
    }

    .basic-layout-content_old .bx-ui-slider-handle.right,
    .basic-layout-content_old .bx-ui-slider-handle.left {
        height: 20px;
        width: 15px;
        top: calc(50% - 10px);
        bottom: 0;
    }

    .basic-layout-content_old .bx-ui-slider-handle.right:before,
    .basic-layout-content_old .bx-ui-slider-handle.left:before {
        height: 10px;
        top: calc(50% - 5px);
    }

    .basic-layout-content_old .filters-sidebar.filters-sidebar__new {
        padding: 12px 20px;
    }

    .basic-layout-content_old .filter-mobile-overlay {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9998;
    }

    .basic-layout-content_old .filter-mobile-overlay.show {
        display: block;
    }
}

.basic-layout-content_old .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
    /*position: absolute;*/
    bottom: 10px;
    font-size: 12px;
    max-width: none;
}

.basic-layout-content_old .bx-soa-custom-label {
    height: 40px;
}

#bx-soa-properties .bx-soa-tooltip.bx-soa-tooltip-static {
    position: relative;
    z-index: 1;
}

.basic-layout-content_old .footer-txt {
    margin-top: -7px;
    text-align: center;
}

.basic-layout-content_old .soc {
    margin-bottom: 25px;
}

.basic-layout-content_old .social {
    background: #ffdc08;
    width: 45px;
}

.basic-layout-content_old .social:hover {
    background: #ffe12e;
    transition: all 0.2s linear 0s;
}

.basic-layout-content_old .bx-blue .basket-item-amount-filed:focus,
.basic-layout-content_old .bx-blue .basket-item-amount-filed:hover {
    border-color: #000;
}

.basic-layout-content_old .h1other {
    font: inherit;
    padding: 0;
    margin: 0;
    font-family: 'Roboto-Bold';
    width: 1290px;
}


@media (max-width: 1898px) {
    .basic-layout-content_old .h1other {
        width: 1080px;
    }
}

@media (max-width: 1600px) {
    .basic-layout-content_old .h1other {
        width: 880px;
    }
}

@media (max-width: 1420px) {
    .basic-layout-content_old .h1other {
        width: 720px;
    }
}

@media (max-width: 1300px) {
    .basic-layout-content_old .h1other {
        width: 580px;
    }
}

.basic-layout-content_old .namemenu {
    font-size: 20px;
    margin: 0;
}

.basic-layout-content_old .checkboxcard {
    margin: 0;
    font-size: 24px;
}

@media (max-width: 998px) {

    .basic-layout-content_old .checkboxcard {
        margin: 0;
        font-size: 13px;
    }

    .basic-layout-content_old .detail-tabs {
        margin: 0 0px 30px;
    }
}

.basic-layout-content_old .avalible-addres {
    margin: 0;
}

.basic-layout-content_old .popup-title a {
    text-decoration: none;
    display: unset;
}

.basic-layout-content_old .popup-title a:hover {
    color: #4c4e48;
}

.basic-layout-content_old .roman {
    list-style-type: upper-roman;
}

.basic-layout-content_old .inTop {
    position: fixed;
    bottom: 11%;
    right: 3%;
    width: 100px;
    cursor: pointer;
    z-index: 222200000 !important;
    display: none;
}

.basic-layout-content_old .opp {
    background: url(/bitrix/templates/electrotorg/images/up.gif) no-repeat;
}

.basic-layout-content_old .opp:hover {
    background: url(/bitrix/templates/electrotorg/images/upa.gif) no-repeat;

}

.basic-layout-content_old .oppd {
    background: url(/bitrix/templates/electrotorg/images/dn.gif) no-repeat;
}

.basic-layout-content_old .oppd:hover {
    background: url(/bitrix/templates/electrotorg/images/dna.gif) no-repeat;
}

.basic-layout-content_old .inTop span {
    display: block;
    width: 56px;
    height: 56px;
    left: 20px;
    position: absolute;
    opacity: .8;
}

.basic-layout-content_old .inTop span:hover {
    opacity: 1;
}

.basic-layout-content_old .logobg {
    background-image: url(/bitrix/templates/electrotorg/images/logo2newB.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 282px;
    height: 68px;
    display: flex;
    justify-content: center;
}

.basic-layout-content_old .logobg:hover {
    background-image: url(/bitrix/templates/electrotorg/images/logo_2_new_hover.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 282px;
    height: 68px;
}


.basic-layout-content_old .modal-follow-product .popup,
.basic-layout-content_old .modal-unfollow-product .popup {
    width: 420px;
}

.basic-layout-content_old .title-follow-modal {
    margin: 1.33em 0;
    font-size: 21px;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .form-block-follow_item {
    display: flex;
    flex-direction: column;
    margin-bottom: 2em;
    position: relative;
}

.basic-layout-content_old .form-block-follow_item .error_ajax {
    color: red;
    position: absolute;
    top: 100%;
}

.basic-layout-content_old .btn-follow-modal {
    cursor: pointer;
}

.basic-layout-content_old .btn-follow-modal:hover {
    background: #e8b000;
}

.basic-layout-content_old .product-item-detail-pay-block .btn.btn-buy.subscribe-btn {
    padding: 18px 10px 17px 10px;
    display: block;
    font-size: 17px;
    background: #000;
}

.basic-layout-content_old .product-item-detail-pay-block .btn.btn-buy.subscribe-btn:hover {
    background: #333333;
}

@media (max-width: 1480px) {
    .basic-layout-content_old .product-item-detail-pay-block .btn.btn-buy.subscribe-btn {
        padding: 17px 10px 16px 10px;
        font-size: 16px;
    }
}

@media (min-width: 999px) {
    .basic-layout-content_old .product-item-detail-pay-block .btn.btn-buy.subscribe-btn {
        margin-left: 20px;

    }
}

@media (max-width: 998px) {
    .basic-layout-content_old .product-item-detail-pay-block .btn.btn-buy.subscribe-btn {
        font-size: 16px;
        padding: 11px 10px 10px 10px;
    }
}


@media (max-width: 1280px) {

    .basic-layout-content_old .logobg {
        background-size: 100%;
    }

    .basic-layout-content_old .logobg:hover {
        background-size: 100%;
    }
}

@media (max-width: 1199px) {

    .basic-layout-content_old .logobg {
        height: 50px;
    }

    .basic-layout-content_old .logobg:hover {
        height: 50px;
    }
}

.basic-layout-content_old .popup-wrap-zero-product .add_basket-popup.popup {
    overflow-y: auto;
    max-height: 100vh;
}

.basic-layout-content_old .popup-wrap-zero-product .add_basket-popup .product-img {
    height: 120px;
}

.basic-layout-content_old .popup-wrap-zero-product .add_basket-popup .product-img img {
    max-width: 100%;
    position: relative;
    width: auto;
    height: auto;
}

.basic-layout-content_old .popup-wrap-zero-product .add_basket-popup .btn-wc {
    display: flex;
    justify-content: flex-end;
    margin: 0 -.5rem;
}

.basic-layout-content_old .popup-wrap-zero-product .add_basket-popup .btn-wc .btn {
    margin: 0 .5rem;
    width: auto;
}

.basic-layout-content_old .popup-wrap-zero-product .article {
    color: #9c9c9c;
    margin: 1px 0 8px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
    display: block;
}

.basic-layout-content_old .center-mobile_block {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 575px) {
    .basic-layout-content_old .popup-wrap-zero-product .add_basket-popup .btn-wc {
        flex-direction: column;
        margin: 0;
    }

    .basic-layout-content_old .popup-wrap-zero-product .add_basket-popup .btn-wc .btn {
        margin: 0 0 .5rem 0;
    }

    .basic-layout-content_old .popup-wrap-zero-product .full-width_mob {
        width: 100%;

    }

    .basic-layout-content_old .center-mobile_block {
        text-align: center;
    }
}


/*questions answer tab*/
.basic-layout-content_old .question-answer_block {
    margin: .5rem 0;
}

.basic-layout-content_old .question-answer_block_item:not(:last-of-type) {
    margin-bottom: 1.5rem;
}

.basic-layout-content_old .question-answer_block_item_link {
    text-decoration: none;
    position: relative;
    padding-left: 1.5rem;
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .45s;
}

.basic-layout-content_old .question-answer_block_item_link:before {
    content: '';
    position: absolute;
    border: .3rem solid transparent;
    border-left: .3rem solid #A94442;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .45s;
}

.basic-layout-content_old .question-answer_block_item_link:hover,
.basic-layout-content_old .question-answer_block_item_link:active {
    background-color: #ffdc08;
    background-position: 0 0;
}

.basic-layout-content_old .question-answer_block_item_link:hover:before {
    left: .65rem;
}

/*pdf tab block*/
.basic-layout-content_old .pdf-tab_block {
    display: flex;
    flex-wrap: wrap;
}

.basic-layout-content_old .pdf-tab_block .item--block {
    cursor: pointer;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.basic-layout-content_old .pdf-tab_block .item--block__image {
    margin-bottom: .3rem;
}

.basic-layout-content_old .pdf-tab_block_item_link img {
    width: 100%;
}

/*reviews tab block*/
.basic-layout-content_old .btn.read-all-reviews-tab-el_link {
    display: inline-flex;
    align-items: center;
    transition: all .4s;
    padding-right: 1rem;
}

.basic-layout-content_old .read-all-reviews-tab-el_link i {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    position: relative;
    background: url(/local/templates/electrotorg/css/../images/arr-next-black-lite.png) center no-repeat;
    background-size: 100%;
    margin-left: .5rem;
    left: 0;
    transition: all .4s;
}

.basic-layout-content_old .read-all-reviews-tab-el_link:hover {
    background-color: #e8b000;
}

.basic-layout-content_old .read-all-reviews-tab-el_link:hover i {
    left: .5rem
}


/*all reviews page*/
.basic-layout-content_old .all-reviews-section,
.basic-layout-content_old .all-questions-section {
    margin: 0px 0;
}

.basic-layout-content_old .card-block-white {
    background: #fff;
    padding: 15px 30px;
    transition: box-shadow .4s;
}

.basic-layout-content_old .card-block-white:not(:last-of-type) {
    margin-bottom: 30px;
}

.basic-layout-content_old .card-block-white:hover {
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, .15);
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, .15);
}

.basic-layout-content_old .card-block-white .comments-item {
    margin-bottom: 0;
}

.basic-layout-content_old .card-block-white .comments-item img {
    max-width: 100%;
}

.basic-layout-content_old .comments-item .comment-useful {
    margin-top: 10px;
}

.basic-layout-content_old .comments-item .comment-useful .comment-useful-block {
    display: inline-block;
}

.basic-layout-content_old .comments-item .comment-useful .add-userfull-js {
    cursor: pointer;
}

.basic-layout-content_old .comments-item .comment-useful .bold {
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .comments-text-readmore-js {
    overflow: hidden;
}

.basic-layout-content_old .readmore__parent.readmore-visible .readmore__parent__content {
    max-height: 180px;
    overflow: hidden;
}

.basic-layout-content_old .readmore__parent__content td {
    padding: 10px;
}

.basic-layout-content_old .readmore-trigger_btn {
    position: relative;
    padding-right: 20px;
    padding-top: 5px;
    font-family: 'Roboto-Bold';
    display: block;
    text-align: right;
}

.basic-layout-content_old .readmore-trigger_btn:after {
    cursor: pointer;
    content: 'Скрыть';
}

.basic-layout-content_old .readmore-visible .readmore-trigger_btn:after {
    content: 'Подробнее';
}

.basic-layout-content_old .readmore-visible .readmore-trigger_btn:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -2.5rem;
    height: 2.5rem;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 100%, #fff 10%, #fff);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #fff 100%, #fff 10%, #fff);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff 100%, #fff 10%, #fff);
    background: linear-gradient("to bottom", rgba(255, 255, 255, 0), #fff 100%, #fff 10%, #fff);
}

@media (max-width: 1199px) {
    .basic-layout-content_old .card-block-white:not(:last-of-type) {
        margin-bottom: 15px;
    }
}

/*questions-answer*/
.basic-layout-content_old .sliderProductsMain .owl-item > .item {
    width: 100%;
}

.basic-layout-content_old .sliderProductsMain .item-inner h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.basic-layout-content_old .card-block-white-qustion {
    margin-bottom: 15px;
    max-width: 920px;
    margin: 0 auto;
}

@media (min-width: 998px) {
    .basic-layout-content_old .card-block-white-qustion {
        margin-bottom: 30px;
    }
}

.basic-layout-content_old .productsBlock-parent {
    margin: 2rem 0;
}

.basic-layout-content_old .sliderProductsMain.owl-carousel .owl-nav {
    margin-top: 0;
    position: static;
}

.basic-layout-content_old .sliderProductsMain.owl-carousel .owl-nav .owl-prev,
.basic-layout-content_old .sliderProductsMain.owl-carousel .owl-nav .owl-next {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.5rem;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #000;
    border-radius: 0;
    margin: 0;
    position: absolute;
    top: calc(50% - 1.25rem);
    outline: none !important;
    transition: all .4s;
    opacity: .3;
}

.basic-layout-content_old .sliderProductsMain.owl-carousel:hover .owl-nav .owl-prev,
.basic-layout-content_old .sliderProductsMain.owl-carousel:hover .owl-nav .owl-next {
    opacity: 1;
}

.basic-layout-content_old .sliderProductsMain.owl-carousel .owl-nav .owl-prev:active,
.basic-layout-content_old .sliderProductsMain.owl-carousel .owl-nav .owl-next:active {
    transform: scale(.95);
}

.basic-layout-content_old .sliderProductsMain.owl-carousel .owl-nav .owl-prev {
    background-image: url(/local/templates/electrotorg/css/../images/arr-prev-lite.png);
    left: -12px;
    right: auto;
}

.basic-layout-content_old .sliderProductsMain.owl-carousel .owl-nav .owl-next {
    background-image: url(/local/templates/electrotorg/css/../images/arr-next-lite.png);
    left: auto;
    right: -12px;
}

@media (min-width: 1850px) {
    .basic-layout-content_old .sliderProductsMain.owl-carousel .owl-nav .owl-prev {
        background-image: url(/local/templates/electrotorg/css/../images/arr-prev-lite.png);
        left: -1.25rem;
        right: auto;
    }

    .basic-layout-content_old .sliderProductsMain.owl-carousel .owl-nav .owl-next {
        background-image: url(/local/templates/electrotorg/css/../images/arr-next-lite.png);
        left: auto;
        right: -1.25rem;
    }
}

.basic-layout-content_old .sliderProductsMain .product-item-container {
    margin-bottom: 0;
}

.basic-layout-content_old .show-all-catalog_block {
    text-align: center;
    margin: 30px auto;
}

.basic-layout-content_old .btn.show-all-catalog_block_link {
    background: #000;
    color: #Fff;
    position: relative;
    padding: 6px 41px 6px 13px;
}

.basic-layout-content_old .btn.show-all-catalog_block_link i {
    position: absolute;
    width: 16px;
    height: 10px;
    background: url(/local/templates/electrotorg/css/../images/arr-next-lite.png) center no-repeat;
    background-size: 100%;
    left: auto;
    right: 14px;
    top: calc(50% - 5px);
    display: inline-block;
    transition: all .4s;
}

.basic-layout-content_old .btn.show-all-catalog_block_link:hover i,
.basic-layout-content_old .btn.show-all-catalog_block_link:active i {
    right: 9px;
}

@media (max-width: 998px) {
    .basic-layout-content_old .show-all-catalog_block {
        margin-top: 15px;
    }
}

.basic-layout-content_old .comment-useful.error.red-text > p {
    color: #FF0000;
    transition: 0.2s linear; /* Время изменения */
}

.basic-layout-content_old .comment-useful.error > p {
    color: #F08080;
    transition: 0.2s linear; /* Время изменения */
}

.basic-layout-content_old .btn.not-available_btn {
    background: #595959 !important;
    color: #fff !important;
    cursor: default !important;
}

@media (min-width: 1650px) {
    .basic-layout-content_old .btn.not-available_btn {
        padding: 8px;
    }
}

.basic-layout-content_old .card-btn-container_new .btn-subscribe {
    background: #9c9c9c;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 12px;
    cursor: pointer;
}

.basic-layout-content_old .card-btn-container_new .btn-un-subscribe {
    background: #000;
    color: #fff;
    cursor: pointer;
}

.basic-layout-content_old .card-btn-container_new .btn-subscribe:hover {
    background: #333333;
}

@media (min-width: 1280px) and (max-width: 1650px) {
    .basic-layout-content_old .card-btn-container_new .btn-subscribe {
        font-size: 12px;
        line-height: inherit;
    }

    .basic-layout-content_old .card-btn-container_new .btn-subscribe br {
        display: none;
    }
}

@media (min-width: 998px) and (max-width: 1280px) {
    .basic-layout-content_old .card-btn-container_new .btn-subscribe {
        font-size: 11px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 998px) {
    .basic-layout-content_old .card-btn-container_new .btn-subscribe {
        height: 31px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 998px) {
    .basic-layout-content_old .col-md-4.col-new-brand {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .basic-layout-content_old .col-lg-3.col-new-brand {
        width: 20%;
    }
}


/*brand styles*/
.basic-layout-content_old .info-text-section_brand {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
}

.basic-layout-content_old .info-text-section_brand_image {
    width: 15rem;
    text-align: center;
}

.basic-layout-content_old .info-text-section_brand_image img {
    max-width: 100%;
}

.basic-layout-content_old .info-text-section_brand_text {
    width: calc(100% - 15rem);
    padding-left: 1rem;
}

.basic-layout-content_old .info-text-section_brand_text p {
    margin-top: 0;
}

@media (max-width: 767px) {
    .basic-layout-content_old .info-text-section_brand_image {
        padding: 0;
        width: 10rem;
    }

    .basic-layout-content_old .info-text-section_brand_text {
        width: calc(100% - 10rem);
    }
}

@media (max-width: 575px) {
    .basic-layout-content_old .sinfo-text-section_brand {
        flex-wrap: wrap;
        padding: 0;
    }

    .basic-layout-content_old .info-text-section_brand_image {
        text-align: center;
        width: 100%;
        margin-bottom: 1rem;
    }

    .basic-layout-content_old .info-text-section_brand_text {
        padding-left: 0;
        text-align: left;
        width: 100%;
    }
}

/*popup-delivery styles*/
.basic-layout-content_old .popup-fade-dil {
    display: none;
}

.basic-layout-content_old .popup-fade-dil {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: calc(100% - 0px);
    position: fixed;
    left: 0;
    top: 0px;
    z-index: 6;
    overflow-y: auto;
    transition: ease-out 0.5s;
}

.basic-layout-content_old .popup-dil {
    position: relative;
    max-width: 640px;
    padding: 0px;
    margin: 0 auto;
    transition: ease-out 0.5s;
    top: 265px;
}

.basic-layout-content_old .popup-dil:hover {
    cursor: pointer;
}

/*popup-delivery styles*/
.basic-layout-content_old .add_basket-popup span {
    font-size: 18px;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .product-item-container span a {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}


/*slider card product*/
body.compensate-for-scrollbar {
    overflow: hidden !important;
}

.basic-layout-content_old .card-product_slider img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

.basic-layout-content_old .card-product_slider #mainImage {
    height: 30rem;
}

.basic-layout-content_old .card-product_slider .detail-card-image__fancy,
.basic-layout-content_old .image__fixed-size {
    height: 100%;
    width: 100%;
    text-align: center;
    display: block !important;
}

.basic-layout-content_old .card-product_slider .detail-card-image__fancy img {
    height: auto;
}

.basic-layout-content_old .card-product_slider #thumbs-card {
    margin: 3rem 0 0 0;
    position: relative;
    padding: 0 3rem;
    display: flex;
    justify-content: center;
}

.basic-layout-content_old .card-product_slider #thumbs-card .product-card-slider_item {
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.basic-layout-content_old .card-product_slider #thumbs-card .owl-nav {
    position: static;
}

.basic-layout-content_old .card-product_slider #thumbs-card .owl-nav .owl-next,
.basic-layout-content_old .card-product_slider #thumbs-card .owl-nav .owl-prev {
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

@media (max-width: 767px) {
    .basic-layout-content_old .card-product_slider #mainImage {
        height: 20rem;
    }

    .basic-layout-content_old .card-product_slider #thumbs-card {
        margin: 1rem 0 0 0;
    }

    .basic-layout-content_old .card-product_slider #thumbs-card .product-card-slider_item {
        height: 8rem;
    }
}

.basic-layout-content_old .fancybox-container .fancybox-button {
    color: #fff;
    transition: all .25s ease-in;
}

.basic-layout-content_old .fancybox-container .fancybox-button > div {
    background: rgba(0, 0, 0, .3);
    transition: all .25s ease-in;
    color: #fff;
}

.basic-layout-content_old .fancybox-container .fancybox-button[disabled] {
    opacity: .35 !important;
}

.basic-layout-content_old .fancybox-container .fancybox-button[disabled] > div {
    background: rgba(0, 0, 0, .3) !important;
    cursor: not-allowed;
}

.basic-layout-content_old .fancybox-container .fancybox-button:hover > div {
    background: rgba(0, 0, 0, .75);
}

.basic-layout-content_old .fancybox-container .fancybox-navigation .fancybox-button {
    top: 50%;
    transform: translateY(-50%);
}

.basic-layout-content_old .fancybox-container .fancybox-infobar {
    font-family: 'Roboto-Bold';
    color: #ffffff;
    background: rgba(0, 0, 0, .3) !important;
}

.basic-layout-content_old .flexible_block-title {
    display: flex;
    margin: 20px 0 14px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.basic-layout-content_old .flexible_block-title__item.flex {
    line-height: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.basic-layout-content_old .flexible_block-title__item {
    width: 100%;
}

.basic-layout-content_old .flexible_block-title__item .bordered-block {
    font-size: 18px;
    width: 50%;
    padding: 0 5px;
    border: 1px solid #ffdc08;
    margin: -1px;
    text-transform: initial;
}

.basic-layout-content_old .di-body .flexible_block-title .specifications {
    margin: 0;
    font-size: 18px;
}

.basic-layout-content_old .tabs-recommended-products {
    margin-top: 2rem;
}

.basic-layout-content_old .tabBlock-content.tabBlock-content__slider .tabBlock-pane {
    padding: 5px;
}

.basic-layout-content_old .tabs_wrap--catalog__row.tabs_wrap--catalog__row__two {
    border-bottom: 2px solid #000;
}

.basic-layout-content_old .tabs_wrap--catalog__row.tabs_wrap--catalog__row__two .tabs_wrap--catalog__item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 20px;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .slider-tab-recommended {
    padding: 1.5rem;
}

.basic-layout-content_old .slider-tab-recommended .owl-nav {
    position: static;
    opacity: .35;
    transition: all .25s ease-in;
}

.basic-layout-content_old .slider-tab-recommended:hover .owl-nav {
    position: static;
    opacity: 1;
}

.basic-layout-content_old .slider-tab-recommended .owl-nav .owl-next,
.basic-layout-content_old .slider-tab-recommended .owl-nav .owl-prev {
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.basic-layout-content_old .slider-tab-recommended .item-inner {
    border: 1px solid #D3D3D3;
    border-radius: 3px;
}

.basic-layout-content_old .slider-tab-recommended .item-inner h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin: 0;
    font-size: 18px;
    height: 54px;
}

.basic-layout-content_old .slider-tab-recommended .item-inner .btn-wc {
    align-items: center;
}

.basic-layout-content_old .slider-tab-recommended .item-inner .btn {
    font-size: 14px;
}

.basic-layout-content_old .slider-tab-recommended .item-inner .cost,
.basic-layout-content_old .slider-tab-recommended .item-inner .old-cost {
    font-size: 16px;
}

.basic-layout-content_old .new-where-buy .p-0 {
    padding: 0;
}

@media (max-width: 998px) {
    .basic-layout-content_old .new-where-buy .p-0-mob {
        padding: 0;
    }
}

.basic-layout-content_old .new-where-buy .search-conclusion {
    height: auto;
}

.basic-layout-content_old .new-where-buy .search-conclusion {
    height: auto;
}

.basic-layout-content_old .new-where-buy .avalible-addres {
    color: #000;
    cursor: pointer;
}

.basic-layout-content_old .new-where-buy .points-take b {
    font-size: 1.5rem;
    text-transform: uppercase;
}

.basic-layout-content_old .new-where-buy .points-take .smaller-text_days {
    font-size: 1.2rem;
}

.basic-layout-content_old .new-where-buy .points-address {
    color: #000;
}

.basic-layout-content_old .new-where-buy .points-address .avalible-addres {
    color: #000;
    cursor: pointer;
    display: inline;
    border-bottom: 1px dashed #4471C4;
    text-decoration: none !important;
    line-height: initial;
}

.basic-layout-content_old .new-where-buy .contacts-address-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #000;
    padding: 0;
}

.basic-layout-content_old .new-where-buy .cdek-points.contacts-address-line {
    border-top: 2px solid #D3D3D3;
}

.basic-layout-content_old .new-where-buy .toggle-dropdown_city {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1rem;
}

.basic-layout-content_old .new-where-buy .name-city {
    background: #ffdc08;
    padding: 0 6px;
    margin: 5px 0;
    border: none;
    border-bottom: 1px dotted #000;
    height: auto;
    line-height: initial;
    font-size: 18px;
    font-family: 'Roboto-Bold';
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.basic-layout-content_old .new-where-buy .name-new-where-buy {
    margin-right: 5px;
}

.basic-layout-content_old .new-where-buy .link-cdek-point__link {
    border-bottom: 1px solid #F7F7F7;
    line-height: initial;
    display: inline-block;
    cursor: pointer;
    margin: 5px 0;
}

.basic-layout-content_old .new-where-buy .title-new-delivery {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
    text-align: center;
    margin-bottom: 1rem;
}

.basic-layout-content_old .new-where-buy .grey-border-right {
    border-right: 2px solid #D3D3D3;
    margin-right: -2px;
}

.basic-layout-content_old .new-where-buy .detail-info__link {
    font-size: 18px;
    margin-left: auto;
    text-align: right;
    margin-top: 4rem;
}

.basic-layout-content_old .new-where-buy .new-where-buy-map {
    margin-top: 2rem;
}

.basic-layout-content_old .box-map-content .name-magaz {
    display: none;
}

@media (min-width: 1650px) {
    .basic-layout-content_old .new-where-buy .detail-info__link {
        max-width: 17rem;
    }
}

@media (max-width: 1649px) {
    .basic-layout-content_old .product-container_new .cost,
    .basic-layout-content_old .product-container_new .btn {
        width: 100%;
        text-align: center;
    }

    .basic-layout-content_old .tabs_wrap--catalog__row.tabs_wrap--catalog__row__two .tabs_wrap--catalog__item {
        font-size: 13px;
    }

    .basic-layout-content_old .new-where-buy .points-take b {
        font-size: 16px;
    }

    .basic-layout-content_old .new-where-buy .points-take .smaller-text_days {
        font-size: 14px;
    }
}

@media (min-width: 1281px) {
    .basic-layout-content_old .slider-tab-recommended .product-img {
        height: 220px;
    }
}

@media (max-width: 1090px) {
    .basic-layout-content_old .product-container_new .btn {
        margin-left: -7px;
    }
}

@media (max-width: 998px) {
    .basic-layout-content_old .product-container_new .btn {
        width: 100%;
    }

    .basic-layout-content_old .product-container_new .description {
        display: none;
    }

    .basic-layout-content_old .product-container_new .btn-wc {
        margin-bottom: 0;
        margin-left: -10px;
        margin-right: -10px;
        padding: 0;
    }

    .basic-layout-content_old .product-container_new .cost {
        width: 100%;
        padding-top: 6px;
        padding-right: 0;
        padding-bottom: 5px;
        text-align: center;
    }

    .basic-layout-content_old .product-container_new .btn {
        margin-left: 0;
    }

    .basic-layout-content_old .new-where-buy .grey-border-right {
        border: none;
        margin: 0;
    }

    .basic-layout-content_old .new-where-buy .sc-cell {
        width: 100%;
    }

    .basic-layout-content_old .new-where-buy .sc-cell.quantity {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        justify-content: center
    }

    .basic-layout-content_old .new-where-buy .sc-cell.quantity > div:last-child {
        text-align: left;
    }

    .basic-layout-content_old .new-where-buy .detail-info__link {
        margin-top: 1rem;
        text-align: center;
    }

    .basic-layout-content_old .new-where-buy .contacts-address-line {
        margin: 0 -15px;
    }

    .basic-layout-content_old .new-where-buy .search-conclusion .sc-item {
        margin: 5px 0;
        padding: 0;
    }

    .basic-layout-content_old .new-where-buy .cdek-points.contacts-address-line {
        margin-top: 10px !important;
        padding-top: 10px !important;
    }
}


@media (min-width: 1600px) {
    .basic-layout-content_old .flexible_block-title__item {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .basic-layout-content_old .fancybox-container .fancybox-navigation .fancybox-button {
        height: 6rem;
        width: 6rem;
    }

    .basic-layout-content_old .fancybox-container .fancybox-infobar {
        font-size: 1.25rem;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .basic-layout-content_old .tabs_wrap--catalog__item__image--block {
        width: 30px;
        height: 30px;
        margin-right: .5rem;
    }

    .basic-layout-content_old .tabs_wrap--catalog__row__two .tabs_wrap--catalog__item .text {
        display: block;
    }

    .basic-layout-content_old .tabs_wrap--catalog__row__two .tabBlock-tab.is-active {
        background-color: #ffdc08;
    }
}

@media (max-width: 767px) {
    .basic-layout-content_old .slider-tab-recommended {
        padding: 1.5rem 0;
    }
}

@media (max-width: 575px) {
    .basic-layout-content_old .flexible_block-title__item .bordered-block {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .basic-layout-content_old .tabs_wrap--catalog__row__two .tabs_wrap--catalog__item__image--block {
        max-height: 3rem;
    }
}

h2.text {
    margin: 0;
    font-size: 16px;
}

.basic-layout-content_old .brands .owl-theme img {
    max-height: 130px;
    height: 100%;
    max-width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.basic-layout-content_old .brands .owl-theme img {
    max-height: 130px;
    height: 100%;
    max-width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.5s;
}

.basic-layout-content_old .brands .owl-theme img:hover {
    max-height: 130px;
    height: 100%;
    max-width: 100%;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);

}

.basic-layout-content_old .brands {
    background: #fff;
    margin-top: 35px;
    margin-bottom: 30px;
}

@media (max-width: 1280px) {
    .basic-layout-content_old .brands {
        margin-top: 40px;
    }
}

.basic-layout-content_old .owl-brands .owl-stage-outer {
    padding: 25px 0px;
}

.basic-layout-content_old .owl-brands .owl-nav {
    left: auto;
    bottom: auto;
    top: 0px;
    width: 100%;
    right: 0;
}

.basic-layout-content_old .seomain {
    background: #fff;
    padding: 15px;
    margin-top: 35px;
    margin-bottom: 30px;
    padding-top: 1px;
}

.basic-layout-content_old .flexmain {
    display: flex;
    justify-content: space-between;
}

.basic-layout-content_old .allbrands {
    font-size: 15px;
}

.basic-layout-content_old .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.basic-layout-content_old .centerbrand {
    text-align: center;
}

.basic-layout-content_old .linkbrand {
    text-decoration: none;
}


.basic-layout-content_old .articlemain {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    /*-webkit-line-clamp: 1;*/
    text-decoration: none;
    height: 55px;
}

.basic-layout-content_old .articlemainblock {
    background: #fff;
    padding: 15px;
    margin-top: 35px;
}

.basic-layout-content_old .articlestop {
    background: #fff;
    padding: 5px 17px 13px 17px;
    margin-bottom: 10px;
}

.basic-layout-content_old .articlestop a {
    text-decoration: none;
    background-color: #f9f9f9;
    color: #000;
    text-decoration: none;
    padding: .26rem .4em;
    font-size: 13px;
    border: solid 1px #9c9c9c;
    margin: 0.5rem 0rem 0px 0;
    display: inline-block;
}

.basic-layout-content_old .articlestop a:hover {
    background-color: #ffdc08;
    color: #000;
    border-color: #ffdc08;
}

.basic-layout-content_old .articlestop a.active {
    background-color: #ffdc08;
    color: #000;
    border-color: #ffdc08;
}

.basic-layout-content_old .articlestop a.activenone {
    background-color: #000;
    color: #fff;
    padding: 5px 15px;
    border: solid 0px #9c9c9c;

}

.basic-layout-content_old .articlestop a.activenone:hover {
    background-color: #ffdc08;
    text-decoration: none;
    border: solid 0px #9c9c9c;
    color: #000;
}

.basic-layout-content_old .main-page-info_new {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: .5rem;
    margin: 1rem 0;
}

@media (max-width: 767px) {
    .basic-layout-content_old .main-page-info_new {
        grid-template-columns: repeat(2, 1fr);
    }
}

.basic-layout-content_old .main-page-info_new__image img {
    max-width: 100%;
}

.basic-layout-content_old .articleimg {
    background: url(/bitrix/templates/electrotorg/images/article.png) 0 0 no-repeat;
    background-size: 100%;
    padding-right: 16px;
    margin-right: 5px;
}

.basic-layout-content_old .search-desktop_flex .search-desktop_flex__form {
    display: flex;
    margin: 0;
}

@media (min-width: 1281px) {
    .basic-layout-content_old .search-desktop_flex .search-desktop_flex__form .search-input,
    .basic-layout-content_old .search-desktop_flex .search-desktop_flex__form .search-btn {
        height: 40px;
    }

    .basic-layout-content_old .search-desktop_flex .search-desktop_flex__form .search-btn {
        display: inline-flex;
        align-items: center;
        line-height: normal;
        justify-content: center;
        padding: 11px 16px;
    }
}


@media (max-width: 1626px) {
    .basic-layout-content_old .cabinet-rigister {
        font-size: 14px;
    }
}

@media (max-width: 1450px) {
    .basic-layout-content_old .cabinet-rigister {
        font-size: 12px;
    }

    .basic-layout-content_old .bonus-btn {
        margin-left: -43px;
    }


}


.basic-layout-content_old .loginico {
    background: url(/bitrix/templates/electrotorg/images/login.png) 0 0 no-repeat;
    background-size: 100%;
    padding-right: 16px;
    margin-right: 5px;
}

html {
    background: #d0d0d0;
}

/*fixed new menu desktop*/
body.no-scrolling {
    overflow: hidden !important;
}

.basic-layout-content_old .fixed-nav_menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: transform .25s ease-in-out, opacity .15s ease-in-out, border-bottom-color .3s ease-in, box-shadow .3s ease-in;
    background: transparent;
}

.basic-layout-content_old .fixed-nav_menu-block {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid transparent;
    background: #000;
    max-width: 1920px;
    margin: auto;
}

.basic-layout-content_old .fixed-nav_menu.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    border-color: #ffdc08;
    /*box-shadow: 0 0 15px 0 rgba(0,0,0,.5);*/
}

.basic-layout-content_old .fixed-nav_menu.visible.opacity-fixed_menu {
    /*background: rgba(0,0,0,.8);*/
}

.basic-layout-content_old .fixed-nav_menu.visible.opacity-fixed_menu .fixed-nav_menu-block {
    background: rgba(0, 0, 0, .8);
}

.basic-layout-content_old .fixed-nav_menu.visible.opacity-fixed_menu:hover {
    /*background: rgba(0,0,0,1);*/
}

.basic-layout-content_old .fixed-nav_menu-block:hover {
    background: rgba(0, 0, 0, 1);
}

.basic-layout-content_old .fixed-nav_menu-relative {
    max-width: 1830px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
}

.basic-layout-content_old .fixed-nav_menu-relative .fixed-menu-hover {
    width: 100%;
}

.basic-layout-content_old .fixed-nav_menu--container {
    display: flex;
    justify-content: space-between;
}

.basic-layout-content_old .fixed-nav_menu--container__menu {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.basic-layout-content_old .fixed-nav_menu--container__menu__list {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.basic-layout-content_old .fixed-nav_menu--container__menu__list > li {
    height: 40px;
    margin-left: 3rem;
}

.basic-layout-content_old .fixed-nav_menu--container__menu__list > li.back-arrow_fixed-mnu {
    margin-left: .8rem;
}

.basic-layout-content_old .fixed-nav_menu--container__menu__list .city_fixed-mnu {
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
}

.basic-layout-content_old .fixed-nav_menu--container__menu__list .city-popup-wrap {
    top: calc(100% - 5px);
    color: #000;
}

.basic-layout-content_old .fixed-nav_menu--container__menu__list .city_fixed-mnu a {
    text-decoration: none;
}

.basic-layout-content_old .fixed-nav_menu--container__menu__list .city_fixed-mnu .geo-location__icon,
.basic-layout-content_old .fixed-nav_menu--container__menu__list .city_fixed-mnu .geo-location__icon path {
    fill: #fff;
}

@media (max-width: 1366px) {
    .basic-layout-content_old .fixed-nav_menu--container__menu__list > li {
        margin-left: 1rem;
    }
}

.basic-layout-content_old .fixed-nav_menu--container__link {
    text-decoration: none;
    height: 100%;
    display: flex;
    align-items: center;
}

.basic-layout-content_old .fixed-nav_menu--container__trigger {
    background: #ffdc08;
    display: flex;
    align-items: center;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    font-family: 'Roboto-Bold';
    padding: 0 8px;
}

.basic-layout-content_old .fixed-nav_menu--container__trigger svg {
    width: auto;
    height: 12px;
    margin-right: 8px;
}

.basic-layout-content_old .fixed-nav_menu--container__user-interaction {
    display: flex;
    align-items: center;
    margin-right: 160px;
    position: relative;
}

.basic-layout-content_old .fixed-nav_menu--container__user-interaction .log-out > span {
    display: none;
}

.basic-layout-content_old .fixed-nav_menu--container__user-interaction .log-out input[type="submit"] {
    display: none;
}

.basic-layout-content_old .fixed-nav_menu--container__user-interaction a {
    text-decoration: none;
}

.basic-layout-content_old .login-head {
    display: flex;
    position: relative;
}

.basic-layout-content_old .login-head:before {
    content: '';
    display: block;
    background: url('/bitrix/templates/electrotorg/images/kdteam/builder.svg');
    width: 22px;
    height: 22px;
    background-size: contain;
    margin-right: 8px;
}

.basic-layout-content_old .fixed-nav_menu--container__user-interaction .log-in-btn {
    font-size: 16px;
}

.basic-layout-content_old .fixed-nav_menu--container__user-interaction .log-in-btn.empty_text {
    font-size: 0;
}

@media (max-width: 1199px) {
    .basic-layout-content_old .fixed-nav_menu {
        display: none;
    }
}

.basic-layout-content_old .form-man .error-inn_new {
    background: #F2DEDE;
    color: #A94442;
    bottom: 10px;
    font-size: 12px;
    max-width: max-content;
    margin: 5px 0 0;
}

#bx-soa-region .form-man input.form-INN_new {
    margin-top: 10px;
}

#bx-soa-region .bx-soa-more-btn .btn[disabled],
.basic-layout-content_old .bx-soa-cart-total .btn-order-save[disabled] {
    pointer-events: none;
}

.basic-layout-content_old .bx-soa-pp-company {
    z-index: 2 !important;
}

.basic-layout-content_old .bonus-container_order {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 5px 0 15px 0;
}

.basic-layout-content_old .bonus-container_order__title {
    font-size: 18px;
    text-transform: uppercase;
    background: #ffdc08;
    font-family: 'Roboto-Bold';
    margin: 0;
}

.basic-layout-content_old .bonus-container_order label {
    display: block;
    height: auto;
    padding: 0;
    margin: 5px 0;
}

.basic-layout-content_old .bonus-container_order input {
    border: 1px solid #595959;
    width: 100%;
    max-width: 570px;
}

@media (max-width: 575px) {
    .basic-layout-content_old .bonus-container_order {
        margin: 5px 0 0;
    }

    .basic-layout-content_old .bonus-container_order__title {
        font-size: 12px;
    }
}

.basic-layout-content_old .header--wrap {
    display: flex;
    align-items: center;
}

.basic-layout-content_old .mobile-search .search {
    left: 0;
    margin-left: 0;
}

.basic-layout-content_old .home-btn_new-menu {
    background: #ffdc08;
    display: inline-block;
    padding: 3px 8px 1px;
    cursor: pointer;
    text-decoration: none;
    height: 40px;
    margin-right: 3px;
    flex-shrink: 0;
}

.basic-layout-content_old .home-btn_new-menu img {
    max-width: 100%;
    width: auto;
    height: 100%;
}

.basic-layout-content_old .fixed-nav_menu .home-btn_new-menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.basic-layout-content_old .fixed-nav_menu .home-btn_new-menu img {
    max-width: 24px;
    height: auto;
}

.basic-layout-content_old .new-btn-mob_profile {
    display: flex;
    justify-content: center;
}

.basic-layout-content_old .new-btn-mob_profile__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.basic-layout-content_old .new-btn-mob_profile img {
    max-width: 20px;
    max-height: 21px;
}

.basic-layout-content_old .fancybox-container * {
    max-width: 100%;
}

.basic-layout-content_old .basket-btn.fixed-new_cart {
    right: 0;
    top: 0;
    cursor: pointer;
    width: auto !important;
    height: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    transform: translateY(0);
    transition: transform .25s ease-in-out;
}

@media (min-width: 1920px) {
    .basic-layout-content_old .basket-btn.fixed-new_cart {
        right: calc(50% - 961px);
    }
}

.basic-layout-content_old .basket-btn.fixed-new_cart i {
    width: 100%;
    height: 100%;
    background: url(/bitrix/templates/electrotorg/css/../images/ico-basket.png) right center no-repeat;
    background-size: 22px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 !important;
    padding-right: 24px !important;
    font-size: 12px !important;
}

.basic-layout-content_old .basket-btn.fixed-new_cart .basket-btn_link {
    display: flex;
    width: 100%;
    height: 100%;
}

.basic-layout-content_old .tabs-search_new {
    font-size: 16px;
    margin: 0 0 10px;
}

.basic-layout-content_old .tabs-search_new__link {
    cursor: pointer;
    font-family: 'Roboto-Bold';
    padding: 8px 15px;
    border: 0;
    text-decoration: none;
    background: #595959;
    color: #fff;
    display: inline-flex;
    margin-right: 5px;
}

.basic-layout-content_old .tabs-search_new__link.current {
    background: #ffdc08;
    color: #000;
    pointer-events: none;
}

@media (max-width: 575px) {
    .basic-layout-content_old .tabs-search_new {
        font-size: 12px;
        display: flex;
        justify-content: space-between;
    }

    .basic-layout-content_old .tabs-search_new__link {
        width: calc(50% - 5px);
        text-align: center;
        justify-content: center;
        margin: 0;
    }

    .basic-layout-content_old .img-block-txt {
        display: block;
    }
}

#har {
    cursor: unset;
}

.basic-layout-content_old .wbold {
    font-weight: bold;
    font-size: 20px;
}

.basic-layout-content_old .product-item-price-current {
    font-weight: bold;
}

.basic-layout-content_old .w-100 {
    width: 100%;
}

.basic-layout-content_old .logout-personal-cabinet_new {
    padding: 8px 15px;
    font: inherit;
    border: 0;
    margin: 0;
    font-size: 16px;
    text-decoration: none;
    background: rgb(239, 239, 239);
    outline: none;
    cursor: pointer;
}

.basic-layout-content_old .articlemainblock b {
    padding: 5px 0px;
}

.basic-layout-content_old .banner__home {
    margin: 30px 0 0;
}

.basic-layout-content_old .banner__home img {
    max-width: 100%;
}

.basic-layout-content_old .img-block-txt {
    display: flex;
}

.basic-layout-content_old .img-txt img {
    width: 200px;
    padding-right: 10px;
}

@media (max-width: 575px) {
    .basic-layout-content_old .img-block-txt {
        display: block;
    }

    .basic-layout-content_old .img-txt img {
        width: 100%;

    }
}

.basic-layout-content_old .hrefsection {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

.basic-layout-content_old .hrefsection:hover {
    color: #4c4e48;
}

.basic-layout-content_old .tag-otp:before {
    content: "Отписаться";
}

.basic-layout-content_old .tag-not-av:before {
    content: "Нет в наличии";
}

.basic-layout-content_old .title-follow-modal:before {
    content: "Вам придет уведомление о поступлении товара!";
}

.basic-layout-content_old .btn {
    position: relative;
}

@media (max-width: 1650px) {
    .basic-layout-content_old .card-btn-container_new .btn-subscribe {
        padding: 8px
    }
}

.basic-layout-content_old .wi-50 {
    width: 50px;
}

.basic-layout-content_old .footer-link__random-new a {
    text-decoration: none;
    position: relative;
    font-family: 'Roboto-Bold';
    z-index: 1;
    display: block;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    padding: 11px 16px 10px;
    font-size: 16px;
    background: none;
    background: #ffdc08;
    color: #000;
}

.basic-layout-content_old .footer-link__random-new a:hover {
    opacity: .85;
}

@media (max-width: 997px) {
    .basic-layout-content_old .footer-link__random-new {
        margin-top: 31px;
    }

    .basic-layout-content_old .footer-link__random-new a {
        font-size: 13px;
        text-align: center;
    }
}

.basic-layout-content_old .baner {
    padding-top: 15px;
    padding-bottom: 12px;
}

#har {
    display: none;
}


.basic-layout-content_old .stock-detail {
    margin: 0px 0 60px;
    font-size: 18px;
    background: #fff;
    padding-top: 15px;
}

/*

.basic-layout-content_old .suu{
    position:absolute;bottom:0;right:0px;
}*/
.basic-layout-content_old .all-stock {
    text-transform: unset;
    text-decoration: none;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 8px 19px 1px;
    padding-left: 60px;
    margin-top: 31px;
    font-size: 22px;
    font-family: 'Roboto-Bold';

}

.basic-layout-content_old .art-detail {
    display: flex;
    padding: 15px;
}

.basic-layout-content_old .art-desc {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding-right: 15px;
}

.basic-layout-content_old .art-img {
    width: 50%;
}

.basic-layout-content_old .art-img img {
    width: 100%;
    height: auto;
}

.basic-layout-content_old .sub-all {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;

}

@media (max-width: 1000px) {
    .basic-layout-content_old .art-desc {
        width: 100%;
        order: 2;
    }

    .basic-layout-content_old .art-img {
        width: 100%;
        order: 1;
    }

    .basic-layout-content_old .art-detail {
        flex-wrap: wrap;
    }

    .basic-layout-content_old .sub-all {
        flex-wrap: wrap;
    }

}

.basic-layout-content_old .product-item-detail-price-old {
    text-decoration: line-through;
}

.basic-layout-content_old .product-item-price-current {
    color: #000;
    white-space: nowrap;
    font-size: 21px;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .product-item-price-old {
    color: #000;
    text-decoration: unset;
    white-space: nowrap;
    font-size: 12px;
    margin-top: 1px;
    margin-right: 10px;
}

@media (max-width: 1000px) {
    .basic-layout-content_old .stock-detail {
        margin: -17px 0 60px;
    }
}

@media (max-width: 1650px) {
    .basic-layout-content_old .price-center {
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

.basic-layout-content_old .art-txt {
    font-size: 15px;
}

.basic-layout-content_old .product-item-label-ring.product-item-label-big,
.basic-layout-content_old .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {
    width: 80px;
    height: 80px;
    font-size: 20px;
    line-height: 80px;
}

.basic-layout-content_old .product-item-label-text span, .product-item-label-ring {
    display: inline-block;
    clear: both;
    margin-bottom: 2px;
    background: #ffdc08;
    color: #000;
    vertical-align: middle;
    text-align: center;
    transition: all 250ms ease;
}

/* Product Cart */
.basic-layout-content_old .product__button-wrap {
    flex-direction: column;
    padding: 0 1rem !important;
}

.basic-layout-content_old .product__button-wrap .btn {
    font-size: 17px;
    margin-bottom: 5px;
}

.basic-layout-content_old .price-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.basic-layout-content_old .btn-second {
    background: #353535;
    color: white;
}

.basic-layout-content_old .btn-second:hover {
    background: #585858 !important;
}

.basic-layout-content_old .btn-fast-buy {
    background: #e3e3e3;
    text-align: center;
    padding: 0 1rem;
}

.basic-layout-content_old .btn-fast-buy:hover {
    cursor: pointer;
    background: #b1b1b1;
}

.basic-layout-content_old .btn-one-click {
    text-align: center;
}

.basic-layout-content_old .btn-one-click:hover {
    cursor: pointer;
}

.basic-layout-content_old .modal, .modal__goods-wrap {
    position: fixed;
    display: none;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 999;
}

.basic-layout-content_old .modal.active, .modal__goods-wrap.active {
    display: flex;
}

.basic-layout-content_old .modal__wrap {
    position: relative;
    padding: 2rem;
    max-width: 59rem;
    width: 100%;
    height: 30rem;
    background: white;
}

.basic-layout-content_old .modal__goods {
    position: relative;
    padding: 2rem;
    max-width: 38rem;
    width: 100%;
    text-align: center;
    background: white;
}

.basic-layout-content_old .modal__goods--title {
    font-size: 1.1rem;
}

.basic-layout-content_old .modal__fast-buy {
    position: relative;
    padding: 2rem;
    max-width: 40rem;
    width: 100%;
    background-color: white;
}

.basic-layout-content_old .modal-btn-fast-buy {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 19px;
    border: none;
}

.basic-layout-content_old .modal-btn-fast-buy:hover {
    cursor: pointer;
}


#quick-buy-form {
    flex-direction: column;
}

.basic-layout-content_old .fast-form {
    margin-bottom: 1rem;
}

.basic-layout-content_old .form-items {
    margin: 0 0 3rem 0;
}

.basic-layout-content_old .fast-form input {
    width: 100%;
    background: transparent;
    border-bottom: solid 1px #b1b1b1;
}

.basic-layout-content_old .close-btn {
    display: flex;
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 1rem;
    height: 1rem;
}

.basic-layout-content_old .close-btn svg {
    width: 100%;
    height: 100%;
}

.basic-layout-content_old .close-btn:hover {
    cursor: pointer;
}

.basic-layout-content_old .modal__title {
    font-size: 21px;
    margin-bottom: 1rem;
}

.basic-layout-content_old .modal__fast-buy__title {
    font-size: 28px;
    margin-bottom: 2rem;
}

.basic-layout-content_old .done-message {
    display: none;
    justify-content: center;
}

.basic-layout-content_old .done-message .modal__fast-buy__title {
    text-align: center;
}

.basic-layout-content_old .modal__content_title, .count__text, .input-wrap, .input-wrap input, .modal__title, .b, .modal__fast-buy__title, .input-wrap input {
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .wrap-card {
    display: flex;
    flex-direction: column;
}

.basic-layout-content_old .card-main {
    flex: 1;
}

.basic-layout-content_old .modal__product-wrap, .modal__l {
    display: flex;
    flex-wrap: wrap;
}

.basic-layout-content_old .count__wrap, .input-wrap {
    display: flex;
}

.basic-layout-content_old .input-wrap, .count__wrap {
    align-items: center;
}

.basic-layout-content_old .count__wrap {
    margin-bottom: 1rem;
}

.basic-layout-content_old .modal__l {
    width: 70%;
}

.basic-layout-content_old .modal__r {
    width: 30%;
}

.basic-layout-content_old .modal__image, .modal__content {
    width: 50%;
}

.basic-layout-content_old .modal__image {
    height: 20rem;
}

.basic-layout-content_old .modal__image img {
    display: flex;
    margin: 0 auto;
}

.basic-layout-content_old .modal__content {
    padding: 0 1rem;
}

.basic-layout-content_old .modal__content_title {
    font-size: 21px;
}

.basic-layout-content_old .modal__content_code {
    margin-bottom: 3rem;
}

.basic-layout-content_old .count__text {
    text-transform: uppercase;
    line-height: normal;
    font-size: 14px;
}

.basic-layout-content_old .input-wrap {
    margin-left: auto;
}

.basic-layout-content_old .input-wrap input {
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    border: solid 2px;
}

.basic-layout-content_old .minus:hover, .plus:hover {
    cursor: pointer;
}

.basic-layout-content_old .minus, .plus {
    width: 2rem;
    text-align: center;
}

.basic-layout-content_old .price {
    font-size: 21px;
}

.basic-layout-content_old .price__number {
    padding-left: 1rem;
}

.basic-layout-content_old .blue-text {
    color: rgb(0 126 255);
}

.basic-layout-content_old .card-footer {
    display: flex;
    flex-direction: column;
}

.basic-layout-content_old .card-footer .btn:first-child {
    margin-bottom: 1rem;
}

@media (max-width: 1200px) {
    .basic-layout-content_old .modal__wrap {
        overflow-y: scroll;
    }

    .basic-layout-content_old .modal__l, .modal__r {
        width: 100%;
    }

    .basic-layout-content_old .modal__r {
        margin: 1rem 0;
    }

    .basic-layout-content_old .card-main {
        margin-bottom: 1rem;
    }

}

.basic-layout-content_old .product-item-detail-info-container {
    display: flex;
    flex-direction: column;
}

.basic-layout-content_old .product-item-detail-info-container .btn-buy {
    padding: 19px 24px;
    font-size: calc(16px + (36 - 14) * ((100vw - 300px) / (1920 - 300)));
    margin-left: 62px;
    white-space: nowrap;
}

.basic-layout-content_old .basket-item-price-current {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 5px 10px;
}

.basic-layout-content_old .basket-item-block-price {
    padding: 0;
}

.basic-layout-content_old .btn-one-click-basket {
    margin-left: 25px;
    font-size: 18px;
    font-family: 'Roboto-Bold';
    padding: 5px 10px;
    background-color: #000;
    color: white;
    max-width: 135px;
    text-align: center;
}

@media (max-width: 768px) {
    .basic-layout-content_old .modal__l {
        flex-direction: column;
    }

    .basic-layout-content_old .modal__image, .modal__content {
        width: 100%;
    }

    .basic-layout-content_old .modal__image {
        height: 9rem;
    }

    .basic-layout-content_old .modal__content_title {
        font-size: 16px;
    }

    .basic-layout-content_old .modal__content_code {
        margin-bottom: 1rem;
    }

    .basic-layout-content_old .modal__content {
        padding: 0;
    }
}

@media (max-width: 1680px) {
    .basic-layout-content_old .product-item-detail-info-container.cost-wrap, .quantity-calculate-detail {
        width: auto !important;
    }
}

.basic-layout-content_old .videoblock {
    background: #fff;
    padding: 15px 15px 0px 15px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.basic-layout-content_old .videoyoutube {
    margin-bottom: 15px;
}

.basic-layout-content_old .bx-soa-customer-input {
    position: relative;
}

#modal-success .modal-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px;
    border: solid 1px #000;
    max-width: 80%;
    margin: auto;
    font-size: 18px;
    text-align: center;
}

.basic-layout-content_old .modal-content-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.basic-layout-content_old .modal-content-btn {
    display: flex;
    align-items: center;
    width: 50%;
}

.basic-layout-content_old .modal-btn, .modal-btn-lk {
    margin: 10px;
}

@media (max-width: 1000px) {
    .basic-layout-content_old .videoyoutubeframe {
        height: 250px;
    }
}

.basic-layout-content_old .rub {
    margin-left: 5px;
    color: #000;
    font-weight: 400;
}

.basic-layout-content_old .rubblack {
    color: #000;
    font-weight: 400;
}

.basic-layout-content_old .mailfooter {
    margin-top: 22px;
}

.basic-layout-content_old .col-new-brand .price-center {
    padding-top: 20px;
}

.basic-layout-content_old .articles {
    padding-bottom: 10px;
}

#sp-form-169491 {
    margin-left: 0px;
}

.basic-layout-content_old .sp-force-hide {
    display: none;
}

.basic-layout-content_old .sp-form[sp-id="169491"] {
    display: block;
    background: rgba(255, 221, 0, 1);
    padding: 5px;
    width: 250px;
    max-width: 100%;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    border-width: 1px;
    border-color: #dddddd;
    border-style: solid;
}

.basic-layout-content_old .sp-form[sp-id="169491"] input[type="checkbox"] {
    display: inline-block;
    opacity: 1;
    visibility: visible;
}

.basic-layout-content_old .sp-form[sp-id="169491"] .sp-form-fields-wrapper {
    margin: 0 auto;
    width: 240px;
}

.basic-layout-content_old .sp-form[sp-id="169491"] .sp-form-control {
    background: rgba(255, 255, 255, 1);
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    font-size: 15px;
    padding-left: 8.75px;
    padding-right: 8.75px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    height: 35px;
    width: 100%;
}

.basic-layout-content_old .sp-form[sp-id="169491"] .sp-field label {
    color: #444444;
    font-size: 12px;
    font-style: normal;
    font-family: 'Roboto-Bold';
}

.basic-layout-content_old .sp-form[sp-id="169491"] .sp-button-messengers {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.basic-layout-content_old .sp-form[sp-id="169491"] .sp-button {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: #595959;
    color: #ffffff;
    width: auto;
    font-family: 'Roboto-Bold';
    font-style: normal;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.basic-layout-content_old .sp-form[sp-id="169491"] .sp-button-container {
    text-align: left;
    width: auto;
}

.basic-layout-content_old .dib-line a .value:hover {
    background: #ffdc08;
}

.basic-layout-content_old .load_more {
    position: relative;
    margin: auto;
    border: none;
    font-size: 16px;
    font-family: "Roboto-Bold";
    padding: 16px;
    min-width: 276px;
    max-width: 100%;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.basic-layout-content_old .load_more:before {
    content: '';
    position: absolute;
    background: url("/local/templates/electrotorg/css/../images/Rolling-1s-200px.gif");
    display: none;
    width: 50px;
    height: 50px;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.basic-layout-content_old .load_more.active {
    height: 49px;
}

.basic-layout-content_old .load_more.active:hover {
    cursor: not-allowed;
}

.basic-layout-content_old .load_more.active:before {
    display: block;
}

.basic-layout-content_old .load_more:hover, .load_more:active, .load_more:focus {
    cursor: pointer;
    background: #ffdc08;
    outline: none;
}

.basic-layout-content_old .button-more {
    text-align: center;
    margin-bottom: 10px;

}

.basic-layout-content_old .ring-pd {
    right: 20px;
    top: 110px;
    z-index: 2;
}

/*.el-basket-card, .el-basket-form {*/
/*    max-width: 67%;*/
/*}*/
.basic-layout-content_old .input-wrapper {
    position: relative;
}

ul.list.quick-add-list {
    max-width: 518px;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    z-index: 8;
    padding: 10px;
    list-style: none;
    margin: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

@media (max-width: 998px) {
    ul.list.quick-add-list {
        max-width: 100%;
    }
}

ul.list.quick-add-list li {
    display: flex;
    font-size: 14px;
    flex-wrap: nowrap;
}

ul.list.quick-add-list li .link {
    color: #000;
    width: 80%;
}

ul.list.quick-add-list li .link:hover {
    cursor: pointer;
}

ul.list.quick-add-list li .price {
    font-size: 17px;
    width: 30%;
    text-align: right;
}

#modal-fast-buy {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.32);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#modal-fast-buy.active {
    display: flex;
}

.basic-layout-content_old .modal-fast-buy-wrap {
    position: relative;
    max-width: 576px;
    width: 100%;
    padding: 50px 75px;
    background: white;
}

@media (max-width: 576px) {
    .basic-layout-content_old .modal-fast-buy-wrap {
        padding: 15px;
    }
}

.basic-layout-content_old .modal-fast-buy--close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 19px;
    height: 19px;
    background-image: url(/local/templates/electrotorg/css/../images/cancel.svg);
}

.basic-layout-content_old .modal-fast-buy--close:hover {
    cursor: pointer;
}

.basic-layout-content_old .modal-fast-buy--title {
    display: flex;
    font-family: 'Roboto-Bold';
    font-size: 31px;
    margin-bottom: 42px;
}

.basic-layout-content_old .modal-fast-buy--btn {
    font-family: 'Roboto-Bold';
    border: none;
    padding: 25px;
    font-size: 18px;
    background-color: #ffdc08;
    color: #000;
    margin-bottom: 10px;
    border: solid 1px #000000;
}

button:disabled {
    background-color: #d7d7d7;
    cursor: not-allowed;
}

.basic-layout-content_old .modal-fast-buy--btn:hover {
    cursor: pointer;
}

.basic-layout-content_old .modal-fast-buy--checked {
    display: flex;
}

#form-modal-fast-buy input[type="text"], #form-modal-fast-buy input[type="tel"] {
    border: solid 1px;
    margin-bottom: 15px;
    width: 100%;
    padding: 15px !important;
}

.basic-layout-content_old .modal-fast-buy-wrap form {
    display: flex;
    flex-direction: column;
}

input[type='checkbox'] {
    border: solid 1px #000000;
    padding: 25px 14px;
    margin-bottom: 15px;
}

.basic-layout-content_old .block-ur-paysystems {
    display: flex;
}

.basic-layout-content_old .block-ur-paysystems .el-custom-checkbox {
    display: inline-flex;
    align-items: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Roboto-Bold';
}

@media (min-width: 999px) {
    .basic-layout-content_old .block-ur-paysystems .el-custom-checkbox {
        font-size: 19px;
        padding-left: 40px;
    }
}

.basic-layout-content_old .actions-block .el-custom-checkbox {
    padding-left: 30px;
}

.basic-layout-content_old .el-custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.basic-layout-content_old .el-custom-checkbox {
    position: relative;
}

.basic-layout-content_old .el-custom-checkbox input:checked + .el-checkmark:before, .el-custom-checkbox.active .el-checkmark:before, .bx-selected .el-checkmark:before {
    content: '';
    position: absolute;
    top: -14px;
    left: 0;
    width: 47px;
    height: 36px;
    background-image: url("/local/templates/electrotorg/css/../images/check.svg");
    background-repeat: no-repeat;
}

.basic-layout-content_old .el-custom-checkbox input:checked + .el-checkmark, .el-custom-checkbox.active .el-checkmark, .bx-selected .el-checkmark {
    background: #ffdc08;
}

.basic-layout-content_old .el-custom-checkbox input:disabled + .el-custom-checkbox {
    opacity: 0.3;
}

.basic-layout-content_old .el-custom-checkbox:hover {
    cursor: pointer;
}

.basic-layout-content_old .el-checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border: solid 1px #000000;
    transform: translateY(-50%);
    z-index: 0;
}

@media (max-width: 998px) {
    .basic-layout-content_old .el-checkmark {
        width: 15px;
        height: 15px;
    }

    .basic-layout-content_old .el-custom-checkbox input:checked + .el-checkmark:before, .el-custom-checkbox.active .el-checkmark:before, .bx-selected .el-checkmark:before {
        top: -6px;
        width: 14px;
        height: 19px;
    }
}

/*@media (min-width: 1334px) {*/
/*    .basic-layout-content_old .el-stiky-total {*/
/*        position: absolute;*/
/*    }*/
/*}*/
@media (max-width: 1333px) {
    .basic-layout-content_old .modal-content-btn {
        width: 80%;
    }

    .basic-layout-content_old .el-basket-card, .el-basket-form {
        max-width: 100% !important;
    }
}

@media (max-width: 1280px) {
    .basic-layout-content_old .modal-btn, .modal-btn-lk {
        font-size: 14px;
    }
}

.basic-layout-content_old .el-fixed {
    position: fixed;
    top: 3.5rem;
    right: 15px;
}

@media (min-width: 1920px) {
    .basic-layout-content_old .el-fixed {
        right: calc(50% - 900px);
    }
}

.basic-layout-content_old .bx-soa-pp-item-container {
    display: flex;
}

.basic-layout-content_old .el-basket-form .bx-soa-section, .el-basket-form #pickup-address, #ya-map-pickup {
    margin: 0;
}

.basic-layout-content_old .el-basket-form #pickup-address {
    display: flex;
    align-items: center;
    font-size: 19px;
    margin: 0 0 5px;
    position: relative;
    line-height: normal;
}

.basic-layout-content_old .el-basket-form #pickup-address input {
    margin-right: 30px;
}

.basic-layout-content_old .el-basket-form {
    /*max-width: 67%;*/
    width: 100%;
    margin-right: auto;
}

/*.el-basket-form .bx-soa-custom-label {*/
/*    display: none !important;*/
/*}*/
.basic-layout-content_old .bx-soa-cart-total-line-total.bold > span {
    font-family: 'Roboto-Bold';
}

@media (min-width: 998px) {
    .basic-layout-content_old .category-topic h1, .category-topic h2 {
        font-size: 28px;
    }
}

@media (max-width: 998px) {
    .basic-layout-content_old .modal-content-btn {
        flex-direction: column;
    }

    /*.el-form-grid {*/
    /*    grid-template-columns: repeat(1, 1fr);*/
    /*    width: 100%;*/
    /*}*/
    .basic-layout-content_old .basket-items-list-table tbody {
        display: flex;
        flex-wrap: wrap;
    }

    .basic-layout-content_old .el-stiky-total {
        width: 100%;
        z-index: 5;
    }

    .basic-layout-content_old .basket-items-list-table thead {
        display: none !important;
    }

    .basic-layout-content_old .basket-items-list-table tbody tr {
        width: 50%;
    }

    .basic-layout-content_old .basket-items-list-item-container {
        display: flex !important;
        flex-direction: column;
    }

    .basic-layout-content_old .basket-items-list-item-container td {
        position: relative;
        width: 100%;
    }

    .basic-layout-content_old .basket-items-list-item-container td {
        display: flex;
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .basic-layout-content_old .basket-items-list-table tbody tr, .el-form-grid, .el-message-input {
        width: 100%;
    }

    .basic-layout-content_old .el-stiky-total {
        width: 100%;
    }

}

@media (max-width: 669px) {
    .basic-layout-content_old .basket-items-list-wrapper-compact .basket-item-image {
        margin: 0;
    }
}

@media (max-width: 668px) {
    .basic-layout-content_old .bx-soa-cart-t,
    .basic-layout-content_old .bx-soa-cart-d {
        font-size: 14px;
    }

    .basic-layout-content_old .el-total-wrap .input-wrapper {
        min-width: 100%;
    }

    .basic-layout-content_old .basket-total {
        width: 100%;
    }

    .basic-layout-content_old .bx-soa-cart-total-button-container p {
        font-size: 14px;
    }

    #modal-success .modal-content {
        max-width: 100%;
        padding: 15px;
    }

    .basic-layout-content_old .videoyou {
        height: 300px;
    }
}

.basic-layout-content_old .zipa {
    opacity: 0.4;
}

@media (max-width: 375px) {
    .basic-layout-content_old .basket-items-list-item-container {
        margin-bottom: 0 !important;
    }

    .basic-layout-content_old .basket-items-list-item-container td:before {
        font-size: 14px;
    }

    .basic-layout-content_old .basket-items-list-table tbody tr, .basket-items-list-wrapper-compact .basket-items-list-item-container > td {
        padding: 0;
    }
}

.basic-layout-content_old .comments-text {
    font-size: 24px;
}

.basic-layout-content_old .hrefsp {
    margin-bottom: 20px;
    font-size: 20px;
}

.basic-layout-content_old .clicklog {
    width: 28px;
    height: 28px;
    margin: 0 auto;
}

.basic-layout-content_old .logo {
    cursor: pointer;
}

.basic-layout-content_old .activeli {
    background: #0b2e13;
}


.basic-layout-content_old .product-img a:focus {
    outline: none !important;

}

@media (max-width: 780px) {
    .basic-layout-content_old .product-img {
        margin: 0px;

    }

    .basic-layout-content_old .product-img img {
        height: auto;
        max-height: 110px;
        margin: 0 auto;
    }

    .basic-layout-content_old .catalog-12 .product-img2 {
        width: 50%;
        order: -1;
    }
}

@media (max-width: 1558px) {

    .basic-layout-content_old .product-img {
        max-height: 150px;
        z-index: 1;
    }

    .basic-layout-content_old .product-img img {
        max-height: 150px;
        z-index: 1;
    }

}

.basic-layout-content_old .img-other img {
    max-width: 150px;
}

.basic-layout-content_old .slick-dots li button:before {
    font-size: 26px;
}

.basic-layout-content_old .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 0px;
}

.basic-layout-content_old .black-footer {
    background: #000;
    color: #fff;
    padding-top: 25px;
    margin-bottom: 25px;
}

.basic-layout-content_old .sp-form .sp-field {
    padding-left: 0px;
}

#sp-form-169491 {
    padding-left: 0px;
}

.basic-layout-content_old .footer-soc {
    text-align: right;
}

.basic-layout-content_old .sp-element-container {
    padding-top: 0px;
}

.basic-layout-content_old .sp-element-container {
    margin-top: -10px;
}

@media (max-width: 1000px) {
    .basic-layout-content_old .footer-soc {
        text-align: left;
    }
}

.basic-layout-content_old .mob-header-menu {
    display: flex;
    overflow-x: auto;
    background: #000;
    color: #fff;
    margin-bottom: 3px;

}

.basic-layout-content_old .mob-header-menu--content {
    padding: 9px 15px 9px 15px;
    flex: 0 0 auto;
    text-decoration: none;
}

.basic-layout-content_old .mob-header-menu::-webkit-scrollbar {
    display: none;
}

.basic-layout-content_old .mob-header-menu a {
    text-decoration: none;
}

.basic-layout-content_old .mob-contact-title {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.basic-layout-content_old .mob-contact-item {
    display: flex;
    align-items: center;
    margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.basic-layout-content_old .mob-contact-item a {
    text-decoration: none;
}

.basic-layout-content_old .mob-contact-item span {
    color: grey;
    margin-right: 5px;
}

.basic-layout-content_old .mob-contact-item img {
    max-width: 40px;
    max-height: 40px;
    width: 100%;
    height: auto;
    margin-right: 15px;
}

.basic-layout-content_old .search input {
    border-radius: 0px;
}


#timeline {
    overflow: auto; /* changed to hidden via JavaScript */
}

.basic-layout-content_old .tl-events { /* the UL */
    width: 1748px; /* the width required to hold all the info */
    margin-block-start: 0em;
    margin-block-end: 0em;
    display: flex;
    justify-content: space-between;
    padding-inline-start: 00px;
    height: 30px;
    align-items: center;
}

.basic-layout-content_old .tl-events li {
    float: left; /* allows the lis to stack against eachother */
    list-style-type: none;
}

.basic-layout-content_old .tl-events li a {
    text-decoration: none;
}

.basic-layout-content_old .tl-events li:not(:last-of-type) {
    border-right: solid 1px #000;
    padding-right: 7px;
}

.basic-layout-content_old .header-scroll {
    background: #ececec;
}

.basic-layout-content_old .vi-body iframe {
    height: 800px;
}

@media (max-width: 1000px) {
    #timeline {
        display: none;
    }

    .basic-layout-content_old .vi-body iframe {
        height: 190px;
    }

}

.basic-layout-content_old .href a {
    font-size: 14px;
}

.basic-layout-content_old .el-basket-modal {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 0 15px;
    width: clamp(30rem, 25vw, 70rem);
    background: white;
    border: solid 4px #ffdc08;
    font-family: 'Roboto-Regular';
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

@media (min-width: 1920px) {
    .basic-layout-content_old .el-basket-modal {
        right: calc(50% - 960px);
    }
}

.basic-layout-content_old .el-basket-modal.active {
    display: block;
}

@media (max-width: 576px) {
    .basic-layout-content_old .el-basket-modal {
        width: 100%;
    }
}

.basic-layout-content_old .delete-product {
    position: absolute;
    top: 15px;
    right: 5px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url('/local/templates/electrotorg/css/../images/ico-cross-b.svg');
    background-repeat: no-repeat;
    opacity: 0.2;
    z-index: 2;
    visibility: hidden;
}

.basic-layout-content_old .delete-product:hover {
    cursor: pointer;
}

.basic-layout-content_old .el-basket-modal-lists {
    margin-bottom: 15px;
}

.basic-layout-content_old .el-basket-modal-list:hover {
    cursor: pointer;
}

.basic-layout-content_old .el-basket-modal-list:hover .delete-product {
    visibility: visible;
}

.basic-layout-content_old .el-basket-modal-list {
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px;
}

.basic-layout-content_old .el-basket-modal-list:hover .el-basket-modal--title {
    text-decoration: underline;
}

.basic-layout-content_old .el-basket-modal-list:last-child {
    border-bottom: solid 1px #000000;
}

.basic-layout-content_old .el-basket-modal--image {
    width: 80px;
    flex-shrink: 0;
}

.basic-layout-content_old .el-basket-modal--image img {
    margin: 0 auto;
    object-fit: cover;
}

.basic-layout-content_old .el-basket-modal--title {
    font-size: 16px;
    padding: 0 15px;
}

.basic-layout-content_old .el-basket-modal-price-wrap {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
}

.basic-layout-content_old .el-basket-modal-price--old {
    display: inline-block;
    position: relative;
    font-size: 12px;
    color: red;
}

.basic-layout-content_old .el-basket-modal-price--old:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -12%;
    width: 120%;
    height: 1px;
    background: #9d0000;
    transform: translateY(-50%);
}

.basic-layout-content_old .el-basket-modal-footer-items {
    display: flex;
    align-items: center;
}

.basic-layout-content_old .el-basket-modal-footer-item {
    width: 50%;
    flex-shrink: 0;
}

.basic-layout-content_old .el-basket-modal-footer-item:first-child {
    font-size: 16px;
    padding-right: 17px;
}

.basic-layout-content_old .el-basket-modal-footer-item-wrap {
    display: flex;
}

.basic-layout-content_old .el-basket-modal-footer-item-wrap .fixed-width {
    display: flex;
    width: 130px;
}

.basic-layout-content_old .el-summ {
    justify-content: center;
}

.basic-layout-content_old .el-block-border {
    border: solid 2px #FFDC08;
    padding: 5px;
    font-size: 23px;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .basic-layout-content_old .el-block-border {
        font-size: 18px;
    }
}

.basic-layout-content_old .el-basket-modal-footer-btn-wrap {
    margin: 15px -15px 0 -15px;
}

.basic-layout-content_old .el-basket-modal-footer-btn {
    display: block;
    text-align: center;
    background: #FFDC08;
    padding: 15px;
    font-size: 21px;
}

.basic-layout-content_old .slick-dotted.slick-slider {
    margin-bottom: 10px;
}

.basic-layout-content_old .inbaskets:before {
    content: "В корзину";
}

.basic-layout-content_old .inbasketson:before {
    content: "В корзине";
}

.basic-layout-content_old .continue-shopping:before {
    content: "Продолжить покупки";
}

.basic-layout-content_old .slick-dots {

    bottom: -16px;

}

.basic-layout-content_old .el-basket .bx-soa-coupon-input:after {
    display: none;
}

/*mob*/
.basic-layout-content_old .breadcumpd {
    padding-left: 5px;
    padding-right: 5px;
}

.basic-layout-content_old .proc {
    position: absolute;
    z-index: 2;
    border-bottom: 25px solid #ffdc08;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    height: 0px;
    margin-left: -12px;
    width: 90px;
    transform: rotate(
            -44.57deg
    );
    bottom: 69%;
    display: flex;
    justify-content: center;
}

.basic-layout-content_old .product-item-price-old::before {
    content: '';
    position: absolute;
    border-color: red;
    border-style: solid;
    background: red;
    border-width: 0px;
    height: 1px;
    margin-top: 9px;
    transform: rotate(
            -22deg
    );
    width: 6.5%;
}

.basic-layout-content_old .phonefooter {
    font-family: 'Roboto-Bold';
    padding: 11px 16px 10px;
    background: #ffdc08;

}

.basic-layout-content_old .phonefooter:hover {
    opacity: .85;
}

.basic-layout-content_old .btn-partner:hover {
    opacity: .85;
}

.basic-layout-content_old .phonefooter2:hover {
    opacity: .85;
}

.basic-layout-content_old .btn-partner2:hover {
    opacity: .85;
}

.basic-layout-content_old .phonefooter a {
    text-decoration: none;
}

.basic-layout-content_old .news-txt {
    height: 80px;
}

.basic-layout-content_old .phone-row {
    position: absolute;
    display: none;
    height: 26px;
    width: 26px;
    top: 30px;
    left: 57px;
}

.basic-layout-content_old .search-row {
    position: absolute;
    display: none;
    height: 26px;
    width: 26px;
    top: 30px;
    right: 57px;
}

.basic-layout-content_old .search-mobile {
    position: absolute;
    left: 0;
    width: 100vw;
    height: 41px;
    top: 100%;
    display: none;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    overflow: hidden;
}

.basic-layout-content_old .search-mobile__form {
    position: relative;
}

.basic-layout-content_old .search-btn-mobile {
    position: absolute;
    right: 20px;
    top: 10px;
    background: #fff;
    border: none;
    color: grey;
}

.basic-layout-content_old .search-mobile input {
    width: 100%;
    height: 41px;
    padding: 6px 65px 6px 35px !important;
}

.basic-layout-content_old .search-mobile input::-webkit-input-placeholder {
    text-align: center;
}

.basic-layout-content_old .search-mobile input:-moz-placeholder { /* Firefox 18- */
    text-align: center;
}

.basic-layout-content_old .search-mobile input::-moz-placeholder { /* Firefox 19+ */
    text-align: center;
}

.basic-layout-content_old .search-mobile input:-ms-input-placeholder {
    text-align: center;
}

@media (max-width: 568px) {
    .basic-layout-content_old .phone-row {
        display: block;
    }

    .basic-layout-content_old .search-row {
        display: block;
    }

    .basic-layout-content_old .search-mobile {
        display: block;
    }
}


/*sort*/
.basic-layout-content_old .toolbar {
    z-index: 9;
    padding: 0;
    color: #666;
    border: none;
    text-align: right;
    margin: 0;
}

.basic-layout-content_old .sort-by.sort-new > label {
    white-space: nowrap;
}

@media (max-width: 998px) {
    .basic-layout-content_old .toolbar {
        position: relative;
        top: auto;
    }
}

.basic-layout-content_old .toolbar .view-mode {
    float: left;
    margin-top: 10px !important;
}

.basic-layout-content_old .toolbar .sort-by,
.basic-layout-content_old .toolbar .limiter {
    text-align: right;
    margin: 0;
    float: unset;
    color: #666;
    display: flex;
    justify-content: flex-start;
    padding-right: 15px;
}

.basic-layout-content_old .toolbar-inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media (min-width: 998px) {
    .basic-layout-content_old .button-filter {
        display: none;
    }
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper:hover ul {
    position: absolute !important;
    top: 100% !important;
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper {
    width: auto !important;
}

@media (max-width: 998px) {
    .basic-layout-content_old .sort-by {
        font-size: 12px;
    }

    .basic-layout-content_old .sort-by label {
        padding-left: 10px;
    }

    .basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper {
        white-space: nowrap;
    }
}

.basic-layout-content_old .button-filter {
    text-align: center;
    background: #FFDC08;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 0px;
    padding: 0.5rem 1.8rem;
    font-size: 12px;
}

.basic-layout-content_old .toolbar .sort-by, .toolbar .limiter {
    align-items: center;
}

.basic-layout-content_old .toolbar-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -85px;
}

.basic-layout-content_old .card--preview-wrap:hover {
    overflow: hidden;
}

.basic-layout-content_old .toolbar-wrap .sort-by label {
    margin-right: 5px;
}

@media (min-width: 998px) {
    .basic-layout-content_old .toolbar-mobile {
        display: none;
    }

    .basic-layout-content_old .toolbar-desktop {
        display: block;
    }

}

@media (max-width: 998px) {
    .basic-layout-content_old .toolbar-desktop {
        display: none;
    }

    .basic-layout-content_old .toolbar-wrap {

        margin-top: 0px;
    }

    .basic-layout-content_old .toolbar-mobile .toolbar-inner {
        margin: 0;
    }

    .basic-layout-content_old .toolbar-mobile .sort-by:not(.sort-new) {
        z-index: 2;
    }

    .basic-layout-content_old .toolbar-mobile .sort-new {
        z-index: 1;
    }
}

.basic-layout-content_old .toolbar .sort-by .select-new {
    display: inline-block;
    vertical-align: middle;
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner {
    cursor: pointer;
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner select {
    opacity: 0;
    filter: alpha(opacity=0);
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper {
    position: relative;
    -webkit-transition: all 0.2 ease-in;
    -moz-transition: all 0.2 ease-in;
    -ms-transition: all 0.2 ease-in;
    -o-transition: all 0.2 ease-in;
    transition: all 0.2 ease-in;
    height: 30px;

    z-index: 1 !important;
    background: none;
    width: 90px;
    color: #666;
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper:hover {
    background: #fff;

}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper:hover ul {
    display: block !important;
    list-style: none;
    background: #fff;
    z-index: 99;
    padding: 0;
    position: relative;
    top: -2px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper:hover ul li {
    /*padding: 2px 0;*/
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper:hover ul li a {
    display: block;
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper:hover ul li:active a {
    background: #FFF;
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper div {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper div span {
    display: flex;
    align-items: center;
    line-height: 30px;
    height: 30px;
    padding-left: 0;
    color: #000;
    font-size: 100%;
    width: auto !important;
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper div a.jqTransformSelectOpen {
    right: 0px;
    position: absolute;
    height: 100%;
    width: 30px;
    text-align: center;

}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper ul {
    top: 100%;
    width: 90px;
    left: -1px !important;
    margin: 0;
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper ul a {
    padding: 5px 10px;
    background: #fff;
    text-align: left;
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper ul a.selected {
    color: #000;
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper ul a:hover {
    color: #000;
}


@media (min-width: 998px) {
    .basic-layout-content_old .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper ul {
        width: 160px !important;
    }

}

.basic-layout-content_old .town-links {
    column-count: 6;
    padding-left: 20px;
}

.basic-layout-content_old .town-links li {
    padding-top: 10px;
}

.basic-layout-content_old .town-links a {
    display: block;
    text-decoration: none;
}

@media (min-width: 993px) {
    .basic-layout-content_old .town-links-title {
        margin-bottom: calc(100vw / 155) !important;
    }

}

@media (max-width: 992px) {
    .basic-layout-content_old .town-links {
        column-count: 5;
    }

    .basic-layout-content_old .toolbar-inner {
        justify-content: space-between;
        margin: 0 15px 15px 15px;
    }
}

@media (max-width: 768px) {
    .basic-layout-content_old .town-links {
        column-count: 2;
    }
}

/*sort*/
.basic-layout-content_old .product-img {
    min-height: 255px;
}

@media (max-width: 1558px) {
    .basic-layout-content_old .product-img {
        min-height: 150px;
    }
}


@media (max-width: 1000px) {
    .basic-layout-content_old .info-text-section_brand {
        flex-wrap: wrap;
    }

    .basic-layout-content_old .hidden-scrol {
        overflow: hidden;
    }

    .basic-layout-content_old .hidden-scrol-x {
        overflow-x: hidden;
    }
}

.basic-layout-content_old .slidermob {
    display: none;
}

.basic-layout-content_old .svgleft {
    padding-right: 5px;
}

.basic-layout-content_old .svgright {
    padding-left: 5px;
}

.basic-layout-content_old .f-center {
    display: flex;
    justify-content: space-between;
}

.basic-layout-content_old .f-center ul {
    padding-inline-start: 5px;
    position: relative;
}

.basic-layout-content_old .padding-left-30 {
    padding-left: 15px;
}

.basic-layout-content_old .cost-up {
    font-size: 22px;
    font-weight: bold;
    font-family: 'Roboto-Bold';
    display: flex;
    margin-left: 20px;
    align-items: center;
}

.basic-layout-content_old .modal-auth {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    background: white;
    z-index: 99999;
}

.basic-layout-content_old .modal-auth-btn {
    display: block;
    background: #ffdc08;
    text-align: center;
    padding: 1rem;
    width: 100%;
    border: none;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 0;
    font-family: 'Roboto-Medium';
}

.basic-layout-content_old .modal-auth-btn:hover, .close-icon:hover, .modal-code-btn:hover, .modal-auth-btn:focus, .modal-auth-btn:active {
    cursor: pointer;
    outline: none;
}

.basic-layout-content_old .modal-header {
    padding: 1rem 2rem;
}

.basic-layout-content_old .modal-body {
    display: flex;
    flex-direction: column;
    padding: 0 2rem 1rem;
}

#auth-modal ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 21px !important;
    color: #000000 !important;
    font-weight: normal !important;
    font-family: 'Roboto-Bold' !important;
}

#auth-modal ::-moz-placeholder { /* Firefox 19+ */
    font-size: 21px !important;
    color: #000000 !important;
    font-weight: normal !important;
    font-family: 'Roboto-Bold' !important;
}

#auth-modal :-ms-input-placeholder { /* IE 10+ */
    font-size: 21px !important;
    color: #000000 !important;
    font-weight: normal !important;
    font-family: 'Roboto-Bold' !important;
}

#auth-modal :-moz-placeholder { /* Firefox 18- */
    font-size: 21px !important;
    color: #000000 !important;
    font-weight: normal !important;
    font-family: 'Roboto-Bold' !important;
}

.basic-layout-content_old .modal-body input {
    width: 100%;
    border: solid 1px #5c6165;
    font-family: 'Roboto-Bold';
    text-align: left;
}

.basic-layout-content_old .modal-body input:focus {
    border-color: #ffdc08;
}

.basic-layout-content_old .wrap-timer, .wrap-timer-reload-page {
    /*
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
     */
}

.basic-layout-content_old .form-timer {
    position: relative;
    left: 5px;
}

.basic-layout-content_old .css-auth-code-input {
    max-width: 200px;
    margin: auto !important;
    display: block;
}

.basic-layout-content_old .css-auth-code-input:not(.error) {
    border: solid 1px #ffdc08 !important;
}

.basic-layout-content_old .css-auth-code-input.error {
    border: solid 1px red !important;
}

.basic-layout-content_old .css-auth-phone-input {
    font-size: 21px !important;
}

.basic-layout-content_old .login-head:hover {
    cursor: pointer;
}

.basic-layout-content_old .modal-title {
    font-size: 18px;
    margin-bottom: 15px;
    font-family: 'Roboto-Medium';
    line-height: normal;
}

.basic-layout-content_old .modal-header-text, .wrap-timer, .modal-code-btn, .modal-text-bottom, .wrap-timer-reload-page {
    font-size: 14px;
}

.basic-layout-content_old .modal-code-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    text-align: center;
}

.basic-layout-content_old .modal-text-bottom {
    text-align: center;
}

.basic-layout-content_old .success-icon, .danger-icon {
    display: none;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    width: 1.5rem;
    height: 1.5rem;
    transform: translateY(-50%);
}

.basic-layout-content_old .input-fields {
    display: inline-block;
    position: relative;
    margin: 0 auto;
}

.basic-layout-content_old .modal-auth .mess-field {
    display: block;
    width: 100%;
    left: 0;
    font-size: 12px;
    text-align: center;
    color: red;
}

.basic-layout-content_old .close-icon {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.basic-layout-content_old .css-auth-label {
    font-size: 12px;
    color: #adadad;
}

.basic-layout-content_old .authForm-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.basic-layout-content_old .body-modal-text {
    font-size: 14px;
}

@media (min-width: 998px) and (max-width: ) {
    .basic-layout-content_old .css-auth-phone-input {
        font-size: 14px;
    }
}


@media (max-width: 576px) {
    .basic-layout-content_old .css-auth-phone-input {
        font-size: 14px;
    }
}

@media (max-width: 400px) {
    .basic-layout-content_old .modal-auth {
        max-width: calc(100% - 15px);
    }
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .sortpage {
    width: 36px !important;
}

.basic-layout-content_old .toolbar .sort-by .select-new .select-inner .sortpage ul {
    width: 47px !important;
}


/* НУЖНО ПЕРЕНЕСТИ В СТИЛИ КАРТОЧКИ */
.basic-layout-content_old .comments-wrap-area:not(:last-child) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #e3e3e3;
}

.basic-layout-content_old .with-answer {
    border-left: solid 1px #ffdc08;
}

.basic-layout-content_old .comments-main {
    padding: 10px;
}

.basic-layout-content_old .comments-question {
    margin: 0 auto;
    max-width: 918px;
    width: 100%;
}

.basic-layout-content_old .comments-user-name {
    font-family: 'Roboto-Bold';
    font-size: 14px;
    margin-right: 20px;
}

.basic-layout-content_old .comments-header {
    margin-bottom: 5px;
}

.basic-layout-content_old .comments-user-buyed, .comments-header {
    display: flex;
    align-items: center;
}

.basic-layout-content_old .comments-user-buyed-icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.basic-layout-content_old .comments-user-buyed-icon svg {
    fill: #74ce22;
}

.basic-layout-content_old .comments-user-buyed-text {
    color: #74ce22;
    font-family: 'Roboto-Bold';
    font-size: 14px;
}

.basic-layout-content_old .comments-user-date {
    font-size: 14px;
    color: #7f7f7f;
}

.basic-layout-content_old .comments-user-date-wrap .review-wrap {
    margin-left: 0;
}

.basic-layout-content_old .comments-user-text, .comments-options-text, .action-review {
    font-size: 14px;
}

.basic-layout-content_old .comments-options-wrap {
    padding-left: 20px;
    margin-top: 10px;
}

.basic-layout-content_old .comments-options-title {
    font-family: 'Roboto-Bold';
    font-size: 14px;
}

.basic-layout-content_old .comments-options-text {
    padding-left: 15px;
}

.basic-layout-content_old .comments-options-element-wrap {
    display: flex;
    align-items: flex-start;
}

.basic-layout-content_old .comments-options-icon {
    font-size: 20px;
    line-height: 20px;
}

.basic-layout-content_old .comments-options-icon-achiv {
    color: #0a962f;
}

.basic-layout-content_old .comments-options-icon-negative {
    color: red;
}

.basic-layout-content_old .comments-options-icon-wrap {
    width: 20px;
    height: 20px;
}

.basic-layout-content_old .comments-user-answer {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.basic-layout-content_old .comments-user-answer-btn, .comments-user-close-btn {
    border: none;
}

.basic-layout-content_old .comments-user-close-btn {
    background: transparent;
    color: #000000;
    border: solid 1px #ffdc08;
    margin-left: 5px;
}

.basic-layout-content_old .comments-user-close-btn[hidden] {
    display: none;
}

.basic-layout-content_old .comments-answer {
    display: none;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 30px;
    border-top: dashed 1px #ffdc08;
}

.basic-layout-content_old .comments-answer-title {
    margin-bottom: 10px;
}

.basic-layout-content_old .comments-footer {
    display: flex;
}

.basic-layout-content_old .comments-footer > form {
    width: 100%;
}

.basic-layout-content_old .action-review {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.basic-layout-content_old .action-review svg {
    margin-right: 5px;
}

.basic-layout-content_old .action-review:hover {
    cursor: pointer;
    color: #ffdc08;
}

.basic-layout-content_old .mobile-btn-auth {
    text-align: center;
    display: block;
    padding: 11px 0;
    font-size: 20px;
    font-family: 'Roboto-Bold';
    background: #eee;
}

.basic-layout-content_old .authMobile {
    align-items: center;
    justify-content: center;
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    right: 50%;
    left: 50%;
    width: 80%;
    z-index: 10000;
}

.basic-layout-content_old .authMobile .methodForm:before {
    display: none;
}

.basic-layout-content_old .flex-row {
    display: flex;
}

@media (max-width: 1000px) {
    .basic-layout-content_old .flex-row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .basic-layout-content_old .flex-row a {
        width: 110px;
        display: flex;
        justify-content: center;
    }
}

.basic-layout-content_old .d-none {
    display: none !important;
}

.basic-layout-content_old .slide-statik-page, .slide-statik-page a {
    width: 100%;
    height: 257px;
}

.basic-layout-content_old .slide-statik-page {
    padding: 5px;
}

.basic-layout-content_old .slide-statik-page img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


.basic-layout-content_old .static-link-wrap {
    margin-top: 2rem;
    margin-left: 3.5rem;
    margin-bottom: 2rem;
}

.basic-layout-content_old .static-link-menu {
    font-size: calc(14px + (21 - 14) * (100vw / 1920));
    text-decoration: none;
    font-family: 'Roboto-Medium';
    border: solid #ffdc08;
    padding: 0.2rem 0.5rem;
}

.basic-layout-content_old .static-link-title {
    font-size: calc(24px + (21 - 14) * (100vw / 1920));
    font-family: 'Roboto-Medium';
    margin-bottom: 15px;
}

.basic-layout-content_old .content-centered {
    max-width: 50%;
    margin: 15px auto;
}


.basic-layout-content_old .fancybox-slide--html .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

@media (max-width: 1024px) {
    .basic-layout-content_old .content-centered {
        max-width: 100%;
    }

    .basic-layout-content_old .card-block-white {
        background: #fff;
        padding: 0px 0px;
        transition: box-shadow .4s;
    }
}

.basic-layout-content_old .custom-slide-arrow {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(201, 201, 201, 0.58);
    position: absolute;
    z-index: 999;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 13px;
}

.basic-layout-content_old .custom-slide-arrow:hover {
    background: rgb(201, 201, 201);
}

.basic-layout-content_old .custom-slide-arrow svg {
    fill: white;
}

.basic-layout-content_old .custom-slide-arrow-prev {
    right: 60px;
}

.basic-layout-content_old .custom-slide-arrow-next {
    right: 10px;
}

.basic-layout-content_old .custom-slide-arrow:hover {
    cursor: pointer;
}

.basic-layout-content_old .slider-statik-page .slick-dots {
    bottom: 0;
}

.basic-layout-content_old .slider-statik-page .slick-dots li.slick-active button:before {
    color: #000000;
}

.basic-layout-content_old .slider-statik-page .slick-dots li button:before {
    font-size: 46px;
    color: white;
}

.basic-layout-content_old .slider-statik-page .slick-dots li {
    width: 18px;
}

.basic-layout-content_old .answer_list {
    border: 1px solid #ffdc08;
    border-radius: 5px;
    margin: 20px 0;
}

.basic-layout-content_old .answer_list_title {
    background: #ffdc08;
    margin: 0;
    padding: 10px;
}

.basic-layout-content_old .answer_list_item {
    padding: 10px;
}

.basic-layout-content_old .answer_list_item.active .answer_list_name:after {
    transform: translateY(-50%) rotate(-45deg);
}

.basic-layout-content_old .answer_list_name:after {
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #2b2b2b;
    border-right: 1px solid #2b2b2b;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(
            135deg
    );
    -ms-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(
            135deg
    );
}

.basic-layout-content_old .answer_list_item:not(:last-child) {
    border-bottom: 1px solid #ffdc08;
}

.basic-layout-content_old .answer_list_name {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.basic-layout-content_old .answer_list_price {
    padding: 10px;
    display: none;
}

.basic-layout-content_old .answer_list_item.active .answer_list_price {
    display: block;
}

.basic-layout-content_old .main-pricecard--preview-prices .text--accent {
    color: #ca0000;
}

.basic-layout-content_old .main-price.no-available {
    width: 100%;
    color: grey;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.basic-layout-content_old .no-available .main-price__title {
    font-size: 12px;
    padding-bottom: 5px;
}

.basic-layout-content_old .no-available .main-price__value {
    font-size: calc(16px + (21 - 14) * ((100vw - 300px) / (1600 - 300)));
    color: #ca0000;
}

.basic-layout-content_old .price__available {
    font-size: 18px;
    padding-top: 5px;
}

.basic-layout-content_old .product-item-detail-price-current.no-available {
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
}

.basic-layout-content_old .card-preview-slider-js.no-available {
    filter: grayscale(100%);
}

@media (max-width: 568px) {
    .basic-layout-content_old .product-item-detail-pay-block .btn.btn-buy.subscribe-btn.btn_span_product_subscription {
        font-size: 10px !important;
    }

    .basic-layout-content_old .product-item-detail-pay-block .btn.btn-buy.subscribe-btn.btn_span_product_unsubscription {
        font-size: 10px !important;
    }
}

.basic-layout-content_old .card--preview-price.no-available {
    width: 100%;
}

.basic-layout-content_old .card--images-wrap.no-available {
    filter: grayscale(100%);
}

.basic-layout-content_old .card__image.no-available {
    position: relative;
}

.basic-layout-content_old .card__no-available {
    position: absolute;
    top: 50px;
    right: 14px;
    z-index: 9;
}

@media (max-width: 998px) {
    .basic-layout-content_old .card__no-available {
        top: 0;
    }
}

.basic-layout-content_old .card--preview-footer-actions.no-available {
    height: 100%;
    align-items: flex-end;
}

.basic-layout-content_old .card__no-available_item {
    font-size: 14px;
    color: #fff;
    background: #000;
    opacity: 0.6;
    padding: 5px;
}

.basic-layout-content_old .card--preview-title-link.no-available {
    color: grey;
}

.basic-layout-content_old .table-seo__title {
    margin: 0;
    padding-top: 20px;
}

.basic-layout-content_old .table-seo__title_name {
    text-transform: lowercase;
}

.basic-layout-content_old .table-seo__row {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px 10px 0;
}

.basic-layout-content_old .table-seo__row:not(:last-child) {
    border-bottom: 1px solid darkgrey;
}

.basic-layout-content_old .table-seo__titles {
    padding: 15px 15px 15px 0;
}

.basic-layout-content_old .table-seo__row_titles-name {
    font-size: 20px;
    font-weight: bold;
    color: grey;
}

.basic-layout-content_old .subfilter__items {
    display: none;
    position: fixed;
    inset: 0;
    background: #fff;
    padding: 20px 20px 70px;
    z-index: 222200001;
}

.basic-layout-content_old .subfilter__items .checkbox-wrap {
    border-bottom: 1px solid darkgrey;
    padding: 10px 20px;
}

.basic-layout-content_old .subfilter__items .checkbox-wrap i {
    top: 8px;
}

.basic-layout-content_old .subfilter__buttons {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 10px;
    box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
    z-index: 222200001;
    background: #fff;
}

.basic-layout-content_old .subfilter__buttons .bx_filter_parameters_box_container {
    display: flex;
    justify-content: space-between;
}

.basic-layout-content_old .subfilter__buttons .bx_filter_block {
    padding-top: 0;
}

.basic-layout-content_old .subfilter__buttons .bx_filter_parameters_box_container a {
    width: 49%;
    margin: 0;
}

.basic-layout-content_old .subfilter__header {
    display: flex;
    align-items: center;
    padding: 10px;
    margin-bottom: 45px;
    background: #ffdc08;
}

.basic-layout-content_old .subfilter__back {
    margin-right: 20px;
}

.basic-layout-content_old .subfilter__back:before {
    content: "";
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.basic-layout-content_old .subfilter__title {
    font-weight: bold;
    font-size: 20px;
}

.basic-layout-content_old .discount-card {
    position: absolute;
    top: 0px;
    left: 5px;
    font-size: 36px;
    z-index: 10;
    line-height: 58px;
    padding: 0px 25px;
    background: #ca0000;
    color: #fff;
}

@media (max-width: 568px) {
    .basic-layout-content_old .discount-card {
        position: absolute;
        top: 0px;
        left: 7px;
        font-size: 21px;
        z-index: 10;
        line-height: 45px;
        padding: 0px 7px;
        background: #ca0000;
        color: #fff;
    }

    .basic-layout-content_old .load-js {
        display: none;
    }

    .basic-layout-content_old .subfilter.fs-item {
        margin-bottom: 0;
        padding-bottom: 12px;
        border-bottom: 1px solid darkgrey;
    }

    .basic-layout-content_old .table-seo__row_titles-name {
        font-size: 14px;
    }

    .basic-layout-content_old .table-seo__row_item, .table-seo__row_price {
        font-size: 12px;
    }

    .basic-layout-content_old .table-seo__row_price {
        width: 120px;
        padding-left: 10px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .basic-layout-content_old .instockcart {
        top: 5px;
        left: 5px;
        z-index: 10;
        display: none;
    }

    .basic-layout-content_old .card-product_slider #thumbs-card {
        padding: 0 5rem;
    }

    .basic-layout-content_old .card-product_slider #thumbs-card .owl-nav .owl-prev {
        width: 30px;
        height: 30px;
        left: 2.5rem;
    }

    .basic-layout-content_old .card-product_slider #thumbs-card .owl-nav .owl-next {
        width: 30px;
        height: 30px;
        right: 2.5rem;
    }

    .basic-layout-content_old .card-product_slider #thumbs-card .product-card-slider_item {
        height: 6rem;
    }

    .basic-layout-content_old .product-item-detail-pay-block {
        background: transparent;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .basic-layout-content_old .product-item-detail-info-container.cost-wrap {
        width: 50% !important;
        display: flex;
        flex-direction: row;
    }

    .basic-layout-content_old .quantity-calculate-detail {
        width: 37% !important;

        padding: 4px 0;
        text-align: left;
    }

    .basic-layout-content_old .di-head div.cost {
        order: -1;
        font-size: 26px !important;
        padding: 0;
        text-align: left;
        width: auto;
    }

    .basic-layout-content_old .di-head .product-item-detail-price-old {
        font-size: 22px;
        display: flex !important;
        align-items: flex-end;
    }

    .basic-layout-content_old .product-item-detail-pay-block .btn-wrap {
        width: 50% !important;
    }

    .basic-layout-content_old .cart-fast-buy-wrap .text--with-icon .text--underline {
        text-decoration: none;
    }

    .basic-layout-content_old .inTop {
        display: none !important;
    }

    .basic-layout-content_old .roistat-lh-pulsator-phone {
        right: 20px !important;
        bottom: 20px !important;
    }

    .basic-layout-content_old .bx-catalog-element .dib-line {
        display: flex;
        justify-content: space-between;
    }

    .basic-layout-content_old .bx-catalog-element .dib-line:after {
        display: none;
    }

    .basic-layout-content_old .bx-catalog-element .dib-line .value {
        position: static;
    }

    .basic-layout-content_old .bx-catalog-element .dib-line .type {
        padding-right: 15px;
    }

    .basic-layout-content_old .filters-sidebar.mob {
        top: 0;
        height: 100vh;
        z-index: 222200001;
        overflow-y: auto;
        padding-bottom: 70px;
    }

    .basic-layout-content_old .filters-sidebar__new .bx_filter_block {
        overflow-y: auto;
    }

    .basic-layout-content_old .subfilter__overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(255, 255, 255, 0.4);
        z-index: 222200002;
    }

    .basic-layout-content_old .filters-sidebar.loading .subfilter__overlay {
        display: block;
    }

    .basic-layout-content_old .filters-sidebar__new .bx_filter_param_label.disabled {
        display: none;
    }
}

.basic-layout-content_old .ree {
    background: #000;
    color: #fff;
    margin-top: 47px;
    border-radius: 9px;
    padding: 6px;
    display: none;
    z-index: 32323;
    position: fixed;
}

.basic-layout-content_old .btn-wc button {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 12px;
    border: solid 0px;
}

.basic-layout-content_old .btn-wc button:hover {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 12px;
    border: solid 0px;
}

.basic-layout-content_old .btn-wc .link:hover {
    text-decoration: none;
    background: #ffdc08;
    cursor: pointer;
    color: #000;
}

.basic-layout-content_old .btn-wc .checkbox-wrap i {
    top: 9px;
}

.basic-layout-content_old .text-right {
    text-align: right;
    margin-top: 5px;
    font-weight: bold;
}

.basic-layout-content_old .articlereed {
    background: #000;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 10px;
    border: solid 0px;
    max-height: 47px;
}

.basic-layout-content_old .articlereed:hover {
    background: #ffdc08;
    color: #000;
    border: solid 0px;
}

.basic-layout-content_old .articleselection {
    text-decoration: none;
    background-color: #f9f9f9;
    max-height: 47px;
    color: #000;
    text-decoration: none;
    padding: 0.26rem 0.4em;
    font-size: 13px;
    border: solid 1px #9c9c9c;
    display: inline-block;
}

.basic-layout-content_old .articleselection:hover {

    background-color: #ffdc08;
    color: #000;
    border: solid 1px #ffdc08;

}

.basic-layout-content_old .flex-article {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3px;

}

.basic-layout-content_old .flex-article .active {
    background: #ffdc08;
    border: solid 0px;
}

.basic-layout-content_old .ptart {
    padding: 5px 18px;
}

.basic-layout-content_old .el-menu-left-items {
    height: 80px;
}

.basic-layout-content_old .f-email {
    font-size: 38px;
    font-weight: bold;
    text-decoration: none;
}

.basic-layout-content_old .oplata img {
    width: 70px;
    padding-top: 10px;

}

.basic-layout-content_old .mobile-head-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ffdc08;
    height: 30px;
    z-index: 1000;
    font-size: 12px;
    display: none;
    align-items: center;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 12px;
}

.basic-layout-content_old .mobile-head-top__city {
    cursor: pointer;
}

.basic-layout-content_old .mobile-head-top > div {
    display: flex;
    align-items: center;
}

.basic-layout-content_old .mobile-head-top svg.location {
    width: 20px;
    height: auto;
}

.basic-layout-content_old .mobile-head-top svg.mail {
    width: 15px;
    height: auto;
    margin-right: 5px;
}

.basic-layout-content_old .mobile-head-top svg.arrow {
    width: 14px;
    height: auto;
}

.basic-layout-content_old .mobile-head-top a {
    text-decoration: none;
}

@media (max-width: 767px) {

    .basic-layout-content_old .mobile-head-top {
        display: flex;
        transition: top .3s;
    }

    header {
        top: 30px;
        transition: top .3s;
    }

    .basic-layout-content_old .city-popup-wrap {
        top: 30px;
    }

    .basic-layout-content_old .show-first-geo-modal {
        position: fixed !important;
        top: 40px !important;
    }

    .basic-layout-content_old .city-popup {
        padding: 15px;
        background: #ffdc08;
        width: 260px;
        position: relative;
        left: -35px;
        top: -35px;
    }

    .basic-layout-content_old .city-popup-inner {
        position: absolute;
        width: 80%;
        height: 100%;
        background: #ffdc08;
        padding: 33px 30px 30px 35px;
        top: 0;
        left: 0;
        margin-left: 0;
        z-index: 2;
    }

    .basic-layout-content_old .city-popup-inner::after {
        display: block;
    }

    .basic-layout-content_old .mobile-head-top.hide-head {
        top: -30px;
    }

    header.hide-head {
        top: 0;
    }
}


*::selection {
    background: #ffdc08;
}

*::-moz-selection {
    background: #ffdc08;
}


.basic-layout-content_old .m-menu {
    position: relative;
    top: 0;
    width: 100%;
    list-style: none;

    background-color: #fff;
    z-index: 99;

    padding: 0px 0px;
    margin-bottom: 0px;
    bottom: 0px;
    transition: transform 0.2s;
    /*    transform: translateX(-101%);*/
}

.basic-layout-content_old .dd {
    position: absolute;
    min-height: 100%;
    z-index: 3434343;
    background: #fff;
    display: none;
    width: calc(100% - 69px);
    margin: 0px 22px 0px 60px;
    /*    box-shadow: -5px 0px 18px -10px rgba(0,0,0,0.5);
        -moz-box-shadow: -5px 0px 18px -10px rgba(0,0,0,0.5);
        -webkit-box-shadow: -5px 0px 18px -10px rgba(0,0,0,0.5);*/
    border: solid 1px #e4e4e4;
    top: -4px !important;
    padding-top: 10px;
    margin-left: 54px;
    z-index: 2;
    line-height: 1.9rem;
}

.basic-layout-content_old .dd nav a {
    padding: 0px 0px;
}

#dd2 {
    margin: -165px 10px 0px 70px;
}

#dd3 {
    margin: -229px 10px 0px 70px;
}

#dd4 {
    margin: -293px 10px 0px 70px;
}

.basic-layout-content_old .m-menu li a {
    display: flex;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
}

.basic-layout-content_old .m-menu li svg {
    min-width: 40px;
    margin-right: 30px;
    max-width: 40px;
}

.basic-layout-content_old .m-menu li span {
    min-width: 40px;
    margin-right: 30px;
    max-width: 40px;
    background-size: 40px;
    height: 40px;
    background-repeat: no-repeat;
}

.basic-layout-content_old .m-menu__active {
    transform: translateX(0%);
}

.basic-layout-content_old .m-menu a {
    color: #383731;
    font-weight: 400;
}

/*.m-menu a:hover{
color: #ffdc08;
fill: #ffdc08;
}*/
.basic-layout-content_old .passivemenu {
    color: #000;
    fill: #000;
}

.basic-layout-content_old .activemenu {
    color: #ffdc08;
    fill: #ffdc08;
}

.basic-layout-content_old .hiddenm {
    display: block;
}

.basic-layout-content_old .close-menu {
    right: 5rem;
    top: 5rem;
    font-size: 2rem;
    padding-left: 0px;
    color: rgb(255, 248, 237);
    cursor: pointer;
}

.basic-layout-content_old .menu-link {
    color: #4b4b4b;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 0px;
}

.basic-layout-content_old .over {
    overflow: hidden;
}

.basic-layout-content_old .mob-header-menu {
    display: flex;
    overflow-x: auto;
}

.basic-layout-content_old .mob-header-menu--content {
    padding: 9px 15px 9px 15px;
    background: #000;
    flex: 0 0 auto;
    margin-right: 7px;
    text-decoration: none;
}

.basic-layout-content_old .mob-header-menu--content:last-child {
    margin-right: 0px;
}

.basic-layout-content_old .mob-header-menu::-webkit-scrollbar {
    display: none;
}

.basic-layout-content_old .mob-header-menu a {
    text-decoration: none;
    color: #fff;
}


.basic-layout-content_old .mob-header-menu3 {
    display: flex;
    overflow-x: auto;
    margin-bottom: -4px;
}

.basic-layout-content_old .mob-header-menu--content3 {
    width: 100%;
    flex: 0 0 auto;
    /*    margin-right: 7px;*/
    text-decoration: none;
}

.basic-layout-content_old .mob-header-menu3::-webkit-scrollbar {
    display: none;
}

.basic-layout-content_old .mob-header-menu3 a {
    text-decoration: none;
    color: #fff;
}

.basic-layout-content_old .slider-nav {
    text-align: center;
}

.basic-layout-content_old .arrow {
    cursor: pointer;
}


.basic-layout-content_old .flexcontainer {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px;
}

.basic-layout-content_old .flexcontainer div {
    margin: 2px 2px;
    background-color: silver;
    width: calc(25% - 2 * 2px);
    height: 30px;
}

.basic-layout-content_old .mob-mm {
    display: none;
}

@media (max-width: 800px) and (min-width: 500px) {
    .basic-layout-content_old .flexcontainer div {
        width: calc(50% - 2 * 2px);
    }
}


@media (max-width: 500px) {
    .basic-layout-content_old .flexcontainer div {
        width: calc(100% - 2 * 2px);
    }
}


.basic-layout-content_old .dd li {
    list-style-type: none;
}

.basic-layout-content_old .dd a {
    text-decoration: none;
}

.basic-layout-content_old .activemenu {
    color: #ffdc08;
    fill: #ffdc08;
}

.basic-layout-content_old .border {

    max-width: 800px;

}

.basic-layout-content_old .arrow {
    color: #f5511d;
    /*   display: none;*/
}

body.hidden-scrol {
    position: fixed;
}

.basic-layout-content_old .hidden-scrol-x {
    overflow-x: hidden;
}

.basic-layout-content_old .mobile-nav .btn-top {
    position: fixed;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
    bottom: 0px;
    width: 100%;
}

.basic-layout-content_old .mob-contacts {
    display: none;
}

.basic-layout-content_old .mobnav {
    display: none;
    border-top: solid 1px #e4e4e4;
}

.basic-layout-content_old .active-m {
    display: block;
    z-index: 999;
    margin-bottom: 100px !important;
}


#svg-ontazhnoe-oborudovanie {
    background: url(/local/templates/electrotorg/css/../images/svg/ico-arrdown.png) center no-repeat;
    background-size: 10px;
    right: 8px;
    top: 4px;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 2;
    display: inline-block;
}

.basic-layout-content_old .m-menu li.active svg {
    fill: #ffdc08;;
}

.basic-layout-content_old .mob-contacts {
    border: solid 1px #e4e4e4;
    padding: 10px 0px;
}

.basic-layout-content_old .active-menu-div {
    fill: #ffdc08;
    /* color: #ffdc08;*/
}


#pro-elektromontazhnoe-oborudovanie {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cg%3e%3cpath d='M53.8,19.2c-2.4,0-4.9,1.2-6.3,3.6L22.1,67.2c-2.8,4.8,0.7,10.9,6.3,10.9h50.9c5.6,0,9.1-6,6.3-10.9L60.1,22.9 C58.7,20.5,56.3,19.2,53.8,19.2z M82.9,72.9c-0.8,1.3-2.1,2.1-3.7,2.1H28.4c-1.5,0-2.9-0.8-3.7-2.1c-0.8-1.3-0.8-2.9,0-4.3 l25.4-44.3c0.8-1.3,2.1-2.1,3.7-2.1c1.5,0,2.9,0.8,3.7,2.1l25.4,44.3C83.7,70,83.7,71.6,82.9,72.9z'/%3e%3cpath d='M40.3,53.4c-0.4,0.5-0.5,1.2-0.2,1.8s0.9,0.9,1.5,0.9h8.3l-4.8,14.6c-0.3,0.8,0.1,1.6,0.8,2c0.3,0.2,0.6,0.2,0.8,0.2 c0.5,0,0.9-0.2,1.3-0.6l19-21.7c0.4-0.5,0.5-1.2,0.3-1.8s-0.9-1-1.5-1h-9.2l2.6-13.9c0.1-0.8-0.3-1.5-1-1.8c-0.7-0.3-1.5-0.1-2,0.5 L40.3,53.4z M62.9,50.8L50,65.5l3.3-10.2c0.2-0.5,0.1-1.1-0.2-1.5c-0.3-0.4-0.8-0.7-1.4-0.7h-7.4l10.9-14.3l-1.9,10 c-0.1,0.5,0,1,0.4,1.4c0.3,0.4,0.8,0.6,1.3,0.6H62.9z'/%3e%3cpath d='M96.3,1.5H61.7v3h34.6c3.9,0,7,3.1,7,7v84.8c0,3.9-3.1,7-7,7H11.5c-3.9,0-7-3.1-7-7V84.9h-3v11.4c0,5.5,4.5,10,10,10h84.8 c5.5,0,10-4.5,10-10V11.5C106.3,6,101.8,1.5,96.3,1.5z'/%3e%3cpath d='M4.5,11.5c0-3.9,3.1-7,7-7h33.3v-3H11.5c-5.5,0-10,4.5-10,10v22.4h3V11.5z'/%3e%3crect x='1.5' y='48.5' width='3' height='22.2'/%3e%3crect x='51.7' y='1.4' width='3' height='7.4'/%3e%3crect x='46.4' y='1.4' width='3' height='7.4'/%3e%3crect x='57.1' y='1.4' width='3' height='7.4'/%3e%3crect x='1.4' y='36' width='10.4' height='10.4'/%3e%3crect x='1.4' y='72.5' width='10.4' height='10.4'/%3e%3cpath d='M35.2,85.2c-4,0-7.2,3.2-7.2,7.2s3.2,7.2,7.2,7.2h36.7c4,0,7.2-3.2,7.2-7.2s-3.2-7.2-7.2-7.2H35.2z M76,92.4 c0,2.3-1.9,4.2-4.2,4.2H35.2c-2.3,0-4.2-1.9-4.2-4.2c0-2.3,1.9-4.2,4.2-4.2h36.7C74.1,88.2,76,90.1,76,92.4z'/%3e%3cpolygon points='89.8,30.1 89.8,35.5 84.4,35.5 84.4,38.5 89.8,38.5 89.8,43.9 92.8,43.9 92.8,38.5 98.2,38.5 98.2,35.5 92.8,35.5 92.8,30.1 '/%3e%3crect x='84.4' y='85.8' width='13.8' height='3'/%3e%3c/g%3e%3c/svg%3e");
}

.basic-layout-content_old .active #pro-elektromontazhnoe-oborudovanie {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFDC00;%7d .st1%7bfill:%23FFFFFF;%7d %3c/style%3e%3cg%3e%3cpolygon class='st0' points='58.32,22.93 84.47,68.36 84.37,72.67 82.01,76.57 27.35,76.77 23.55,74.93 22.83,69.29 26.32,63.34 49.5,23.03 53.09,20.77 '/%3e%3cpolygon class='st1' points='56.13,35.92 42.08,53.76 50.59,54.89 47.41,69.45 65.87,50.07 56.74,49.66 '/%3e%3cpath d='M53.8,19.2c-2.4,0-4.9,1.2-6.3,3.6L22.1,67.2c-2.8,4.8,0.7,10.9,6.3,10.9h50.9c5.6,0,9.1-6,6.3-10.9L60.1,22.9 C58.7,20.5,56.3,19.2,53.8,19.2z M82.9,72.9c-0.8,1.3-2.1,2.1-3.7,2.1H28.4c-1.5,0-2.9-0.8-3.7-2.1c-0.8-1.3-0.8-2.9,0-4.3 l25.4-44.3c0.8-1.3,2.1-2.1,3.7-2.1c1.5,0,2.9,0.8,3.7,2.1l25.4,44.3C83.7,70,83.7,71.6,82.9,72.9z'/%3e%3cpath d='M40.3,53.4c-0.4,0.5-0.5,1.2-0.2,1.8s0.9,0.9,1.5,0.9h8.3l-4.8,14.6c-0.3,0.8,0.1,1.6,0.8,2c0.3,0.2,0.6,0.2,0.8,0.2 c0.5,0,0.9-0.2,1.3-0.6l19-21.7c0.4-0.5,0.5-1.2,0.3-1.8s-0.9-1-1.5-1h-9.2l2.6-13.9c0.1-0.8-0.3-1.5-1-1.8s-1.5-0.1-2,0.5 L40.3,53.4z M62.9,50.8L50,65.5l3.3-10.2c0.2-0.5,0.1-1.1-0.2-1.5s-0.8-0.7-1.4-0.7h-7.4l10.9-14.3l-1.9,10c-0.1,0.5,0,1,0.4,1.4 c0.3,0.4,0.8,0.6,1.3,0.6H62.9z'/%3e%3cpath d='M96.3,1.5H61.7v3h34.6c3.9,0,7,3.1,7,7v84.8c0,3.9-3.1,7-7,7H11.5c-3.9,0-7-3.1-7-7V84.9h-3v11.4c0,5.5,4.5,10,10,10h84.8 c5.5,0,10-4.5,10-10V11.5C106.3,6,101.8,1.5,96.3,1.5z'/%3e%3cpath d='M4.5,11.5c0-3.9,3.1-7,7-7h33.3v-3H11.5c-5.5,0-10,4.5-10,10v22.4h3V11.5z'/%3e%3crect x='1.5' y='48.5' width='3' height='22.2'/%3e%3crect x='51.7' y='1.4' width='3' height='7.4'/%3e%3crect x='46.4' y='1.4' width='3' height='7.4'/%3e%3crect x='57.1' y='1.4' width='3' height='7.4'/%3e%3crect x='1.4' y='36' width='10.4' height='10.4'/%3e%3crect x='1.4' y='72.5' width='10.4' height='10.4'/%3e%3cpath d='M35.2,85.2c-4,0-7.2,3.2-7.2,7.2s3.2,7.2,7.2,7.2h36.7c4,0,7.2-3.2,7.2-7.2s-3.2-7.2-7.2-7.2H35.2z M76,92.4 c0,2.3-1.9,4.2-4.2,4.2H35.2c-2.3,0-4.2-1.9-4.2-4.2c0-2.3,1.9-4.2,4.2-4.2h36.7C74.1,88.2,76,90.1,76,92.4z'/%3e%3cpolygon points='89.8,30.1 89.8,35.5 84.4,35.5 84.4,38.5 89.8,38.5 89.8,43.9 92.8,43.9 92.8,38.5 98.2,38.5 98.2,35.5 92.8,35.5 92.8,30.1 '/%3e%3crect x='84.4' y='85.8' width='13.8' height='3'/%3e%3c/g%3e%3c/svg%3e ");
}

#pro-elektroustanovochnye-izdeliya {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cg%3e%3cpath d='M97.8,1.4H9.9c-4.7,0-8.5,3.8-8.5,8.5v87.9c0,4.7,3.8,8.5,8.5,8.5h87.9c4.7,0,8.5-3.8,8.5-8.5V9.9 C106.3,5.2,102.5,1.4,97.8,1.4z M103.3,97.8c0,3-2.5,5.5-5.5,5.5H9.9c-3,0-5.5-2.5-5.5-5.5V9.9c0-3,2.5-5.5,5.5-5.5h87.9 c3,0,5.5,2.5,5.5,5.5V97.8z'/%3e%3cpath d='M53.9,21.3c-17.9,0-32.5,14.6-32.5,32.5s14.6,32.5,32.5,32.5s32.5-14.6,32.5-32.5S71.8,21.3,53.9,21.3z M55.4,83.4v-7.2 c0-0.8-0.7-1.5-1.5-1.5c-0.8,0-1.5,0.7-1.5,1.5v7.2c-15.6-0.8-28-13.7-28-29.5s12.4-28.7,28-29.5v7.2c0,0.8,0.7,1.5,1.5,1.5 c0.8,0,1.5-0.7,1.5-1.5v-7.2c15.6,0.8,28,13.7,28,29.5S71,82.6,55.4,83.4z'/%3e%3cellipse transform='matrix(0.3827 -0.9239 0.9239 0.3827 -25.6982 69.3795)' cx='39.1' cy='53.9' rx='5.3' ry='5.3'/%3e%3ccircle cx='68.8' cy='53.9' r='5.3'/%3e%3c/g%3e%3c/svg%3e");
}

.basic-layout-content_old .active #pro-elektroustanovochnye-izdeliya {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFDC00;%7d .st1%7bfill:%23FFFFFF;%7d %3c/style%3e%3cg%3e%3cpolygon class='st0' points='12.23,2.89 98.08,2.89 102.54,4.58 104.69,7.51 104.69,97.66 103.92,101.66 99.62,104.89 11.15,104.89 6.69,104.12 3.31,100.12 2.38,96.58 2.38,8.89 4.23,5.66 8.23,3.2 '/%3e%3cpolygon class='st1' points='29.08,35.81 35.46,28.66 43.85,24.51 55.46,22.74 66.85,25.97 77.92,34.04 81.92,40.58 84.69,49.89 85.38,56.04 83.15,63.66 78.77,72.81 71.69,79.2 65.54,82.51 56.38,85.43 48.38,84.74 34.77,78.66 26.46,69.12 23.23,60.43 22.31,52.2 24.77,41.43 '/%3e%3cpath d='M97.8,1.4H9.9c-4.7,0-8.5,3.8-8.5,8.5v87.9c0,4.7,3.8,8.5,8.5,8.5h87.9c4.7,0,8.5-3.8,8.5-8.5V9.9 C106.3,5.2,102.5,1.4,97.8,1.4z M103.3,97.8c0,3-2.5,5.5-5.5,5.5H9.9c-3,0-5.5-2.5-5.5-5.5V9.9c0-3,2.5-5.5,5.5-5.5h87.9 c3,0,5.5,2.5,5.5,5.5V97.8z'/%3e%3cpath d='M53.9,21.3c-17.9,0-32.5,14.6-32.5,32.5S36,86.3,53.9,86.3s32.5-14.6,32.5-32.5S71.8,21.3,53.9,21.3z M55.4,83.4v-7.2 c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5v7.2c-15.6-0.8-28-13.7-28-29.5s12.4-28.7,28-29.5v7.2c0,0.8,0.7,1.5,1.5,1.5 s1.5-0.7,1.5-1.5v-7.2c15.6,0.8,28,13.7,28,29.5S71,82.6,55.4,83.4z'/%3e%3cellipse cx='39.06' cy='53.88' rx='5.3' ry='5.3'/%3e%3ccircle cx='68.8' cy='53.9' r='5.3'/%3e%3c/g%3e%3c/svg%3e");
}


#pro-elektrotekhnicheskaya-produktsiya {

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cg%3e%3cpath d='M87.6,64.5V23.8c0-9.1-7.4-16.5-16.5-16.5s-16.5,7.4-16.5,16.5v64.5c0,8.3-6.7,15-15,15s-15-6.7-15-15V56.8h7.2 c4.7,0,8.5-3.8,8.5-8.5v-17c0-0.8,0.7-1.5,1.5-1.5h0c1.6,0,2.8-1.3,2.8-2.8v-7.6c0-1.6-1.3-2.8-2.8-2.8H35V3.9 c0-1.4-1.1-2.5-2.5-2.5S30,2.5,30,3.9v12.7H15.9V3.9c0-1.4-1.1-2.5-2.5-2.5s-2.5,1.1-2.5,2.5v12.7H4.2c-1.6,0-2.8,1.3-2.8,2.8V27 c0,1.6,1.3,2.8,2.8,2.8h0c0.8,0,1.5,0.7,1.5,1.5v17c0,4.7,3.8,8.5,8.5,8.5h7.2v31.5c0,9.9,8.1,18,18,18s18-8.1,18-18V23.8 c0-7.5,6.1-13.5,13.6-13.5c7.5,0,13.6,6.1,13.6,13.5v40.7c-11.2,0.4-20.1,9.6-20.1,20.9c0,11.6,9.4,20.9,20.9,20.9 c11.6,0,20.9-9.4,20.9-20.9C106.3,74.5,98.1,65.6,87.6,64.5z M8.8,48.3v-17c0-2.4-1.9-4.4-4.3-4.5v-7.2h37.1v7.2 c-2.4,0.1-4.3,2.1-4.3,4.5v17c0,3-2.5,5.5-5.5,5.5H14.3C11.2,53.8,8.8,51.4,8.8,48.3z M85.4,103.3c-9.9,0-17.9-8-17.9-17.9 s8-17.9,17.9-17.9s17.9,8,17.9,17.9S95.3,103.3,85.4,103.3z'/%3e%3cpolygon points='83.9,73.4 78,87.8 83.9,87.8 78.5,99.4 93.9,82.6 87.4,82.6 94.1,73.4 '/%3e%3c/g%3e%3c/svg%3e ");
}

.basic-layout-content_old .active #pro-elektrotekhnicheskaya-produktsiya {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFDC00;%7d %3c/style%3e%3cg%3e%3cpolygon class='st0' points='100.38,72.81 104.69,80.97 103.77,88.58 102.46,95.2 96.62,100.81 90.31,104.43 83.62,104.58 77.38,103.27 72.38,99.81 68.77,95.97 66.77,89.97 66.15,82.04 69.38,73.81 74.15,69.43 81,66.04 88.31,66.04 95.69,69.12 '/%3e%3cpath d='M87.6,64.5V23.8c0-9.1-7.4-16.5-16.5-16.5s-16.5,7.4-16.5,16.5v64.5c0,8.3-6.7,15-15,15s-15-6.7-15-15V56.8h7.2 c4.7,0,8.5-3.8,8.5-8.5v-17c0-0.8,0.7-1.5,1.5-1.5l0,0c1.6,0,2.8-1.3,2.8-2.8v-7.6c0-1.6-1.3-2.8-2.8-2.8H35V3.9 c0-1.4-1.1-2.5-2.5-2.5S30,2.5,30,3.9v12.7H15.9V3.9c0-1.4-1.1-2.5-2.5-2.5s-2.5,1.1-2.5,2.5v12.7H4.2c-1.6,0-2.8,1.3-2.8,2.8V27 c0,1.6,1.3,2.8,2.8,2.8l0,0c0.8,0,1.5,0.7,1.5,1.5v17c0,4.7,3.8,8.5,8.5,8.5h7.2v31.5c0,9.9,8.1,18,18,18s18-8.1,18-18V23.8 c0-7.5,6.1-13.5,13.6-13.5s13.6,6.1,13.6,13.5v40.7c-11.2,0.4-20.1,9.6-20.1,20.9c0,11.6,9.4,20.9,20.9,20.9 c11.6,0,20.9-9.4,20.9-20.9C106.3,74.5,98.1,65.6,87.6,64.5z M8.8,48.3v-17c0-2.4-1.9-4.4-4.3-4.5v-7.2h37.1v7.2 c-2.4,0.1-4.3,2.1-4.3,4.5v17c0,3-2.5,5.5-5.5,5.5H14.3C11.2,53.8,8.8,51.4,8.8,48.3z M85.4,103.3c-9.9,0-17.9-8-17.9-17.9 s8-17.9,17.9-17.9s17.9,8,17.9,17.9S95.3,103.3,85.4,103.3z'/%3e%3cpolygon points='83.9,73.4 78,87.8 83.9,87.8 78.5,99.4 93.9,82.6 87.4,82.6 94.1,73.4 '/%3e%3c/g%3e%3c/svg%3e ");
}


#pro-osveshchenie {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cg%3e%3cpath d='M77.7,37.6c-4.8-8.4-6.7-16.4-7.3-19.4h12.8c8.6,0,15.6-7,15.6-15.6v0c0-0.7-0.6-1.3-1.3-1.3H8.8C8.1,1.4,7.5,2,7.5,2.7v0 c0,8.6,7,15.6,15.6,15.6h14.2c-0.7,7-5.5,16-7.5,19.6c-0.3,0.5-0.6,1.1-0.9,1.6l-0.4,0.6l0,0.1c-2.1,4-3.2,8.5-3.2,13.1 C25.3,69,38,81.8,53.8,81.8c15.7,0,28.5-12.8,28.5-28.5C82.3,47.7,80.7,42.3,77.7,37.6L77.7,37.6z M10.6,4.4h85 c-0.8,6.1-6.1,10.9-12.5,10.9H23.1C16.7,15.3,11.4,10.6,10.6,4.4z M53.8,78.8c-14.1,0-25.5-11.4-25.5-25.5c0-4.2,1-8.4,3-12.1 l0-0.1l0.1-0.1c0.3-0.5,0.5-1,0.9-1.5c2.2-3.8,7.1-13.1,7.9-20.7h27.1C68,21.9,70,30.2,75,39.1l0.1,0.2c2.7,4.2,4.2,9,4.2,14 C79.3,67.3,67.8,78.8,53.8,78.8z'/%3e%3cpath d='M59.5,65.3c-1.8,0.9-3.7,1.3-5.7,1.3c-7.3,0-13.2-5.9-13.2-13.2c0-2.6,0.8-5.2,2.3-7.4c0.5-0.7,0.3-1.6-0.4-2.1 c-0.7-0.5-1.6-0.3-2.1,0.4c-1.8,2.7-2.8,5.8-2.8,9.1c0,8.9,7.3,16.2,16.2,16.2c2.5,0,4.8-0.5,7-1.6c0.7-0.4,1.1-1.3,0.7-2 C61.1,65.2,60.2,64.9,59.5,65.3z'/%3e%3cpath d='M17.3,53.6c0-0.8-0.7-1.5-1.5-1.5H2.9c-0.8,0-1.5,0.7-1.5,1.5c0,0.8,0.7,1.5,1.5,1.5h12.9C16.6,55.1,17.3,54.4,17.3,53.6z' /%3e%3cpath d='M52.8,90.4c-0.8,0-1.5,0.7-1.5,1.5v12.9c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5V91.9C54.3,91.1,53.7,90.4,52.8,90.4z'/%3e%3cpath d='M20.2,76.6l-9.1,9.1c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4c0.4,0,0.8-0.1,1.1-0.4l9.1-9.1c0.6-0.6,0.6-1.5,0-2.1 C21.8,76,20.8,76,20.2,76.6z'/%3e%3cpath d='M85.5,76.6c-0.6-0.6-1.5-0.6-2.1,0c-0.6,0.6-0.6,1.5,0,2.1l9.1,9.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4 c0.6-0.6,0.6-1.5,0-2.1L85.5,76.6z'/%3e%3cpath d='M104.8,52.1H91.9c-0.8,0-1.5,0.7-1.5,1.5c0,0.8,0.7,1.5,1.5,1.5h12.9c0.8,0,1.5-0.7,1.5-1.5 C106.3,52.8,105.6,52.1,104.8,52.1z'/%3e%3c/g%3e%3c/svg%3e ");
}

.basic-layout-content_old .active #pro-osveshchenie {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFDC00;%7d %3c/style%3e%3cpolygon class='st0' points='68.74,17.25 69.77,23.81 72.95,31.81 77.26,40.02 79.92,45.76 80.64,55.09 77.15,66.48 70.9,75.09 60.03,79.51 53.67,80.63 42.79,78.48 32.64,70.68 27.51,60.22 26.69,48.94 29.67,41.56 34.18,33.04 37.87,23.4 39.41,17.35 '/%3e%3cg%3e%3cpath d='M77.7,37.6c-4.8-8.4-6.7-16.4-7.3-19.4h12.8c8.6,0,15.6-7,15.6-15.6l0,0c0-0.7-0.6-1.3-1.3-1.3H8.8C8.1,1.4,7.5,2,7.5,2.7 l0,0c0,8.6,7,15.6,15.6,15.6h14.2c-0.7,7-5.5,16-7.5,19.6c-0.3,0.5-0.6,1.1-0.9,1.6l-0.4,0.6v0.1c-2.1,4-3.2,8.5-3.2,13.1 C25.3,69,38,81.8,53.8,81.8c15.7,0,28.5-12.8,28.5-28.5C82.3,47.7,80.7,42.3,77.7,37.6L77.7,37.6z M10.6,4.4h85 c-0.8,6.1-6.1,10.9-12.5,10.9h-60C16.7,15.3,11.4,10.6,10.6,4.4z M53.8,78.8c-14.1,0-25.5-11.4-25.5-25.5c0-4.2,1-8.4,3-12.1v-0.1 l0.1-0.1c0.3-0.5,0.5-1,0.9-1.5c2.2-3.8,7.1-13.1,7.9-20.7h27.1C68,21.9,70,30.2,75,39.1l0.1,0.2c2.7,4.2,4.2,9,4.2,14 C79.3,67.3,67.8,78.8,53.8,78.8z'/%3e%3cpath d='M59.5,65.3c-1.8,0.9-3.7,1.3-5.7,1.3c-7.3,0-13.2-5.9-13.2-13.2c0-2.6,0.8-5.2,2.3-7.4c0.5-0.7,0.3-1.6-0.4-2.1 s-1.6-0.3-2.1,0.4c-1.8,2.7-2.8,5.8-2.8,9.1c0,8.9,7.3,16.2,16.2,16.2c2.5,0,4.8-0.5,7-1.6c0.7-0.4,1.1-1.3,0.7-2 C61.1,65.2,60.2,64.9,59.5,65.3z'/%3e%3cpath d='M17.3,53.6c0-0.8-0.7-1.5-1.5-1.5H2.9c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5h12.9C16.6,55.1,17.3,54.4,17.3,53.6z'/%3e%3cpath d='M52.8,90.4c-0.8,0-1.5,0.7-1.5,1.5v12.9c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5V91.9C54.3,91.1,53.7,90.4,52.8,90.4z'/%3e%3cpath d='M20.2,76.6l-9.1,9.1c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4c0.4,0,0.8-0.1,1.1-0.4l9.1-9.1c0.6-0.6,0.6-1.5,0-2.1 C21.8,76,20.8,76,20.2,76.6z'/%3e%3cpath d='M85.5,76.6c-0.6-0.6-1.5-0.6-2.1,0s-0.6,1.5,0,2.1l9.1,9.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1 L85.5,76.6z'/%3e%3cpath d='M104.8,52.1H91.9c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5h12.9c0.8,0,1.5-0.7,1.5-1.5S105.6,52.1,104.8,52.1z'/%3e%3c/g%3e%3c/svg%3e");
}


#pro-metizy-i-krepezh {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cg%3e%3cpath d='M27.7,1.4H2.9c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5h6.9v89.1c0,0.6,0.1,1.1,0.3,1.7l3.5,9.9c0.2,0.7,0.9,1.1,1.6,1.2 c0,0,0,0,0,0c0.7,0,1.4-0.4,1.6-1.1l3.8-10c0.2-0.6,0.3-1.2,0.3-1.8V4.4h6.6c0.8,0,1.5-0.7,1.5-1.5S28.5,1.4,27.7,1.4z M18.1,93.3 c0,0.3,0,0.5-0.1,0.7l-2.6,6.8L13,94.2c-0.1-0.2-0.1-0.5-0.1-0.7V4.4h5.2V93.3z'/%3e%3cpath d='M65.8,1.4H41.4c-0.7,0-1.3,0.4-1.6,1.1c-0.3,0.6-0.1,1.4,0.4,1.9l7.8,7.8v36.6l-4,2l1.4,2.7l2.6-1.3V57l-4,2l1.3,2.7 l2.6-1.3v5l-4,2l1.3,2.7l2.6-1.3v5l-4,2l1.3,2.7l2.6-1.3v5l-4,2l1.3,2.7l2.6-1.3v5l-4,2l1.3,2.7l2.6-1.3c0,0.5,0.1,1,0.3,1.4 l3.5,9.9c0.2,0.7,0.9,1.1,1.6,1.1c0,0,0,0,0,0c0.7,0,1.4-0.4,1.6-1.1l3.8-10c0.2-0.6,0.3-1.2,0.3-1.8v-5.1l3.4-1.7l-1.3-2.7l-2.1,1 v-5l3.4-1.7l-1.3-2.7l-2.1,1v-5l3.4-1.7l-1.3-2.7l-2.1,1v-5l3.4-1.7l-1.3-2.7l-2.1,1v-5l3.4-1.7l-1.3-2.7l-2.1,1V11.9L67,4.4 c0.5-0.5,0.7-1.2,0.4-1.9S66.5,1.4,65.8,1.4z M51,13.4h5.2v31.2L51,47.2V13.4z M56.2,93.4c0,0.2,0,0.5-0.1,0.7l-2.6,6.8l-2.4-6.6 C51,94.1,51,93.8,51,93.6v-1.2l5.2-2.6V93.4z M56.2,86.5L51,89v-5l5.2-2.6V86.5z M56.2,78.1L51,80.7v-5l5.2-2.6V78.1z M56.2,69.7 L51,72.3v-5l5.2-2.6V69.7z M56.2,61.3L51,63.9v-5l5.2-2.6V61.3z M51,55.6v-4.9l5.2-2.7v5L51,55.6z M56.4,10.4h-5.9l-6-6h18.1 L56.4,10.4z'/%3e%3cpath d='M106.3,17.3v-1.5c0-8-6.5-14.4-14.4-14.4S77.4,7.9,77.4,15.8v1.5h8.8v31.4l-4.1,2.1l1.4,2.7l2.7-1.4V57l-4.1,2l1.3,2.7 l2.7-1.4v5l-4.1,2l1.3,2.7l2.7-1.4v5l-4.1,2l1.3,2.7l2.7-1.4v5l-4.1,2l1.3,2.7l2.7-1.4v5l-4.1,2l1.3,2.7l2.7-1.4 c0,0.5,0.1,1,0.3,1.4l3.5,9.9c0.2,0.7,0.9,1.1,1.6,1.2c0,0,0,0,0,0c0.7,0,1.4-0.4,1.6-1.1l3.8-10c0.2-0.6,0.3-1.2,0.3-1.8v-5.1 l3.3-1.7l-1.3-2.7l-2,1v-5l3.3-1.7l-1.3-2.7l-2,1v-5l3.3-1.7l-1.3-2.7l-2,1v-5l3.3-1.7l-1.3-2.7l-2,1v-5l3.3-1.7l-1.3-2.7l-2,1 V17.3H106.3z M91.9,4.4c5.8,0,10.6,4.3,11.3,9.9H80.5C81.3,8.7,86.1,4.4,91.9,4.4z M94.5,93.3c0,0.3,0,0.5-0.1,0.7l-2.6,6.8 l-2.4-6.6c-0.1-0.2-0.1-0.5-0.1-0.7v-1.2l5.2-2.6V93.3z M94.5,86.4L89.3,89v-5l5.2-2.6V86.4z M94.5,78l-5.2,2.6v-5l5.2-2.6V78z M94.5,69.7l-5.2,2.6v-5l5.2-2.6V69.7z M94.5,61.3l-5.2,2.6v-5l5.2-2.6V61.3z M89.3,55.5v-4.9l5.2-2.7v5L89.3,55.5z M94.5,44.5 l-5.2,2.7V17.3h5.2V44.5z'/%3e%3c/g%3e%3c/svg%3e ");
}

.basic-layout-content_old .active #pro-metizy-i-krepezh {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bdisplay:none;fill:%23FFDC00;%7d .st1%7bfill:%23FFDC00;%7d %3c/style%3e%3cpolygon class='st0' points='42.38,3.35 65,3.04 57.15,11.27 49.38,11.66 41.54,4.2 '/%3e%3cpolygon class='st0' points='80.77,9.89 85.85,4.04 88.77,3.35 96.08,2.97 100.85,5.81 103.31,9.58 104.38,13.81 104.54,15.97 79.92,15.89 78.62,14.35 '/%3e%3cpolygon class='st1' points='95.72,15.92 95.72,92.12 92.03,103.2 87.41,94.68 87.41,16.22 '/%3e%3cpolygon class='st1' points='57.62,12.12 57.62,92.76 53.92,104.48 49.31,95.47 49.31,12.45 '/%3e%3cpolygon class='st1' points='19.41,3.22 19.41,91.32 15.72,104.12 11.1,94.28 11.1,3.58 '/%3e%3cg%3e%3cpath d='M27.7,1.4H2.9c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5h6.9v89.1c0,0.6,0.1,1.1,0.3,1.7l3.5,9.9c0.2,0.7,0.9,1.1,1.6,1.2 l0,0c0.7,0,1.4-0.4,1.6-1.1l3.8-10c0.2-0.6,0.3-1.2,0.3-1.8v-89h6.6c0.8,0,1.5-0.7,1.5-1.5S28.5,1.4,27.7,1.4z M18.1,93.3 c0,0.3,0,0.5-0.1,0.7l-2.6,6.8L13,94.2c-0.1-0.2-0.1-0.5-0.1-0.7V4.4h5.2C18.1,4.4,18.1,93.3,18.1,93.3z'/%3e%3cpath d='M65.8,1.4H41.4c-0.7,0-1.3,0.4-1.6,1.1c-0.3,0.6-0.1,1.4,0.4,1.9l7.8,7.8v36.6l-4,2l1.4,2.7l2.6-1.3V57l-4,2l1.3,2.7 l2.6-1.3v5l-4,2l1.3,2.7l2.6-1.3v5l-4,2l1.3,2.7l2.6-1.3v5l-4,2l1.3,2.7l2.6-1.3v5l-4,2l1.3,2.7l2.6-1.3c0,0.5,0.1,1,0.3,1.4 l3.5,9.9c0.2,0.7,0.9,1.1,1.6,1.1l0,0c0.7,0,1.4-0.4,1.6-1.1l3.8-10c0.2-0.6,0.3-1.2,0.3-1.8v-5.1l3.4-1.7L60.7,84l-2.1,1v-5 l3.4-1.7l-1.3-2.7l-2.1,1v-5l3.4-1.7l-1.3-2.7l-2.1,1v-5l3.4-1.7l-1.3-2.7l-2.1,1v-5l3.4-1.7l-1.3-2.7l-2.1,1V11.9L67,4.4 c0.5-0.5,0.7-1.2,0.4-1.9S66.5,1.4,65.8,1.4z M51,13.4h5.2v31.2L51,47.2V13.4z M56.2,93.4c0,0.2,0,0.5-0.1,0.7l-2.6,6.8l-2.4-6.6 C51,94.1,51,93.8,51,93.6v-1.2l5.2-2.6V93.4z M56.2,86.5L51,89v-5l5.2-2.6V86.5z M56.2,78.1L51,80.7v-5l5.2-2.6V78.1z M56.2,69.7 L51,72.3v-5l5.2-2.6V69.7z M56.2,61.3L51,63.9v-5l5.2-2.6V61.3z M51,55.6v-4.9l5.2-2.7v5L51,55.6z M56.4,10.4h-5.9l-6-6h18.1 L56.4,10.4z'/%3e%3cpath d='M106.3,17.3v-1.5c0-8-6.5-14.4-14.4-14.4S77.4,7.9,77.4,15.8v1.5h8.8v31.4l-4.1,2.1l1.4,2.7l2.7-1.4V57l-4.1,2l1.3,2.7 l2.7-1.4v5l-4.1,2l1.3,2.7l2.7-1.4v5l-4.1,2l1.3,2.7l2.7-1.4v5l-4.1,2l1.3,2.7l2.7-1.4v5l-4.1,2l1.3,2.7l2.7-1.4 c0,0.5,0.1,1,0.3,1.4l3.5,9.9c0.2,0.7,0.9,1.1,1.6,1.2l0,0c0.7,0,1.4-0.4,1.6-1.1l3.8-10c0.2-0.6,0.3-1.2,0.3-1.8V88l3.3-1.7 l-1.3-2.7l-2,1v-5l3.3-1.7l-1.3-2.7l-2,1v-5l3.3-1.7l-1.3-2.7l-2,1v-5l3.3-1.7l-1.3-2.7l-2,1v-5l3.3-1.7L98.8,50l-2,1V17.3H106.3z M91.9,4.4c5.8,0,10.6,4.3,11.3,9.9H80.5C81.3,8.7,86.1,4.4,91.9,4.4z M94.5,93.3c0,0.3,0,0.5-0.1,0.7l-2.6,6.8l-2.4-6.6 c-0.1-0.2-0.1-0.5-0.1-0.7v-1.2l5.2-2.6V93.3z M94.5,86.4L89.3,89v-5l5.2-2.6V86.4z M94.5,78l-5.2,2.6v-5l5.2-2.6V78z M94.5,69.7 l-5.2,2.6v-5l5.2-2.6V69.7z M94.5,61.3l-5.2,2.6v-5l5.2-2.6V61.3z M89.3,55.5v-4.9l5.2-2.7v5L89.3,55.5z M94.5,44.5l-5.2,2.7V17.3 h5.2V44.5z'/%3e%3c/g%3e%3c/svg%3e ");
}


#pro-instrumenty {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cpath d='M101.9,57.5H88.3V45.3c0-1.5-1.2-2.8-2.8-2.8h-9.9l6.2-10.7l12.6,7.3c0.5,0.3,1,0.4,1.5,0.4c0.3,0,0.5,0,0.8-0.1 c0.8-0.2,1.4-0.7,1.8-1.4L102,32c0.6-1,0.5-2.3-0.2-3.2c-1.6-2.2-6.3-8-14.8-15.2C79,6.6,72.6,3,70.3,1.8c-1.4-0.7-3.1-0.2-3.9,1.1 l-7.3,12.5c-0.4,0.7-0.5,1.5-0.3,2.2c0.2,0.8,0.7,1.4,1.4,1.8l8,4.6L53.1,50.1L37.6,27.5c-0.6-0.9-1-2-1-3.1l0-1 c-0.1-1.8-0.6-3.5-1.7-5l-5.2-7.6c-0.9-1.3-2.7-1.7-4.1-0.8l-10.7,7.3c-1.3,0.9-1.7,2.7-0.8,4.1l5.2,7.6c1,1.5,2.4,2.6,4,3.3 l0.9,0.4c1,0.4,1.9,1.2,2.5,2.1l15.5,22.7H29.9l-9.5-20.7c-0.3-0.7-1.2-1.1-2-0.7c-0.8,0.3-1.1,1.2-0.7,2l9,19.5h-8L14.3,48 c-0.3-0.7-1.2-1.1-2-0.7c-0.8,0.3-1.1,1.2-0.7,2l3.8,8.2H5.8c-2.4,0-4.4,2-4.4,4.4v7.8c0,2.4,2,4.4,4.4,4.4h1.9v27.9 c0,2.4,2,4.4,4.4,4.4h82.7c2.4,0,4.4-2,4.4-4.4V74h2.7c2.4,0,4.4-2,4.4-4.4v-7.8C106.3,59.4,104.3,57.5,101.9,57.5z M68.9,4.4 c2.3,1.2,8.4,4.7,16.2,11.4c8.2,7,12.7,12.6,14.3,14.7l-3.5,6L61.7,16.9L68.9,4.4z M85.3,45.6v11.9H67.1l6.9-11.9H85.3z M63.6,57.5 H52.4l2.1-3.8l16.2-27.9l8.5,4.9L63.6,57.5z M29.3,33.1c-0.9-1.4-2.3-2.5-3.8-3.1l-0.9-0.4c-1.1-0.5-2.1-1.3-2.8-2.3l-5.2-7.5 l10.6-7.3l5.2,7.6c0.7,1,1.1,2.2,1.1,3.4l0,1c0.1,1.7,0.6,3.3,1.5,4.7L51.4,53l-2.6,4.5H46L29.3,33.1z M96.2,92.5H84.8 c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5h11.4v6.5c0,0.8-0.6,1.4-1.4,1.4H12.1c-0.8,0-1.4-0.6-1.4-1.4v-6.5h11.4 c0.8,0,1.5-0.7,1.5-1.5s-0.7-1.5-1.5-1.5H10.7V74h29.9v8.2c0,2.4,2,4.4,4.4,4.4h17.5c2.4,0,4.4-2,4.4-4.4V74h29.3V92.5z M43.6,74 h20.3v8.2c0,0.8-0.6,1.4-1.4,1.4H45c-0.8,0-1.4-0.6-1.4-1.4V74z M103.3,69.6c0,0.8-0.6,1.4-1.4,1.4h-2.7H66.9H40.6H7.7H5.8 c-0.8,0-1.4-0.6-1.4-1.4v-7.8c0-0.8,0.6-1.4,1.4-1.4h11.9c0,0,0,0,0,0c0,0,0,0,0,0H29c0,0,0,0,0,0c0,0,0,0,0,0h15.4h2.7h3.7h14.6 h36.6c0.8,0,1.4,0.6,1.4,1.4V69.6z'/%3e%3c/svg%3e");
}

.basic-layout-content_old .active #pro-instrumenty {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFDC00;%7d %3c/style%3e%3cpath class='st0' d='M61.77,18.48l32.82,18.87l3.18-0.41l2.77-5.74l-1.13-3.69L84.13,12.84c0,0-8.1-5.13-8.41-5.23 c-0.31-0.1-6.77-4.72-6.77-4.72L63,10.58l-2.87,6.15L61.77,18.48z'/%3e%3cpolygon class='st0' points='97.46,72.43 97.46,101.35 96.74,104.02 93.67,105.15 13.77,105.15 10.08,104.53 8.95,101.76 8.95,72.63 42.59,72.63 42.69,81.86 42.69,84.53 55,85.04 65.46,83.92 65.87,72.33 '/%3e%3cpolygon class='st0' points='8.69,72.12 100.69,72.12 103,71.97 105,69.66 104.54,60.12 101,59.35 6.38,59.35 3.31,59.51 2.85,67.04 3.31,71.04 '/%3e%3cpath d='M101.9,57.5H88.3V45.3c0-1.5-1.2-2.8-2.8-2.8h-9.9l6.2-10.7l12.6,7.3c0.5,0.3,1,0.4,1.5,0.4c0.3,0,0.5,0,0.8-0.1 c0.8-0.2,1.4-0.7,1.8-1.4l3.5-6c0.6-1,0.5-2.3-0.2-3.2c-1.6-2.2-6.3-8-14.8-15.2C79,6.6,72.6,3,70.3,1.8c-1.4-0.7-3.1-0.2-3.9,1.1 l-7.3,12.5c-0.4,0.7-0.5,1.5-0.3,2.2c0.2,0.8,0.7,1.4,1.4,1.8l8,4.6L53.1,50.1L37.6,27.5c-0.6-0.9-1-2-1-3.1v-1 c-0.1-1.8-0.6-3.5-1.7-5l-5.2-7.6C28.8,9.5,27,9.1,25.6,10l-10.7,7.3c-1.3,0.9-1.7,2.7-0.8,4.1l5.2,7.6c1,1.5,2.4,2.6,4,3.3l0.9,0.4 c1,0.4,1.9,1.2,2.5,2.1l15.5,22.7H29.9l-9.5-20.7c-0.3-0.7-1.2-1.1-2-0.7c-0.8,0.3-1.1,1.2-0.7,2l9,19.5h-8L14.3,48 c-0.3-0.7-1.2-1.1-2-0.7c-0.8,0.3-1.1,1.2-0.7,2l3.8,8.2H5.8c-2.4,0-4.4,2-4.4,4.4v7.8c0,2.4,2,4.4,4.4,4.4h1.9V102 c0,2.4,2,4.4,4.4,4.4h82.7c2.4,0,4.4-2,4.4-4.4V74h2.7c2.4,0,4.4-2,4.4-4.4v-7.8C106.3,59.4,104.3,57.5,101.9,57.5z M68.9,4.4 c2.3,1.2,8.4,4.7,16.2,11.4c8.2,7,12.7,12.6,14.3,14.7l-3.5,6L61.7,16.9L68.9,4.4z M85.3,45.6v11.9H67.1L74,45.6H85.3z M63.6,57.5 H52.4l2.1-3.8l16.2-27.9l8.5,4.9L63.6,57.5z M29.3,33.1c-0.9-1.4-2.3-2.5-3.8-3.1l-0.9-0.4c-1.1-0.5-2.1-1.3-2.8-2.3l-5.2-7.5 l10.6-7.3l5.2,7.6c0.7,1,1.1,2.2,1.1,3.4v1c0.1,1.7,0.6,3.3,1.5,4.7L51.4,53l-2.6,4.5H46L29.3,33.1z M96.2,92.5H84.8 c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5h11.4v6.5c0,0.8-0.6,1.4-1.4,1.4H12.1c-0.8,0-1.4-0.6-1.4-1.4v-6.5h11.4 c0.8,0,1.5-0.7,1.5-1.5s-0.7-1.5-1.5-1.5H10.7V74h29.9v8.2c0,2.4,2,4.4,4.4,4.4h17.5c2.4,0,4.4-2,4.4-4.4V74h29.3V92.5z M43.6,74 h20.3v8.2c0,0.8-0.6,1.4-1.4,1.4H45c-0.8,0-1.4-0.6-1.4-1.4V74z M103.3,69.6c0,0.8-0.6,1.4-1.4,1.4h-2.7H66.9H40.6H7.7H5.8 c-0.8,0-1.4-0.6-1.4-1.4v-7.8c0-0.8,0.6-1.4,1.4-1.4h11.9l0,0l0,0H29l0,0l0,0h15.4h2.7h3.7h14.6H102c0.8,0,1.4,0.6,1.4,1.4v7.8 H103.3z'/%3e%3c/svg%3e");
}


#pro-stroymaterialy {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cpath d='M104.6,3.1c-1.5-1.5-3.6-2.1-5.7-1.5L21.8,22.3c-2.1,0.6-3.6,2.1-4.2,4.2c-0.6,2.1,0,4.2,1.5,5.7L42,54.9L29.3,67.6l-3-3 L4.9,86c-4.6,4.6-4.6,12.2,0,16.8c2.3,2.3,5.4,3.5,8.4,3.5s6.1-1.2,8.4-3.5l21.4-21.4l-2.9-2.9L53,65.9l22.6,22.6 c1.1,1.1,2.6,1.7,4.1,1.7c0.5,0,1-0.1,1.6-0.2c2.1-0.6,3.6-2.1,4.2-4.2l20.7-77C106.6,6.8,106.1,4.6,104.6,3.1z M19.6,100.7 c-3.5,3.5-9.1,3.5-12.6,0L6,101.8l1.1-1.1c-3.5-3.5-3.5-9.1,0-12.6l19.3-19.3l12.6,12.6L19.6,100.7z M56.3,44.9 c1.9-1.9,4.9-1.9,6.7,0c0.9,0.9,1.4,2.1,1.4,3.4c0,1.3-0.5,2.5-1.4,3.4L51.9,62.7c0,0,0,0,0,0s0,0,0,0L38.2,76.4l-6.7-6.7L56.3,44.9 z M103.2,8.1l-20.7,77c-0.3,1-1,1.8-2,2c-1,0.3-2.1,0-2.8-0.7L55.1,63.8l10.1-10.1c1.5-1.5,2.3-3.4,2.3-5.5s-0.8-4-2.3-5.5 c-3-3-7.9-3-11,0L44.1,52.8L21.2,30c-0.7-0.7-1-1.8-0.7-2.8c0.3-1,1-1.8,2-2L99.7,4.5c1-0.3,2.1,0,2.8,0.7 C103.2,6,103.5,7,103.2,8.1z'/%3e%3c/svg%3e ");
}

.basic-layout-content_old .active #pro-stroymaterialy {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFDC00;%7d .st1%7bfill:%23FFFFFF;%7d %3c/style%3e%3cpolygon class='st0' points='26.15,67.04 40.54,80.89 32.31,90.27 20.38,102.04 14.31,105.2 7.31,102.97 2.85,95.66 3.31,89.12 '/%3e%3cpolygon class='st0' points='53.31,64.51 76.77,87.12 79.77,88.81 84,86.2 104.46,8.74 104.54,5.2 102.23,2.89 94.15,4.12 21,24.43 18.38,27.27 22.38,33.12 43.85,54.97 '/%3e%3cpolygon class='st1' points='44.85,54.53 58.44,41.81 63.26,43.35 65.87,46.33 64.38,52.63 52.03,64.68 43.56,56.07 '/%3e%3cpath d='M104.6,3.1c-1.5-1.5-3.6-2.1-5.7-1.5L21.8,22.3c-2.1,0.6-3.6,2.1-4.2,4.2s0,4.2,1.5,5.7L42,54.9L29.3,67.6l-3-3L4.9,86 c-4.6,4.6-4.6,12.2,0,16.8c2.3,2.3,5.4,3.5,8.4,3.5s6.1-1.2,8.4-3.5l21.4-21.4l-2.9-2.9L53,65.9l22.6,22.6c1.1,1.1,2.6,1.7,4.1,1.7 c0.5,0,1-0.1,1.6-0.2c2.1-0.6,3.6-2.1,4.2-4.2l20.7-77C106.6,6.8,106.1,4.6,104.6,3.1z M19.6,100.7c-3.5,3.5-9.1,3.5-12.6,0l-1,1.1 l1.1-1.1c-3.5-3.5-3.5-9.1,0-12.6l19.3-19.3L39,81.4L19.6,100.7z M56.3,44.9c1.9-1.9,4.9-1.9,6.7,0c0.9,0.9,1.4,2.1,1.4,3.4 c0,1.3-0.5,2.5-1.4,3.4l-11.1,11l0,0l0,0L38.2,76.4l-6.7-6.7L56.3,44.9z M103.2,8.1l-20.7,77c-0.3,1-1,1.8-2,2c-1,0.3-2.1,0-2.8-0.7 L55.1,63.8l10.1-10.1c1.5-1.5,2.3-3.4,2.3-5.5s-0.8-4-2.3-5.5c-3-3-7.9-3-11,0L44.1,52.8L21.2,30c-0.7-0.7-1-1.8-0.7-2.8s1-1.8,2-2 L99.7,4.5c1-0.3,2.1,0,2.8,0.7C103.2,6,103.5,7,103.2,8.1z'/%3e%3c/svg%3e");
}


#pro-tv-videonablyudenie-internet-i-svyaz {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cg%3e%3cpath d='M103.3,22H58.7L73,3.8c0.5-0.6,0.4-1.6-0.2-2.1c-0.6-0.5-1.6-0.4-2.1,0.2L54.9,21.9h-4.3L35,2.1c-0.5-0.7-1.5-0.8-2.1-0.3 c-0.7,0.5-0.8,1.5-0.3,2.1L46.8,22H4.4c-1.6,0-3,1.3-3,3v67.6c0,1.6,1.3,3,3,3h28.5v7.8H16c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5 h16.9h41.9h16.9c0.8,0,1.5-0.7,1.5-1.5s-0.7-1.5-1.5-1.5H74.8v-7.8h28.5c1.6,0,3-1.3,3-3V25C106.3,23.3,105,22,103.3,22z M35.9,103.3v-7.5h35.9v7.5H35.9z M4.4,92.5l0-67.5h98.9l0,67.5L4.4,92.5z'/%3e%3cellipse cx='54' cy='79.2' rx='4.1' ry='4.1'/%3e%3cpath d='M54,63.5c-4.3,0-8.3,1.9-11.1,5.1c-0.5,0.6-0.5,1.6,0.2,2.1c0.6,0.5,1.6,0.5,2.1-0.2c2.2-2.6,5.4-4.1,8.9-4.1 c3.5,0,6.8,1.5,9,4.2c0.3,0.4,0.7,0.5,1.2,0.5c0.3,0,0.7-0.1,1-0.3c0.6-0.5,0.7-1.5,0.2-2.1C62.5,65.4,58.3,63.5,54,63.5z'/%3e%3cpath d='M54,51c-7.9,0-15.5,3.5-20.6,9.5c-0.5,0.6-0.5,1.6,0.2,2.1c0.6,0.5,1.6,0.5,2.1-0.2C40.2,57.1,46.9,54,54,54 c7.2,0,13.9,3.2,18.5,8.7c0.3,0.4,0.7,0.5,1.2,0.5c0.3,0,0.7-0.1,1-0.3c0.6-0.5,0.7-1.5,0.2-2.1C69.6,54.6,62,51,54,51z'/%3e%3cpath d='M54,37c-12.1,0-23.5,5.3-31.3,14.4c-0.5,0.6-0.5,1.6,0.2,2.1c0.6,0.5,1.6,0.5,2.1-0.2C32.2,44.9,42.8,40,54,40 c11.4,0,22.1,5,29.4,13.9c0.3,0.4,0.7,0.5,1.2,0.5c0.3,0,0.7-0.1,1-0.3c0.6-0.5,0.7-1.5,0.2-2.1C77.8,42.5,66.3,37,54,37z'/%3e%3c/g%3e%3c/svg%3e ");
}

.basic-layout-content_old .active #pro-tv-videonablyudenie-internet-i-svyaz {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFDC00;%7d %3c/style%3e%3cpolygon class='st0' points='4.31,23.27 103.54,23.27 105,25.04 105,91.35 103.62,94.27 6.15,94.27 2.85,93.35 2,90.97 2.85,24.58 '/%3e%3cg%3e%3cpath d='M103.3,22H58.7L73,3.8c0.5-0.6,0.4-1.6-0.2-2.1s-1.6-0.4-2.1,0.2l-15.8,20h-4.3L35,2.1c-0.5-0.7-1.5-0.8-2.1-0.3 c-0.7,0.5-0.8,1.5-0.3,2.1L46.8,22H4.4c-1.6,0-3,1.3-3,3v67.6c0,1.6,1.3,3,3,3h28.5v7.8H16c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5 h16.9h41.9h16.9c0.8,0,1.5-0.7,1.5-1.5s-0.7-1.5-1.5-1.5H74.8v-7.8h28.5c1.6,0,3-1.3,3-3V25C106.3,23.3,105,22,103.3,22z M35.9,103.3v-7.5h35.9v7.5H35.9z M4.4,92.5V25h98.9v67.5H4.4z'/%3e%3cellipse cx='54' cy='79.2' rx='4.1' ry='4.1'/%3e%3cpath d='M54,63.5c-4.3,0-8.3,1.9-11.1,5.1c-0.5,0.6-0.5,1.6,0.2,2.1c0.6,0.5,1.6,0.5,2.1-0.2c2.2-2.6,5.4-4.1,8.9-4.1 c3.5,0,6.8,1.5,9,4.2c0.3,0.4,0.7,0.5,1.2,0.5c0.3,0,0.7-0.1,1-0.3c0.6-0.5,0.7-1.5,0.2-2.1C62.5,65.4,58.3,63.5,54,63.5z'/%3e%3cpath d='M54,51c-7.9,0-15.5,3.5-20.6,9.5c-0.5,0.6-0.5,1.6,0.2,2.1c0.6,0.5,1.6,0.5,2.1-0.2C40.2,57.1,46.9,54,54,54 c7.2,0,13.9,3.2,18.5,8.7c0.3,0.4,0.7,0.5,1.2,0.5c0.3,0,0.7-0.1,1-0.3c0.6-0.5,0.7-1.5,0.2-2.1C69.6,54.6,62,51,54,51z'/%3e%3cpath d='M54,37c-12.1,0-23.5,5.3-31.3,14.4c-0.5,0.6-0.5,1.6,0.2,2.1c0.6,0.5,1.6,0.5,2.1-0.2C32.2,44.9,42.8,40,54,40 c11.4,0,22.1,5,29.4,13.9c0.3,0.4,0.7,0.5,1.2,0.5c0.3,0,0.7-0.1,1-0.3c0.6-0.5,0.7-1.5,0.2-2.1C77.8,42.5,66.3,37,54,37z'/%3e%3c/g%3e%3c/svg%3e ");
}


#pro-tovary-dlya-zhizni {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cg%3e%3cpath d='M27.1,84.9c7.2,0,13.1-5.8,13.1-13c0-0.8-0.7-1.5-1.5-1.5c-0.8,0-1.5,0.7-1.5,1.5c0,5.5-4.5,10-10,10s-10-4.5-10-10 c0-0.8-0.7-1.5-1.5-1.5S14,71.1,14,71.9C14,79.1,19.9,84.9,27.1,84.9z'/%3e%3cpath d='M52.6,61.4l0.1-0.6l0,0l0-0.6c0,0,0-0.1,0-0.1l0-1.2h-0.1c-0.7-4.5-4.7-8-9.5-8c-0.6,0-1.1,0-1.7,0.1 c-3.3-5.6-9.3-9-15.9-9c-6.1,0-11.7,2.9-15.2,7.9c-4.5,1-8,4.6-8.9,9H1.4v0.7c0,0,0,0.1,0,0.1c0,0.2,0,0.4,0,0.5v0.2l0.1,0.4 l-0.1,1.1h0.3l6.6,44.4h37.6l6.7-44.4h0.1V61.4z M11.6,52.7l0.7-0.1l0.4-0.6c2.9-4.4,7.7-7.1,13-7.1c5.8,0,11.1,3.2,13.8,8.4 l0.6,1.1l1.2-0.4c0.6-0.2,1.3-0.3,2-0.3c3.1,0,5.7,2.2,6.4,5H4.7C5.5,55.7,8.2,53.2,11.6,52.7z M43.3,103.3H10.9L4.7,61.9h44.8 L43.3,103.3z'/%3e%3cpath d='M106.1,103.1L98,83.5v-9.8l-13.3-8.4V7.4c0-3.3-2.7-6-6-6s-6,2.7-6,6v57.8l-12.7,8.4v9.8l-7.4,19.6 c-0.3,0.7-0.2,1.5,0.3,2.1c0.4,0.6,1.2,1,1.9,1h6.7c0,0,0,0,0,0c0,0,0,0,0,0h8.3c0,0,0,0,0,0c0,0,0,0,0,0h18.4c0,0,0,0,0,0 c0,0,0,0,0,0h8.3c0,0,0,0,0,0c0,0,0,0,0,0h7.4c0.8,0,1.5-0.4,1.9-1C106.3,104.6,106.4,103.8,106.1,103.1z M75.8,60.4h6v4.1h-6V60.4 z M78.8,4.4c1.6,0,3,1.3,3,3v50h-6v-50C75.8,5.7,77.1,4.4,78.8,4.4z M63.1,75.3l11.6-7.7h8.1L95,75.3v7H63.1V75.3z M97.6,103.3 l-3.1-8.6c-0.3-0.8-1.2-1.2-1.9-0.9c-0.8,0.3-1.2,1.1-0.9,1.9l2.8,7.5h-5.2l-4-8.7c-0.3-0.8-1.2-1.1-2-0.7c-0.8,0.3-1.1,1.2-0.7,2 l3.4,7.4H72.3l3.4-7.4c0.3-0.8,0-1.6-0.7-2c-0.8-0.3-1.6,0-2,0.7l-4,8.7h-5.2l2.8-7.5c0.3-0.8-0.1-1.6-0.9-1.9 c-0.8-0.3-1.6,0.1-1.9,0.9l-3.1,8.6h-4.7l6.8-18h32.9l7.4,18H97.6z'/%3e%3cpath d='M83.4,73.6h-9c-0.8,0-1.5,0.7-1.5,1.5c0,0.8,0.7,1.5,1.5,1.5h9c0.8,0,1.5-0.7,1.5-1.5C84.9,74.2,84.3,73.6,83.4,73.6z'/%3e%3c/g%3e%3c/svg%3e ");
}

.basic-layout-content_old .active #pro-tovary-dlya-zhizni {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFDC00;%7d %3c/style%3e%3cpolygon class='st0' points='3.1,60.33 50.18,60.33 51.31,62.17 44.33,104.12 10.59,104.74 2.38,62.58 '/%3e%3cpolygon class='st0' points='74.08,8.2 74.23,66.12 83.23,66.12 83.23,5.89 81.31,3.35 78.08,2.58 75.15,4.43 '/%3e%3cg%3e%3cpath d='M27.1,84.9c7.2,0,13.1-5.8,13.1-13c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5c0,5.5-4.5,10-10,10s-10-4.5-10-10 c0-0.8-0.7-1.5-1.5-1.5S14,71.1,14,71.9C14,79.1,19.9,84.9,27.1,84.9z'/%3e%3cpath d='M52.6,61.4l0.1-0.6l0,0v-0.6v-0.1v-1.2h-0.1c-0.7-4.5-4.7-8-9.5-8c-0.6,0-1.1,0-1.7,0.1c-3.3-5.6-9.3-9-15.9-9 c-6.1,0-11.7,2.9-15.2,7.9c-4.5,1-8,4.6-8.9,9h0v0.7v0.1c0,0.2,0,0.4,0,0.5v0.2l0.1,0.4l-0.1,1.1h0.3l6.6,44.4h37.6l6.7-44.4h0.1 v-0.5H52.6z M11.6,52.7l0.7-0.1l0.4-0.6c2.9-4.4,7.7-7.1,13-7.1c5.8,0,11.1,3.2,13.8,8.4l0.6,1.1l1.2-0.4c0.6-0.2,1.3-0.3,2-0.3 c3.1,0,5.7,2.2,6.4,5h-45C5.5,55.7,8.2,53.2,11.6,52.7z M43.3,103.3H10.9L4.7,61.9h44.8L43.3,103.3z'/%3e%3cpath d='M106.1,103.1L98,83.5v-9.8l-13.3-8.4V7.4c0-3.3-2.7-6-6-6s-6,2.7-6,6v57.8L60,73.6v9.8L52.6,103c-0.3,0.7-0.2,1.5,0.3,2.1 c0.4,0.6,1.2,1,1.9,1h6.7l0,0l0,0h8.3l0,0l0,0h18.4l0,0l0,0h8.3l0,0l0,0h7.4c0.8,0,1.5-0.4,1.9-1 C106.3,104.6,106.4,103.8,106.1,103.1z M75.8,60.4h6v4.1h-6V60.4z M78.8,4.4c1.6,0,3,1.3,3,3v50h-6v-50C75.8,5.7,77.1,4.4,78.8,4.4 z M63.1,75.3l11.6-7.7h8.1L95,75.3v7H63.1V75.3z M97.6,103.3l-3.1-8.6c-0.3-0.8-1.2-1.2-1.9-0.9c-0.8,0.3-1.2,1.1-0.9,1.9l2.8,7.5 h-5.2l-4-8.7c-0.3-0.8-1.2-1.1-2-0.7c-0.8,0.3-1.1,1.2-0.7,2l3.4,7.4H72.3l3.4-7.4c0.3-0.8,0-1.6-0.7-2c-0.8-0.3-1.6,0-2,0.7 l-4,8.7h-5.2l2.8-7.5c0.3-0.8-0.1-1.6-0.9-1.9s-1.6,0.1-1.9,0.9l-3.1,8.6H56l6.8-18h32.9l7.4,18H97.6z'/%3e%3cpath d='M83.4,73.6h-9c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5h9c0.8,0,1.5-0.7,1.5-1.5C84.9,74.2,84.3,73.6,83.4,73.6z'/%3e%3c/g%3e%3c/svg%3e ");
}


#pro-prazdnichnaya-svetotekhnika {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cg%3e%3cpath d='M104,57.2c-0.2,0.1-16.9,10.3-50,10.3c0,0,0,0,0,0c-13.3,0-24-1.6-32-3.6c0,0-0.1,0-0.1,0c-0.1,0-0.1,0-0.2,0 C9.8,60.8,3.8,57.2,3.7,57.1c-0.7-0.4-1.6-0.2-2.1,0.5c-0.4,0.7-0.2,1.6,0.5,2.1c0.4,0.3,6.2,3.7,17.4,6.7l-0.6,2.4l-3.2-0.8 l-4.9,8.3c-0.4,0.2-0.8,0.5-1.1,0.8c-6.6,6.3-1.1,19.2,0.7,23c0.3,0.6,0.9,1.1,1.5,1.3c0.2,0.1,0.5,0.1,0.7,0.1 c0.4,0,0.9-0.1,1.3-0.4c3.2-2,13.7-9.1,12.3-19.2c-0.1-0.9-0.5-1.6-1-2.3l-0.2-9.2l-3.3-0.9l0.6-2.5c7.7,1.8,17.7,3.2,29.9,3.3V73 h-3.3l-2.6,9.3c-0.3,0.3-0.6,0.6-0.9,1c-4.8,7.7,3.8,18.9,6.5,22.1c0.5,0.5,1.1,0.9,1.8,0.9c0,0,0.1,0,0.1,0c0.7,0,1.3-0.3,1.8-0.8 c2.6-2.7,10.9-12.3,7.1-21.7c-0.3-0.8-0.9-1.5-1.6-1.9L58.7,73h-3.4v-2.6C67.9,70.3,78,68.8,85.8,67l0.7,2.6l-3.3,0.9L83,79.6 c-0.5,0.6-0.9,1.4-1,2.3c-1.4,10.1,9.1,17.2,12.3,19.2c0.4,0.2,0.8,0.4,1.3,0.4c0.2,0,0.5,0,0.7-0.1c0.7-0.2,1.2-0.7,1.5-1.3 c1.8-3.8,7.3-16.7,0.7-23c-0.3-0.3-0.7-0.6-1.1-0.8l-4.9-8.3l-3.2,0.8l-0.7-2.5c10.9-2.9,16.5-6.3,16.9-6.5 c0.7-0.4,0.9-1.4,0.5-2.1C105.6,56.9,104.7,56.7,104,57.2z M12.9,98.2c-1.5-3.3-6-14.3-1.1-19c0.3-0.3,0.8-0.5,1.2-0.5 c0.1,0,0.3,0,0.4,0.1l8.8,2.3c0.6,0.2,1,0.6,1.1,1.2C24.4,90.2,16.2,96.2,12.9,98.2z M22.3,78l-7.8-2l2.7-4.5l2.4,0.6c0,0,0,0,0,0 c0,0,0,0,0,0l2.5,0.7L22.3,78z M54,103c-2.3-2.8-9.5-12.3-5.9-18.1c0.3-0.5,0.9-0.8,1.5-0.8h9.1c0.6,0,1.2,0.4,1.4,0.9 C63.1,92.3,56.6,100.2,54,103z M57.9,81.1h-8l1.4-5.1h5.1L57.9,81.1z M95.4,98.2c-3.3-2.1-11.5-8.1-10.4-15.9 c0.1-0.6,0.5-1.1,1.1-1.2l8.8-2.3c0.1,0,0.3-0.1,0.4-0.1c0.4,0,0.9,0.2,1.2,0.5C101.4,83.9,96.9,95,95.4,98.2z M93.8,75.9L86,78 l0.1-5.3l2.5-0.7c0,0,0,0,0,0c0,0,0,0,0,0l2.4-0.6L93.8,75.9z'/%3e%3cpath d='M2.1,4.2c0.4,0.3,6.2,3.7,17.4,6.7l-0.6,2.4l-3.2-0.8l-4.9,8.3c-0.4,0.2-0.8,0.5-1.1,0.8c-6.6,6.3-1.1,19.2,0.7,23 c0.3,0.6,0.9,1.1,1.5,1.3c0.2,0.1,0.5,0.1,0.7,0.1c0.4,0,0.9-0.1,1.3-0.4c3.2-2,13.7-9.1,12.3-19.2c-0.1-0.9-0.5-1.6-1-2.3 l-0.2-9.2L21.8,14l0.6-2.5c7.7,1.8,17.7,3.2,29.9,3.3v2.6h-3.3l-2.6,9.3c-0.3,0.3-0.6,0.6-0.9,1c-4.8,7.7,3.8,18.9,6.5,22.1 c0.5,0.5,1.1,0.9,1.8,0.9c0,0,0.1,0,0.1,0c0.7,0,1.3-0.3,1.8-0.8c2.6-2.7,11-12.3,7.1-21.7c-0.3-0.8-0.9-1.5-1.6-1.9l-2.5-8.9h-3.4 v-2.6c12.5-0.1,22.6-1.6,30.4-3.4l0.7,2.6l-3.3,0.9L83,24.1c-0.5,0.6-0.9,1.4-1,2.3c-1.4,10.1,9.1,17.2,12.3,19.2 c0.4,0.2,0.8,0.4,1.3,0.4c0.2,0,0.5,0,0.7-0.1c0.7-0.2,1.2-0.7,1.5-1.3c1.8-3.8,7.3-16.7,0.7-23c-0.3-0.3-0.7-0.6-1.1-0.8l-4.9-8.3 l-3.2,0.8l-0.7-2.5c10.9-2.9,16.5-6.3,16.9-6.5c0.7-0.4,0.9-1.4,0.5-2.1c-0.4-0.7-1.4-0.9-2.1-0.5c-0.2,0.1-16.9,10.3-50,10.3 c0,0,0,0,0,0c-13.3,0-24-1.6-32-3.6c0,0-0.1,0-0.1,0c-0.1,0-0.1,0-0.2,0C9.8,5.3,3.8,1.7,3.7,1.6C3,1.2,2.1,1.4,1.6,2.1 S1.4,3.8,2.1,4.2z M12.9,42.7c-1.5-3.3-6-14.3-1.1-19c0.3-0.3,0.8-0.5,1.2-0.5c0.1,0,0.3,0,0.4,0.1l8.8,2.3c0.6,0.2,1,0.6,1.1,1.2 C24.4,34.6,16.2,40.7,12.9,42.7z M22.3,22.5l-7.8-2l2.7-4.5l2.4,0.6c0,0,0,0,0,0c0,0,0,0,0,0l2.5,0.7L22.3,22.5z M54,47.5 c-2.3-2.8-9.5-12.3-5.9-18.1c0.3-0.5,0.9-0.8,1.5-0.8h9.1c0.6,0,1.2,0.4,1.4,0.9C63.1,36.8,56.6,44.7,54,47.5z M57.9,25.6h-8 l1.4-5.1h5.1L57.9,25.6z M95.4,42.7c-3.3-2.1-11.5-8.1-10.4-15.9c0.1-0.6,0.5-1.1,1.1-1.2l8.8-2.3c0.1,0,0.3-0.1,0.4-0.1 c0.4,0,0.9,0.2,1.2,0.5C101.4,28.4,96.9,39.5,95.4,42.7z M93.8,20.4l-7.8,2l0.1-5.3l2.5-0.7c0,0,0,0,0,0c0,0,0,0,0,0l2.4-0.6 L93.8,20.4z'/%3e%3c/g%3e%3c/svg%3e ");
}

.basic-layout-content_old .active #pro-prazdnichnaya-svetotekhnika {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 107.7 107.7' style='enable-background:new 0 0 107.7 107.7;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFDC00;%7d %3c/style%3e%3cpolygon class='st0' points='48.38,27.35 55.46,27.35 61,27.58 62.62,31.12 60.08,41.58 54.85,48.51 51,46.89 46.69,38.58 44.92,32.74 '/%3e%3cpolygon class='st0' points='96.92,42.89 99.77,33.04 99.77,25.58 97.15,21.97 89.31,22.97 83.69,26.04 85.46,35.89 92.69,42.97 95.92,44.74 '/%3e%3cpolygon class='st0' points='12.69,21.81 24,24.58 24.46,32.12 16.92,41.66 12.08,44.81 8.62,35.74 7.69,27.74 10.15,23.04 '/%3e%3cpolygon class='st0' points='11.69,77.27 21.23,79.27 25.46,81.58 23.62,89.35 15,97.97 12.23,100.04 10.08,95.81 7.85,88.2 8.08,82.27 10.15,78.35 '/%3e%3cpath class='st0' d='M47.69,83.12h4.77h8.23l1.69,4.54c0,0-1.08,9-1.38,9.15s-4.23,5.69-4.23,5.69l-3.08,1.85L49,99.81l-2.77-6.23 l-0.69-4.77l1.08-4.62L47.69,83.12z'/%3e%3cpolygon class='st0' points='83.77,80.97 96.15,77.2 98.69,78.74 100.46,84.2 99.15,91.12 97.15,98.2 95.31,100.04 90.38,96.97 85.92,92.2 83.77,87.89 83.23,82.58 '/%3e%3cg%3e%3cpath d='M104,57.2c-0.2,0.1-16.9,10.3-50,10.3l0,0c-13.3,0-24-1.6-32-3.6h-0.1c-0.1,0-0.1,0-0.2,0c-11.9-3.1-17.9-6.7-18-6.8 c-0.7-0.4-1.6-0.2-2.1,0.5c-0.4,0.7-0.2,1.6,0.5,2.1c0.4,0.3,6.2,3.7,17.4,6.7l-0.6,2.4L15.7,68l-4.9,8.3c-0.4,0.2-0.8,0.5-1.1,0.8 c-6.6,6.3-1.1,19.2,0.7,23c0.3,0.6,0.9,1.1,1.5,1.3c0.2,0.1,0.5,0.1,0.7,0.1c0.4,0,0.9-0.1,1.3-0.4c3.2-2,13.7-9.1,12.3-19.2 c-0.1-0.9-0.5-1.6-1-2.3L25,70.4l-3.3-0.9l0.6-2.5c7.7,1.8,17.7,3.2,29.9,3.3V73h-3.3l-2.6,9.3c-0.3,0.3-0.6,0.6-0.9,1 c-4.8,7.7,3.8,18.9,6.5,22.1c0.5,0.5,1.1,0.9,1.8,0.9h0.1c0.7,0,1.3-0.3,1.8-0.8c2.6-2.7,10.9-12.3,7.1-21.7 c-0.3-0.8-0.9-1.5-1.6-1.9L58.7,73h-3.4v-2.6C67.9,70.3,78,68.8,85.8,67l0.7,2.6l-3.3,0.9L83,79.6c-0.5,0.6-0.9,1.4-1,2.3 c-1.4,10.1,9.1,17.2,12.3,19.2c0.4,0.2,0.8,0.4,1.3,0.4c0.2,0,0.5,0,0.7-0.1c0.7-0.2,1.2-0.7,1.5-1.3c1.8-3.8,7.3-16.7,0.7-23 c-0.3-0.3-0.7-0.6-1.1-0.8L92.5,68l-3.2,0.8l-0.7-2.5c10.9-2.9,16.5-6.3,16.9-6.5c0.7-0.4,0.9-1.4,0.5-2.1 C105.6,56.9,104.7,56.7,104,57.2z M12.9,98.2c-1.5-3.3-6-14.3-1.1-19c0.3-0.3,0.8-0.5,1.2-0.5c0.1,0,0.3,0,0.4,0.1l8.8,2.3 c0.6,0.2,1,0.6,1.1,1.2C24.4,90.2,16.2,96.2,12.9,98.2z M22.3,78l-7.8-2l2.7-4.5l2.4,0.6l0,0l0,0l2.5,0.7L22.3,78z M54,103 c-2.3-2.8-9.5-12.3-5.9-18.1c0.3-0.5,0.9-0.8,1.5-0.8h9.1c0.6,0,1.2,0.4,1.4,0.9C63.1,92.3,56.6,100.2,54,103z M57.9,81.1h-8 l1.4-5.1h5.1L57.9,81.1z M95.4,98.2c-3.3-2.1-11.5-8.1-10.4-15.9c0.1-0.6,0.5-1.1,1.1-1.2l8.8-2.3c0.1,0,0.3-0.1,0.4-0.1 c0.4,0,0.9,0.2,1.2,0.5C101.4,83.9,96.9,95,95.4,98.2z M93.8,75.9L86,78l0.1-5.3l2.5-0.7l0,0l0,0l2.4-0.6L93.8,75.9z'/%3e%3cpath d='M2.1,4.2c0.4,0.3,6.2,3.7,17.4,6.7l-0.6,2.4l-3.2-0.8l-4.9,8.3c-0.4,0.2-0.8,0.5-1.1,0.8c-6.6,6.3-1.1,19.2,0.7,23 c0.3,0.6,0.9,1.1,1.5,1.3c0.2,0.1,0.5,0.1,0.7,0.1c0.4,0,0.9-0.1,1.3-0.4c3.2-2,13.7-9.1,12.3-19.2c-0.1-0.9-0.5-1.6-1-2.3L25,14.9 L21.8,14l0.6-2.5c7.7,1.8,17.7,3.2,29.9,3.3v2.6H49l-2.6,9.3c-0.3,0.3-0.6,0.6-0.9,1c-4.8,7.7,3.8,18.9,6.5,22.1 c0.5,0.5,1.1,0.9,1.8,0.9h0.1c0.7,0,1.3-0.3,1.8-0.8c2.6-2.7,11-12.3,7.1-21.7c-0.3-0.8-0.9-1.5-1.6-1.9l-2.5-8.9h-3.4v-2.6 c12.5-0.1,22.6-1.6,30.4-3.4l0.7,2.6l-3.3,0.9L83,24.1c-0.5,0.6-0.9,1.4-1,2.3c-1.4,10.1,9.1,17.2,12.3,19.2 c0.4,0.2,0.8,0.4,1.3,0.4c0.2,0,0.5,0,0.7-0.1c0.7-0.2,1.2-0.7,1.5-1.3c1.8-3.8,7.3-16.7,0.7-23c-0.3-0.3-0.7-0.6-1.1-0.8l-4.9-8.3 l-3.2,0.8l-0.7-2.5c10.9-2.9,16.5-6.3,16.9-6.5c0.7-0.4,0.9-1.4,0.5-2.1s-1.4-0.9-2.1-0.5C103.7,1.8,87,12,53.9,12l0,0 c-13.3,0-24-1.6-32-3.6h-0.1c-0.1,0-0.1,0-0.2,0C9.8,5.3,3.8,1.7,3.7,1.6C3,1.2,2.1,1.4,1.6,2.1S1.4,3.8,2.1,4.2z M12.9,42.7 c-1.5-3.3-6-14.3-1.1-19c0.3-0.3,0.8-0.5,1.2-0.5c0.1,0,0.3,0,0.4,0.1l8.8,2.3c0.6,0.2,1,0.6,1.1,1.2 C24.4,34.6,16.2,40.7,12.9,42.7z M22.3,22.5l-7.8-2l2.7-4.5l2.4,0.6l0,0l0,0l2.5,0.7L22.3,22.5z M54,47.5 c-2.3-2.8-9.5-12.3-5.9-18.1c0.3-0.5,0.9-0.8,1.5-0.8h9.1c0.6,0,1.2,0.4,1.4,0.9C63.1,36.8,56.6,44.7,54,47.5z M57.9,25.6h-8 l1.4-5.1h5.1L57.9,25.6z M95.4,42.7c-3.3-2.1-11.5-8.1-10.4-15.9c0.1-0.6,0.5-1.1,1.1-1.2l8.8-2.3c0.1,0,0.3-0.1,0.4-0.1 c0.4,0,0.9,0.2,1.2,0.5C101.4,28.4,96.9,39.5,95.4,42.7z M93.8,20.4l-7.8,2l0.1-5.3l2.5-0.7l0,0l0,0l2.4-0.6L93.8,20.4z'/%3e%3c/g%3e%3c/svg%3e");
}

/*
.basic-layout-content_old .search input[type="text"] {
    padding: 13px 15px 7px
}*/
.basic-layout-content_old .two-lvl-menu {
    padding-left: 19px;
}

.basic-layout-content_old .current_chapter {
    padding-left: 19px;
}

.basic-layout-content_old .linksearch b {
    line-height: unset;
}

.basic-layout-content_old .dib-line .type, .dib-line .value {
    display: inline-block;
    width: 250px;
    position: initial;
}

h1, h2, h3, h4, h5, h6, b, strong {
    font-weight: normal;
    font-family: 'Roboto-Bold';
    line-height: unset;
}

.basic-layout-content_old .bx_filter_popup_result {
    top: 0px;
}

/* обязательные стили */
.basic-layout-content_old .hvr__images {
    position: relative;
}

.basic-layout-content_old .hvr__sectors {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}

.basic-layout-content_old .hvr__sector {
    flex-grow: 1;
}

/* не обязательные стили */
.basic-layout-content_old .images {
    display: flex;
    overflow: hidden;
}

.basic-layout-content_old .image {
    display: block;
}

.basic-layout-content_old .hvr__dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.basic-layout-content_old .hvr__dot {
    width: 5px;
    height: 5px;
    margin: 10px 2px 0;
    border-radius: 50%;
    background: #d6dbe0;
}

.basic-layout-content_old .hvr__dot--active {
    background: #000;
}

.basic-layout-content_old .hidemd {
    display: none;
}

.basic-layout-content_old .tags {
    padding: 10px 15px;
    text-decoration: none;
    margin-right: 10px;
    border: solid 2px #ffdc08;
    border-radius: 10px;
    display: inline-block;
}

.basic-layout-content_old .tags a {
    text-decoration: none;

}

.basic-layout-content_old .tags:hover {
    background: #ffdc08;
    border: solid 2px #ffdc08;
    cursor: pointer;
}

.basic-layout-content_old .cart-fast-buy-wrap {
    margin-bottom: 20px;
}

@media (max-width: 1000px) {
    .basic-layout-content_old .hidexs {
        display: none;
    }

    .basic-layout-content_old .tags {
        margin-bottom: 20px;
        display: block;
    }

    .basic-layout-content_old .hidemd {
        display: block;
    }

    .basic-layout-content_old .cart-fast-buy-wrap {
        display: none;
    }
}

.basic-layout-content_old .date-delivery__title {
    padding: 20px 0;
    font-size: 24px;
    color: #000000;
    font-weight: 700;
}

.basic-layout-content_old .date-delivery__items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.basic-layout-content_old .date-delivery__item {
    width: calc(14.4% - 10.1px);
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

@media (max-width: 1400px) {
    .basic-layout-content_old .date-delivery__item {
        position: relative;
        width: auto;
        min-width: 140px;
    }
}

.basic-layout-content_old .date-delivery__item input {
    overflow: hidden;
    width: 0;
    line-height: 0;
    position: absolute;
}

.basic-layout-content_old .date-delivery__item input:checked + .date-delivery__item-container {
    background: #ffdc08;
}

.basic-layout-content_old .date-delivery__item-container {
    padding: 5px 15px;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.26);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background: #ffffff;
    height: 100%;
}

.basic-layout-content_old .date-delivery__item-text {
    text-align: center;
    line-height: 160%;
}

.basic-layout-content_old .date-delivery__checker {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(0, 0, 0, 0.26);
    border-radius: 5px;
    background: #fff;
    padding: 5px 10px;
    width: calc(70% - 7px);
    margin-bottom: 20px;
    position: relative;
}

.basic-layout-content_old .date-delivery__checker input {
    overflow: hidden;
    width: 0;
    line-height: 0;
    position: absolute;
}

.basic-layout-content_old .date-delivery__checker-text {
    font-size: 12px;
    font-weight: 700;
}

.basic-layout-content_old .date-delivery__checker-buttons {
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.basic-layout-content_old .date-delivery__checker-button:first-child {
    /*padding-bottom: 5px;*/
}

.basic-layout-content_old .date-delivery__checker-button {
    cursor: pointer;
    height: 10px;
}

.basic-layout-content_old .date-delivery__checker-button svg {
    width: 10px;
    height: 10px;
}

.basic-layout-content_old .date-delivery__checker-button.next {
    transform: rotate(-180deg);

}

.basic-layout-content_old .date-delivery__checker-button.prev {
    position: relative;
    right: -1px;
}

.basic-layout-content_old .date-delivery__checker-list {
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.26);
    border-radius: 3px;
}

.basic-layout-content_old .date-delivery__checker-list-item {
    display: block;
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 5px;
}

.basic-layout-content_old .date-delivery__checker-list-item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.26);
    margin-bottom: 5px;
}

.basic-layout-content_old .yandex-rating-badge {
    margin-top: 20px;
    text-align: right;
}

.basic-layout-content_old .tc-delivery {
}

.basic-layout-content_old .tc-delivery__item {
    margin-right: 20px;
    margin-bottom: 20px
}

.basic-layout-content_old .tc-delivery__item:last-child {
}

.basic-layout-content_old .content, body {
    background: #fff;
}

.basic-layout-content_old .constructor__first-block {
    position: relative;
    aspect-ratio: 4/2;
    margin-bottom: 20px;
}

.basic-layout-content_old .constructor__first-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.basic-layout-content_old .constructor__first-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    display: flex;
    flex-direction: column;
    padding: 20px 10px;
}

.basic-layout-content_old .constructor__first-text {
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    font-size: 4.7vw;
    font-family: 'Roboto-Bold' !important;
    line-height: normal;
}

.basic-layout-content_old .constructor__bottom-img img {
    width: 100%;
}

.basic-layout-content_old .constructor__first-button {
    width: fit-content;
    margin: 2vw auto 0;
    background: #ffdc08;
    padding: 7px 15px;
    font-size: 20px;
    text-decoration: none;
    transition: all .3s;
}

.basic-layout-content_old .constructor__first-button:hover {
    text-decoration: none;
    transform: scale(1.1);
    transition: all .3s;
}

.basic-layout-content_old .constructor__title {
    font-size: 40px;
    margin: 0 0 15px;
}

.basic-layout-content_old .constructor__second-block {
    position: relative;
    height: fit-content;
    margin-bottom: 20px;
    display: flex;
}

.basic-layout-content_old .constructor__second-img-container {
    width: 50%;
    max-height: 100vh;
}

.basic-layout-content_old .constructor__second-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.basic-layout-content_old .constructor__second-content {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 20px 10px;
}

.basic-layout-content_old .constructor__second-text {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 4.7vw;
    font-family: 'Roboto-Bold' !important;
    line-height: normal;
}

.basic-layout-content_old .constructor__second-button {
    width: fit-content;
    margin: 2vw auto 0;
    background: #ffdc08;
    padding: 7px 15px;
    font-size: 20px;
    text-decoration: none;
    transition: all .3s;
}

.basic-layout-content_old .constructor__second-button:hover {
    text-decoration: none;
    transform: scale(1.1);
    transition: all .3s;
}

.basic-layout-content_old .constructor__third-block {
    position: relative;
    margin-bottom: 20px;
}

.basic-layout-content_old .constructor__third-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4/2;
}

.basic-layout-content_old .constructor__third-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 10px;
}

.basic-layout-content_old .constructor__third-text {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 4.7vw;
    text-align: center;
    font-family: 'Roboto-Bold' !important;
}

.basic-layout-content_old .constructor__third-button {
    width: fit-content;
    margin: 2vw auto 0;
    background: #ffdc08;
    padding: 7px 15px;
    font-size: 20px;
    text-decoration: none;
    transition: all .3s;
}

.basic-layout-content_old .constructor__third-button:hover {
    text-decoration: none;
    transform: scale(1.1);
    transition: all .3s;
}

.basic-layout-content_old .constructor__bottom-img {
    margin-bottom: 20px;
}

.basic-layout-content_old .constructor__feedback-title {
    font-size: 30px;
    padding: 20px 40px 40px;
    text-align: center;
}

.basic-layout-content_old .constructor__feedback-group {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.basic-layout-content_old .constructor__feedback-group input {
    display: flex;
    align-items: center;
    padding: 20px;
    height: 60px;
    font-size: 16px;
    border: 1px solid #ffdc08;
    padding: 5px;
    width: 400px;
    max-width: 100%;
}

.basic-layout-content_old .constructor__feedback-button {
    width: fit-content;
    background: #ffdc08;
    padding: 7px 15px;
    font-size: 20px;
    text-decoration: none;
    transition: all .3s;
    border: none;
    cursor: pointer;
}

.basic-layout-content_old .constructor__feedback-button:hover {
    text-decoration: none;
    transform: scale(1.1);
    transition: all .3s;
}

.basic-layout-content_old .left-photo {
    flex-flow: row-reverse;
}

.basic-layout-content_old .up-photo {
    flex-flow: column-reverse;
}

.basic-layout-content_old .up-photo .constructor__second-content {
    width: 100%;
}

.basic-layout-content_old .up-photo .constructor__second-img-container {
    width: 100%;
    max-height: fit-content;
}

.basic-layout-content_old .up-photo .constructor__second-text {
    text-align: center;
}

.basic-layout-content_old .slider-constructor {
    margin-bottom: 40px;
}

.basic-layout-content_old .success-feed {
    color: green;
    font-size: larger;
    font-weight: 700;
    display: none;
}

.basic-layout-content_old .error-feed {
    color: red;
    font-size: larger;
    font-weight: 700;
    display: none;
}

@media (max-width: 1000px) {
    .basic-layout-content_old .constructor__first-text {
        font-size: 4.5vw;
    }

    .basic-layout-content_old .constructor__first-button {
        font-size: 20px;
    }

    .basic-layout-content_old .constructor__second-text {
        font-size: 4.5vw;
    }

    .basic-layout-content_old .constructor__second-button {
        font-size: 20px;
    }

    .basic-layout-content_old .constructor__third-text {
        font-size: 4.5vw;
    }

    .basic-layout-content_old .constructor__third-button {
        font-size: 20px;
    }

    .basic-layout-content_old .constructor__title {
        font-size: 30px;
        margin: 0 0 15px;
    }
}

@media (min-width: 1920px) {
    .basic-layout-content_old .constructor__first-text {
        font-size: 85px;
    }

    .basic-layout-content_old .constructor__second-text {
        font-size: 85px;
    }

    .basic-layout-content_old .constructor__third-text {
        font-size: 85px;
    }
}

@media (max-width: 600px) {
    .basic-layout-content_old .constructor__first-text {
        font-size: 4vw;
    }

    .basic-layout-content_old .constructor__first-button {
        font-size: 16px;
    }

    .basic-layout-content_old .constructor__second-text {
        font-size: 4vw;
    }

    .basic-layout-content_old .constructor__second-button {
        font-size: 16px;
    }

    .basic-layout-content_old .constructor__third-text {
        font-size: 4vw;
    }

    .basic-layout-content_old .constructor__third-button {
        font-size: 16px;
    }

    .basic-layout-content_old .constructor__feedback-title {
        font-size: 20px;
        padding: 20px 10px 30px;
        text-align: center;
    }

    .basic-layout-content_old .constructor__title {
        font-size: 20px;
        margin: 0 0 15px;
    }
}

.breadcrumb {
    background: #fff !important;
    padding-left: 0;
    margin-left: 0;
}

.basic-layout-content_old .el-basket-form {
    margin-top: 40px;
    margin-bottom: 40px;
}

.el-stiky-total {
    /*max-width: 420px;*/
}

@media (max-width: 1360px) {
    .basic-layout-content_old .el-basket-form {
        max-width: 100%;
    }

    .el-stiky-total {
        max-width: 100%;
        width: 100%;
    }

    .basic-layout-content_old .el-basket-form {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

/* End */


/* Start:/local/templates/electrotorg/css/card.css?171075466714259*/
/* MAIN CSS */
.text--dark-blue {
    color: #595959;
}

.text--accent {
    color: #ca0000;
}

.text--with-icon noindex div span {
    color: #000;
    font-weight: bold;
}

.text--danger {
    color: #cc3b05;
}

.text--notAvailabl {
    color: #cc3b05;
}

.price--red {
    color: #f84147;
}

.price--green, .text--success {
    color: #109d00;
}

.text--blue {
    color: #0089ff;
}

.card--proc, .card--hit, .card--notAvailable {
    color: white;
}

.card--proc {
    background: #ca0000;
    font-size: 17px;
}

.card--hit {
    background: #ffa900;
}

.card--notActive {
    background: #828282;
}

.text--italian {
    font-style: italic;
}

img {
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    transform: translateZ(0);
}

.nowrap-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 10rem;
}

.noindex-clear {
    display: flex;
}

.el-icon {
    display: block;
}

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

.text--underline {
    text-decoration: underline;
}

.card--preview-action:hover, .el-icon:hover, .card-review:hover, .count-wrap .count-css:hover {
    cursor: pointer;
}

.card--preview-action:hover svg, .card-review.active svg path {
    fill: #ffa900;
}

.card-review svg path {
    fill: #e3e3e3;
}

.el-icon:hover svg path {
    stroke: #ffa900;
}

.card--preview-price {
    line-height: normal;
    font-size: calc(16px + (21 - 14) * ((100vw - 300px) / (1600 - 300)));
}

/* PREVIEW CARD */

.card--catalog-wrap, .card--preview-two-side {
    display: flex;
    flex-wrap: wrap;
    min-height: 19px;
    margin-bottom: 5px;
}

.text--with-icon {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: calc(10px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
    margin-bottom: 0.3rem;
    padding-left: 25px;
    margin-right: 7px;
}

.text--with-icon:last-child {
    margin-right: 0;
}

.text--with-icon svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 1.5rem;
}

.card--preview-two-side {
    align-items: center;
    justify-content: space-between;
}

.card--preview-wrap {
    position: relative;
    overflow: hidden;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    width: 100%;
}


img {
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    transform: translateZ(0);
}

.card--inner {
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
    background-color: #fff;
    transition: all 0.1s ease;
    min-height: 100%;
}

.card--images-wrap {
    position: relative;
    overflow: hidden;
    height: unset;
    margin-bottom: 1rem;
}

.owl-item .card--images-wrap {
    position: relative;
    overflow: hidden;
    height: 13.125rem;
    margin-bottom: 1rem;
}

.card--images-wrap .loader, .count-wrap {
    display: flex;
    align-items: center;
    max-width: 5rem;
    z-index: 8;
}

.count-wrap {
    margin: 0 auto;
}

.card--images-wrap .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.card--images-wrap .slick-dots {
    bottom: 0 !important;
}

.card--preview-title-link {
    color: #000;
    text-decoration: none;
    font-family: 'Roboto-Medium';
    font-size: 14px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -ms-line-clamp: 4;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    height: 2.8rem;
}

.card--preview-prices {
    display: flex;
    flex-direction: column;
    font-family: 'Roboto-Medium';
}

.card-old-price {
    color: #595959;
    text-decoration: line-through;
    font-size: 14px;
    height: 16px;
    padding-top: 4px;
}

.card--preview-image {
    width: 100%;
    display: none;
    height: unset;
}

.owl-item .card--preview-image {
    width: 100%;
    display: none;
    height: 13.125rem;
}

.card--preview-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 343px;
}

.card--preview-action {
    position: relative;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    text-transform: uppercase;
    margin-left: auto;
    margin-top: 12px;
}

.icon-added, .icon-add {
    position: absolute;
    top: 0;
    left: 0;
}

.icon-added:not(.show) {
    display: none;
}

.card--preview-icons-wrap {
    display: flex;
    margin-left: auto;
}

.review-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0.5rem;
}

.css-comparison svg path, .css-favorite svg path {
    stroke: #a6a5a5;
}

.css-comparison.active svg path {
    stroke: #ffa900;
}

.css-comparison.active:hover .compare-helper {
    display: flex;
}

.css-favorite.active svg path, .icon-added {
    fill: #ffa900 !important;
    stroke: #ffa900;
}

.review-wrap {
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.card-review {
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

.card--preview-icons-wrap .el-icon:last-child {
    margin-left: 15px;
}

.card--preview-action svg {
    fill: #000000;
    width: 100%;
    height: 100%;
}

.icon-addedshow {
    fill: #ffa900 !important;
}

.icon-addedshow:nth-child(2) {
    display: none;
}

.catalog-sidebar-wrap {
    width: 20%;
    padding-right: 1rem;
}

.catalog-main {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 15px;
    border-top: solid 0px #e9e9e9;
}

.card--discounts {
    position: absolute;
    top: 0.5rem;
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    z-index: 1;
    font-size: 12px;
}

.card--discounts span {
    padding: 0.1rem 0.74rem;
    text-align: center;
    text-transform: uppercase;
}

.card--discounts > span:not(:last-child) {
    margin-bottom: 5px;
}

.catalog--wrap {
    width: 80%;
}

.count-wrap {
    display: none;
    margin-top: 15px;
}

.count-wrap input {
    max-width: 100%;
    width: 35px;
    height: 28px;
    border: solid 2px #595959;
    text-align: center;
    margin: 0 3px;
    padding: 0 !important;
}

.count-wrap .count-css {
    display: inline-block;
    padding: 0 10px;
}

.card--preview-footer {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: auto;
}

.compare-helper {
    position: absolute;
    display: none;
    align-items: center;
    background: white;
    width: 160px;
    right: 0;
    z-index: 1;
    padding: 10px;
    box-shadow: 0 0 15px 0 #e3e3e3;
}

.compare-helper.active {
    display: flex;
}

.card-button-actions {
    position: relative;
}

.compare-helper-text {
    font-size: 12px;
    flex: 1 1 0;
    text-decoration: none;
}

.compare-helper-ico {
    display: inline-block;
    width: 12px;
    height: 12px;
}

/* Hover Card Preview */
.card--preview-footer-actions {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0rem;
}

.icon-was-added {
    display: none;
}

.card-count-alert-wrap {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 10rem;
    top: -100%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease;
    z-index: 99;
}

.card-count-alert-wrap.show {
    opacity: 1;
    top: -150%;
    visibility: visible;
}

.card-count-alert-inner {
    background: #ffdc06;
    font-size: 10px;
    padding: 0.3rem;
    text-align: center;
}

.card-modal-wrap {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.card-modal-inner {
    position: relative;
    width: 19.3rem;
    background: white;
    padding: 0.625rem;
}

.card-modal-inner .city-close-modal {
    right: 15px !important;
}

.card-modal-wrap .modalTitle {
    font-size: 18px;
    display: flex;
    align-items: center;
}

.card-modal-wrap .modalTitle svg {
    margin-right: 5px;
}

.card-modal-wrap .modalText {
    margin-top: 5px;
    font-size: 14px;
}

[data-pickup]:hover, [data-delivery]:hover {
    cursor: pointer;
}

.card-modal-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.owl-looked .card--preview-wrap, .sliderProductsMain .card--preview-wrap,
.owl-looked .card--preview-wrap, .sliderProductsMain .card--preview-wrap, .compare-previews-wrap .card--preview-wrap {
    width: 100% !important;
}

/* Card hovered */

/* ADAPTIVE */

@media (min-width: 1201px) and (max-width: 1600px) {
    .count-wrap input {
        width: 25px;
        height: 25px;
        margin: 0;
    }
}

@media (min-width: 1201px) {
    .card--preview-wrap:hover .card--preview-icons-wrap {
        visibility: visible;
    }

    .owl-looked .card--preview-wrap:hover,
    .sliderProductsMain .card--preview-wrap:hover,
    .compare-previews-wrap .card--preview-wrap:hover {
        overflow: hidden !important;
    }

    .owl-looked .card--preview-wrap:hover .card--inner:before,
    .sliderProductsMain .card--preview-wrap:hover .card--inner:before,
    .compare-previews-wrap .card--preview-wrap:hover .card--inner:before {
        display: none !important;
    }

    .owl-looked .card--preview-wrap:hover .card--inner,
    .sliderProductsMain .card--preview-wrap:hover .card--inner,
    .compare-previews-wrap .card--preview-wrap:hover .card--inner {
        transform: scale(1) !important;
    }

    .card--preview-wrap:hover {
        overflow: hidden;
    }

    .card--preview-wrap:hover .card--inner:before {
        display: block;
        opacity: 1;
    }

    .card--preview-wrap:hover .card--inner {
        /*position: relative;*/
        z-index: 20;
        /* transform: scale(1.1); */
    }

    .card--preview-wrap:hover .count-wrap {
        visibility: hidden;
        display: flex;
    }

    .card--catalog-wrap-4 .card--preview-wrap {
        width: calc(100% / 4);
    }

    .card--catalog-wrap-5 .card--preview-wrap {
        width: calc(100% / 5);
    }

    .card--preview-icons-wrap {
        visibility: hidden;
    }

    /* Скрытый функционал */
    /*.card--preview-wrap:hover .card--preview-icons-wrap, .card--preview-wrap:hover .review-main{*/
    /*    visibility: visible;*/
    /*}*/
    .card--preview-wrap:hover .card--preview-icons-wrap {
        visibility: visible;
    }
}

@media (min-width: 998px) {
    .card--preview-footer {
        overflow: hidden;
        height: 90px;
    }

    .card--preview-hover {
        top: 100%;
        position: absolute;
        background: white;
        left: -8px;
        right: -8px;
        padding: 15px;
        font-size: 12px;
    }

    .card--preview-hover:before {
        content: '';
        position: absolute;
        z-index: -2;
        box-shadow: 0px 2px 25px rgb(0 0 0 / 50%);
        background-color: #fff;
        opacity: 1;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    .catalog-sidebar-wrap {
        border-right: 0px solid #e9e9e9;
    }

    .card--inner:before {
        content: '';
        position: absolute;
        left: -8px;
        top: -8px;
        z-index: -1;
        width: calc(100% + 16px);
        height: calc(100% + 16px);
        padding: 8px;
        box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.5);
        background-color: #fff;
        opacity: 1;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    .card--preview-wrap {
        width: calc(100% / 3);
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .card--preview-wrap {
        width: calc(100% / 2);
    }
}

@media (max-width: 1536px) {
    .card--preview-footer .btn-subscribe {
        font-size: 10px !important;
        padding: 8px 4px;
    }
}

@media (max-width: 1201px) {
    .review-main, .card--preview-icons-wrap, .code-goods {
        display: none;
    }
}

@media (max-width: 998px) {
    .card--preview-hover {
        display: none;
    }

    .catalog-sidebar-wrap {
        width: 100%;
        max-width: 100%;
    }

    .catalog--wrap {
        width: calc(100% + 30px);
        margin: 0 -15px;
    }

    .card--preview--category {
        margin-bottom: 0.3rem;
    }
}

@media (max-width: 576px) {
    .card--preview-wrap {
        border-right: none;
    }

    .card--preview-wrap:nth-child(2n) {
        border-right: 1px solid #e9e9e9;
    }

    .count-wrap {
        position: absolute;
    }

    .text--with-icon svg {
        width: 16px;
        height: 16px;
    }

    .card--preview-code {
        white-space: nowrap;
        display: none;
        overflow: hidden;
        width: 100%;
        text-overflow: ellipsis;
    }

    .card--preview-two-side {
        display: none;
    }

    .card--preview-footer .btn-subscribe {
        padding: 5px 5px 4px 5px;
    }

    .owl-looked .card--preview-wrap {
        min-height: 100%;
    }

    .card--catalog-wrap {
        border-top: 1px solid #e9e9e9;
        border-right: none;
    }

    .card--discounts {
        font-size: 10px;
    }

    .card--preview-title-link {
        height: 5.2rem;
    }

    .card--preview-icons-wrap {
        position: absolute;
        top: 10rem;
        z-index: 9;
        right: 0.8rem;
    }

    .card--images-wrap, .card--preview-image {
        height: 13rem;
        padding-bottom: 13px;
    }

    .card--preview-image img {
        object-fit: cover;
    }

    .card--images-wrap .slick-dots {
        bottom: -6px !important;
    }

    .card--inner {
        padding: 0rem;
    }

    .card--preview-footer-actions {
        padding: 0px 0.5rem 0.5rem;
        margin-top: -0.5rem;
    }

    .card--preview-title-link {
        height: 5.8rem;
        padding: 0.5rem 0.5rem;
    }

    .info-text-section {
        padding: 0px;
    }
}

@media (max-width: 569px) {
    .review-wrap {
        margin-left: 0;
    }
}

.blasss {
    pointer-events: none;
}

.blasss svg {
    fill: #dfdfdf;
}
/* End */


/* Start:/local/templates/electrotorg/css/response.css?171075466758860*/
.mobile.bonus-btn {
    display: none;
}

@media (max-width: 1740px) {
    .phone {
        margin-top: 31px;
        font-size: 22px;
    }
}

@media (max-width: 1680px) {

    .product-item-detail-info-container.cost-wrap,
    .quantity-calculate-detail {
        width: 30%;
    }

    .product-item-detail-pay-block .btn-wrap {
        width: 40%;
    }

}

@media (max-width: 1620px) {

    .calendar-filter {
        font-size: 18px;
    }

    .city-checkbox .checkbox-wrap {
        font-size: 18px;
    }
}

@media (max-width: 1480px) {
    body {
    }

    header {
        font-size: 18px;
    }

    .city-checkbox {
        height: 120px;
    }

    .city-checkbox .checkbox-wrap i {
        width: 15px;
        height: 15px;
    }

    .city-checkbox .checkbox-wrap {
        font-size: 14px;
        padding-right: 0;
        padding-left: 30px;
        padding-bottom: 24px;
        padding-top: 0;
    }

    .cabinet img {
        width: 15px;
        vertical-align: baseline;
    }

    .bonus-btn {
        margin-left: -40px;
    }

    .cabinet-rigister,
    .city {
        margin-top: 34px;
    }

    .city i {
        top: -1px;
    }

    .phone {
        font-size: 16px;
        margin-top: 35px;
        text-align: center;
    }

    .hover-info {
        font-size: 16px;
    }

    .bonus-column {
        font-size: 24px;
    }

    .delivery-box {
        font-size: 24px;
    }

    /*    catalog   */
    .product-img {
        /*        margin-top: 60px;*/
    }

    .product-item .btn {
        padding-left: 0;
        padding-right: 0;
    }

    .product-item-detail-pay-block .btn-buy i {
        top: 14px;
    }

    .di-head .cost {
        font-size: 28px !important;
    }
}

@media (max-width: 1380px) {

    .bonus-btn {
        margin-left: -46px;
    }

}

@media (max-width: 1200px) {

    .bonus-btn {
        margin-left: -15px;
        font-size: 11px;
    }

    .cl-name {
        font-size: 18px;
    }
}

@media (max-width: 1280px) {


    .log-out input[type="submit"] {
        font-size: 14px;
    }

    .btn {
        font-size: 14px !important;
        padding: 8px 10px 7px;
    }

    .no-sky {
        top: 13px;
    }

    input[type="text"],
    input[type="phone"],
    input[type="tel"],
    input[type="email"],
    textarea {
        padding: 7px 15px 5px;
    }

    input.basket-item-amount-filed {
        padding-left: 0;
        padding-right: 0;
    }

    /*header*/
    header {
        font-size: 14px;
    }

    .cabinet-rigister,
    .city {
        margin-top: 38px;
    }

    .city i {
        top: -3px;
    }

    .logo {
        max-width: 260px;
        margin-top: 15px;

    }

    .phone {
        text-align: center;
        font-size: 14px;
        margin-top: 37px;
    }

    .search .search-input {
        width: calc(100% - 120px);
    }

    .search .search-btn {
        width: 37px;
        padding: 10px 16px 10px;
    }

    .search i {

        left: 10px;
        top: 8px;

    }

    .search input {
        padding-left: 15px;
    }

    .btn-back {
        padding-left: 41px;
    }

    .btn-back i {
        top: 13px;
    }


    /*header*/
    /*hidden-nav*/
    .hidden-nav h2 {
        font-size: 14px;
    }

    .hidden-nav li {
        font-size: 14px;
    }

    /*hidden-nav*/
    .subscription input.btn {
        padding: 7px 16px 6px;
    }

    /*filter*/
    .filters-name,
    .btn-filter {
        font-size: 14px;
    }

    .btn-filter i {
        top: -2px;
    }

    /*filter*/
    /*slider*/
    .slider h2 {
        font-size: 24px;
    }

    /*slider*/
    /*    footer*/
    .btn-partner i {
        width: 36px;
        height: 36px;
    }

    .btn-partner {
        padding-left: 60px;
    }

    .btn-partner2 i {
        width: 36px;
        height: 36px;
    }

    .btn-partner2 {
        padding-left: 60px;
    }

    /*    footer*/
    /*product*/
    .hover-info {
        font-size: 14px;
        padding: 15px 15px;
    }

    .hover-info a {
        padding-bottom: 0px;
    }

    .hover-info a:before {
        top: 3px;
    }

    .hover-info a:hover:before {
        top: 0;
    }

    .product-item {
        font-size: 14px;
    }

    .availability,
    .closeout {
        font-size: 14px;
    }

    .cost,
    .old-cost {
        font-size: 16px;
    }

    .old-cost {
        font-size: 14px;
        padding-top: 2px;
    }

    .weight {
        font-size: 16px;
    }

    .no-ico .cl-name {
        margin: 0;
    }

    .cl-head {
        height: auto;
    }

    .current_chapter {
        padding-left: 0px;
        font-size: 12px;
    }

    .two-lvl-menu {
        padding-left: 0px;
        font-size: 12px;
    }

    .tabBlock-conten__link {
        font-size: 12px;
    }

    /*    */
    .content {
        padding: 0px 0 30px;
    }

    .owl-looked {
        margin-top: 40px;
    }

    .owl-looked .owl-nav {
        top: -50px;
    }

    /*    basket    */
    .bi-cost .cost {
        font-size: 24px;
    }

    .bi-cost {
        padding: 15px;
    }

    .quantity-topic {
        padding-top: 15px;
    }

    .bi-quantity {
        padding: 15px 0 5px;
    }

    .payment-btn {
        font-size: 18px;
        height: 60px;
        padding: 17px 30px;
    }

    .payment-btn i {
        top: 16px;
    }

    .payment-item {
        margin: 0 0 30px;
    }

    .basket-total {
        font-size: 28px;
        margin: 0 0 0;
    }

    /*    basket    */
    /*    forma wrap    */
    .forma-head h2 {
        font-size: 18px;
        padding-top: 3px;
    }

    .forma-head .checkbox-wrap {
        margin: 0;
    }

    .forma-head .checkbox-wrap i {
        top: 8px;
    }

    .forma-body {
        padding: 30px 30px;
    }

    .forma-wrap {
        margin: 0 0 30px;
    }

    /*    forma wrap    */
    /*    cabinet    */
    .cabinet-table {
        font-size: 18px;
    }

    .ct-head {
        font-size: 18px;
        padding: 23px 30px 20px;
    }

    .ct-head i {
        margin: 21px;
    }

    .bonus-column {
        font-size: 18px;
    }

    .cabinet-tabs h2 {
        font-size: 21px;
        padding-top: 30px;
        margin-top: 52px;
        margin-bottom: 25px
    }

    .delivery-box {
        padding: 25px 30px;
    }

    .delivery-name {
        font-size: 21px;
    }

    .delivery-box {
        font-size: 18px;
    }

    .calendar-filter,
    .cabinet-tab-item {
        font-size: 14px;
    }

    .history-order,
    .calendar-filter {
        padding: 34px 30px;
        padding-right: 60px;
    }

    .order-item-cost,
    .history-order b {
        font-size: 21px;
    }

    .order-item {
        padding-top: 30px;
    }

    .history-order {
        padding-bottom: 10px;
        padding-top: 15px;
    }

    .history-detail i {
        top: 40px;
    }

    .history-order i {
        top: 32px;
    }

    .order-line {
        width: calc(100% + 90px);
        left: -30px;
    }

    .history-delivery {
        margin-top: 7px;
    }

    .history-total-topic,
    .history-total-all {
        font-size: 24px;
    }

    .history-total {
        font-size: 18px;
        padding: 30px;
        padding-right: 60px;
    }

    .history-detail {
        font-size: 14px;
        padding: 30px;
        padding-right: 60px;
    }

    .history-detail b {
        font-size: 21px;
        margin: 0;
    }

    /*    cabinet    */
    /*    detail    */
    .di-head .cost {
        font-size: 21px;
    }

    .di-head .old-cost {
        font-size: 14px;
        top: 7px;
    }

    .btn-buy {
        font-size: 18px;
    }

    .btn-buy i {
        width: 24px;
        height: 24px;
        right: 35px;
        top: 15px;

    }

    a.btn-buy i.hover {
        display: none;
    }

    .product-item-detail-pay-block .btn-wrap .btn-buy {
        padding: 13px 20px 12px 30px;
    }

    .vi-head {
        font-size: 18px;
        padding: 11px 15px 10px;
    }

    .comments-rating i {

        width: 20px;
        height: 20px;
        background: url(/local/templates/electrotorg/css/../images/star-all.png) -20px 0 no-repeat;
        background-size: 40px;
    }

    /*    detail    */
    /*    checkout    */
    .points-address {
        font-size: 18px;
        margin: 0 0 5px;
    }

    .points-btn {
        font-size: 18px;
        width: 40%;
        height: 60px;
        padding: 18px;
    }

    .points-btn i {
        top: 16px;
    }

    .points-take {
        margin: 0 0 6px;
    }

    /*    checkout    */
    /*    contacts    */
    .news-item .data {
        font-size: 18px;
        padding: 10px 15px 8px;
    }

    /*    contacts    */
    .product-img {
        height: unset;
        margin: 0;
    }

    .owl-looked .cost {
        width: 50%;
        font-size: 14px;
    }

    .owl-looked img {
        height: 190px;
    }

    .dib-line {
        width: 100%;
    }

    .dib-line:first-child .value {
        right: 0;
    }
}

@media (max-width: 1200px) {
    .hidden-nav {
        top: calc(155px - 22px);
    }

    .logo {
        max-width: 260px;
        margin-top: 32px;
    }

}

@media (max-width: 1180px) {
    .product-item .btn {
        font-size: 12px;
    }

    footer,
    .subscription {
        font-size: 14px;
    }

    .di-head .cost {
        position: relative;
    }
}

@media (max-width: 1090px) {
    .product-item-detail-pay-block .quantity-topic {
        display: none;
    }

    .cabinet img {
        display: none;
    }

    .logo {
        max-width: 260px;
        margin-top: 37px;
    }

    .slider {
        height: 270px;
    }

    .detail-wrap {
        padding: 15px;
        padding-left: 0;
    }

    .detail-img {
        margin: 0;
    }

    .detail-all-img {
        display: none;
    }

    .product-item-container .btn {
        margin-left: -7px;
    }

}

@media (max-width: 1024px) {
    .city i {
        top: 0px;
        width: 8px;
        height: 15px;
        right: 9px;
    }

    .cl-name {
        font-size: 16px;
    }
}

.hamburger,
.mobile-nav {
    display: none;
}

@media (max-width: 998px) {
    .f-email {
        font-size: 24px;
    }

    .soc {
        text-align: center;
        margin-top: 10px;
    }

    .card-product_slider #mainImage {
        height: 12rem;
    }

    .product-item-detail-info-container {
        margin-right: 0;
    }

    .product-item-detail-info-container .btn-buy {
        margin-left: 0;
    }

    body {
        font-size: 14px;
    }

    .delivery-item.subscribe input[type="text"],
    input[type="text"],
    input[type="phone"],
    input[type="tel"],
    input[type="email"],
    input[type="password"],
    textarea {
        font-size: 13px;
        padding: 6px 15px 6px;
    }

    .btn {
        font-size: 13px;
        padding: 6px 10px 6px;
    }

    .hamburger {
        position: absolute;
        width: 50px;
        height: 50px;
        left: 0;
        top: 19px;
        background: url(/local/templates/electrotorg/css/../images/hamburger-ico.png) center no-repeat;
        background-size: 20px;
        cursor: pointer;
        z-index: 4;
        display: block;

    }

    .hamburger.active {
        background: url(/local/templates/electrotorg/css/../images/ico-cross-b.svg) center no-repeat;
        background-size: 12px;
    }

    /*    */
    .popup-wrap .popup {
        width: 100%;
        margin-top: 130px;
    }

    /*    mobile-nav     */
    .mobile-nav {
        position: fixed;
        width: 100%;
        height: calc(100% - 99px);
        z-index: 9999;
        background: #fff;
        top: 100px;
        overflow-y: auto;
        display: none;
    }

    .mobile-nav.hide-head {
        top: 70px;
        height: calc(100% - 69px);
    }

    .mobile-nav.show {
        display: block;
    }

    .mobile-nav .phone {
        font-size: 22px;
        text-align: center;
        margin: 0;
        padding: 8px 0 5px;

    }

    .mobile-nav .phone a {
        text-decoration: none;
    }

    /*    */
    .btn-top {
        border-top: 0px solid #000;
        border-bottom: 2px solid #000;
    }

    .btn-top:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .btn-top .btn {
        width: 50%;
        float: left;
        background: none;
        padding: 10px 0px 9px;
    }

    .btn-top .btn:first-child {
        border-right: 2px solid #000;
    }

    /*    */
    .choise-city {
        text-align: center;
        border: 0;
        border-bottom: 2px solid #000;
        padding: 8px 0px 7px;
        font-family: "Roboro-Bold";
        color: #000;
        margin: 0;
    }

    .choise-city i {
        top: 1px;
        position: relative;
        margin-left: 5px;
        margin-right: -24px;
    }

    .choise-city ul {
        top: 19px;
        border: 0;
        border-bottom: 2px solid #000;
        left: 0;
        right: 0;
    }

    .choise-city ul li {
        text-align: center;
    }

    /*nav*/
    .mobile-nav nav {
        margin: 0;
    }

    .mobile-nav nav ul,
    .mobile-nav nav li {
        display: block;
        text-align: left;
    }

    .mobile-nav nav li i {
        position: absolute;
        display: inline-block;
        width: 15px;
        height: 8px;
        background: url(/local/templates/electrotorg/css/../images/arr-down-black-mini.png) center no-repeat;
        background-size: 100%;
        right: 25px;
        top: 17px;
    }

    /*    .mobile-nav nav li span {
            background: #ffdc08;
            padding: 8px 13px;
            padding-right: 30px;
            font-family: "Roboto-Bold";
            border-bottom: 2px solid #000;
            display: block;
        }*/
    /* .mobile-nav nav li ul {
         padding-top: 10px;
     }

     .mobile-nav nav li li a {
         background: none;
         padding-left: 42px;
         position: relative;
         border: 0;
         font-family: "Roboto-Regular";
     }

     .mobile-nav nav li li a:before {
         content: "";
         position: absolute;
         width: 10px;
         height: 10px;
         background: #fff;
         top: 10px;
         margin-left: -25px;
     }

     .mobile-nav nav li li a.active,
     .mobile-nav nav li li a:hover {
         font-family: "Roboro-Bold";
         color: #ffdc08;
     }

     .mobile-nav nav li li a.active:before,
     .mobile-nav nav li li a:hover:before {
         background: #ffdc08;
     }

     .mobile-nav nav li ul {
         background: #595959;
         color: #fff;
     }*/
    /*    */
    .mobile-nav li ul {
        display: none;
    }

    .mobile-nav li.active ul {
        display: block;
    }

    .mobile-nav li.active i {
        transform: rotate(180deg);
    }

    /*    */
    .mobile-nav .choise-city {
        text-align: center;
        padding-left: 0;
        padding: 0;
    }

    .mobile-nav .choise-city i {
        position: relative;
        top: 0;
        background-size: 7px;
        margin-right: -23px;
    }

    .mobile-nav .choise-city ul {
        padding: 4px 0 0;
    }

    .mobile-nav .choise-city ul li {
        text-align: center;
    }

    /*    mobile-nav     */
    /*    header    */
    .logo {
        margin-top: 10px;
        max-width: 168px;
        width: 100%;
        /*        margin-left: -10%;*/
    }

    .basket-btn {
        background: none;
    }

    .basket-btn {
        width: 65px;
        height: 70px;
    }

    .basket-btn i {
        background-size: 24px;
    }

    .stub {
        height: 100px;
    }

    header {
        min-height: 72px;
        border: 0;
        position: fixed;
        z-index: 109;
        border-bottom: 2px solid #000;
    }


    .mobile-search {
        position: relative;
        height: 36px;
        z-index: 3;
        width: 100%;
    }

    .search-input-mob-new input::placeholder {
        font-family: "Roboro-Bold";
        text-align: center;
        color: #000;
    }

    .mobile-phone {
        text-align: center;
        font-family: "Roboro-Bold";
        padding: 15px 0 0px;
        background: #fff;
        font-size: 18px;
    }

    .mobile-phone a {
        text-decoration: none;
    }

    .search {
        top: 0;
    }

    .search,
    .search .search-input {
        width: 100%;
    }

    .search input {
        padding-left: 33px;
        padding-right: 45px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;

    }

    .search .search-btn,
    .search .search-btn:hover {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        background: none;

        outline: 0;
        padding: 6px 10px 6px;
        z-index: 3;
    }

    .search i {
        left: auto;
        top: 7 spx;
        right: 15px;
    }

    /*    header    */
    /*    city    */
    /*.city-popup-wrap {*/
    /*    text-align: center;*/
    /*}*/
    .city-wrap h2 {
        text-align: center;
        text-transform: uppercase;
        font-size: 16px;
        margin: 0 0 90px;
    }

    .city-popup .cube {
        left: 50%;
    }

    .city-popup-wrap h2 {
        display: block;
        margin: 27px 0 80px;
        text-transform: uppercase;
        font-size: 16px;
    }

    .city-popup .cube {
    }

    /*.city-popup-wrap {*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    background: #ebebeb;*/
    /*    left: 0;*/
    /*    margin: 0;*/
    /*    top: 0;*/
    /*    padding: 15px;*/
    /*    position: fixed;*/
    /*    z-index: 6;*/
    /*}*/
    .wrapGeoIpReaspekt {
        font-family: Arial;
        width: 100%;
    }

    .city-popup {
        padding: 15px;
        background: #ffdc08;
        box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 20%);

    }

    .city-popup-inner {
        position: relative;
        width: 100%;
        height: 100%;
        background: #ffdc08;

        top: 0;
        left: 0;
        margin-left: 0;
        z-index: 2;
    }

    .city-popup-inner::after {
        display: none;
    }

    .city-name {
        margin: 0 0 28px;
        text-align: center;
    }

    .city-name,
    .city-popup .btn-wc {
        width: 100%;
        float: none;
    }

    .city-popup .btn {
        width: 100%;
        margin: 0 0 0px;
    }

    /*.city-popup-wrap {*/
    /*    background: none;*/
    /*}*/
    .city-popup-wrap .skip {
        display: none;
    }

    .city-wrap .link {
        text-align: center;
        color: #595959;
        margin-top: 70px;
        width: 100%;
    }


    .checkbox-all {

        margin-bottom: 30px;
    }

    .popup-wrap .btn {
        width: 100%;
    }

    .city-choise h2 {
        margin-bottom: 15px;
    }

    .city-popup-wrap .skip {
        text-decoration: none;
        color: #595959;
        margin: 80px 0 0;
    }

    /*city checkbox*/
    .city-checkbox {
        background: #eee;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        padding: 15px;
        overflow-y: auto;
        border-bottom: 0;
    }

    .city-checkbox h2 {
        margin: 26px 0 35px;
        font-size: 16px;
        text-transform: uppercase;
    }

    .city-checkbox .checkbox-wrap {
        width: calc(100% + 40px);
        margin-left: -23px;
        padding-left: 80px;
    }

    .apply-city {
        width: 100%;
        margin: 0 0 30px;
    }

    /*city checkbox*/
    /*    city    */
    /*    before footer    */
    .slider {
        height: 90px;
        margin-top: 15px;
        margin-bottom: 0;
        margin: -45px -15px 0;
    }

    .slider .info {
        position: relative;
        z-index: 2;
        padding: 15px 12px;
        width: 100%;
    }

    .slider h2 {
        font-size: 20px;
    }

    .slider .description {
        font-size: 14px;
    }

    .slider .slide {
        right: auto;
        bottom: 0;
        width: 100%;
        left: 0;
    }

    /*before footer*/
    /*footer*/
    .subscription input {
        width: 50%;
    }

    .subscription input.btn {
        width: 50%;
        padding: 6px 15px 4px;
        font-family: "Roboro-Bold";
        font-size: 14px;
    }

    .yandex-rating-badge {
        text-align: center;
    }

    .subscription .hint,
    footer nav ul {
        margin-bottom: 30px;
    }

    .subscription .hint {
        margin-bottom: 18px;
    }

    .credit-wrap br {
        display: none;
    }


    .credit-wrap:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .credit-wrap img {
        margin: 0;
    }


    .credit-wrap {
        font-size: 0;
        text-align: center;
    }

    .credit-wrap > div {
        width: 25%;
        padding: 10px;
        text-align: center;
    }

    .credit-wrap > div:first-child {
        text-align: center;
    }

    .credit-wrap > div:last-child {
        text-align: center;
    }

    .footer-line,
    .create {
        text-align: center;
    }

    footer .btn-partner {
        padding: 9px 10px 6px;
        padding-left: 60px;

    }


    /*    main content    */
    .breadcrumbs {
        padding: 0;
        text-align: left;
    }

    .header-three {
        padding: 0;
    }


    .category-topic i {
        width: 30px;
        height: 30px;
        background: #000;

    }

    .category-topic i img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: top;
    }

    .category-topic {
        font-size: 14px;
        margin: 0px 0 0;
    }

    @media (max-width: 568px) {
        div.category-topic {
            margin: 10px 0 0;
        }
    }

    .content-img {
        position: relative;
        height: auto;
        margin: 0 0 25px;
    }

    .content-detail {
        margin: 0 0 4px;
    }

    /*owl product */
    .owl-looked .owl-nav {
        top: 0px;
        width: 100%;
        right: 0;
    }

    .product-item {
        text-align: center;
        margin: 0 0 14px;
        font-size: 13px;
    }

    .item-inner {
        padding: 12px 10px 0px 10px;
    }

    .availability,
    .closeout {
        padding: 0px 0px 0px 0px;
        width: 100%;
    }

    .btn-back {
        display: none;
    }

    .product-item-container .btn {
        width: 100%;
    }

    .product-item-container .description {
        display: none;
    }

    .filters-wrap {
        display: block;
    }

    .product-item-container .btn-wc {
        margin-bottom: 0;
        margin-left: -10px;
        margin-right: -10px;
        padding: 0;
    }

    .product-item-container .cost {
        width: 100%;
        padding-top: 6px;
        padding-right: 0;
        padding-bottom: 5px;
        text-align: center;
    }

    .product-quantity,
    .weight,
    .cost,
    .old-cost {
        font-size: 13px;
    }

    .product-about {
        padding: 6px 0 3px;
        text-align: left;
    }

    .product-quantity {
        padding: 5px 0 4px;
    }

    /*owl product */
    /*    main content    */
    /*    basket    */
    .basket-item {
        padding: 10px;
        margin: 0 0 30px;
    }

    .order-info .name {
        margin: 0;
    }

    .order-weight {
        display: none;
    }

    .bi-cost .cost {
        font-size: 21px;
        display: block;
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    .old-cost {
        padding: 0;
    }

    .quantity-calculate {
        font-size: 18px;
    }

    .quantity-calculate span {
        font-size: 13px;
    }

    .quantity-calculate span {
        margin: 0 15px;
    }

    .quantity-topic {
        width: 49%;
        padding-top: 5px;
    }

    .quantity-calculate {
        width: 39%;
    }

    .bi-quantity {
        padding: 2px 12px 10px;
        background: #ffffff;
        margin: 0 -10px -10px;
    }

    .bi-cost {
        padding: 12px 15px;
        margin: 0 0 10px;
    }

    .bi-img img {
        width: 100%;
        margin-top: 25px;
    }

    /**/
    .delivery-wrap .category-topic {
        margin: 0 0 29px;
    }

    .payment-item {
        padding: 10px;
    }

    .delivery-description {
        padding: 0;
    }

    .payment-btn i {
        width: 20px;
        height: 20px;
        left: 15px;
        top: 13px;
    }

    .payment-btn i:after {
        width: 12px;
        height: 12px;
        left: 3px;
        top: 3px;
    }

    .payment-btn {
        font-size: 14px;
        height: 45px;
        padding: 14px 10px;
        margin-top: 10px;
        text-align: center;
    }

    .delivery-cost {
        width: calc(100% - 90px);
    }

    /**/
    .bt-line {
        margin-bottom: 5px;
    }

    .bt-line:last-child,
    .basket-total {
        font-size: 16px;
    }

    .bt-line.not-last {
        font-size: inherit;
    }

    .btn-order {
        margin-top: 30px;
    }

    .btn-order i {
        width: 21px;
    }

    /*    basket    */
    /*    forma    */
    .forma-head {
        text-align: center;
        padding: 4px 30px 5px;
    }

    .forma-head h2 {
        font-size: 13px;
    }

    .forma-head .checkbox-wrap {
        padding-right: 30px;
    }

    .forma-body {
        padding: 13px 10px;
    }

    .forma-wrap input {
        margin: 0 0 15px;
    }

    .forma-wrap .btn-wc {
        margin-top: 14px;
    }

    .forma-wrap .btn-wc .link {
        text-align: center;
        font-size: 13px;
        background: #000000;
        display: block;
        font-family: "Roboro-Bold";
        padding: 14px 10px 13px;
    }

    .conf-checkbox {
        font-size: 14px;
    }

    .conf-checkbox i {
        width: 15px;
        height: 15px;

        margin-top: -6px;
        margin-right: 8px;
    }

    .confirm-window {
        font-size: 14px;
        margin: 0;
    }

    .confirm-window .forma-body {
        padding-top: 15px;
        text-align: center;

    }

    /*    forma    */
    /*    cabinet    */
    .cabinet-table {
        font-size: 13px;
        line-height: 1.2;
        padding: 0 10px;
    }

    .ct-line {
        padding: 14px 0;
    }

    .cabinet-tab-item {

        margin-top: 30px;
    }

    .ct-head {
        font-size: 13px;
        padding: 6px 10px 5px;
    }

    .ct-head i {
        margin: 4px;
    }

    .ct-body {
        padding: 0 10px;
    }

    .ct-body .description {
        margin-top: 10px;
    }

    .cabinet-tabs h2 {
        font-size: 13px;
        padding-top: 10px;
        margin-top: 13px;
        margin-bottom: 6px;
    }

    .bonus-column {
        font-size: 13px;
        display: block;
        text-align: left;
        padding-bottom: 10px;
    }

    .bonus-column h3 {
        margin: 0;
        display: inline;
    }

    .bonus-column > div {
        float: left;
        width: 50%;
        padding-right: 15px;
    }

    .bonus-column > div:nth-child(even) {
        padding-left: 15px;
        padding-right: 0;
    }

    .bonus-column:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    /**/
    .edit-personal {
        padding-top: 13px;
    }

    .delivery-item.subscribe input[type="text"],
    input.input-edit {
        margin: 0 0 15px;
    }

    /**/
    .delivery-box {
        font-size: 13px;
        padding: 10px 10px 10px;
        margin: 0 0 15px;
    }

    .delivery-name {
        font-size: 13px;
    }

    .db-edit {
        margin: 10px 5px;
    }

    .db-close,
    .db-edit {
        width: 20px;
        height: 20px;
    }

    .history-order,
    .calendar-filter {
        padding: 6px 0 5px;
    }

    .calendar-control {
        margin: 4px 0;
    }

    .order-item-cost,
    .history-order b {
        font-size: 13px;
        margin: 0 0 15px;
    }

    .ho-head .col-xs-6:nth-child(even) {
        text-align: right;
    }

    .history-order {
        padding: 6px 10px 5px;
    }

    .history-order i {
        top: 88px;
        right: auto;
        left: 50%;
        text-align: center;
        margin-left: -15px;
    }

    .ho-head {
        padding: 0px 0 15px;
    }

    .order-line {
        width: calc(100% + 20px);
        left: -10px;
    }


    /**/
    .order-img {
        text-align: center;
    }

    .order-info .num {
        margin: 0;
    }

    .order-weight {

        margin: 0 0 5px;
    }

    .order-cost .cost {
        margin-top: 0px;
    }

    .cost-name {
        margin: 0 0 0px;
    }

    .order-item .old-cost-wrap,
    .order-item-cost {
        text-align: right;
    }

    .old-cost-wrap {
        margin-bottom: 4px;
    }

    .order-info {
        margin-top: 15px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .order-item {
        padding-top: 0px;
        padding-bottom: 0;
    }

    .mini-card {
        display: block;
        margin: 70px auto 0;
    }

    /**/
    .history-total {
        font-size: 13px;
        padding: 10px 10px 1px;
        margin: 0 -10px;
    }

    .history-total-topic,
    .history-total-all {
        font-size: 13px;
        text-align: left;
    }

    .history-total-all {
        text-align: right;
    }

    .history-delivery {
        margin-top: 0;
        text-align: right;
    }

    .exit-btn {
        text-align: center;
        font-size: 14px;
        margin: 0 0 13px;
        position: relative;
    }


    /*    cabinet    */
    /*    filters-sidebar    */
    .filters-sidebar {
        position: fixed;
        background: #ebebeb;
        top: 72px;
        z-index: 3;
        left: 0;
        width: 100%;
        padding: 0 0px;
        height: calc(100% - 72px);
        overflow-y: auto;
        display: none;
        max-width: 414px;
    }

    .filters-sidebar.show {
        display: block;
    }

    .filters-sidebar-btn {
        background: #ffdc08;
        font-size: 14px;
        font-family: "Roboro-Bold";
        padding: 10px 15px 9px;
        position: relative;
    }

    .filters-sidebar-btn .close {
        width: 40px;
        height: 40px;
        background-size: 10px;
    }

    .fs-item {
        padding: 12px 15px 0;
        margin: 0 0 20px;
    }

    .btn-filter-wrap .btn {
        margin: 0 -15px;
        outline: 0;
        border-top: solid 2px #000;
    }

    .btn-filter-wrap .btn.apply {
        border-right: 2px solid #000;
    }

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

    /*    filters-sidebar    */
    /*    catalog    */
    .content {
        padding: 17px 0 30px;
    }

    .catalog-wrap {
        margin: 0;
    }

    .btn-filter-open {
        background: #ffdc08;
        font-size: 14px;
        position: absolute;
        text-align: center;
        padding: 5px 0 4px;
        width: 80px;
        margin: 0 0 2px;
        top: -6px;
        font-family: Roboto;
    }

    .btn-filter-open i {
        display: inline-block;
        width: 17px;
        height: 17px;
        background: #000;
        color: #fff;
        border-radius: 100%;
        font-size: 10px;
        padding-top: 1px;
        vertical-align: text-top;
        margin-left: 5px;
        display: none;
    }

    .btn-filter-open i.show {
        display: inline-block;
    }

    .pagination.pagination-top {
        margin-bottom: 15px;
    }

    .catalog-wrap .col-xs-6 {
        padding: 0 5px;
    }

    .catalog-wrap .row {
        margin: 0 -5px;
    }

    .pagination-page {
        font-size: 14px;
        margin: 16px 0 13px;
    }

    .product-item .btn {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }

    .product-item .btn.full {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .product-img {
        margin-top: 0px;
    }

    .hit {
        padding: 16px 7px 28px 21px;
        margin-top: -24px;
        width: 46px;
        height: 50px;
        background-size: 100%;
        font-size: 12px;
    }

    .sale {
        width: 30px;
        height: 30px;
        right: 5px;
        z-index: 1;
        margin-top: 31px;
    }

    /**/
    .add_basket-popup {
        overflow-y: auto;
        height: 100%;
        padding: 0px;
    }

    .add_basket-popup h2 {
        font-size: 18px;
        padding: 13px 15px 0;
    }

    .add_basket-popup .row h2 {
        padding: 0;
        margin: 0;
        font-size: 14px;
    }

    .add_basket-popup .bi-quantity {
        padding: 0;
        width: 69%;
        display: inline-block;
    }

    .add_basket-popup .btn-wc {
        margin-top: 20px;
    }

    .add_basket-popup .quantity-topic {
        padding-top: 10px;
        font-size: 14px;
        width: 49%;
    }

    .quantity-calculate {
        width: 49%;
        padding-top: 11px;
    }

    .add_basket-popup .quantity-calculate {
        padding-top: 18px;
    }

    .add_basket-popup .cost {
        font-size: 18px;
    }

    .product-about {
        width: 29%;
        display: inline-block;
        text-align: right;
        font-size: 18px;
        padding: 20px 0 0;
    }

    .add_basket-popup .product-img img {
        max-width: 50%;
        display: block;
        margin: 0 auto;
        max-height: 107px;
    }

    .add_basket-popup .btn {
        margin: 0 0 10px;
    }

    /*    catalog    */
    /*    checkout    */
    .address-points .category-topic {
        margin-bottom: 36px;
        margin-top: 40px;
    }

    .points-item {
        padding: 10px;
        margin-bottom: 31px;
    }

    .points-address {
        font-size: 14px;
    }

    .points-btn i {
        width: 20px;
        height: 20px;
        top: 14px;
        left: 15px;
    }

    .points-btn i:after {
        width: 10px;
        height: 10px;
        left: 4px;
        top: 4px;
    }

    .points-btn {
        position: relative;
        width: 100%;
        left: 0;
        margin: 15px 0 0;
        font-size: 13px;
        height: 44px;
        padding: 13px;
        text-align: center;
    }

    .payment-methods {
        margin-top: 15px;
    }

    .payment-methods .category-topic {
        margin: 0 0 14px;
    }

    .payment-description {
        padding-top: 2px;
    }

    .points-item.contacts-address-line {
        padding: 15px 15px;
        font-size: 14px;
    }

    .payment-description {
        padding-top: 2px;
        font-size: 14px;
    }

    /*    checkout    */
    /*   contacts    */
    .contacts h2 {
        font-size: 13px;
        margin: 0 0 8px;
    }

    .choise-city {
        border: 0;

        text-align: left;
        padding: 6px 0px 5px;
        padding-left: 19px;
    }

    .choise-city i {
        position: absolute;
        margin-left: 5px;
        margin-right: -4px;
        background-size: 7px;
        top: 6px;
    }

    .choise-city ul {
        border: 0;

    }


    .choise-city ul li {
        text-align: left;
    }

    .select-outer {
        padding: 10px;
        margin: 0px 0 18px;
    }

    .map {
        display: block;
        height: 350px;
    }

    .link-wrap {
        text-align: left;
    }

    .contacts-address-line {
        padding: 0 0 24px;
        font-size: 14px;
    }

    /*   contacts    */
    /*   detail    */
    .code {
        display: none;
    }

    .detail-wrap {
        padding: 0;
        margin-bottom: 30px;
    }

    .detail-img {
        height: 310px;
    }

    .detail-all-img {
        display: block;
    }

    .detail-all-img .up,
    .detail-all-img .down {
        display: none;
    }

    .dib-line .question-wrap {
        position: absolute;
    }

    .dai-item {
        display: block;
        height: 270px;
    }

    .dai-item img {
        width: 80%;
        margin: 21px 10%;
    }

    .detail-all-img {
        width: auto;
        height: auto;
        position: relative;
    }

    .di-gallery {
        height: 300px;
    }

    .di-gallery .owl-dot {
        width: 5px;
        height: 5px;
        background: #595959;
        margin: 0 3px;
    }

    .di-gallery .owl-dot.active {
        background: #ffdc08;
    }

    .btn-buy {
        font-size: 0;
        background: none;
    }

    .btn-buy i.hover {
        background: url(/local/templates/electrotorg/css/../images/ico-basket.png) 0 0 no-repeat;
        background-size: 100%;
        right: 18px;
    }

    .di-head .cost {
        font-size: 14px;
        display: inline-block;
    }

    .di-head .old-cost {
        top: 0;
        margin: 0;
        display: inline-block;
    }

    .cost-wrap {
        padding-top: 14px;
        padding-left: 30px;
        padding-bottom: 10px;
    }

    .cost-wrap,
    .quantity-calculate-detail,
    .product-item-detail-pay-block .btn-wrap {
        width: 100%;
    }

    .product-item-detail-pay-block .btn-wrap {
        width: 50%;
        padding-top: 12px;
        padding-bottom: 0;
    }

    .product-item-detail-info-container.cost-wrap,
    .quantity-calculate-detail {
        width: 50%;
        text-align: center;
    }

    .product-item-detail-pay-block .btn-wrap {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .di-head .cost {
        top: 0;
    }

    .minus-detail,
    .plus-detail {
        top: 1px;
    }

    .btn-buy.btn.btn-default {
        width: 100%;
    }

    .di-body {
        padding: 0 0px;
    }

    .dib-line .question-wrap {
        display: none;
    }

    .dib-line:first-child .value {
        right: 0;
    }

    .detail-tabs {
        margin: 0 0px 30px;
    }

    .tabs-nav li {
        width: 100%;
        font-size: 14px;
        text-transform: uppercase;
        padding: 5px 0 4px 90px;
        padding-left: 50px;
    }

    .tabs-nav li i {
        width: 30px;
        height: 30px;
    }

    .tabs-item h3 {
        font-size: 14px;
    }

    .tabs-item {
        padding-top: 15px;
        margin: 0 0px;
    }

    .tabs-item p {
        margin: 0 0 10px;
    }

    .search-box {
        background: #ffdc08;
        padding: 10px;
    }

    .search-box h3 {
        text-transform: uppercase;
        margin: 0 0 10px;
        font-size: 13px;
    }

    .city-list {
        padding: 6px 15px;
    }

    .search-conclusion .sc-item {
        font-size: 14px;
    }

    .sc-cell.quantity {
        margin-left: 0;
        width: 100%;
    }

    .map-link {
        text-align: center;
        background: #ffdc08;
        color: #000;
        padding: 5px;
        margin-top: 10px;
        display: block;
    }

    .tabs-item .map {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 6;
        background: #fff;
        display: none;
        top: 0;
        left: 0;
        margin: 0;
    }

    [data-item="2"].tabs-item .select-outer {
        display: none;
    }

    .ymaps-2-1-73-balloon__close-button {
        display: none !important;
    }

    .tabs-item .map.show {
        display: block;
    }

    .tabs-item .map #map {
        width: 90%;
        margin-left: 5%;
        height: 80%;
        top: 10%;

    }

    .map .close {
        display: block;
    }

    .box-map img {
        display: none;
    }

    .comments-wrap {
        font-size: 13px;
    }

    .comments-item {
        margin: 0 0 20px;
    }

    .select-outer h3 {
        text-transform: uppercase;
        font-size: 13px;
        margin: 0 0 10px;
    }

    .comments-rating {
        text-align: left;
        margin-top: 15px;
    }

    .comments-rating i {
        width: 15px;
        height: 15px;
        background: url(/local/templates/electrotorg/css/../images/star-all.png) -15px 0 no-repeat;
        background-size: 30px;
    }

    .comments-user .user-name,
    .comments-user .data {
        display: inline-block;
        width: 50%;
    }

    .comments-user .data {
        width: 48%;
        text-align: right;
    }

    .sc-item {
        display: block;
        margin: 0 0 15px;
    }

    .quantity {
        text-align: left;
    }

    .tabs-nav.desktop li {
        display: none;
    }

    .tabs-nav.desktop li:first-child {
        display: block;
    }

    .tabs-nav {
        margin-top: 15px;
    }

    /*    video      */
    .video-item {
        margin: 0 0 15px;
    }

    /*    quantity     */
    .quantity {
        margin-top: 5px;
    }

    .quantity:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .quantity > div:last-child {
        text-align: right;
    }

    /*   detail    */
    /*  news detail    */
    .main-detail-img {
        margin: 0 0 30px;
    }

    .news-content-img {
        text-align: center;
        margin: 30px 0;

    }

    .news-content-img img {
        width: 100%;
    }

    .news-detail {
        margin: 0 0 0px;
        font-size: 14px;
        padding: 0 15px 15px;
    }

    .news-detail .main-detail-img {
        margin: 0 -15px 15px;
    }

    /*  news detail    */
    /*  news list    */
    .news-item {
        margin: 0 0 30px;
        padding-bottom: 3px;
        font-size: 13px;
    }

    .news-item .data {
        font-size: 13px;
        padding: 6px 15px 5px;
    }

    .news-item h2 {
        margin: 6px 0 7px;
        font-size: inherit;
    }

    .pagination {
        text-align: center;
        font-size: 13px;
        margin: 0 -10px;
    }

    .pagination a {
        padding: 6px 0px 5px;
    }

    /*  news list    */
    .no-ico .cl-head {
        height: auto;
    }

    .no-ico .cl-name {
        padding: 9px 0 6px 0;
    }


    .filters-sidebar-btn {
        display: block;
    }

    .search-conclusion {
        margin: 0 -15px;
        height: auto;
    }

    .search-conclusion .sc-item {
        padding: 15px;
    }

    .tabs-item.active {

        min-height: auto;
    }

    .sc-cell {
        width: 80%;
    }

    .sc-cell.quantity {
        width: 20%;
    }

    .btn-buy.btn.btn-default {
        font-size: 16px;
        padding: 11px 20px 10px;
    }

    .btn-buy i.hover {
        display: none;
    }

    .dib-line {
        width: 100%;
    }

    .product-item-container .btn {
        margin-left: 0;
    }

    #bx-soa-auth .bx-authform input.btn-reg,
    .forma-wrap input.btn-reg {
        font-size: 16px;
        padding: 6px 65px;
    }

    .half-auth:nth-child(3) {
        padding: 0;
    }

    .half-auth {
        padding-right: 0;
    }

    .half-auth {
        width: 100%;

    }

    .bx-soa-section-content {
        padding: 10px 15px;
    }

    .basket-items-list-item-descriptions,
    .basket-items-list-wrapper-compact .basket-item-block-image {
        width: 100%;
        float: none;
        text-align: center;
        padding: 0;
    }

    .basket-item-price-current-text,
    .bi-cost .cost {
        font-size: 18px;
        margin-left: 0;
        font-family: "Roboro-Bold";
    }

    .basket-items-list-item-container {
        display: block;
        padding: 15px 15px 5px;
    }

    .basket-items-list-item-price {
        width: 100%;
        float: none;
        padding: 0;
    }

    .basket-items-list-wrapper-compact .basket-item-block-price > div {
        text-align: center;
    }

    .basket-item-amount-btn-plus,
    .basket-item-amount-btn-minus {
        border: 0;
        background: none;
    }

    .bx-soa .bx-soa-location-input-container {
        width: 100%;
    }

    input[type="text"].bx-ui-sls-fake {
        padding-top: 9px;
    }

    .bx-ui-sls-container {
        background: none;
    }

    .bx-sls .bx-ui-sls-clear {
        top: 24px;
    }

    .bx-soa-editstep {
        background: url(/local/templates/electrotorg/css/../images/ico-edit-input-b.png) center no-repeat;
        background-size: 20px;
        font-size: 0px;
        margin: 14px;
        width: 30px;
        height: 30px;
    }

    .bx_soa_location {
        padding: 15px 0 0px;
    }

    .bx-soa-reference {
        margin-top: 0;
        padding-bottom: 0;
    }

    .bx-soa-section {
        margin-bottom: 25px;
    }

    .bx-soa-cart-total,
    .basket-total {
        font-size: 16px;
    }

    .bx-soa .bx-soa-location-input-container.three {
        width: 100%;
    }

    .form-group br {
        display: none;
    }

    .bx-soa-location-input-container.main {
        margin-top: 20px;
    }

    .bx-soa .bx-soa-location-input-container.three input {
        width: auto;
        padding: 1px 15px;
    }

    .delivery-wrap {
        margin-top: -40px;
        margin-bottom: 29px;
    }

    .payment-item {
        font-size: 14px;
        margin: 0;
        padding-top: 0;
    }

    .custom-more-wrap {
        padding: 0 10px 0;
    }

    .payment-btn {
        height: 31px;
        padding: 6px 10px;
    }

    .payment-btn i {
        left: 15px;
        top: 6px;
    }

    .bx-soa-more-btn .btn {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .bx-soa-pp-company-selected,
    div.bx-soa-pp-price {
        text-align: center;
    }

    #bx-soa-paysystem .bx-soa-section {
        margin-top: 15px;
    }

    #bx-soa-properties textarea {
        margin-bottom: 0;
    }

    #bx-soa-total-mobile .btn.btn-order-save:hover,
    #bx-soa-total-mobile .btn.btn-order-save {
        font-size: 18px;
        padding: 12px 15px 10px;
        width: 100%;
    }

    /*    cabinet*/
    .bonus-program .bp-head {
        font-size: 18px;
    }

    .bonus-program .bp-head {
        font-size: 16px;
        padding: 15px 14px 12px;
    }

    .bp-head i {
        margin: 13px;
    }

    .cabinet-tabs h2 {
        width: 100%;
        font-size: 14px;
    }

    .bonus-program .change-prog {
        width: 100%;
        text-align: center;
        float: none;
        font-size: 16px;
        padding: 15px 16px 12px;

    }

    .bonus-program .change-prog i {
        width: 15px;
        height: 16px;
        margin: 20px;
    }

    .bonus-program .bp-body {
        padding: 0px 15px 15px;

    }

    .bonus-program .bp-table {
        font-size: 14px;
    }

    .bonus-program .table-line {
        padding: 5px 0;
    }

    .bonus-program .order-pay {
        padding: 15px 16px 12px;
        margin: 20px 0 30px;
        font-size: 16px;
    }

    .bonus-program .hint {
        font-size: 14px;
    }

    .bonus-program .bp-tabs {
        font-size: 14px;
    }

    .bonus-program h3 {
        font-size: 18px;
        margin: 18px 0 30px;
    }

    .bonus-program .bp-footer-inner.active {
        padding: 0 15px 30px;
    }

    .bonus-program .bp-footer-inner.active {
        display: block;
        font-size: 18px;

    }

    .bonus-program .footer-cell {
        text-align: center !important;
        font-size: 14px;
        margin: 0 0 15px;
    }

    .hover-info {
        display: block;
        opacity: 0;
        visibility: hidden;
    }

    .hover-info .cube {
        display: none;
    }

    .cl-item:hover .hover-info {
        visibility: hidden;
    }

    .cl-item.show .hover-info {
        visibility: visible;
        opacity: 1;
        z-index: 2;
        transform: translateY(10px);
    }

    .hover-info a:hover {
        color: inherit;
    }

    .hover-info a:before {
        top: 6px;
    }

    .hover-info a:hover:before {
        height: 10px;
        background: rgb(255, 255, 255);
        top: 6px;
    }

    .bg-hidden {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: -30px;
        background: #ccc;
        transition: ease-out 0.5s;
        opacity: 0;
        visibility: visible;
        z-index: 2;
    }

    .cl-item {
        overflow: hidden;
    }

    .cl-item.hover {
        opacity: 1;
    }

    .cl-item.show {
        overflow: visible;
    }

    .cl-item.show .bg-hidden {
        opacity: 0;
        visibility: hidden;
    }

    .btn-partner2 {
        text-transform: uppercase;
        position: relative;
        width: 100%;
        text-align: left;
        padding: 8px 0px 7px;
        padding-left: 60px;
        margin-top: 20px;
        margin-bottom: 15px;
        font-size: 16px;
    }

    .owl-looked img {

        display: flex;
        align-items: center;
    }

    #cntbasketitems {
        margin-left: -15px;
        background-position-y: 35px;
        background-position-x: 100%;
        font-size: 14px;
        line-height: 26px;
    }

    #cntbasketitems .smaller-count {
        font-size: 12px;
    }

    #bx-soa-region .bx-soa-section-content {
        padding: 15px;
    }

    #bx-soa-region .form-group {
        padding-bottom: 0;
        padding-top: 15px;
    }

    #bx-soa-region .bx-soa-more {
        padding-top: 0;
    }

    #bx-soa-region .bx-soa-more-btn .btn {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .wrapper .bx-soa-pp-company {
        z-index: 4;
    }

    #bx-soa-delivery .bx-soa-pp {
        padding: 5px 0 0px;
    }

    #bx-soa-paysystem .bx-soa-pp {
        padding-top: 0;
    }

    /*    cabinet*/
    .detail-img,
    .zoom-in {
        display: none;
    }

    .dai-item:active {
        transform: scale(1.0);
    }

    .btn-top .log-out {
        width: 100%;
    }

    .btn-top .log-out input[type="submit"] {
        font-size: 13px;
        padding: 10px 0 9px;
    }

    .cabinet-tab-item.delivery-item [type="text"] {
        width: 100%;
        padding: 11px 15px;
    }

    .cabinet-tab-item.delivery-item .btn {
        width: 100%;
        margin: 0 0 10px;
    }

    .cabinet-tab-item.history-item {
        margin-top: 9px;
        padding-bottom: 0;
    }


    .delivery-item.subscribe .ct-body {
        padding: 15px;
    }

    .delivery-item.subscribe .ct-body [type="submit"].btn {
        width: 100%;
        font-family: "Roboro-Bold";
        font-size: 13px;
        padding: 6px 15px;
        margin: 0;
    }

    .product-item-detail-pay-block {
        height: auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: -12px -25px;
    }


    body #ReaspektPopupBody {
        padding: 10px;
        left: 0 !important;
        top: 0 !important;
        width: 80%;
        height: 100%;
        padding-top: 50px;
        position: fixed !important;
    }

    #ReaspektPopupBody #ReaspektCloseBtn {

        right: 0px;
        top: -35px;
    }

    body .reaspekt_col-sm-4 {
        width: 100%;
        float: none;
    }

    .mobile-nav .choise-city .btn.border {
        width: 100%;
        border: 0;
        border-bottom: 2px solid #000;
    }

    .no-sky {
        top: 12px;
    }

    .cabinet-tab-item.history-item .basket-btn {
        left: 150px;
        background-color: #FFFFFF !important;
        transition: ease-out 0.25s;
        width: 25px;
        height: 40px;
        top: -9px;
        background-size: 100%;
    }

    .history-order .order-item .order-item-cost {
    }

    .history-order .order-item .cost-name {
        margin-right: -30px;
    }

    .mobile.bonus-btn {
        margin-left: 8px;
        margin: 0;
        border-bottom: 2px solid #000;
        width: 100%;
        padding: 5px 0;
        display: block;
        text-align: center;
        text-decoration: none;
        font-family: "Roboto-Bold";
    }

    .mobile.bonus-btn2 {
        margin-left: 8px;
        margin: 0;
        border-bottom: 2px solid #000;
        width: 100%;
        padding: 5px 0;
        display: block;
        text-align: center;
        text-decoration: none;
        font-family: "Roboto-Bold";
        font-size: 11px;
    }

    .question-wrap {
        top: 1px;
    }

    .bonus-program .line-name {
        width: 100%;
        text-align: center;
    }

    .bonus-program .question-box {
        left: auto;
        right: 0;
        width: 230px;
        padding-right: 19px;
    }

    .question-box:before {
        right: 10px;
        left: auto;
    }

    .bonus-program h2 {
        font-size: 25px;
        width: 100%;
        text-align: center;
    }

    .bonus-program .question-wrap {
        position: absolute;
        top: 6px;
        right: 5px;
    }

    .bonus-program .line-value {
        width: 100%;
        text-align: center;
    }

    .bonus-program .table-line {
        position: relative;
    }

    .b_tab {

        position: relative;
        overflow-x: scroll;
        display: block;
    }

    .b_tab tr:first-child td {
        border-color: #000;
    }

    .b_tab tbody {
        width: 1000px;
    }

    .forma-wrap .alert-danger {
        position: absolute;
        width: 100%;
        top: 0px;
        left: 0;
    }

    input.basket-item-amount-filed {
        padding-left: 3px;
        padding-right: 3px;
    }

    .tabBlock-content .tabBlock-pane {
        background: #fff;
        padding: 5px 0px 13px 0px;
        margin-bottom: 10px;
        display: none;
    }
}

@media (max-width: 375px) {
    .cost {
        width: 100%;
    }

    .add_basket-popup .bi-quantity {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .add_basket-popup .quantity-topic {
        width: auto;
        margin-right: auto;
    }

    .quantity-calculate {
        width: auto;
    }

    .product-about {
        width: 100%;
        text-align: left;
        margin-bottom: 15px;
    }
}

@media (max-width: 1650px) {
    .card-btn-container_new,
    .product-item-container .cost,
    .product-item-container .btn {
        width: 100%;
        text-align: center;
    }

    .product-item-container .btn-wc {
        margin: 10px 0 0 0;
        padding: 0;
    }

    .product-item-container .cost {
        padding-top: 6px;
    }

    .product-item-container .btn {
        margin: 0;
    }
}

@media (min-width: 1000px) and (max-width: 1200px) {
    header {
        min-height: 52px;
    }

    .product-item-container {
        font-size: 15px;
    }

    .logo {
        max-width: 260px;
        margin-top: 5px;
    }

    .cabinet-rigister, .city {
        margin-top: 20px;
    }

    .phone {
        text-align: center;
        font-size: 14px;
        margin-top: 20px;
    }

    .city {
        align-items: center;
        padding-bottom: 0px;
        height: 62px;
    }

    .basket-btn {
        height: 62px;
    }

    .stub {
        height: 95px;
    }

    .search .search-btn {
        padding: 10px 16px 9px;
    }
}

@media (max-width: 1280px) {
    .cl-item:hover .hover-info {
        transform: translateY(10px);
    }
}


@media (max-width: 600px) {
    .slidermob {
        display: block;
    }

    .sliderpc {
        display: none;
    }


    .toolbar .limiter {
        text-align: right;
        margin: 0;
        float: unset;
        padding: 0px 10px;
        color: #666;
        display: flex;
        justify-content: space-between;
    }

    body {
        font-family: Roboto;
    }

    .phonefooter {
        text-align: center;
    }

    .add_basket-popup .basklimit {
        margin-left: 160px;
    }

    .category-topic i {
        display: none;
    }

    .catalog-12 {
        padding: 0 5px;

    }

    .catalog-12 .flex-cart {
        display: flex;
        flex-wrap: wrap
    }

    .catalog-12 .product-img {
        width: 50%;
        order: -1;
    }

    .catalog-12 .flex-cart--column {
        width: 50%;
        height: unset;
        z-index: 11;
    }

    .catalog-12 .product-item-container h2 a, .product-container_new h2 a, .product-item-container .popup-title a {
        -webkit-line-clamp: unset;
    }

    .catalog-12 .product-item-container .btn-wc, .product-container_new .btn-wc {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 10px -10px 0px -10px;
    }

    .catalog-12 .product-item-container .cost {
        order: 1;
        font-size: 17px;
        font-family: Roboto Condensed;
    }

    .catalog-12 .btn-one-click {
        order: 2;
        padding: 0px 10px;
    }

    .catalog-12 .product-item-container .btn {
        order: 3;
        background: #000;
        color: #fff;
        width: 97px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-family: Roboto Condensed;
    }

    .catalog-12 .product-item-container .btn span {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .catalog-12 .product__button-wrap {
        padding: 0 0rem !important;
    }

    .price-center {
        background: #ffdc08;
        max-width: 140px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-family: Roboto Condensed;

    }

    .hidsearch {
        display: none;
    }

    .mobile-phone {
        display: none;
    }

    .catalog-12 .product-item-price-container {
        margin: 0;
    }

    .catalog-12 .btn {
        font-size: 13px;
        padding: 6px 10px 6px;
    }

    .catalog-12 .hrefsection {
        display: block;
        color: #8E8E8E;
        text-decoration: none;
        background: #f2f2f2;
        padding: 0px 5px;
    }

    .hrefsection1 {
        display: none;
    }

    .catalog-12 .btn-one-click {
        display: none;
    }

    .hrefproperty {
        display: flex;
        justify-content: flex-end;
    }

    .category-topic {
        font-size: 14px;
        margin: 0px 0 0;
    }

    .filters-name, .btn-filter {
        font-size: 12px;
    }

    .btn-filter {
        margin-left: 0px;
        padding-right: 20px;
    }

    .product-item-price-old {

        margin-top: 1px;
    }

    .filters-wrap {
        font-family: Roboto Condensed;
    }

    .proc {
        top: 4px;
        left: -9px;
    }
}

@media (max-width: 560px) {
    .comments-rating {
        margin-top: 0;
    }

    .card-product_slider #mainImage {
        height: auto;
    }
}

@media (max-width: 767px) {
    .city-popup-inner {
        position: absolute;
        width: 80%;
        height: 100%;
        background: #ffdc08;
        padding: 33px 30px 30px 35px;
        top: 0;
        left: 0;
        margin-left: 0;
        z-index: 2;
    }

    .city-popup-inner::after {
        display: block;
    }

    .city-popup {
        padding: 15px;
        background: #ffdc08;
    }

    .owl-dots {
        display: none;
    }

    .tc-delivery__item {
        margin: 0 10px 20px;
    }

    .tc-delivery__item:last-child {
        margin-top: -15px;
    }
}

@media (max-width: 1000px) {
    .current_chapter {
        padding-left: 19px;
    }

    .two-lvl-menu {
        padding-left: 19px;
    }

    /*    .toolbar-wrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            align-items: self-end;
        }
        .sort-new{
            padding-left: 0px;
        }*/

}

@media (max-width: 560px) {
    .tc-delivery__item {
        margin: 0 10px 20px;
        max-width: calc(100% - 20px) !important;
    }

    .tc-delivery__item:last-child {
        margin-top: 0;
        /*border-right: 1px solid #ccc;*/
    }
}

/* End */


/* Start:/local/templates/electrotorg/css/card-full.css?17107546675572*/
.card-btn-fast-buy {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.16);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Roboto-Bold';
    font-size: 18px;
    padding: 0.8rem 2.1rem;
    white-space: nowrap;
}

.cart-fast-buy-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.cart-fast-buy-wrap .text--with-icon {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    padding-right: 0.5rem;
}

.cart-fast-buy-wrap .text--with-icon svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.cart-fast-buy-wrap .text--with-icon > div {
    display: flex;
}

.cart-fast-buy-wrap .text--accent {
    color: #000;
    font-weight: bold;
}

.points-take .text--accent {
    color: #ffa900;
}

.cart-fast-buy-wrap .price--red {
    color: #f84147;
}

.cart-fast-buy-wrap .price--green, .text--success {
    color: #018300 !important;
}

.text--success {
    font-weight: bold;
}

.product-item-detail-pay-block .value-field-detail {
    width: 40px;
    height: 34px;
    border: 2px solid #000;
}

.detail-wrap {
    padding: 8px 10px;
}

.di-body {
    margin-top: 40px;
}

.dib-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dib-row .dib-line:last-child {
    margin-left: auto;
}

.card-info-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.review-wrap {
    align-items: center;
}

.review-wrap:hover {
    cursor: pointer;
}

.card-info-wrap .review-stars {
    display: flex;
    align-items: center;
    margin-left: 0.5rem;
}

.card-review svg path {
    fill: #e3e3e3;
}

.card-info-wrap .card-review {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
}

.card-info-wrap .card-review.active svg path {
    fill: #ffa900;
}

.card-info-wrap > span {
    margin-right: 45px;
}

.card-full-block-delivery {
    margin-top: 2rem;
}

.name-new-where-buy {
    margin: 0;
}

.card-inner-delivery {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-family: 'Roboto-Medium';
    padding: 0.5rem 1rem;
    background: #ffdc06;
}

.card-inner-delivery .name-city {
    border: none;
    font-size: 18px;
    color: white;
    background: #000;
    margin-left: 1rem;
}

.card-inner-delivery .name-city:visited, .card-inner-delivery .name-city:focus {
    outline: 0;
}

.card-inner-delivery-body .search-conclusion {
    height: auto !important;
}

.card-inner-delivery-body {
    padding: 1rem;
}

.card-inner-delivery-item {
    display: flex !important;
    flex-wrap: wrap;
    margin-top: 0.5rem;
    font-size: 14px;
}

.link-cdek-point__link {
    text-decoration: underline;
    color: #0089ff;
    font-size: 14px;
}

.link-cdek-point__link:hover {
    cursor: pointer;
}

.card-inner-inline {
    display: flex;
    flex-direction: column;
    width: 65%;
    padding-right: 0.5rem;
}

.card-inner-inline .sc-cell {
    width: 100%;
    flex-width: wrap;
}

.card-inner-tk {
    width: 35%;
}

.card-inner-adress-line {
    font-size: 14px;
}

.card-inner-adress-line svg {
    width: 1rem;
    fill: #ffa900;
}

.detail-info__link {
    font-size: 12px;
}

.store-block.show {
    display: block !important;
}

.info-block {
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
}

.info-block__item {
    display: flex;
    justify-content: space-between;
    width: 48%;
    padding: 0 0 12px 12px;
    border: 1px solid #D8D8D8;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.info-block__title {
    padding-top: 12px;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.info-block__list-item {
    font-size: 14px;
    line-height: 26px;
}

.info-block__img img {
    height: 54px;
    object-fit: contain;
}

.info-block__img img.lock {
    min-width: 54px;
}

.info-block__text {
    font-size: 14px;
    line-height: 26px;
}

.info-block__list {
    margin: 0;
    padding: 0 0 0 17px;
}


/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    .card-product_slider #thumbs-card .product-card-slider_item {
        height: 14rem;
    }
}

@media (max-width: 1333px) {
    .card-inner-delivery-body {
        padding: 1rem 0;
    }

    .card-inner-delivery-item .sc-cell {
        flex-wrap: wrap;
        width: 50%;
    }

    .card-inner-delivery-item .sc-cell.quantity {
        width: 50%;
    }

    .card-inner-delivery-item {
        border-bottom: solid 1px #e3e3e3;
        padding-bottom: 0.5rem;
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .card-inner-inline, .card-inner-tk {
        width: 100%;
    }

    .card-inner-tk {
        margin-top: 1rem;
    }
}

@media (max-width: 576px) {
    .info-block {
        flex-direction: column;
    }

    .info-block__item {
        width: 100%;
    }

    .info-block__item:not(:last-child) {
        margin-bottom: 30px;
    }

    .cart-fast-buy-wrap .text--with-icon svg {
        width: 2rem;
        height: 2rem;
    }

    .card-full-block-delivery .map {
        height: auto !important;
        margin: 0 0 0;
    }
}

@media (max-width: 576px) {

    .card-btn-fast-buy {
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.16);
        box-shadow: unset;
        font-family: 'Roboto-Bold';
        font-size: 13px;
        padding: 13px 24px;
        white-space: nowrap;
    }

    .quantity-calculate-detail {

        text-align: left;
    }
}
/* End */


/* Start:/local/components/reaspekt/reaspekt.geoip/templates/el_geoip/style.css?17107546538306*/
.wrapGeoIpReaspekt{
	font-family: Arial;
}
#ReaspektPopupBody{
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 49%, #dbdbdb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f2f2f2 49%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f2f2f2 49%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
    font-family: Arial;
}
.reaspektGeobaseTitle {
    color: #363636;
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.reaspekt_row {
    margin-left: -15px;
    margin-right: -15px;
}
.reaspekt_row:after {
    clear: both;
}
.reaspekt_row:before, .row:after {
    content: " ";
    display: table;
}
.reaspekt_clearfix:before, 
.reaspekt_clearfix:after {
    content: "";
    display: table;
}
.reaspekt_clearfix:after {
    clear: both;
}
.reaspekt_col-sm-4,
.reaspekt_col-sm-12 {
    box-sizing: border-box;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
}
.reaspekt_col-sm-4 {
    width: 33.3333%;
}
.reaspekt_col-sm-12 {
    width: 100%;
}
.reaspektGeobaseCities .reaspektGeobaseAct{
	margin-bottom: 15px;
	line-height: 100%;
}
.reaspektGeobaseCities .reaspektGeobaseAct a,
.reaspektGeobaseCities .reaspektGeobaseAct strong{
	font-size: 14px;
    line-height: 100%;
	color: #363636;
    white-space: nowrap;
}
.reaspektGeobaseCities .reaspektGeobaseAct a:hover {
    color: #000000;
    text-decoration: underline;
}
.reaspektGeobaseFind {
    margin: 0 0 25px 0;
    position: relative;
}

#reaspekt_preloader {
    background: rgba(0, 0, 0, 0.3) url(/local/css/reaspekt/reaspekt.geobase/images/preloader.png) no-repeat center center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}

.wrapGeoIpReaspekt {
	position: relative;
	display: inline-block;
}
.wrapGeoIpReaspekt .linkReaspekt{
	color: #1989CB;
	text-decoration: none;
	border-bottom: 1px dashed #1989CB;
	cursor: pointer;
	line-height: 100%;
	display: inline-block;
}
.wrapGeoIpReaspekt .linkReaspekt:hover{
	border-bottom-color: transparent;
}
.wrapQuestionReaspekt{
	position: absolute;
	left: 0;
	top: 100%;
	white-space: nowrap;
	z-index: 5;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 -1px 7px -1px #000;
	margin-top: 10px;
}
.wrapQuestionReaspekt:before{
	position: absolute;
	border-bottom: 5px solid #ffffff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: "";
	display: block;
	right: 50%;
	bottom: 100%;
}
.questionYourCityReaspekt{
	padding: 10px 10px 5px;
}
.questionCityReaspekt{
	padding: 0 10px 10px;
}
.questionButtonReaspekt {
    background-color: #1989cb;
    border-radius: 0 0 5px 5px;
    color: #ffffff;
	overflow: hidden;
}
.questionNoReaspekt, .questionYesReaspekt {
    box-sizing: border-box;
    float: left;
    font-size: 16px;
    line-height: 100%;
    padding: 10px;
    text-align: center;
    width: 50%;
	cursor: pointer;
}
.questionNoReaspekt{
	border-right: 1px solid #005287;
}
.questionYesReaspekt {
    border-left: 1px solid #68c7ff;
}
.questionNoReaspekt:hover, .questionYesReaspekt:hover{
	background-color: #18A5F7;
}
.questionNoReaspekt:active, .questionYesReaspekt:active{
	box-shadow: 0 4px 4px -3px #000 inset;
}.wrapGeoIpReaspekt{
	font-family: Arial;
}
#ReaspektPopupBody{
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 49%, #dbdbdb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f2f2f2 49%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f2f2f2 49%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
    font-family: Arial;
}
.reaspekt_geobase_title {
    color: #363636;
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.reaspekt_row {
    margin-left: -15px;
    margin-right: -15px;
}
.reaspekt_row:after {
    clear: both;
}
.reaspekt_row:before, .row:after {
    content: " ";
    display: table;
}
.reaspekt_clearfix:before, 
.reaspekt_clearfix:after {
    content: "";
    display: table;
}
.reaspekt_clearfix:after {
    clear: both;
}
.reaspekt_col-sm-4,
.reaspekt_col-sm-12 {
    box-sizing: border-box;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
}
.reaspekt_col-sm-4 {
    width: 33.3333%;
}
.reaspekt_col-sm-12 {
    width: 100%;
}
.reaspekt_geobase_cities .reaspekt_geobase_act{
	margin-bottom: 15px;
	line-height: 100%;
}
.reaspekt_geobase_cities .reaspekt_geobase_act a,
.reaspekt_geobase_cities .reaspekt_geobase_act strong{
	font-size: 14px;
    line-height: 100%;
	color: #363636;
    white-space: nowrap;
}
.reaspekt_geobase_cities .reaspekt_geobase_act a:after {
    background: #407da6 none repeat scroll 0 0;
}
.reaspekt_geobase_find {
    margin: 0 0 25px 0;
    position: relative;
}

#reaspekt_preloader {
    background: rgba(0, 0, 0, 0.3) url(/local/css/reaspekt/reaspekt.geobase/images/preloader.png) no-repeat center center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}

#reaspektGeobaseSearch {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #363636;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #363636;
    font: 14px/18px Arial,sans-serif;
    height: auto;
    padding: 7px 8px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    width: 100%;
    box-sizing: border-box;
}
#reaspektGeobaseSearch:focus{
    box-shadow: 0 2px 4px -1px #999 inset;
}
.reaspektResultCityAjax {
    background: #f2f2f2 none repeat scroll 0 0;
    height: 140px;
    overflow: auto;
    padding: 10px;
    top: 100%;
    width: 100%;
    z-index: 3;
}
.reaspektSearchCity {
    line-height: 26px;
}
.reaspektSearchCity a{
    color: #363636;
    font-size: 14px;
    line-height: 100%;
}
.reaspektSearchCity a:hover{
    text-decoration: underline;
}
.wrapGeoIpReaspekt {
	position: relative;
	display: inline-block;
}
.wrapGeoIpReaspekt .linkReaspekt{
	color: #1989CB;
	text-decoration: none;
	border-bottom: 1px dashed #1989CB;
	cursor: pointer;
	line-height: 100%;
	display: inline-block;
}
.wrapGeoIpReaspekt .linkReaspekt:hover{
	border-bottom-color: transparent;
}
.wrapQuestionReaspekt{
	position: absolute;
	left: 0;
	top: 100%;
	white-space: nowrap;
	z-index: 5;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 -1px 7px -1px #000;
	margin-top: 10px;
}
.wrapQuestionReaspekt:before{
	position: absolute;
	border-bottom: 5px solid #ffffff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: "";
	display: block;
	right: 50%;
	bottom: 100%;
}
.questionYourCityReaspekt{
	padding: 10px 10px 5px;
}
.questionCityReaspekt{
	padding: 0 10px 10px;
}
.questionButtonReaspekt {
    background-color: #1989cb;
    border-radius: 0 0 5px 5px;
    color: #ffffff;
	overflow: hidden;
}
.questionNoReaspekt, .questionYesReaspekt {
    box-sizing: border-box;
    float: left;
    font-size: 16px;
    line-height: 100%;
    padding: 10px;
    text-align: center;
    width: 50%;
	cursor: pointer;
}
.questionNoReaspekt{
	border-right: 1px solid #005287;
}
.questionYesReaspekt {
    border-left: 1px solid #68c7ff;
}
.questionNoReaspekt:hover, .questionYesReaspekt:hover{
	background-color: #18A5F7;
}
.questionNoReaspekt:active, .questionYesReaspekt:active{
	box-shadow: 0 4px 4px -3px #000 inset;
}
/* End */


/* Start:/local/css/reaspekt/reaspekt.geobase/style.css?1710754667974*/
.ReaspektPopupOverlay {
	height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
	background-color: #000;
	filter: alpha(opacity=60); 	/*Filter for IE*/
}
#ReaspektPopupBody {
    position: absolute !important;
    padding: 30px 50px;
    left: 0;
    top: 0;
    /*width: 500px;
    min-height: 100%;
    height: 1000px;*/
    z-index: 510;
    background-color: #fff;
	box-shadow: 0px 0px 15px #000000;
    box-sizing: border-box;
}
#ReaspektPopupBody .ReaspektClosePosition {
	position: relative;
}

#ReaspektPopupBody #ReaspektCloseBtn {
	position: absolute;
	right: -40px;
    top: -20px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background:url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat top;
}

#ReaspektPopupBody #ReaspektCloseBtn:hover {
	background: url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat 0 -24px;
}

#ReaspektPopupContainer {
	max-width: 900px;
}
/* End */
/* /local/templates/electrotorg/components/bitrix/menu/el_top/style.css?1710754666852 */
/* /local/components/arturgolubev/search.title/templates/electrotorg/style.css?171075465414014 */
/* /local/templates/electrotorg/components/bitrix/menu/el_subtop/style.css?1710754666718 */
/* /local/components/bitrix/sale.basket.basket.line/templates/electrotorg/style.css?17486992114116 */
/* /local/components/sds/catalog.menu/templates/electrotorg/style.css?17486992112993 */
/* /local/components/sds/catalog.menu/templates/mobile/style.css?17297568103647 */
/* /local/templates/electrotorg/components/bitrix/breadcrumb/.default/style.css?1710754666394 */
/* /local/templates/electrotorg/new/css/fonts.css?17107546663281 */
/* /local/templates/electrotorg/new/fancybox/jquery.fancybox.min.css?171075466612795 */
/* /local/templates/electrotorg/new/css/geo.css?17308878256155 */
/* /local/templates/electrotorg/new/css/style.css?173088782531052 */
/* /local/templates/electrotorg/css/style_1400.css?17122156501152 */
/* /local/templates/electrotorg/css/style_1200.css?17205870264271 */
/* /local/templates/electrotorg/css/style_992.css?17107546675323 */
/* /local/templates/electrotorg/css/style_768.css?17107546673150 */
/* /local/templates/electrotorg/css/style_576.css?17195615014451 */
/* /local/templates/electrotorg/css/style_480.css?17107546671872 */
/* /local/templates/electrotorg/css/desktop-menu.css?17107546675556 */
/* /local/templates/electrotorg/css/owl.carousel.css?17107546674141 */
/* /local/templates/electrotorg/css/animate.css?171075466779459 */
/* /local/templates/electrotorg/css/slick.css?17107546671750 */
/* /local/templates/electrotorg/css/slick-theme.css?17107546673165 */
/* /local/templates/electrotorg/css/style.css?1720587026342025 */
/* /local/templates/electrotorg/css/card.css?171075466714259 */
/* /local/templates/electrotorg/css/response.css?171075466758860 */
/* /local/templates/electrotorg/css/card-full.css?17107546675572 */
/* /local/components/reaspekt/reaspekt.geoip/templates/el_geoip/style.css?17107546538306 */
/* /local/css/reaspekt/reaspekt.geobase/style.css?1710754667974 */