/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

.pagewrapper > * {
	max-width: 100%;
}
.pagewrapper > * > * {
	max-width: 100%;
}
.videowrapper {
	padding: 15px;
}

.tabs .nav.nav-tabs a {
	padding: 15px;
}

.catalog_item .price,
.view-list .price,
.fast_view_frame.popup .catalog_detail .prices_block .price {
	display: block;
}

.colored_table.colored_table-less_padding tr td {
	padding: 8px 16px;
}

footer .info .blocks.time:before {
	background: url(/images/time.png) 0 0 no-repeat;
}

@media (max-width: 991px) {
	body .top_slider_wrapp .flexslider .slides > li {
		background-size: cover !important;
	}
}

/* Скрываем ошибку в корзине */
.count-cell div.error {
	display: none !important;
}

.catalog_block .item-stock,
.catalog_block .article_block {
	display: none;
}

.leto-logo {
	max-width: 100%;
	height: auto;
}

/* .basket-coupon-section {
	visibility: hidden !important;
	opacity: 0 !important;
}

.basket-coupon-alert-section {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
} */

.basket-coupon-alert-section {
	min-width: 100%;
}
.basket-link.basket .title .count {display: none}

.logo-row .logo img, .logo-row .logo svg {
    width: auto;
}

@media (max-width: 600px) {
	#mobileheader .wrap_cabinet {
		display: block;
	}
}

@media (max-width: 415px) {
	#mobileheader .wrap_icon {
		padding-left: 10px;
		padding-right: 10px;
		display: block;
	}
}

.bx-soa-coupon {
	display: none;
}

.view_sale_block .quantity_block {
	display: none;
}

.catalog_block .catalog_item img {
	width: auto;
}

.address__working_time {
	margin-bottom: 2px;
}

/*top main slider*/
@media screen and (max-width: 767px) {
	.top_slider_wrapp .flexslider, .top_slider_wrapp .flexslider .slides>li, .top_slider_wrapp .flexslider .slides>li td {
		height: 540px!important;
	}
}
@media screen and (max-width: 650px) {
	.top_slider_wrapp .flexslider, .top_slider_wrapp .flexslider .slides>li, .top_slider_wrapp .flexslider .slides>li td {
		height: 450px!important;
	}
}
@media screen and (max-width: 580px) {
	.top_slider_wrapp .flexslider, .top_slider_wrapp .flexslider .slides>li, .top_slider_wrapp .flexslider .slides>li td {
		height: 390px!important;
	}
}
@media screen and (max-width: 533px) {
	.top_slider_wrapp .flexslider, .top_slider_wrapp .flexslider .slides>li, .top_slider_wrapp .flexslider .slides>li td {
		height: 360px!important;
	}
}
@media screen and (max-width: 480px) {
	.top_slider_wrapp .flexslider, .top_slider_wrapp .flexslider .slides>li, .top_slider_wrapp .flexslider .slides>li td {
		height: 320px!important;
	}
}
@media screen and (max-width: 450px) {
	.top_slider_wrapp .flexslider, .top_slider_wrapp .flexslider .slides>li, .top_slider_wrapp .flexslider .slides>li td {
		height: 295px!important;
	}
}
@media screen and (max-width: 420px) {
	.top_slider_wrapp .flexslider, .top_slider_wrapp .flexslider .slides>li, .top_slider_wrapp .flexslider .slides>li td {
		height: 275px!important;
	}
}
@media screen and (max-width: 390px) {
	.top_slider_wrapp .flexslider, .top_slider_wrapp .flexslider .slides>li, .top_slider_wrapp .flexslider .slides>li td {
		height: 250px!important;
	}
}
/*/top main slider*/
.sticker_ozhidaetsya {
	background-color: #6b6b6b !important;
}
.sticker_besplatnaya_dostavka {
	background-color: purple !important;
}

