/* Start:/local/templates/qtool/a/css/index.css?172606421518574*/
.topindex {
	margin-bottom: 16px;
}

.topindex__banners {
    height: 180px;
    width: calc(100% + 40px);
    margin: 0 -20px;
}

.topindex__banner {
    width: 100%;
    height: 100%;
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    /*display: flex;
    justify-content: center;
    flex-flow: column wrap;
    align-items: flex-start;*/
}

.topindex__banner-inner {
	height: 180px;
	display: block;
	text-decoration: none;
    padding: 0 20px;
}

.topindex__banner-innerbox {
	height: 100%;
	display: flex;
	justify-content: center;
	flex-flow: column wrap;
	align-items: flex-start;
	text-decoration: none;
}

.topindex__bannertitle {
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	color: #333333;
	margin: 0 0 5px 0;
}

.topindex__bannertext {
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: #666666;
	margin: 0 0 14px 0;
}

.topindex__bannerlink {
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	width: auto;
	display: inline-block;
	padding: 6px 17px;
	line-height: 1;
	outline: none;
    border: 1px solid;
    color: var(--color-blue);
    border-color: var(--color-blue);
}

.topindex__bannerlink:hover {
    color: #fff;
    background-color: var(--color-blue);
    border-color: var(--color-blue)
}

