

/* Start:/local/templates/agency_ux_nobel/components/bitrix/catalog/catalog/style.css?17525700351122*/
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}

.catalog-block-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}

/* End */


/* Start:/local/templates/agency_ux_nobel/components/bitrix/catalog.element/custom/style.css?17550045142236*/
.detail-element-header-fixed{
    background: #252726;
    color: #fff;
    position: sticky;
    top: 124px;
    height: 68px;
    overflow: hidden;
    display: flex;
    align-items: center;
    z-index: 10;
}
.detail-group{
	display: flex;
}
.detail-action__block{
	margin-right: 10px;
	background: #E8ECEE;
	width: 35px;
	height: 35px;
	border-radius: 5px;
	&:last-child{
		margin-right: 0;
	}
}
.status{
	margin-bottom: 20px;
	display: flex;
    align-items: center;
    font-weight: 400;
    width: 80px;
    white-space: nowrap;
}
.status .instock-marker {
    border-radius: 100%;
    background: #c1ced4;
    min-width: 8px;
    max-width: 8px;
    min-height: 8px;
    max-height: 8px;
    margin-right: 5px;
}
.status .instock-marker--yes {
    background: #a0cbad;
}
.status .instock-marker--no {
    background: #ffe499;
}
.status__text{
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.14px;
}
.detail-action{
	display: flex;
}
.detail-info__tabs{
	margin-top: 20px;
}
.detail-box__wrapper{
	display: none;
}
.detail-box__wrapper.active{
	display: block;
}
.detail-box .detail-box__buttons{
	display: block;
}
.detail-box .detail-box__incart-btn{
	width: 100%;
}
.detail-box .detail-box__footer{
	width: 100%;
}
.detail-box__buttons .btn--green{
	background: #A0CBAD;
	border: 1px solid #A0CBAD;
}
.detail-box__buttons .btn--green:hover{
	background: #BFE0C9;
	border: 1px solid #BFE0C9;
}
.detail-box__buttons .btn--green:active{
	background: #8CAF97;
	border: 1px solid #8CAF97;
}
.price-element .price-element__new{
	font-size: 30px;
}
.price-element .price-element__old{
	font-size: 20px;
}
.price-element__info{
    cursor: pointer;
    position: relative;
    margin-left: 5px;
    top: 3px;
    outline: none;
    fill: #C1CED4;
    transition: all 0.3s;
    &:hover{
        fill: #636B71;
    }
}
.price-element__credit{
	color: #8b949b;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; 
}
@media (max-width:1024px) {
	.detail-group{
		display: flex;
		flex-direction: column;
	}
	.detail-action{
		margin-top: 20px;
		justify-content: flex-end;
	}
}
@media (max-width:576px) {
	.detail-action{
		margin-top: 70px;
	}
}
/* End */


/* Start:/local/templates/agency_ux_nobel/components/bitrix/form.result.new/form-modal-credit/style.css?1752570035666*/
table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:1px solid #ADC3D5;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(/local/templates/agency_ux_nobel/components/bitrix/form.result.new/form-modal-credit/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}


table.form-table td
{
	padding: 15px 5px;
}

.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/agency_ux_nobel/components/bitrix/form.result.new/form-modal-credit/images/icon_warn.gif);
}
/* End */


/* Start:/local/templates/agency_ux_nobel/components/bitrix/news.list/advantages/style.css?1752570035150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/agency_ux_nobel/components/bitrix/news.list/stocks-block/style.css?1752570035150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/agency_ux_nobel/components/bitrix/catalog.element/custom/themes/green/style.css?17525700351085*/
/* catalog.section */

/*
#63aa28
#6fb32d
#7ab748
#a8d95b
*/

/* Slider */
.bx-green .product-item-image-slider-progress-bar { background-color: #5b9f0b; }

.bx-green .product-item-image-slider-control:hover { background-color: rgba(91, 159, 11, .8); }

.bx-green .product-item-image-slider-control.active,
.bx-green .product-item-image-slider-control:hover { background-color: #5b9f0b; }

.bx-green .product-item-selected-scu,
.bx-green .product-item-detail-slider-controls-image:hover,
.bx-green .product-item-detail-slider-controls-image.active { outline-color: #63aa28; }

/* SCU */
.bx-green .product-item-scu-item-text-block:hover,
.bx-green .product-item-scu-item-color-block:hover,
.bx-green .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.bx-green .product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-color: #63aa28; }

/* Amount */
.bx-green .product-item-amount-field:focus { border-color: #63aa28; }

/*Proress Bar*/
.bx-green .product-item-detail-slider-progress-bar { background-color: #63aa28; }
/* End */


/* Start:/local/templates/agency_ux_nobel/components/bitrix/catalog.products.viewed/.default/style.css?17525700353828*/
@media (min-width: 1200px){
	/*lg*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-md-2:nth-child(6n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6  > .row > .col-md-4:nth-child(3n+1),
	.product-item-list-col-6-1 > .col-sm-6  > .row > .col-md-4:nth-child(3n+1),
		/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-md-3:nth-child(4n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
		/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
		/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
		/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (min-width: 992px) and (max-width:1199px){
	/*md*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-md-2:nth-child(6n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1),
	.product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1),
		/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-md-3:nth-child(4n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
		/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
		/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
		/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (min-width: 768px) and (max-width: 991px){
	/*sm*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
		/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
		/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
		/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
		/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (max-width: 767px){
	/*xs*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1),
		/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1),
		/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
		/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
		/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}

.catalog-products-viewed-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

.row::before {
	display: initial;
}
/* End */
/* /local/templates/agency_ux_nobel/components/bitrix/catalog/catalog/style.css?17525700351122 */
/* /local/templates/agency_ux_nobel/components/bitrix/catalog.element/custom/style.css?17550045142236 */
/* /local/templates/agency_ux_nobel/components/bitrix/form.result.new/form-modal-credit/style.css?1752570035666 */
/* /local/templates/agency_ux_nobel/components/bitrix/news.list/advantages/style.css?1752570035150 */
/* /local/templates/agency_ux_nobel/components/bitrix/news.list/stocks-block/style.css?1752570035150 */
/* /local/templates/agency_ux_nobel/components/bitrix/catalog.element/custom/themes/green/style.css?17525700351085 */
/* /local/templates/agency_ux_nobel/components/bitrix/catalog.products.viewed/.default/style.css?17525700353828 */