.social-icons li.dzen a {
    background-color: #4f5a6b;
    background: url(../images/dzen.png) -4px -4px no-repeat;
}
.social-icons li.rutube a {
    background-color: #4f5a6b;
    background: url(../images/rutube.png) -4px -4px no-repeat;
}
.social-icons li.dzen a, .soc-avt a i.dzen,
.social-icons li.rutube a, .soc-avt a i.rutube {
    background-position: unset;
	background-size: contain;
}

.links {display:flex; flex-wrap: wrap; width: 600px; margin: 0 auto;}
.links .item {width: 46%; text-align:center; padding: 20px; border: 1px solid orange; margin: 2%;}
.links img {width: 80px; height: auto;}
.links a:link, .links a:visited, .links a:hover, .links a:active {color: #000;} 
@media screen and (max-width: 650px) {
	.links {width: 90%}
	.tizers_block .item .title a, .tizers_block .item .title { font-size: 14px;}
	#mobileheader .logo img {max-height: 52px; width: auto}
	.top_block a {text-align: right; margin: 10px 0; display: inline-block;}
	.wrapper_inner .specials_slider_wrapp ul.tabs>li span, .wrapper_inner .tab_slider_wrapp ul.tabs>li span {font-size: 15px;}
	.specials_slider_wrapp ul.tabs > li span, .tab_slider_wrapp ul.tabs > li span {margin-bottom: 5px}
	.catalog_item .item-title a, .catalog_item .item-title a span, .view-item .item-title a span {font-size: 15px; margin-bottom: 5px}
	.module_products_list td.price-cell .cost.prices .price, .wrapper_inner .cost.prices .price {font-size: 16px;}
	.sale_block .text {font-size: 13px;}
	.btn.btn-default.basket {font-size: 15px;}
}

.fresh-chat-container {
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 4;
}
.fresh-chat-image {
    width: 60px;
    height: 60px;
    background-color: #fa6b00;
    border-radius: 50px 15px 50px 50px;
    text-align: center;
    box-shadow: 0 4px 5px 0 #383838;
}
.fresh-chat-words {
    position: relative;
    top: 21px;
    width: 25px;
    height: 17px;
    background-color: #fff;
    border-radius: 25px 25px 25px 10px;
    text-align: center;
    margin: auto;
}
.fresh-chat-line-1 {
    background-color: #fa6b00;
    height: 2px;
    width: 15px;
    position: relative;
    top: 5px;
    left: 5px;
}
.fresh-chat-line-2 {
    background-color: #fa6b00;
    height: 2px;
    width: 10px;
    position: relative;
    top: 8px;
    left: 5px;
}
.catalog_item .image_wrapper_block {margin-bottom: 20px}
.sale_block .value {
    position: absolute;
    top: 198px;
    padding: 2px 10px;
    left: calc(50% - 28px);
    font-size: 15px; line-height: 19px;
}
@media (max-width: 550px) {
	.sale_block .value {top: 175px; font-size: 11px;}
	.wrapper_inner .catalog_item .image_wrapper_block {margin-bottom: 10px}
}
.catalog_detail .sale_block .value {top: 140px; left: calc(50% - 25px); line-height: 21px;}
#fast_view_item .catalog_detail .item_main_info {position: relative}
#fast_view_item .sale_block .value {top: 10px; left: 270px;}
.display_list .sale_block .value {top: 10px; left: unset; right: 10px}
.table .sale_block .value {top: 10px; left: 10px}
.catalog .sort_filter {display: flex; flex-wrap: wrap;}
.catalog .sort_title {color: #333; font-size: 13px; line-height: 13px; display: inline-block; margin: 0 20px 0 0;}

.block .catalog_block .catalog_item_wrapp .catalog_item, .specials.tab_slider_wrapp ul.tabs_content li.tab .catalog_block>div.item {padding: 3px; box-shadow: none}
.block .catalog_block .catalog_item_wrapp .catalog_item > div, body .tabs_slider .catalog_item .inner_wrap {border-radius: 12px; border: 0; padding: 12px; position: relative; box-shadow: 0px 0px 0px 1px #F2F2F2 inset;}
.catalog_block .catalog_item img, .catalog_detail .item_main_info, .catalog_detail .item_main_info .slides img {border-radius: 12px; }
.image_wrapper_block, .image_wrapper_block a {height: 200px}
.stickers [class*="sticker_"] {border-radius: 3px}


.top_big_banners .wrap_tizer .wrap_outer.title, 
.wrap_tizer .wrap_outer .outer_text,
.top_big_banners .item .item_inner,
.top_slider_wrapp .flexslider .flex-viewport {border-radius: 12px}
.bx-mac .top_slider_wrapp .flexslider .slides > li {left: 0}

.front_page .module-pagination, .forum-info-box, .forum-block-inner .forum-form .forum-post-table.forum-post-first, #REPLIER .forum-reply-field.forum-reply-field-settings {display:none}
.forum-post-entry {overflow: hidden}

.cabinet-dropdown .cabinet-dropdown__item--link {font-size: 13px}
.wrapp-cabinet-menu.icon-cabinet-text, .personal-link.dark-color.with_dropdown {height: 45px; display: flex; align-items: center;}
.phone.with_dropdown .phone-block__item {padding: 10px 15px; border-bottom: 1px solid #ddd;}

#basket-root .basket-item-actions-remove:after, 
#basket-root .basket-item-actions-remove:before, 
#basket-root .basket-items-list-item-clear-btn:after, 
#basket-root .basket-items-list-item-clear-btn:before {width: 2px; height: 14px;}

.catalog_block.items .price_title {line-height: 14px; font-size: 11px;}

.software-choice {margin-bottom: 30px}

@media (max-width: 500px) { 
	body .order-block .text {padding-left: 100px; text-align: left;}
	.webp .order-block .text:before {left: 25px;}
}
@media (max-width: 550px) {
	body .catalog_block.block_list .item_block, .specials.tab_slider_wrapp ul.tabs_content li.tab .catalog_block>div.item {width: 50% !important;}
	.catalog_block .catalog_item .sku_props {max-height: 62px; overflow: hidden; position: relative;}
	.sku_props .bx_item_section_name:after {content: ">"; transform: rotate(90deg); position: absolute; margin-left: 8px; font-weight: bold; color: #333; font-size: 14px;}
	.catalog_block .catalog_item .sku_props:hover {max-height: unset; overflow: unset; height: auto !important; background: white; z-index: 2;}
	.item_block:hover .catalog_block .catalog_item_wrapp.item {height: auto !important;}
	.sku_props:hover .bx_item_section_name:after {transform: rotate(270deg);}
	.catalog_block.block_list .item_block .to-subscribe {white-space: unset;}
	.block .catalog_block .catalog_item_wrapp .catalog_item {overflow: unset}
	.block .catalog_block .catalog_item_wrapp .catalog_item > div, body .tabs_slider .catalog_item .inner_wrap {padding: 5px; background:#fff}
	.image_wrapper_block, .image_wrapper_block a {height: 190px}
	/*.maxwidth-theme, .wrapper_inner { padding-left: 5px; padding-right: 5px; } // рвет главную страницу, если нужно точечно, прописать внешний класс */
	.mobile .catalog_item .item_info {padding: 8px 0}
	.item_slider .slides {height: 340px; padding-top: 15px}
	.item_slider.flex .slides>li>a {height: 320px}
	.front_page .tizers_block {margin-top: 0}
	/*.front_page .tizers_block .col-xs-6:nth-child(1), .front_page .tizers_block .col-xs-6:nth-child(2) {display: none}*/

	#basket-root .basket-item-actions-remove:after, 
	#basket-root .basket-item-actions-remove:before, 
	#basket-root .basket-items-list-item-clear-btn:after, 
	#basket-root .basket-items-list-item-clear-btn:before {width: 5px; height: 17px; background: #222;}
	#basket-root .basket-items-list .basket-items-list-item-container > td:first-child {padding-left: 20px; padding-top: 10px}
	#basket-root .basket-items-list .basket-item-block-info {padding-right: 26px}
}

@media (max-width: 991px) {
	.wrapp-cabinet-menu.icon-cabinet-text, .personal-link.dark-color.with_dropdown {height: 63px}
	.scroll {overflow-x: auto;}
}
@media (min-width: 1200px) and (max-width: 1220px) {
	.wrapp-cabinet-menu span {width: 115px; overflow: hidden; white-space: nowrap;}
}

/*LB-03-02*/
.bx-context-toolbar-copy-url {
	background: scroll transparent url("/bitrix/js/main/core/images/panel/top-panel-sprite-2.png") no-repeat -85px -1795px !important;
}
span.bx-context-toolbar-button-hover .bx-context-toolbar-copy-url{
	background: scroll transparent url("/bitrix/js/main/core/images/panel/top-panel-sprite-2.png") no-repeat -85px -1830px !important;
}
@media (max-width: 450px) {
    .breadcrumbs .bx-breadcrumb-item {
        margin: 0 5px; 
    }
    .title-v3 .page-top.maxwidth-theme {padding: 15px 5px}
    body .sort_header .sort_filter, .sort_header .sort_display {display: none}
    body .filter_opener span {display: inline-block; margin-left: 10px;}
    .adaptive_filter, .adaptive_filter .filter_opener {width: 100%; text-align: center}
}

/**/
.c__social {
	display: inline-flex;
	align-items: flex-end;
	column-gap: 8px;
}
.c__social a {
	display: flex;
	height: 30px;
	align-items: center;
}
.icon__rutube:hover path{
	fill: #1d2029
}
#bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company {margin-top: 10px;}
#bx-soa-order .bx-soa-pp-company-graf-container {height: 52px; width: 152px;}
#bx-soa-order .bx-soa-pp-company-graf-container .bx-soa-pp-company-image {height: 50px; width: 150px;}

.sku_props ul li.missing, .ik_select_dropdown ul li.missing {opacity: 1}

#mobilefilter {
    background: #f9f9f9;
    z-index: 3010;
    overflow: hidden;
    transition: left .4s ease 0s,opacity .4s ease 0s;
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    width: 320px;
    max-width: 100%;
}

#mobilefilter.show {
    left: 0;
    box-shadow: 3px 0 10px 0 rgba(0,0,0,.45);
}

#mobilefilter .bx_filter.bx_filter_vertical {
    -webkit-box-shadow: none;
    height: 100%;
    top: 0 !important;
}
#mobilefilter .svg.svg-close {
    background-color: #888888;
    right: -2px;
    min-width: 14px;
    min-height: 14px;
    top: 4px;
    position: absolute;
    cursor: pointer;
}
#mobilefilter .count_selected,
#mobilefilter .bx_filter .bx_filter_block .bx_filter_popup_result.right#modef_mobile {
  display: none !important;
}
.catalog_block.items .item_block {margin-bottom: 20px}

/*LB-06-20*/
#dadata-company {
	position: absolute;
	top: 100%;
	max-height: 60px;
	overflow: scroll;
	background: #fff;
	z-index: 5;
	border: 1px solid #eeeeee;
	border-radius: 2px;
	width: 100%;
	font-size: 14px;
	display: none;
}
#dadata-company.show {
	display: block;
}
#dadata-company .dadata-item {
	padding: 8px 13px;
}
#dadata-company .dadata-item:hover {
	cursor: pointer;
	background-color: #f7f7f7;
}