.topindex .slick-arrow {
    background-image: url(/local/templates/qtool/a/icon/sprite.svg#arr--blue);
    background-size: auto 16px;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    width: 24px;
    height: 60%;
    top: 20%;
    transform: none;
    left: 10px;
	z-index: 2;
    filter: grayscale(1);
    transition: all 0.1s linear;
}

.topindex .slick-arrow:hover {
    opacity: 1;
    background-image: url(/local/templates/qtool/a/icon/sprite.svg#arr--blue);
    background-size: auto 16px;
    background-position: center center;
    background-repeat: no-repeat;
    filter: grayscale(0);
}

.topindex .slick-arrow:focus {
    background-image: url(/local/templates/qtool/a/icon/sprite.svg#arr--blue);
    background-size: auto 16px;
    background-position: center center;
    background-repeat: no-repeat;
}

.topindex .slick-next {
    transform: scaleX(-1);
    right: 10px;
    left: unset;
}

.topindex .slick-arrow:before {
    display: none;
}

.topindex .slick-dots {
	bottom: -30px;
}

.topindex .slick-dots li {
	font-size: 14px;
	width: 1em;
	height: 1em;
	margin: 0 0.25em;
}

.topindex .slick-dots li button {
	padding: 0;
	background-color: #efefef;
	font-size: inherit;
	width: inherit;
	height: inherit;
	transition: var(--transition);
}

.topindex .slick-dots li button:before {
	display: none;
}

.topindex .slick-dots li.slick-active button {
	background-color: var(--color-blue);
}

@media all and (min-width: 768px) {
	.topindex__banners {
	    height: 340px;
	}

	.topindex__banner-inner {
		height: 340px;
	}

	.topindex__bannertitle {
		font-size: 24px;
		line-height: 29px;
		margin: 0 0 19px 0;
	}

	.topindex__bannertext {
		font-size: 18px;
		line-height: 22px;
		margin: 0 0 29px 0;
	}

	.topindex__bannerlink {
		font-size: 12px;
		line-height: 15px;
		display: inline-block;
		padding: 11px 58px;
		line-height: 1;
	}
}

@media all and (min-width: 1200px) {
	.topindex {
		margin-top: 18px;
		margin-bottom: 0;
	}

	.topindex__banners {
	    height: 420px;
	    margin: 0;
	    max-width: 950px;
	    margin-right: 30px;
	    width: calc(100% - 330px);
	}

	.topindex__banner {
		/*padding: 0 80px*/
	}

	.topindex__banner-inner {
		height: 420px;
		padding: 0 80px
	}

	.topindex__topgood {
		width: 300px;
		flex-shrink: 0;
    	margin: 0 0 30px 0;
	}
}


/* CATALOGGRID */

.cataloggrid .heading__title {
    margin-top: -5px;
    margin-bottom: 20px;
}

.cataloggrid__list {
    display: grid;
    gap: 12px;
    margin-bottom: 30px;
}

.cataloggrid__item {
    min-height: 120px;
    background-color: #F9F9F9;
    padding: 30px 15px 15px;
    line-height: 1.25;
    font-size: 12px;
    transition: var(--transition);
    background-repeat: no-repeat;
}

/*.cataloggrid__item:nth-child(1) {
    background-image: url(/local/templates/qtool/a/img/cat1.png);
    background-size: auto 110px;
    background-position: calc(100% - 30px) bottom;
}

.cataloggrid__item:nth-child(2) {
    background-image: url(/local/templates/qtool/a/img/cat2.png);
    background-size: 111px auto;
    background-position: calc(100% - 14px) 37px;
}

.cataloggrid__item:nth-child(3) {
    background-image: url(/local/templates/qtool/a/img/cat3.png);
    background-size: 76px auto;
    background-position: calc(100% - 24px) 22px;
}

.cataloggrid__item:nth-child(4) {
    background-image: url(/local/templates/qtool/a/img/cat4.png);
    background-size: 135px auto;
    background-position: right 24px;
}

.cataloggrid__item:nth-child(5) {
    background-image: url(/local/templates/qtool/a/img/cat6.png);
    background-size: 109px auto;
    background-position: right 31px;
}

.cataloggrid__item:nth-child(6) {
    background-image: url(/local/templates/qtool/a/img/cat5.png);
    background-size: 130px auto;
    background-position: calc(100% + 13px) 16px;
}

.cataloggrid__item:nth-child(7) {
	background-image: url(/local/templates/qtool/a/img/sale-grid.png);
    background-size: contain;
    background-position: right center;
}*/

.cataloggrid__item {
	position: relative;
}

.cataloggrid__item > * {
	position: relative;
}

.cataloggrid__item:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	background-repeat: no-repeat;
}

.cataloggrid__item:nth-child(1):before {
    background-size: contain;
    background-position: right center;
    background-image: url(/local/templates/qtool/a/img/index-plastini.png);
}

.cataloggrid__item:nth-child(2):before {
    background-size: contain;
    background-position: right center;
    background-image: url(/local/templates/qtool/a/img/index-rezci.png);
}

.cataloggrid__item:nth-child(3):before {
    background-size: contain;
    background-position: calc(100% - 30px) center;
    background-image: url(/local/templates/qtool/a/img/sverla-back.png);
}

.cataloggrid__item:nth-child(4):before {
    background-size: contain;
    background-position: right center;
    background-image: url(/local/templates/qtool/a/img/frezi-back.png);
}

.cataloggrid__item:nth-child(5):before {
    background-size: contain;
    background-position: right center;
    background-image: url(/local/templates/qtool/a/img/frezi-back.png);
}

.cataloggrid__item:nth-child(6):before {
    background-size: contain;
    background-position: right center;
    background-image: url(/local/templates/qtool/a/img/frezi-back.png);
}

.cataloggrid__item:nth-child(7):before {
    background-size: 40% auto;
    background-position: right center;
    background-image: url(/local/templates/qtool/a/img/index-sale.png);
}

.cataloggrid__name {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 3px;
}

.cataloggrid__prename {
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	color: #999999;
	transition: var(--transition);
}

.cataloggrid__item:hover .cataloggrid__prename {
	color: #fff;
}

.cataloggrid__sublist {
    display: none;
}

.cataloggrid__sublist-link {
    color: #ffffff;
    font-size: 14px;
	line-height: 32px;
    text-decoration: none;
}

.cataloggrid__sublist-link:hover {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.cataloggrid__sublist-count {
	display: none;
}

.cataloggrid__sublist-count:before {
	content: "(";
}

.cataloggrid__sublist-count:after {
	content: ")";
}

.cataloggrid__link {
    font-size: 0;
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


@media all and (min-width: 575px) {
    .cataloggrid__list {
    	grid-template-columns: repeat(2, 1fr);
    }

	.cataloggrid__name br {
		display: none
	}
}

/*@media all and (min-width: 992px) {
	.cataloggrid__list {
		grid-template-columns: repeat(3, 1fr);
	}
}*/

@media all and (min-width: 1200px) {
	.cataloggrid__list {
		gap: 25px;
		margin-top: 42px;
		margin-bottom: 90px;
	}

	.cataloggrid__item {
	    min-height: 160px;
	    padding: 60px 80px 15px;
	}

    .cataloggrid__item:hover {
        box-shadow: var(--shadow);
    }

    /*.cataloggrid__item:nth-child(1) {
	    grid-row: 1 / 3;
	    background-size: auto 242px;
	    background-position: calc(100% - 37px) bottom;
	}

	.cataloggrid__item:nth-child(2) {
	    grid-row: 2 / 4;
	    grid-column: 2 / 3;
	    background-size: 206px auto;
	    background-position: calc(100% - 28px) calc(100% - 32px);
	}

	.cataloggrid__item:nth-child(3) {
	    background-size: 102px auto;
	    background-position: calc(100% - 39px) 36px;
	}
	.cataloggrid__item:nth-child(4) {
	    background-size: 192px auto;
	    background-position: calc(100% - 6px) 30px;
	}
	.cataloggrid__item:nth-child(5) {
	    background-size: 173px auto;
	    background-position: calc(100% - 7px) 31px;
	}
	.cataloggrid__item:nth-child(6) {
	    background-size: 202px auto;
	    background-position: calc(100% + 35px) 29px;
	}*/

	.cataloggrid__item:before {
		opacity: 0.25;
		transition: var(--transition);
	}

	.cataloggrid__item:hover:before {
		opacity: 1;
	}

	.cataloggrid__item:nth-child(1) {
	    grid-row: 1 / 4;
	    grid-column: 1 / 2;
	    background-size: auto auto;
	    background-position: right bottom;
	}

	.cataloggrid__item:nth-child(2) {
	    grid-row: 1 / 3;
	    grid-column: 2 / 3;
	    height:  320px;
	    background-size: auto auto;
	    background-position: right center;
	}

	.cataloggrid__item:nth-child(3) {
	    grid-row: 3 / 5;
	    grid-column: 2 / 3;
	    height:  330px;
	    background-size: auto auto;
	    background-position: right center;
	}

	.cataloggrid__item:nth-child(4) {
	    grid-row: 4 / 6;
	    grid-column: 1 / 2;
	    background-size: 440px auto;
	    background-position: 80% center;
	}

	.cataloggrid__item:nth-child(5) {
	    grid-row: 5 / 6;
	    grid-column: 2 / 3;
	    background-size: auto auto;
	    background-position: right center;
	}

	.cataloggrid__item:nth-child(1):before {
	    background-size: auto auto;
	    background-position: right bottom;
	    opacity: 1;
	}

	.cataloggrid__item:nth-child(2):before {
	    background-size: auto auto;
	    opacity: 1;
	}

	.cataloggrid__item:nth-child(3):before {
	    background-size: auto 100%;
	    opacity: 1;
	}

	.cataloggrid__item:nth-child(4):before {
	    background-size: auto 100%;
	    opacity: 1;
	}

	.cataloggrid__item:nth-child(5):before {
	    background-size: auto auto;
	    /*opacity: 1;*/
	}

	.cataloggrid__item:hover .cataloggrid__postname {
	    display: none;
	}

	.cataloggrid__item .cataloggrid__sublist {
	    display: block;
	    margin-top: 24px;
	}

	.cataloggrid__sublist-link {
		color: #333333;
	}

	.cataloggrid__item:hover .cataloggrid__sublist-link {
		color: #ffffff;
	}

	.cataloggrid__item:hover .cataloggrid__postname {
		display:  block;
	}

    .cataloggrid__name {
    	font-size: 21px;
		line-height: 26px;
	    margin-bottom: 5px;
	}

	.cataloggrid__link {
	    display: none;
	    color: #ffffff;
	    padding-right: 27px;
	    background-position: right center;
	    background-repeat: no-repeat;
	    margin-top: 15px;
	    position: relative;
	    text-decoration: none;
	    font-size: 1em;
	    position: relative !important;
	    width: auto;
	    height: auto;
	}

	.cataloggrid__link:hover {
	    color: #ffffff;
	    font-weight: bold;
	}

	.cataloggrid__link:before {
		font-size: 17px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.cataloggrid__item:hover {
	    background-color: var(--color-blue);
	    box-shadow: var(--shadow);
	    color: #ffffff;
	}

	.cataloggrid__item:hover .cataloggrid__link {
	    display: inline-block;
	}
}

/* GOODSBLOCKS */

.goodsblocks {
	margin-bottom: 24px;
}

.goodsblocks__list {
	min-width: 800px;
}

.goodsblocks__list .goods {
	width: calc((100% / 4) - 16px);
	margin: 0 8px;
	padding-top: 10px;
}

.goodsblocks__list .goods .labels {
	display: none;
}

.goodsblocks__list .goods .goods__btns {
	display: none;
}

.goodsblocks__list .goods .goods__img {
	height: 105px;
	margin-bottom: 10px;
}

.goodsblocks__list .goods .goods__name {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 10px;
}

.goodsblocks__list .goods .goods__rating {
	display: none;
}

@media all and (min-width: 640px) {
	.goodsblocks__list .goods {
		padding-top: 10px;
	}
}

@media all and (min-width: 1200px) {
	.goodsblocks {
		margin-bottom: 60px;
	}

	.goodsblocks__list {
		min-width: unset;
	}

	.goodsblocks__list .goods {
		width: calc((100% / 4) - 30px);
		margin: 0 15px 30px;
		padding-top: 60px
	}

	.goodsblocks__list .goods .labels {
		display: flex;
	}

	.goodsblocks__list .goods .goods__btns {
		display: flex;
	}

	.goodsblocks__list .goods .goods__img {
		height: 180px;
		margin-bottom: 14px;
	}

	.goodsblocks__list .goods .goods__name {
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 3px;
	}

	.goodsblocks__list .goods .goods__rating {
		display: block;
	}
}


/* --- SERVICES --- */

.indexservices {
    margin: 45px 0;
}

.indexservices__item {
    background-color: #F9F9F9;
    margin: 0 0 10px;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    padding: 24px 0 35px;
    color: #333333;
    text-decoration: none;
    display: block;
    transition: var(--transition)
}

.indexservices__item:hover {
    background-color: var(--color-blue);
    box-shadow: var(--shadow);
    color: #ffffff;
}

.indexservices__item:before {
	font-size: 56px;
    margin: 0 auto 10px;
    color: var(--color-blue);
}

.indexservices__item:hover:before {
    color: #ffffff;
}

@media all and (min-width: 768px) {
    .indexservices__item {
        width: calc((100% - 10px) / 2);
    }
}

@media all and (min-width: 1200px) {
	.indexservices {
		margin: 72px 0
	}

	.indexservices__list {
		margin-top: 50px
	}

	.indexservices__item {
        width: calc((100% - 90px) / 4);
        padding: 35px 0;
    }

	.indexservices__item:before {
	    font-size: 80px;
	    margin: 0 auto 25px;
	}
}
/* --- ABOUT --- */

.indexabout {
	position: relative;
	padding: 40px 20px 45px;
	margin: 45px -20px;
}

.indexabout__back {
	background-image: url(/local/templates/qtool/a/css/../img/back--aboutblock.jpg);
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.indexabout__back:after {
    content: '';
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 75%);
    display: block;
}

.indexabout__left {
	background-color: var(--color-blue);
	color: #ffffff;
	padding: 26px 8px 26px 16px;
}

.indexabout__heading {
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 5px;
}

.indexabout__name {
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 16px;
}

.indexabout__text {
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 22px;
}

.indexabout__link {
	font-size: 14px;
	line-height: 34px;
	padding: 0 21px 0 14px;
	color: #fff;
	border: 1px solid;
	text-decoration: none;
	transition: var(--transition);
	display: inline-block;
}

.indexabout__link:hover {
	color: var(--color-blue--hover);
	background-color: #fff;
}

.indexabout__list {
    color: #ffffff;
    margin-top: 25px;
    margin-bottom: 0;
}

.indexabout__listitem {
    display: flex;
    align-items: center;
}

.indexabout__listitem span {
    width: 50%;
}

.indexabout__numb {
    padding-right: 30px;
    font-size: 36px;
    line-height: 44px;
    text-align: right;
}

.indexabout__listtext {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

@media all and (min-width: 1200px) {
	.indexabout {
	    display: flex;
	    margin: 90px 0;
	    padding: 40px 0;
	}

	.indexabout__left {
	    width: 550px;
	    padding: 65px 45px;
	}

	.indexabout__back {
	    left: 440px;
	}

	.indexabout__heading {
	    font-size: 18px;
	    line-height: 22px;
	    margin-bottom: 8px;
	}

	.indexabout__name {
	    font-size: 32px;
	    line-height: 39px;
	    margin-bottom: 1em;
	}

	.indexabout__text {
	    margin-bottom: 40px;
	}

	.indexabout__list {
	    width: calc(100% - 550px);
	    display: flex;
	    flex-flow: column nowrap;
	    justify-content: center;
	    margin: 0;
	}

	.indexabout__numb {
	    font-size: 72px;
	    line-height: 88px;
	}

	.indexabout__listtext {
	    font-size: 21px;
	    line-height: 26px;
	}
}

/* --- BLOG --- */

.blogblocks {
	margin: 45px 0 30px;
}

.blogblocks .article:nth-child(1) ~ .article {
	display: none;
}

.blogblocks__all {
    text-decoration: none;
    display: block;
    margin-right: 25px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    /* text-transform: uppercase; */
    white-space: nowrap;
    color: red;
    margin: 0 0 0 auto;
}


@media all and (min-width: 481px) {
	.blogblocks .article:nth-child(1) ~ .article:nth-child(2) {
		display: flex;
	}

	.blogblocks .article {
		width: calc(50% - 20px);
	}
}

@media all and (min-width: 991px) {
	.blogblocks .article:nth-child(1) ~ .article:nth-child(3) {
		display: flex;
	}

	.blogblocks .article {
		width: calc(100% / 3 - 20px)
	}
}

@media all and (min-width: 1200px) {
	.blogblocks {
		margin-top: 90px;
		margin-bottom: 30px;
	}

	
    .blogblocks__all {
        font-size: 16px;
        line-height: 20px;
    }

	.blogblocks .article:nth-child(1) ~ .article {
		display: flex;
	}

	.blogblocks .article {
		width: calc(100% / 4 - 30px)
	}	
}
/* End */


/* Start:/local/templates/qtool/a/css/orderform.css?17567184216335*/
.order {
    background-color: #F9F9F9;
    padding: 55px 30px;
    margin: 0 -20px;
    position: relative;
}

.order__yak {
    position: absolute;
    bottom: calc(100% + 80px);
    left: 0;
}

.order .heading__title {
    margin-bottom: 16px;
}

.order .heading__pretitle {
    margin-bottom: 6px;
}

.order__text {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 28px;
}

.orderform__inputbox {
    position: relative;
    margin-bottom: 6px;
}

.orderform__input {
    width: 100%;
    line-height: 35px;
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #999999;
    outline: none;
    font-size: 14px;
}

.orderform__input:focus {
	border-color: #333333
}

.orderform__input.--textarea {
    line-height: 17px;
    padding-top: 9px;
    padding-bottom: 9px;
    height: 36px;
    display: block;
}

.orderform__label {
    color: #666666;
    font-size: 12px;
    line-height: 15px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.1s linear;
    cursor: pointer;
}

.orderform__input:not(:placeholder-shown) + .orderform__label,
.orderform__input.not-empty + .orderform__label,
.orderform__input:focus + .orderform__label {
	left: 0;
	top: -1px;
	transform: unset;
	font-size: 9px;
}

.orderform__file {
    margin-top: 14px;
    position: relative;
}

.orderform__file-input {
    display: none;
}

.orderform__file-label {
    border: 1px dashed;
    width: 100%;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    transition: all 0.1s linear;
    position: relative;
}

.orderform__file-label:hover {
	color: #00669d;
	border-color: #00669d;
}

.orderform__file-label span {
    line-height: 20px;
    padding-right: 24px;
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
}

.orderform__file-label span:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-size: 20px;
}

.file__clear {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 2px;
    font-size: 11px;
    color: red;
    opacity: 0.8;
}

.file__clear:hover {
    opacity: 1;
}

.file__clear:after {
    content: 'X';
    margin-left: 5px;
    font-weight: bold;
}


.orderform__btn {
    box-shadow: none;
    border: 0;
    background-color: #0475B1;
    line-height: 36px;
    width: 100%;
    margin-top: 14px;
    color: #fff;
    margin-bottom: 12px;
    transition: all 0.1s linear
}

.orderform__btn:hover {
    background-color: #00669d;
}

.--contacts .orderform__btn {
    line-height: 34px;
    margin: 12px 0;
}

.orderform__checkbox {
    position: relative;
    line-height: 12px;
}

.orderform__checkinput {
    display: none;
}

.orderform__checkinput {transform: scale(0);width:0;height:0;margin: 0;padding: 0;font-size: 0;display: none;}
.orderform__checkinput:invalid + label {color: red }
.orderform__checkinput:invalid + label:before {border-color: red}

.orderform__checklabel {
    padding-left: 31px;
    font-size: 10px;
    line-height: 12px;
    color: #666666;
    cursor: pointer;
}

.orderform__checklabel:before {
	content: "";
	left: 5px;
	top: -2px;
	width: 16px;
	height: 16px;
	border: 1px solid #999999;
	display: block;
	position: absolute;
}

.orderform__checklabel:hover:before {
    border: 1px solid #333333;
}

.orderform__checkinput:checked + .orderform__checklabel:before {
    border-color: #0475B1;
}

.orderform__checkinput:checked + .orderform__checklabel:after {
	content: '';
	left: 7px;
	top: 0px;
	width: 12px;
	height: 12px;
	display: block;
	position: absolute;
	background-color: #0475B1;
}

@media all and (min-width: 1200px) {
    .order {
        padding: 45px 75px 25px 75px;
        margin: 0
    }

    .order__text {
	    font-weight: normal;
	    font-size: 16px;
	    line-height: 20px;
	    margin-bottom: 0;
	}

	.orderform__inputbox {
	    margin-bottom: 21px;
	}

	.orderform__input {
	    line-height: 47px;
	}

	.orderform__file-label {
	    line-height: 46px;
	}

	.orderform__file-label span {
	    line-height: 24px;
	    padding-right: 28px;
	}

    .orderform__file-label span:before {
        font-size: 24px;
    }

	.orderform__btn {
	    line-height: 48px;
	    margin-bottom: 20px;
	}

    .order.--contacts {
        margin-top: 80px;
        padding: 55px 70px 80px;
    }

    .orderform__input.--textarea {
        line-height: 23px;
        padding-top: 12px;
        padding-bottom: 12px;
        height: 48px;
    }

    .--contacts .orderform__btn {
        line-height: 46px;
        margin: 0;
    }
}

.order.order--blue {
    background-color: #0475B1;
}

.order.order--blue .heading__pretitle {
    color: #ffffff;
}

.order.order--blue .heading__title {
    color: #ffffff;
}

.order.order--blue .order__text {
    color: #ffffff;
}

.order.order--blue .orderform__input {
    border-color: #fff;
    color: #ffffff;
}

.order.order--blue .orderform__input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #0475b1 inset;
    -webkit-text-fill-color: #ffffff !important;
    
}

.order.order--blue .orderform__label {
    color: #ffffff;
}

.order.order--blue .orderform__file-label {
    color: #ffffff;
}

.order.order--blue .orderform__btn {
    background-color: #ffffff;
    color: #0475B1;
}

.order.order--blue .orderform__checklabel {
    color: #ffffff;
}

.order.order--blue .orderform__checkinput:checked + .orderform__checklabel:before {
    border-color: #ffffff;
}

.order.order--blue .orderform__checkinput:checked + .orderform__checklabel:after {
    background-color: #ffffff;
}

.order.order--blue .orderform__btn:hover {
    color: #ffffff;
    background-color: #00669d;
}

.order.order--blue .file__clear {
    color: #ffffff;
    opacity: 1;
}

.order.order--blue .file__clear:hover {
    color: red;
}

.order.order--blue .orderform__checkbox a {
    color:  #ffffff;
}

/* End */


/* Start:/local/templates/qtool/components/bitrix/catalog/root/style.css?1652252213721*/
.cat {
	display: flex;
	flex-flow: column;
}

.cat__row.--main {
	order: 3;
}

.catfilt.--forms {
	order: 1;
}

.catfilt.--brands {
	order: 2;
}

.cat__taglinks {
	display: flex;
	flex-flow: row wrap;
}

.cat__taglink {
	color: #6f6f6f;
	font-size: 12px;
	border: 1px solid #6f6f6f;
	margin: 2px 5px 2px 0;
	padding: 2px 5px;
	text-decoration: none;
}

.cat__taglink:hover, .cat__taglink.--active {
	color: var(--color-blue--hover);
	border: 1px solid var(--color-blue--hover);
}

.catsort__order.--table {
	display: block;
}

@media all and (min-width: 1024px) {
	.catsort__order.--table {
		display: block
	}

	.cat__taglink {
		font-size: 14px;
		padding: 2px 8px;
	}
}
/* End */


/* Start:/local/templates/qtool/a/css/cat.css?16844992559493*/
.cat {
    margin-bottom: 30px;
}

.catdesc:empty {
    display: none;
}

.catdesc {
    margin-top: 40px;
    margin-bottom: 40px;
}

.catdesc__text {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
}


.catfilt__title {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #666666;
}

.catfilt {
    padding-bottom: 8px;
    margin-bottom: 8px;
    display: flex;
    flex-flow: row nowrap;
    overflow-x: auto;
}

.catfilt__row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.catfilt__item {
    width: auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
    text-align: center;
    padding: 0 10px;
}

.catfilt__item:hover .catfilt__img {
    transform: scale(1.15);
}

.catfilt__name {
    margin-top: -5px;
}

.catfilt.--forms .catfilt__item {
    padding: 0;
    margin: 0;
}

.catfilt__img {
    width: 86px;
    height: 56px;
    display: flex;
    position: relative;    
    transition: var(--transition);
}

.catfilt.--forms .catfilt__img img {
    display: block;
    margin: 0 auto 0 0;
    height: 56px;
    width: 100%;
    object-fit: cover;
}

.catfilt.--brands .catfilt__img {
    width: 100px;
}

.catfilt.--brands .catfilt__img img {
    width: auto;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    object-fit: contain;
}

.catfilt__col.--expander {
    display: none;
}

.catfilt__col.--list {
    flex-grow: 0;
    width: 100%;
}

.catsort {
    margin-top: 20px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.catsort__btn {
    color: #999999;
    text-decoration: none;
    padding-right: 14px;
}

.catsort__btn:hover {
    color: #333333;
}

.catsort__btn:before {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 6px;
    height: 12px !important;
    width: 12px !important;
    display: block;
}

.catsort__btn.asc:before {
    transform: scaleY(-1);
}

.catsort__btn.current {
    color: var(--color-blue);
    font-weight: bold;
}

.catsort__display {
    display: flex;
}

.catsort__btnview {
    width: 20px;
    height: 20px;
    margin-left: 1px;
    background-color: #f0f0f0;
    display: block;
    background-repeat: no-repeat;
    background-size: 11px auto;
    background-position: center center;
    transition: all 0.15s linear;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0475B1;
    text-decoration: none;
}

.catsort__btnview:hover {    
    background-color: #dfdfdf;
}

.catsort__btnview.current {
    background-color: #0475B1;
    color: #ffffff;
}

/*.catsort__btnview.--list {
    background-image: url(/local/templates/qtool/a/icon/sprite.svg#list)
}

.catsort__btnview.--list.current {
    background-image: url(/local/templates/qtool/a/icon/sprite.svg#list--white)
}

.catsort__btnview.--table {    
    background-image: url(/local/templates/qtool/a/icon/sprite.svg#table)
}

.catsort__btnview.--table.current {    
    background-image: url(/local/templates/qtool/a/icon/sprite.svg#table--white)
}

.catsort__btnview.--block {    
    background-image: url(/local/templates/qtool/a/icon/sprite.svg#grid)
}

.catsort__btnview.--block.current {    
    background-image: url(/local/templates/qtool/a/icon/sprite.svg#grid--white)
}*/

.catsort__btnview:before {
    font-size: 12px;
}

.catsort__order {
    display: none;
}

.catsort__order.open {
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    padding: 14px 16px 10px;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.15);
    font-size: 12px;
    line-height: 20px;
    z-index: 1;
}

.catsort__order-switcher {
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    padding-right: 20px;
}

.catsort__order-switcher.--asc:before {
    transform: scaleY(-1);
}

.catsort__order-switcher:before {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 6px;
    height: 12px !important;
    width: 12px !important;
    display: block;
}

.catsection.--list .catsection__list {
    display: flex;
    flex-flow: row wrap;
    margin: 25px -15px;
}

.catsection.--block .catsection__grid {
    display: flex;
    flex-flow: row wrap;
    margin: 25px -15px;
}

@media all and (min-width: 1024px) {
    .cat {
        margin-bottom: 96px;
    }

    .catdesc:empty {
        display: none;
    }

    .catdesc {
        margin-top: 96px;
        margin-bottom: 0
    }

    .catdesc__text {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
    }

    .catfilt__title {
        font-weight: bold;
        font-size: 14px;
        line-height: 17px;
        color: #666666;
    }

    .catfilt {
        display: flex;
        flex-flow: row nowrap;
        overflow-x: visible;
    }

    .catfilt__row {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }

    .catfilt__item {
        width: auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #333333;
        text-align: center;
        padding: 0 15px;
    }

    .catfilt__name {
        margin-top: -5px;
    }

    .catfilt.--forms .catfilt__item {
        padding: 0;
        margin: 0;
    }

    .catfilt__img {
        width: 120px;
        height: 86px;
        display: flex;
    }

    .catfilt.--forms .catfilt__img img {
        display: block;
        margin: auto;
        height: 86px;
    }

    .catfilt.--brands .catfilt__img {
        width: 90px;
    }

    .catfilt.--brands .catfilt__img img {
        width: 90%;
        height: auto;
        margin: auto;
    }

    .cat__row.--main {
        margin-top: 40px;
    }


    .catfilt__col.--expander {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        flex-grow: 1;
        height: 86px;
    }

    .catfilt__expand {
        display: inline-block;
    }

    .catfilt__expand-text {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        text-decoration: underline;
        color: #0475B1;

    }

    .catfilt__expand:not(.active) .catfilt__expand-text.--notactive {
        display: none;
    }

    .catfilt__expand.active .catfilt__expand-text.--active {
        display: none;
    }

    .catfilt__col.--list {
        flex-grow: 0;
        width: calc(140px * 8);
    }

    .catfilt .catfilt__row:not(.open) .catfilt__item:nth-child(9) ~ .catfilt__item {
        display: none;
    }

    .catsort {
        margin-top: 0px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .catsort__order-switcher {
        display: none
    }

    .catsort__btn {
        color: #999999;
        text-decoration: none;
        margin-right: 25px;
        padding-right: 14px;
    }

    .catsort__btn:hover {
        color: #333333;
    }

    .catsort__btn.asc:after {
        transform: scaleY(-1);
    }

    .catsort__btn.current {
        color: #333333;
        font-weight: bold;
    }

    .catsort__display {
        display: flex;
    }

    .catsort__btnview {
        width: 30px;
        height: 30px;
        margin-left: 14px;    
        background-repeat: no-repeat;
        background-size: 14px auto;
        background-position: center center;
        transition: all 0.15s linear;
    }

    .catsort__btnview:before {
        font-size: 16.8px;
    }

/*    .catsort__btnview.--list {
        background-image: url(/local/templates/qtool/a/icon/sprite.svg#list)
    }

    .catsort__btnview.--list.current {
        background-image: url(/local/templates/qtool/a/icon/sprite.svg#list--white)
    }

    .catsort__btnview.--table {    
        background-image: url(/local/templates/qtool/a/icon/sprite.svg#table)
    }

    .catsort__btnview.--table.current {    
        background-image: url(/local/templates/qtool/a/icon/sprite.svg#table--white)
    }

    .catsort__btnview.--block {    
        background-image: url(/local/templates/qtool/a/icon/sprite.svg#grid)
    }

    .catsort__btnview.--block.current {    
        background-image: url(/local/templates/qtool/a/icon/sprite.svg#grid--white)
    }*/

    .catsort__order {
        display: block
    }

    .catsort__order.open {
        position: static;
        display: block;
        box-shadow: unset;
        padding: 0;
        font-size: 14px;
        line-height: 17px;
    }

    .catsection.--list .catsection__list {
        display: flex;
        flex-flow: row wrap;
        margin: 25px -15px;
    }

    .catsection.--block .catsection__grid {
        display: flex;
        flex-flow: row wrap;
        margin: 25px -15px;
    }
}
/* End */


/* Start:/local/templates/qtool/components/bitrix/catalog.section.list/.default/style.css?17271039921538*/
.cat__sections {
    margin-top: 25px;
    padding-bottom: 16px;
    overflow-x: auto;
}

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

.cat__section {
    width: 190px;
    flex-shrink: 0;
}

.cat__section-link {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #999999;
    text-decoration: none;
    border: 1px solid #F9F9F9;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    min-height: 40px;
    height: 100%;
    position:relative;
    transition: all 0.15s linear;
}

.cat__section-link:hover {
    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.15);
    color: #0475B1;
    z-index: 1;
}

.cat__section-link_pic {
    flex-wrap: wrap;
    justify-content: center;
    border-color: transparent;
}


.cat__section-link_pic picture {
    transition: var(--transition);
}

.cat__section-linkpic {
    display: block;
    width: 90%;
}

.cat__section-link_pic picture + .cat__section-linkname {
    text-align: center;
    display: block;
    width: 100%;
    margin: 16px 0 0 0;
}

.cat__section-link_pic:hover {
    box-shadow: none
}

.cat__section-link_pic:hover picture {
    transform: scale(1.12);
}

@media all and (min-width: 1024px) {
    .cat__sections {
        margin-top: 32px;
        overflow-x: visible;
    }

    .cat__sections-list {
        flex-flow: row wrap;
    }

    .cat__section {
        width: 20%;
    }

    .cat__section-link {
        text-transform: uppercase;
        padding: 5px 5px 5px 11px;
    }
}
/* End */


/* Start:/local/templates/qtool/components/bitrix/catalog.smart.filter/.default/style.css?174833388831241*/
.smartfilter {
    padding: 15px 28px;
    background-color: #ffffff;
    border: 1px solid var(--color-blue);
}

.smartfilter__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin: -15px -28px;
    padding: 15px 28px;
    background-color: #ffffff;
    color: var(--color-blue);
    position: relative;
    transition: var(--transition);
}

.smartfilter__title:before {
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px !important;
    height: 12px !important;
    font-size: 7px;
    position: absolute;
}

.smartfilter.open .smartfilter__title {
    background-color: #ffffff;
    color: var(--color-blue);
    padding: 20px 28px;
}

.smartfilter.open .smartfilter__title:before {
    transform: translateY(-50%) scaleY(-1);
}

.smartfilter__form {
    display: none;
    padding-top: 14px;
}

.smartfilter.open .smartfilter__form {
    display: block;
}

.smartfilter__block {
    padding: 26px 0;
    border-top: 1px solid #f0f0f0;
    position: relative;
}

.smartfilter__block:first-child {
    border-top-color: var(--color-blue);
}

.smartfilter__block-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    cursor: pointer;
    position: relative;
    padding-right: 18px;
}

.smartfilter__block-title:before {
    right: 0;
    top: 0;
    width: 12px !important;
    height: 12px !important;
    font-size: 7px;
    position: absolute;

}

.smartfilter__block.--emptybox .smartfilter__block-title {
    color: #dddddd;
}

.smartfilter__block-title.--rotate:before {
    transform: scaleY(-1);
}

.smartfilter__block-box {
    display: none;
}

.smartfilter__block.bx-active .smartfilter__block-box {
    display: block;
    padding-top: 25px;
}

.smartfilter__block-box.--slider {
    padding-top: 18px;
}

.smartslider {
    display: flex;
    flex-flow: row wrap;
    min-height: 79px;
}

.smartslider__inpbox {
    width: calc((100% - 35px) / 2);
    position: relative;
}

.smartslider.--prices .smartslider__inpbox {
    width: 72px;
}

.smartslider.--prices .smartslider__inpbox.--to {
    margin-right: 20px;
}

.smartslider__inpbox.--from {
    margin-right: 35px;
}

.smartslider__inpbox.--from:after {
    content: "-";
    position: absolute;
    display: block;
    width: 35px;
    left: 100%;
    top: 0;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #000000;
}

.smartslider__input-container {
}

.smartslider__input {
    border: 1px solid #F0F0F0;
    line-height: 28px;
    width: 100%;
    outline: none;
    text-align: center;
    font-size: 14px;
    color: #666666;
}

.smartslider__input:focus {
    border-color: var(--color-blue);
}

.smartslider__currency {
    font-size: 14px;
    line-height: 32px;
    color: #333333;
}

.smartslider__slider-track-container {
    width: 100%;
}

.smartslider__track {
    position: relative;
    padding-top: 20px;
}

.smartslider__part {
    position: absolute;
    font-size: 14px;
    line-height: 17px;
    color: #666666;
    top: 0;
}

.smartslider__part.p1 {
    left: 0;
}

.smartslider__part.p2 {
    right: 0;
}

.smartslider__pricebar {
    height: 3px;
    display: block;
    position: absolute;
    bottom: 0;
}

.smartslider__handle {
    width: 11px;
    height: 11px;
    background: #FFFFFF;
    border: 3px solid var(--color-blue);
    display: block;
    position: absolute;
    bottom: -4px;
    border-radius: 50%;
    z-index: 3
}

.smartslider__handle.--left {
    left: 0;
}

.smartslider__handle.--right {
    right: 0;
}

.smartslider__pricebar.--vn {
    background-color: #65b7e2;
    z-index: 2;
}

.smartslider__pricebar.--v {
    background-color: var(--color-blue);
    z-index: 3;
}

.smartslider__pricebar.--vd {
    background-color: #979797;
    z-index: 1;
}

.smartslider__range {
    height: 3px;
    position: absolute;
    bottom: 0;
    background-color: #f2f2f2;
}

.smartfilter__checkboxes-wrapper.--simplebar {
    max-height: 192px;
    overflow: hidden auto;
}

.smartfilter__checkbox {
    display: none;
}

.smartfilter__label {
    font-size: 10px;
    line-height: 14px;
    padding: 6px 0;
    color: #666666;
}

.smartfilter__label.--checkbox {
    padding-left: 28px;
    padding-right: 26px;
    position: relative;
    cursor: pointer;
}

.smartfilter__label.--checkbox:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    left: 0;
    top: 4px;
    border: 1px solid #E5E5E5;
}

.smartfilter__label.--checkbox:after {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    left: 2px;
    top: 6px;
}

.smartfilter__label.--checkbox:hover:after {    
    background-color: #5ca4ca;
}

.smartfilter__label.--checkbox:hover:before {    
    border-color: #5ca4ca;
}

.smartfilter__checkbox:checked + .smartfilter__label.--checkbox:before {
    border-color: var(--color-blue);
}

.smartfilter__checkbox:checked + .smartfilter__label.--checkbox:after {
    background-color: var(--color-blue);
}

.smartfilter__footer {
    margin-bottom: 15px;
}

.smartfilter__footer-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.smartfilter__footer-item:before {
    margin-right: 9px;
    font-size: 7.5px;
    width: 14px !important;
    height: 14px !important;
}

.smartfilter__btn {
    font-size: 12px;
    box-shadow: none;
    background-color: #ffffff;
    line-height: 42px;
    width: 100%;
    color: var(--color-blue);
    transition: all 0.1s linear;
    border: 1px solid var(--color-blue);
    margin: 10px 0 21px;
}

.smartfilter__btn:hover {
    background-color: var(--color-blue);
    color: #ffffff;
}

.smartfilter__link {
    background-color: transparent;
    border: 0;
    outline: none;
    text-align: center;
    padding: 0;
    display: block;
    font-size: 12px;
    line-height: 15px;
    color: #999999;
    transition: all 0.1s linear;
}

.smartfilter__link:hover {
    color: #555555
}

.smartfilter__modef:not(:empty) {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-100%);
    width: 100%;
    font-size: 12px;
    padding: 15px 10px;
    background-color: #ffffff;
    text-align: center;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 15%);
    z-index: 101;
}


.smartfilter__popup {
    width: 100%;
}

.smartfilter__modef a {
    display: block;
    background-color: #ffffff;
    line-height: 34px;
    color: var(--color-blue);
    transition: all 0.1s linear;
    border: 1px solid var(--color-blue);
    margin: 10px 0 0;
    width: 100%;
    text-align: center;
    text-decoration: none;
}

.smartfilter__modef a:hover {
    background-color: var(--color-blue);
    color: #ffffff;
}

.smartfilter__modef .loader {
    position: relative;
    top: 0px;
    margin: 10px auto 0;
    box-sizing: border-box;
    font-size: 0;
    width: 24px;
    height: 24px;
    text-indent: 0;
    border-top: 2px solid rgb(4 117 177 / 20%);
    border-right: 2px solid rgb(4 117 177 / 20%);
    border-bottom: 2px solid rgb(4 117 177 / 20%);
    border-left: 0;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    pointer-events: none;
}

.smartfilter__close {
    position: absolute !important;
    top: 5px;
    right: 5px;
    width: 9px;
    height: 9px;
    font-size: 9px;
    opacity: 0.5;
}

.smartfilter__close:hover {
    opacity: 1;
}

.smartfilter__label.--checkbox.disabled {
    color: #cccccc;
}

.smartfilter__label.--checkbox.disabled:before {
    border-color: #cccccc;
}