.personal_wrapper .orders_wrapper .sale-order-list-inner-row .sale-order-list-shipment-button-container {
	padding: 6px 23px 0;
}

.marketing-popup.popup-text-info--has-img .popup-text-info__picture > div {background-size: contain; background-repeat: no-repeat;}

/* new header */
.contacts_block {background: #F5F6F7;}
.contacts_block .maxwidth-theme {background: none}
.contacts_block .address-block {color: #898989; display: flex}
.contacts_block .contacts_row {display: flex; justify-content: space-between; align-items: center; height: 40px}
.contacts_block .phone-block {display: flex; gap: 20px}
.contacts_block .with_dropdown .dropdown {z-index: 15}
.contacts_block .phone-block a {color: #33373F}
.contacts_block .phone-block .colored, .contacts_block .support-block a {color: #29AFF6;}
.header-new .logo-row .logo {height: 70px;}
.header-new .menu-row .menu-only .mega-menu {border-top: 0; border-bottom: 1px solid #f2f2f2;}
.header-new .mega-menu table {width: auto; margin: 0 auto;}
.header-new .menu-row .table-menu .menu-item a {font-weight: normal; color: #555; font-size: 14px; padding: 20px 25px !important}
.header-new .menu-row .table-menu td:hover .dropdown-menu {min-width: 230px; padding: 10px 0}
.header-new .menu-row .table-menu .menu-item li a {padding: 10px 15px !important}
.header-new .menu-row.middle-block .mega-menu table td.dropdown .wrap>a:not(.more-items):after {right: 3px}
.header-new .logo_and_menu-row .inner-table-block {height: 70px}
.header-new .logo_and_menu-row .right-icons .basket-link {text-align: center; width: 55px; margin-right: 19px; padding:0}
.header-new .logo_and_menu-row .right-icons svg {width: 18px; height: 18px}
#header .header-new .logo_and_menu-row .right-icons .wrap_icon {padding: 0}
#header .header-new .logo_and_menu-row .title {font-size: 12px; color: #B7BDC6; font-weight: 500; position: absolute; bottom: -22px; left: 0; width: 100%; text-align: center; margin: 0}
#header .header-new .logo_and_menu-row .count {top: -2px; left: 37px;}
#header .header-new .logo_and_menu-row .basket-link .wrap, #header .header-new .logo_and_menu-row .personal-link .wrap {display:block; margin: 0}
.header-new .logo_and_menu-row .basket-link .wrap {margin: 0}
.header-new .logo_and_menu-row .basket-link .wrap .prices {display: none}
.header-new .personal-link.dark-color {width: 68px; height: auto; justify-content: center; position: relative; text-align: center}
.header-new .logo_and_menu-row .personal-link.dark-color .name {display: none}
.header-new .mega-menu table td .wrap>a, .header-new .logo_and_menu-row .search-wrapper {height: 90px}
.header-new .logo_and_menu-row .search .search-input {border:0; border-radius: 10px}
.header-new .wrapp-cabinet-menu span {width: auto}
.header-new .logo_and_menu-row .wrap_icon .svg-inline-cabinet {top: 1px}
.header-new .logo_and_menu-row .catalog {visibility: unset; opacity: 1;}
.header-new .logo_and_menu-row .catalog table {float: right}
.header-new .logo_and_menu-row .nosave .more-items { width: 0; padding: 0;}
.header-new .logo_and_menu-row .mega-menu table td:hover>.wrap>.dropdown-menu {left: -290px !important; width: 1290px; display: flex; flex-wrap: wrap; padding: 30px;}
.header-new .logo_and_menu-row .dropdown-menu li, .header-new .logo_and_menu-row .mega-menu table .dropdown-submenu {width: 25%; }
.header-new .mega-menu table .dropdown-menu li a { font-size: 14px; font-weight: normal; white-space: pre-wrap; border-top: 0; }
.header-new .mega-menu table td {border: 1px solid transparent}
.header-new .mega-menu table td.active, .header-new .mega-menu table td:hover {border-bottom: 1px solid #666;}
.header-new .catalog.mega-menu table td.active {border-bottom: 0;}
.header-new .logo_and_menu-row .catalog.wide_menu .dropdown-toggle {background: #333; color: #fff; border-radius: 10px; height: 42px; padding: 9px 20px; font-size: 15px;}
.header-new .mega-menu table td .wrap>.dropdown-menu>li:first-of-type:before, .header-new .mega-menu table td .wrap>a .line-wrapper .line {display:none}
.header-new .js-basket-block svg path, #headerfixed .js-basket-block svg path {fill:#222}
.basket-link .count {width: 18px; height: 18px; line-height: 18px;}
.page-top-wrapper.grey { background: none;}
#headerfixed .inner-table-block .svg svg, #mobileheader .right-icons .svg svg {width: 18px; height: 18px;}
#headerfixed .logo-row.v2 .small-block {width: 40px}
#headerfixed .mega-menu table td .wrap>a {font-size: 15px; font-weight: normal;}
#headerfixed td.menu-item:nth-child(1) .dropdown-menu, 
#headerfixed td.menu-item:nth-child(2) .dropdown-menu {min-width: 840px; margin-top: -2px}
#headerfixed .mega-menu table td:nth-child(1):hover > .wrap > .dropdown-menu,
#headerfixed .mega-menu table td:nth-child(2):hover > .wrap > .dropdown-menu {display: flex; flex-wrap: wrap;}
#headerfixed td.menu-item:nth-child(1) .dropdown-menu li, 
#headerfixed td.menu-item:nth-child(2) .dropdown-menu li {width: 33%}
#headerfixed td.menu-item:nth-child(1) .dropdown-menu li a, 
#headerfixed td.menu-item:nth-child(2) .dropdown-menu li a {white-space: normal;}
.fill_bg_n .menu-row.middle-block.bglight, .fill_bg_y .menu-row.middle-block.bglight .mega-menu {border-bottom:0}
#mobileheader .logo img {max-height: 58px; width: auto; padding: 5px 10px;}
#mobileheader .mobileheader-v1 {border:0}
#mobileheader .mobileheader-v1.new_design .burger {background: rgba(37, 121, 201, 0.15); border-radius: 12px; width: 50px; height: 50px; margin: 6px 10px; padding-right: 0}
.mobileheader-v1.new_design .search.pull-left {width: calc(100% - 202px)}
.mobileheader-v1.new_design .burger svg path {fill: #2579C9}
.mobileheader-v1.new_design .search-block {display: flex; align-items: center; justify-content: center; height: 63px;}
.mobileheader-v1.new_design .search .search-input {height: 48px; border-radius: 10px; padding: 0 60px 0 15px; font-size: 14px;}
.mobileheader-v1.new_design .inline-search-hide {display: none}
.mobileheader-v1.new_design .search .btn-search {border:0; background: transparent; top: 1px; padding: 14px;}
#mobileheader .mobileheader-v1.new_design .logo, #mobileheader .mobileheader-v1.new_design .logo svg {max-width: 156px;}

#mobileheader #mobilemenu .icons {display: flex; padding: 20px; justify-content: space-between; border-bottom: 1px solid #f2f2f2;}
#mobileheader #mobilemenu .icons .phone>.phone-block__item-link {display: none}
#mobileheader #mobilemenu .icons .right {display: flex; gap: 25px}
#mobileheader #mobilemenu .icons .basket-link {padding:0}
#mobileheader #mobilemenu .icons .svg-phone, #mobileheader #mobilemenu .icons .svg-inline-basket {min-width: 20px; min-height: 20px; width: 20px; height: 20px; background-size: contain; opacity: 0.9;}
#mobileheader #mobilemenu .icons .svg-phone {background-image: url(/local/templates/aspro_next/images/svg/Phone_empty3.svg); min-width: 22px; min-height: 22px; width: 22px; height: 22px; margin: 0}
#mobileheader #mobilemenu .icons .phone {padding-right: 0 !important}
#mobileheader #mobilemenu .icons .phone .dropdown {padding: 0; position: absolute; left: 0;}
#mobileheader #mobilemenu .icons .phone.with_dropdown:after {display: none}

@media (min-width: 1200px) and (max-width: 1400px) {
	.header-new .search_wrap1 {width: 38%}
	.header-new .right-icons {width: 28%;}
}
@media (max-width: 991px) {
	#mobileheader .logo img {max-height: 48px}
	.top_inner_block_wrapper {padding-bottom: 5px}
	#content {margin-top: 50px}
}

.social-icons li.telegram a, .soc-avt a i.telegram {
    background-position: -503px -104px;
}
.social-icons li.ytb a, .soc-avt a i.ytb {
    background-position: -454px -104px;
}