.smartfilter__checkbox:not(:checked) + .smartfilter__label.--checkbox.disabled {
    pointer-events: none;
}

.smartfilter__checkbox-box:has(.smartfilter__label.--checkbox.disabled):not(:has(input:checked)) {
    display: none !important;
}

[id^=att_vid_obrabotki-] {
    position: relative;
}

/*
[id^=att_vid_obrabotki-]:after {
    content: '';
    display: block;
    height: 26px;
    width: 26px;
    position: absolute;
    right: 0;
    top: 0;
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-position: center center;
}

#att_vid_obrabotki-f-finishnaya-chistovaya:after {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#f--blue)}
#att_vid_obrabotki-h-tyazhelaya-chernovaya:after {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#h--blue)}
#att_vid_obrabotki-l-chistovaya:after {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#l--blue)}
#att_vid_obrabotki-m-poluchistovaya:after {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#m--blue)}
#att_vid_obrabotki-r-chernovaya:after {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#r--blue)}
*/

[id^=att_obr_material-] {
    position: relative;
}

[id^=att_obr_material-]:after {
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 26px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 26px;
    color: #FFFFFF;
}

#att_obr_material-h-tverdye-materialy:after {
    content: 'h';
    background-color: #BCCBD1
}
#att_obr_material-k-chugun:after {
    content: 'k';
    background-color: #ED1D23
}
#att_obr_material-m-nerzhaveyushchaya-stal:after {
    content: 'm';
    background-color: #FEF100
}
#att_obr_material-n-tsvetnye-metally:after {
    content: 'n';
    background-color: #8CC4B1
}
#att_obr_material-p-stal:after {
    content: 'p';
    background-color: #00AEEC
}
#att_obr_material-s-zharoprochnye:after {
    content: 's';
    background-color: #FBBE85
}

#att_obr_material-o-nemetallicheskie-materialy:after {
    content: 'o';
    background-color: #f3f3f3;
    color: #333333;
}




@media all and (min-width: 1024px) {
    .smartfilter {
        padding: 29px 41px 45px 26px;
        background-color: #ffffff;
        border: 1px solid var(--color-blue);
    }

    .smartfilter__title {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: var(--color-blue);
        background-color: #fff;
        margin: 0 0 19px;
        padding: 0
    }

    .smartfilter.open .smartfilter__title {
        padding: 0

    }

    .smartfilter__title:before {
        display: none !important
    }

    .smartfilter__form {
        display: block;
        padding-top: 0;
    }

    .smartfilter__block {
        padding: 15px 0;
        position: relative;
    }

    .smartfilter__block-title {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
        cursor: pointer;
    }

    .smartfilter__block.--emptybox .smartfilter__block-title {
        color: #dddddd;
    }

    .smartfilter__block-title.--rotate:after {
        transform: scaleY(-1);
    }

    .smartfilter__block-box {
        display: none;
    }

    .smartfilter__block.bx-active .smartfilter__block-box {
        display: block;
        padding-top: 15px;
    }

    .smartfilter__block-box.--slider {
        padding-top: 18px;
    }

    .smartslider {
        display: flex;
        flex-flow: row wrap;
        min-height: 79px;
    }

    .smartslider__inpbox {
        width: calc((100% - 35px) / 2);
        position: relative;
    }

    .smartslider.--prices .smartslider__inpbox {
        width: 72px;
    }

    .smartslider.--prices .smartslider__inpbox.--to {
        margin-right: 20px;
    }

    .smartslider__inpbox.--from {
        margin-right: 35px;
    }

    .smartslider__inpbox.--from:after {
        content: "-";
        position: absolute;
        display: block;
        width: 35px;
        left: 100%;
        top: 0;
        height: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 14px;
        color: #000000;
    }

    .smartslider__input-container {
    }

    .smartslider__input {
        border: 1px solid #F0F0F0;
        line-height: 30px;
        width: 100%;
        outline: none;
        text-align: center;
        font-size: 14px;
        color: #666666;
    }

    .smartslider__input:focus {
        border-color: var(--color-blue);
    }

    .smartslider__currency {
        font-size: 14px;
        line-height: 32px;
        color: #333333;
    }

    .smartslider__slider-track-container {
        width: 100%;
    }

    .smartslider__track {
        position: relative;
        padding-top: 20px;
    }

    .smartslider__part {
        position: absolute;
        font-size: 14px;
        line-height: 17px;
        color: #666666;
        top: 0;
    }

    .smartslider__part.p1 {
        left: 0;
    }

    .smartslider__part.p2 {
        right: 0;
    }

    .smartslider__pricebar {
        height: 3px;
        display: block;
        position: absolute;
        bottom: 0;
    }

    .smartslider__handle {
        width: 11px;
        height: 11px;
        background: #FFFFFF;
        border: 3px solid var(--color-blue);
        display: block;
        position: absolute;
        bottom: -5.5px;
        border-radius: 50%;
        z-index: 3
    }

    .smartslider__handle.--left {
        left: 0;
    }

    .smartslider__handle.--right {
        right: 0;
    }

    .smartslider__pricebar.--vn {
        background-color: #65b7e2;
        z-index: 2;
    }

    .smartslider__pricebar.--v {
        background-color: var(--color-blue);
        z-index: 3;
    }

    .smartslider__pricebar.--vd {
        background-color: #979797;
        z-index: 1;
    }

    .smartslider__range {
        height: 3px;
        position: absolute;
        bottom: 0;
        background-color: #f2f2f2;
    }

    .smartfilter__checkboxes-wrapper.--simplebar {
        max-height: 192px;
        overflow: hidden auto;
    }

    .smartfilter__checkboxes-wrapper.--flex .smartfilter__checkboxes-list {
/*        display: flex;
        flex-flow: row wrap;*/
        column-count: 2;
    }

    .smartfilter__checkboxes-wrapper.--flex .smartfilter__checkboxes-list .smartfilter__checkbox-box {
        /*width: 50%;*/
    }

    .smartfilter__checkbox {
        display: none;
    }

    .smartfilter__label {
        font-size: 12px;
        line-height: 16px;
        padding: 2px 0;
        color: #666666;
    }

    .smartfilter__label.--checkbox {
        padding-left: 28px;
        padding-right: 20px;
        position: relative;
        cursor: pointer;
    }

    .smartfilter__label.--checkbox:before {
        position: absolute;
        content: '';
        width: 16px;
        height: 16px;
        background-color: #ffffff;
        left: 0;
        top: 2px;
        border: 1px solid #E5E5E5;
    }

    .smartfilter__label.--checkbox:after {
        position: absolute;
        content: '';
        width: 12px;
        height: 12px;
        left: 2px;
        top: 4px;
    }

    .smartfilter__label.--checkbox:hover:after {    
        background-color: #5ca4ca;
    }

    .smartfilter__label.--checkbox:hover:before {    
        border-color: #5ca4ca;
    }

    .smartfilter__checkbox:checked + .smartfilter__label.--checkbox:before {
        border-color: var(--color-blue);
    }

    .smartfilter__checkbox:checked + .smartfilter__label.--checkbox:after {
        background-color: var(--color-blue);
    }

    .smartfilter__btn {
        font-size: 17px;
        box-shadow: none;
        background-color: #ffffff;
        line-height: 42px;
        width: 100%;
        color: var(--color-blue);
        transition: all 0.1s linear;
        border: 1px solid var(--color-blue);
        margin: 45px 0 21px;
    }

    .smartfilter__footer {
        margin-bottom: 0;
    }

    .smartfilter__btn:hover {
        background-color: var(--color-blue);
        color: #ffffff;
    }

    .smartfilter__link {
        font-size: 12px;
        line-height: 15px;
    }

    .smartfilter__link:hover {
        color: #555555
    }

    .smartfilter__modef:not(:empty) {
        position: absolute;
        left: 100%;
        top: 0;
        width: 180px;
        transform: unset;
        font-size: 12px;
        padding: 15px 10px;
        background-color: #ffffff;
        text-align: center;
        box-shadow: 0 0 5px 0px rgb(0 0 0 / 15%);
        z-index: 101;
    }


    .smartfilter__popup {
        width: 100%;
    }

    .smartfilter__modef a {
        display: block;
        background-color: #ffffff;
        line-height: 34px;
        color: var(--color-blue);
        transition: all 0.1s linear;
        border: 1px solid var(--color-blue);
        margin: 10px 0 0;
        width: 100%;
        text-align: center;
        text-decoration: none;
    }

    .smartfilter__modef a:hover {
        background-color: var(--color-blue);
        color: #ffffff;
    }

    .smartfilter__close {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 9px;
        height: 9px;
        opacity: 0.5;
    }

    .smartfilter__close:hover {
        opacity: 1;
    }

    .smartfilter__label.--checkbox.disabled {
        color: #cccccc;
    }

    .smartfilter__label.--checkbox.disabled:before {
        border-color: #cccccc;
    }

    .smartfilter__checkbox:not(:checked) + .smartfilter__label.--checkbox.disabled {
        pointer-events: none;
    }

    [id^=att_vid_obrabotki-] {
        position: relative;
    }

    [id^=att_vid_obrabotki-]:after {
        content: '';
        display: block;
        height: 20px;
        width: 20px;
        position: absolute;
        right: 0;
        top: 0;
        background-size: 17px 17px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    [id^=att_obr_material-] {
        position: relative;
    }

    [id^=att_obr_material-]:after {
        content: '';
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 20px;
        position: absolute;
        right: 0;
        top: 0;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 20px;
        color: #FFFFFF;
    }

    #att_obr_material-h-tverdye-materialy:after {
        content: 'h';
        background-color: #BCCBD1
    }
    #att_obr_material-k-chugun:after {
        content: 'k';
        background-color: #ED1D23
    }
    #att_obr_material-m-nerzhaveyushchaya-stal:after {
        content: 'm';
        background-color: #FEF100
    }
    #att_obr_material-n-tsvetnye-metally:after {
        content: 'n';
        background-color: #8CC4B1
    }
    #att_obr_material-p-stal:after {
        content: 'p';
        background-color: #00AEEC
    }
    #att_obr_material-s-zharoprochnye:after {
        content: 's';
        background-color: #FBBE85
    }
    #att_obr_material-o-nemetallicheskie-materialy:after {
        content: 'o';
        background-color: #f3f3f3;
        color: #333333;
    }

}

.curfilters {
    margin-top: 15px;
    margin-bottom: 15px;
}

.curfilters__list {
    display: flex;
    flex-flow: row wrap;
}

.curfilters__item {
    font-size: 12px;
    line-height: 24px;    
    display: block;
    margin-right: 6px;
    margin-bottom: 10px;
    color: var(--color-blue);
    transition: var(--transition-all);
    position: relative;
    text-decoration: none;
    border-radius: 5px;
    padding: 0 25px 0 15px;
    border: 1px solid var(--color-blue);
    border-radius: 5px;
}

.curfilters__item:before {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
}

.curfilters__item.--reset {
    display: none;
    padding: 0 15px 0 15px;
}

.curfilters__item:hover {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
    color: #fff;
}

@media all and (min-width: 992px) {
    .curfilters {
        margin-bottom: 30px
    }

    .curfilters__list {
        align-items: center
    }

    .curfilters__item {
        margin-right: 12px;
        line-height: 26px;
    }

    .curfilters__item.--reset {
        display: block;
        border: 1px solid #333333;
        color: #333333;
    }

    .curfilters__item.--reset:hover {
        border-color: #333333;
        background-color: #333333;
        color: #ffffff;
        text-decoration: none;
    }
}
















.catfilt.--tagsswitcher .catfilt__col.--list {
    width: calc(72px * 12);
}

.catfilt.--tagsswitcher .catfilt__img {
    width: 72px;
    height: 72px;
}

.catfilt.--tagsswitcher .catfilt__item {
    padding: 0;
}

.catfilt.--tagsswitcher {
    order: 1;
    padding: 0;
    transition: all linear 0.15s;
    padding: 0 0 10px 0;
}

.catfilt.--tagsswitcher .catfilt__row .catfilt__item {
    display: block !important;
}

.catfilt.--tags {
    order: 1;
    padding: 0;
    transition: all linear 0.15s;
    padding: 0 0 10px 0;
}

.catfilt.--tags:not(.opened) {
    height: 0;
    opacity: 0;
    transform: scale(1, 0);
    padding: 0;
    margin: 0;
}

.catfilt.--tags .catfilt__col {
    display: none;
    width: 100%;
}

.catfilt.--tags .catfilt__col.opened {
    display: block;
}

.catfilt__group {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    position: relative;
}

.catfilt.--tagsswitcher.closed {
    /*display: none;*/
    height: 0;
    transform: scale(1, 0);
    opacity: 0;
    padding: 0;
    margin: 0;
}

.catfilt__group-name {
    width: 72px;
    height: 72px;
    margin: 0 0 0 0;
    flex: 0 0 72px;
}

.catfilt__group-name .catfilt__img {
    width: 72px;
    height: 72px;
}



.catfilt__group-list {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 0 -2px 0;
    flex: 1 0 calc(100% - 72px);
}

.catfilt__group-item {
    padding: 2px 2px;
    display: block;
}

.catfilt__group-link {
    width: auto;
    display: block;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #333333;
    border: 1px solid #CCCCCC;
    text-decoration: none;
    text-align: center;
    padding: 5px 9px 6px 10px;
    white-space: nowrap;
}

.catfilt__group-link:hover {
    color: var(--color-blue);
    border-color: var(--color-blue);
}

.catfilt__group-link:active {
    background-color: var(--color-blue);
    color: #ffffff;
    border-color: var(--color-blue);
}

.catfilt__group-back {
    position: absolute;
    left: 0;
    bottom: 4px;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    text-decoration-line: underline;
    color: var(--color-blue);
    text-underline-position: from-font;
    width: 72px;
    text-align: center;
    align-self: flex-start;
}

.catfilt__group-name:hover .catfilt__img {
    transform: scale(1.15);
}

@media all and (min-width: 1200px) {
    .catfilt.--tagsswitcher {
        padding: 0
    }
    .catfilt.--tagsswitcher .catfilt__col.--list {
        width: calc(96px * 12);
    }

    .catfilt.--tagsswitcher .catfilt__img {
        width: 96px;
        height: 96px;
    }

    .catfilt.--tags {
        padding: 0;
    }

    .catfilt__group {
        flex-flow: row nowrap;
    }

    .catfilt__group-name {
        width: 108px;
        height: 96px;
        /*margin: 0 12px 0 0;*/
        flex: 0 0 108px;
    }

    .catfilt__group-name .catfilt__img {
        width: 96px;
        height: 96px;
    }

    .catfilt__group-list {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        margin: 0 -2px 0;
        flex: 1 1 auto;
    }

    .catfilt__group-link {
        width: 80px;
        padding: 5px 0 6px 0;
    }

    .catfilt__group-back {
        position: static;
        font-size: 14px;
        line-height: 17px;
        margin-left: 80px;
        padding: 0 19px;
        align-self: flex-start;
        margin-top: 35px;
        width: auto
    }



    .catfilt.--tagsswitcher .catfilt__row:not(.open) .catfilt__item:nth-child(12) ~ .catfilt__item {
        display: none !important;
    }
}

[data-shagtype] {
    display: none;
}

[data-shagtypeshow="m"] [data-shagtype="m"] {
    display: block;
}

[data-shagtypeshow="d"] [data-shagtype="d"] {
    display: block;
}

[data-shagtype="m"] {
    width: 50%;
    margin-right: auto;
}

[data-shagtype="d"] {
    width: 50%;
    margin-left: auto;
}



.smartfilter__fitcher {
    display: flex;
    justify-content: space-between;
}

.smartfilter__fitcher-item {
    width: 50%;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    color: #ffffff;
    background-color: #bccbd1;
}

.smartfilter__fitcher-item.active {
    background-color: var(--color-blue);
}

.btn.smarterrorbtn {
    display: none;
    padding: 10px 10px;
    line-height: 14px;
    font-weight: 500;
    font-size: 12px;
    outline: none;
    color: var(--color-blue);
    background-color: transparent;
    border: 1px solid var(--color-blue);
    border-radius: 0;
    margin: 15px 0 0 0;
}

.btn.smarterrorbtn:hover {
    box-shadow: none;
    color: #ffffff;
    background-color: #00669d;
    border-color: #00669d;
}

@media all and (min-width: 1024px) {
    .btn.smarterrorbtn {
        display: block;
    }
}




.fnav {
}
.fnav__switcher {}
.fnav__switcheritem {
/*    display: none;*/
}
.fnav__switcheritem.active {
/*    display: block;*/
}
.fnav__switcheritem_table {}
.fnav__switcheritem_str {}
.fnav__blocks {
    margin: 20px 0;
}
.fnav__block {
    display: none;
}
.fnav__block.active {
    display: block;
}
.fnav__block_table {}
.fnav__block_str {}

.fnav__item {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid rgba(153, 153, 153, 0.60);
    margin: 0 0 12px 0;
}
.fnav__itemwrap {}
.fnav__itemwrap_hidden {
    display: none;
}

.fnav__item_hidden.active {
    display: block;
}
.fnav__itempic {
    width: 40%;
    height: auto;
    margin: 15px 0;
}
.fnav__iteminfo {
    display: block;
    position: relative;
    font-size: 12px;
    font-weight: 700;
    width: 100%;
}
.fnav__itemname {
    margin: 0 24px 0 0;
    color: #000;
}
.fnav__itemdesc {
    color: #000;
}
.fnav__itembrand {
    color: var(--color-blue);
    font-size: 10px;
    font-weight: 300;
    position: absolute;
    left: 0;
    top:  calc(100% + 3px);
}
.fnav__itemmats {
    display: flex;
    flex-flow: row nowrap;
    justify-content: end;
    margin: 0 0 8px 0;
}

.fnav__itemmat {
    margin: 0 3px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: block;
    background-color: #cccccc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}
.fnav__itemmat_m {background-color: #FF9C00}
.fnav__itemmat_k {background-color: #BA2161}
.fnav__itemmat_p {background-color: #0475B1}
.fnav__itemmat_n {background-color: #43790D}
.fnav__itemmat_h {background-color: #BCCBD1}
.fnav__itemmat_k {background-color: #ED1D23}
.fnav__itemmat_m {background-color: #FEF100}
.fnav__itemmat_n {background-color: #8CC4B1}
.fnav__itemmat_p {background-color: #00AEEC}
.fnav__itemmat_s {background-color: #FBBE85}

.fnav__itemicns {
    display: flex;
    flex-flow: row nowrap;
    margin: 0 -2px;
    overflow: auto;
    padding: 0 0 12px 0;
}
.fnav__itemicn {
    width: 40px;
    height: 40px;
    margin: 0 2px;
}

.fnav__showmore {
    display: inline-block;    
}

.fnav__showmoretext {
    text-align: center;
    box-shadow: none;
    border: 0;
    background-color: #0475B1;
    line-height: 36px;
    padding: 0 30px;
    margin: 14px 0;
    color: #fff;
    margin-bottom: 12px;
    transition: all 0.1s linear;
}
.fnav__showmoretext_notactive {
    display: inline-block;
}
.fnav__showmoretext_active {
    display: none;
}

.fnav__showmore.active .fnav__showmoretext_active {
    display: inline-block;
}
.fnav__showmore.active .fnav__showmoretext_notactive {
    display: none;
}

@media all and (min-width:  1200px) {
    .fnav__item {
        display: flex;
        align-items: center;
        padding: 0 0 2px 0;
    }

    .fnav__itempic {
        width: 243px;
        margin: 20px 10px;
    }

    .fnav__iteminfo {
        font-size: 20px;
        line-height: 1.2;
        display: inline-flex;
        flex-flow: row wrap;
        margin: 0 0 0 40px;
        padding: 0 0 24px 0;
        max-width: 240px;
    }

    .fnav__itemname {
        display: block;
        order: 1;
    }

    .fnav__itemdesc {
        display: block;
        order: 2;
    }

    .fnav__itembrand {
        order: 3;
        font-size: 20px;
        /* position: static; */
        /* width: 100%; */
        top: calc(100% - 24px);
    }

    .fnav__itemmats {
        justify-content: flex-start;
        margin: 0 auto 0 0;
    }

    .fnav__itemmat {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 24px;
        margin: 0 10px;
    }

    .fnav__itemicns {
        overflow: visible;
        margin: 0 0 0 auto;
        padding: 0;
    }

    .fnav__itemicn {
        width: 52px;
        height: 52px;
        margin: 0 0 0 2px;
    }

    .fnav__showmoretext {
        line-height: 48px;
        margin-bottom: 0;
    }
}

.mrnav {
    --width: 77.5px;
    --height: 55.36px;
    --pad: 20px;
    overflow-x: auto;
    margin: 0 calc(var(--pad) * -1) 10px calc(var(--pad) * -1);
    padding: 0 0 10px 0;
}
.mrnav__list {
    padding: 0 var(--pad);
    min-width: calc(var(--count) * var(--width) + calc(var(--pad) * 2));
    display: flex;
    flex-flow: row nowrap;
}
.mrnav__item {
    display: block;
    width: var(--width);
    height: var(--height);
    position: relative;
    transition: var(--transition);
}
a.mrnav__item:hover {
    transform: scale(1.2);
}
.mrnav__itempic {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
}

@media all and (min-width: 992px) {
    .mrnav {
        --width: 120.4px;
        --height: 86px;
        overflow-x: visible;
        margin: 0 0 35px 0;
        padding: 0;
    }
    .mrnav__list {
        padding: 0;
        min-width: unset;
        flex-flow: row wrap;
    }
}

.checkboxesfilter {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

.checkboxesfilter[class*=" icf-"]:before {
    position: absolute;
    font-size: 16px;
    right: 0;
    top: 0;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-blue);
}

.checkboxesfilter__input {
    width: 100%;
    outline: none;
    border: 0;
    border-bottom: 1px solid;
    border-bottom-color: #f0f0f0;
    background-size: 16.66px auto;
    background-repeat: no-repeat;
    background-position: right center;
    line-height: 23px;
    transition: var(--transition);
    padding: 0 17px 0 0;
}

.checkboxesfilter__input:focus {
    border-bottom-color: var(--color-blue);
}

.checkboxesfilter__input::placeholder {
    font-size: 12px;
    color: #999999;
}

.checkboxesfilter__error {
    color: red;
    font-size: 13px;
}
/* End */


/* Start:/local/templates/qtool/a/plug/simplebar/simplebar.css?16522522133917*/
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: #333333;
  border-radius: 0px;
  left: 0px;
  right: 0px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 1;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 6px;
  background-color: #E7E7E7;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
/* End */


/* Start:/local/templates/qtool/components/bitrix/system.pagenavigation/showmore/style.css?16522522131493*/
.bx-pagination {
    text-align: center;
    margin: 15px 0;
}

.bx-pagination__more {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: var(--color-blue);
    text-transform: uppercase;
    text-decoration: none;
}

.bx-pagination__more:hover {
    color: var(--color-blue--hover);
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
}
.loader {
  position: relative;
  top: 0px;
  margin: 0 auto;
  box-sizing: border-box;
  font-size: 0;
  width: 24px;
  height: 24px;
  text-indent: 0;
  border-top: 2px solid rgb(45 45 45 / 20%);
  border-right: 2px solid rgb(45 45 45 / 20%);
  border-bottom: 2px solid rgb(45 45 45 / 20%);
  border-left: 0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media all and (min-width: 1024px) {
  .bx-pagination {
    margin: 32px 0;
  }

  .bx-pagination__more {
      font-size: 14px;
      line-height: 17px;
  }
}
/* End */


/* Start:/local/templates/qtool/components/bitrix/catalog.sections.marki/.default/style.css?17157864871032*/
.catalog-price {
	 color:red;
}
div.catalog-sections-top table td {
	padding-right:10px;
	padding-top:10px;
}

.catsectionhead__desc {
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    margin-top: 11px;
}

.catsectionhead__desc p:last-child {
    margin-bottom: 0;
}

.catsectionhead__info {
	display: flex;
	flex-flow: row wrap;
}

.catsectionhead__desc {
	width: 100%;
}

.catsectionhead__img {
    display: block;
    margin-top: 20px;
    max-width: 100%;
}

.catsectionhead__img_twice {
	max-width: 50%;
}

@media all and (min-width: 1024px) {
	.catsectionhead__info {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	.catsectionhead__desc {
	    font-size: 14px;
	    line-height: 17px;
	    width: auto;
	}

	.catsectionhead__img {
	    margin-left: auto;
	    margin-top: 0;
	    max-width: 400px;
	    /*240*124*/
	}

	.catsectionhead__img_twice {
		max-width: 130px;
	}
	.catsectionhead__img + .catsectionhead__img {
	    margin-left: 20px;
	}
}
/* End */


/* Start:/local/templates/qtool/a/css/catsection-table.css?175429555111201*/
.catsection.--table {
    display: table;
    width: 100%;
    margin-top: 25px
}

.catsection__head {
    display: none;
}

.catsection__body {
    display: table-row-group;
    font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
}

.catsection__row,
.catsection.--table .product {
    display: table-row;
}

.catsection__col {
    display: none;
}

.catsection__col.--name,
.catsection__col.--price,
.catsection__col.--btns {
    display: table-cell;
    vertical-align: middle;    
}

.catsection__col.--price {
    white-space: nowrap;
}

.catsection__col.--btns {
    width: 44px;
}

a.catsection__col {
    text-decoration: none;
    color: #999999;
}

a.catsection__col:hover {
    color: var(--color-blue);
}

a.catsection__col[class*="icfn-sort-"] {
    color: var(--color-blue);    
}

a.catsection__col:after,
a.catsection__col:before {display:inline-block;margin-left:2px;font-size:8px;}

.catsection.--table .product .product__name {
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: #666666;
	/*white-space: nowrap;*/
    text-decoration: none;
}

.catsection.--table .product .product__brand {
	font-weight: 500;
	color: var(--color-blue);
    font-size: 10px;
    line-height: 12px;
}

.catsection.--table .product .product__art {
	font-weight: 500;
	font-size: 10px;
	line-height: 12px;
	color: #666666;
	margin-right: 15px;
}


.catsection.--table .product .product__art {
    display: inline-flex !important;
    align-items: center;
    transition:  color 0.15s linear;
}

.catsection.--table .product .product__art:hover {
    color: #000000;
}

.catsection.--table .product .product__art:before {
    font-size: 10px;
    margin: 0 0.5em;
}

.catsection__body .product .catsection__col {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E7E7E7;
}

.catsection__col.--price {
    padding-left: 52px !important;
    position: relative;
}

.catsection__col:not(:first-child) {
	text-align: center
}

.catsection__body .product:last-child .catsection__col {
	border-bottom: none;
}

.catsection__body .product .catsection__col.--price {
    font-size: 14px;
    line-height: 17px;
    width: 86px;
}

.product__btn {
    width: 32px;
    height: 24px;
    padding: 6px 10px;
    /*border: 1px solid;*/
    margin-left: auto;
    font-size: 0;
    display: block;
    cursor: pointer;
    transition: all 0.15s linear;
    background-repeat: no-repeat;
    background-position: center center;
    color: var(--color-blue);
}

.product__btn:before {
    font-size: 12px;
}

.product__btn.--fill {
    color: #ffffff;
    background-color: var(--color-blue);    
}

.product__btn:hover {
    color: #ffffff;
    background-color: var(--color-blue);
}

.product__btn.--backet {
    /*border-color: transparent;*/
    /*background-size: 14px 14px;*/
}

.product__btn.--backet:hover {
    /*background-color: var(--color-blue);*/
    /*background-image: url(/local/templates/qtool/a/icon/sprite.svg#basket--white);*/
}

.product__vals {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

.product__val.--att_obr_material {
    margin: 0 3px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: block;
    background-color: #cccccc;
    color: #ffffff;
    text-align: center;
}
.product__val.--att_obr_material.--m {background-color: #FF9C00}
.product__val.--att_obr_material.--k {background-color: #BA2161}
.product__val.--att_obr_material.--p {background-color: #0475B1}
.product__val.--att_obr_material.--n {background-color: #43790D}

.product__val.--att_obr_material.--h {background-color: #BCCBD1}
.product__val.--att_obr_material.--k {background-color: #ED1D23}
.product__val.--att_obr_material.--m {background-color: #FEF100}
.product__val.--att_obr_material.--n {background-color: #8CC4B1}
.product__val.--att_obr_material.--p {background-color: #00AEEC}
.product__val.--att_obr_material.--s {background-color: #FBBE85}

.product__val.--att_vid_obrabotki {
    margin: 0 2px;
    font-size: 0;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 20px;
    display: block;
    color: #ffffff;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}

.product__val.--att_vid_obrabotki.--l {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#l)}
.product__val.--att_vid_obrabotki.--m {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#m)}
.product__val.--att_vid_obrabotki.--h {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#h)}
.product__val.--att_vid_obrabotki.--f {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#f)}
.product__val.--att_vid_obrabotki.--r {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#r)}

.product__price_old {
    font-size: 0.8em;
    text-decoration: line-through;
    opacity: 0.8;
}

.product__pricepercent {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 1px 0;
    font-size: 15px;
    width: 42px;
    text-align: center;
    background-color: var(--color-blue);
    border-radius: 2px;
}

.product__prices {
    text-align: left;
}

.catsectionhead {
    padding-bottom: 15px;
    margin: 25px 0;
    border-bottom: 1px solid #cfcfcf;
}

.catsections__item:first-child .catsectionhead {
    margin-top: 10px
}

.catsectionhead__name {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}

/*.product.--notInStock {
    opacity: 0.35;
}*/

.catsection__body .product.--notInStock .catsection__col {
    border-bottom: 1px solid #a3a3a3;
    opacity: 0.35;
}

@media all and (min-width:  1280px) {
    .catsection.--table {
        display: table;
        width: 100%;
        margin-top: 55px
    }

    .catsection__head {
        display: table-header-group;
        font-weight: bold;
        font-size: 11px;
        line-height: 15px;
        color: #999999;
        /*white-space: nowrap;*/
    }

    .catsection__body {
        display: table-row-group;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #333333;
    }

    .catsection__row,
    .catsection.--table .product {
        display: table-row;
    }

    .catsection.--table .product:hover {
        box-shadow: var(--shadow);
    }

    .catsection__col {
        display: table-cell;
        vertical-align: middle;
    }

    .catsection__coltext {
        display: inline-block;
        padding: 0 13px 0 0;
        white-space: normal;
    }

    .catsection__coltext:after,
    .catsection__coltext:before {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .catsection__col.--in_stock {
        width: 100px;
    }

    .catsection__col.--price {
        width: 150px !important;
    }

    .catsection.--table .product .product__name {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        /*white-space: nowrap;*/
    }

    .catsection.--table .product .product__brand {
        font-weight: 500;
        font-size: 12px;
        line-height: 15px
    }

    .catsection.--table .product .product__art {
        font-weight: 500;
        font-size: 10px;
        line-height: 12px;
        color: #666666;
        margin-right: 15px;
    }

    .catsection__body .product .catsection__col {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #E7E7E7;
    }

    .catsection__col:not(:first-child) {
        text-align: center
    }

    .catsection__body .product:last-child .catsection__col {
        border-bottom: none;
    }

    .catsection__body .product .catsection__col.--price {
        font-size: 16px;
        line-height: 20px;
        width: 100px;
    }

    .product__orderpricenot {
        font-size: 14px;
        line-height: 26px;
    }

    .catsection.--table .--name {
        /*width: 240px;*/
        min-width: 240px;
    }

    .catsection__col.--btns {
        width: auto;
    }

    .catsection__col:not(.--btns) {
        padding-left: 5px;
        padding-right: 5px;
    }

    a.catsection__col:after {font-size: 11px;}
    a.catsection__col:before {font-size: 11px;}

    .product__btn {
        /*border: 1px solid;*/
        margin: 0 auto;
        font-size: 0;
        display: block;
        cursor: pointer;
        transition: all 0.15s linear;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .product__vals {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }

    .product__val.--att_obr_material {
        margin: 2px 3px;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        line-height: 20px;
        display: block;
        background-color: #cccccc;
        color: #ffffff;
        text-align: center;
    }
    
    .product__val.--att_obr_material.--h {background-color: #BCCBD1}
    .product__val.--att_obr_material.--k {background-color: #ED1D23}
    .product__val.--att_obr_material.--m {background-color: #FEF100}
    .product__val.--att_obr_material.--n {background-color: #8CC4B1}
    .product__val.--att_obr_material.--p {background-color: #00AEEC}
    .product__val.--att_obr_material.--s {background-color: #FBBE85}
    .product__val.--att_obr_material.--o {background-color: #f3f3f3;color: #333333}

    .product__val.--att_vid_obrabotki {
        margin: 0 2px;
        font-size: 0;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        line-height: 20px;
        display: block;
        color: #ffffff;
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: center center;
        text-align: center;
    }

    .product__val.--att_vid_obrabotki.--l {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#l)}
    .product__val.--att_vid_obrabotki.--m {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#m)}
    .product__val.--att_vid_obrabotki.--h {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#h)}
    .product__val.--att_vid_obrabotki.--f {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#f)}
    .product__val.--att_vid_obrabotki.--r {background-image: url(/local/templates/qtool/a/icon/vidobr.svg#r)}

    .catsectionhead {
        padding-bottom: 25px;
        margin: 55px 0;
        border-bottom: 1px solid #cfcfcf;
    }

    .catsectionhead__name {
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        color: #333333;
    }
}
/* End */
/* /local/templates/qtool/a/css/index.css?172606421518574 */
/* /local/templates/qtool/a/css/orderform.css?17567184216335 */
/* /local/templates/qtool/components/bitrix/catalog/root/style.css?1652252213721 */
/* /local/templates/qtool/a/css/cat.css?16844992559493 */
/* /local/templates/qtool/components/bitrix/catalog.section.list/.default/style.css?17271039921538 */
/* /local/templates/qtool/components/bitrix/catalog.smart.filter/.default/style.css?174833388831241 */
/* /local/templates/qtool/a/plug/simplebar/simplebar.css?16522522133917 */
/* /local/templates/qtool/components/bitrix/system.pagenavigation/showmore/style.css?16522522131493 */
/* /local/templates/qtool/components/bitrix/catalog.sections.marki/.default/style.css?17157864871032 */
/* /local/templates/qtool/a/css/catsection-table.css?175429555111201 */