/* Start:/local/templates/masla2023/new_main/style.css?17056649278873*/
.wsm, .new_box-sizing, .new_box-sizing *{
	box-sizing: border-box;
}
.new_wrapper{
	margin:0 17px;
	max-width: 100%;
}

.mb1{
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding-top: 20px;
}
.mb1 .mb1__left{
	display: none;
	width: 240px;
}
.mb1 .mb1__right{
	width: 100%;
	display: flex;
	flex-direction: column;
/*	justify-content: space-between;*/
}
.mb1 .mb1__right .sliders{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	max-width: 100%;
}
.mb1 .mb1__right .sliders .mb1-right__r{
	margin-top: 10px;
}


.leftmenu{}
#content div.left-wrap ul.leftmenu > li > a{
	font-family: 'MullerRegular', Arial, _sans-serif !important;
	text-transform: none !important;
}
#content .new_wrapper div.left-wrap ul.leftmenu > li > a{
	padding-left: 30px;
	display: inline-block;
}
#content .new_wrapper div.left-wrap ul.leftmenu > li > a > .ico{
	left:0;	
}
.new_wrapper .delivery-mobile:before, .new_wrapper .otzyvy-mobile:before, .new_wrapper .adres-title-mobile .far{
	left:0;
}

.new_wrapper .leftmenu .sert,
.new_wrapper .leftmenu .online-record-on-oil-change-mobile,
.new_wrapper .leftmenu .otzyvy-mobile,
.new_wrapper .leftmenu .delivery-mobile,
.new_wrapper .leftmenu .adres-title-mobile{
	display: none;
}





.new_wrapper div.catalog-list{
	display: flex;
	flex-direction: column;
	gap:10px;
}
.new_wrapper div.catalog-list div.item{
	display: flex;
	text-align: left;
	width: 100%;
	justify-content: space-between;
	padding: 10px;
	border-radius: 10px;
}
.new_wrapper div.catalog-list div.item:hover{
	background-color: #F4F4F4;
}
.main div.catalog-list div.item a.img{
	width: 45px;
	height: 45px;
	margin-right: 15px;
}

.new_wrapper div.catalog-list div.item .txt{
	display: flex;
	flex-direction: column;
/*	width: calc(100% - 75px);*/
	width:100%;
}
.new_wrapper div.catalog-list div.item a.title{
	margin-top: 0;
	font-size: 16px;
	text-decoration: none;
	color: #2C2C2C;
}
.new_wrapper div.catalog-list div.item .marki{
	margin-top:10px;
	font-size: 12px;
	line-height: 18px;
	color: #828282;
}
.new_wrapper div.catalog-list div.item .marki a{
	text-decoration: none;
	color:#828282;
}
.new_wrapper div.catalog-list div.item .marki a:hover{
	color: #D49A34;
}
.new_wrapper div.catalog-list div.item .detail{
	margin-top: 8px;
	font-size: 14px;
	text-decoration: none;
	position: relative;
	display: inline-block;
	padding-right: 24px;
}
.new_wrapper div.catalog-list div.item .txt .detail:after{
	content: " ";
	width: 11px;
	height: 11px;
	background: url("/local/templates/masla2023/img/link_ico_yell.svg");
	background-position: right top;
	background-repeat: no-repeat;
	right:0;
	display: block;
	position: absolute;
	right:0;
	top:2px;
}


.mb1 .mb1__right .mb1-right__l .slick-slide{
	background-size: cover;
	background-position: center center;
}


div.catalog-list div.item a.img img{
	max-width: 45px;
	max-height: 45px;
}

.main div.catalog-list div.item a.img{
	padding-bottom: 0 !important;
}
@media screen and (max-width:961px){
	.gray-block_new{
		margin-top: 30px !important;
	}

}


@media screen and (min-width:768px){
	.mb1 .mb1__right .sliders{
		flex-direction: row;

	}
	.mb1-right__l .main-slider__title{
		min-height: 36px;
	}
	.mb1 .mb1__right .sliders .mb1-right__r{
		margin: 0;
		width: 30%;
	}
	.mb1 .mb1__right .sliders .mb1-right__r .slider_pict{
		width: auto;
/*
		height: 100%;
		max-width: inherit;
*/
	}
	.mb1 .mb1__right .sliders .mb1-right__l{
		width: 70%;
		padding-right: 10px;
	}
	.mb1 .mb1__right .sliders .slider .slick-list .slick-track .slick-slide{
		background-position: left bottom;
		background-size: cover;		
	}
	.new_wrapper div.catalog-list div.item{
		width: 33%;
		flex-direction: column;
	}
	.new_wrapper div.catalog-list{
		flex-direction: row;
	}
	.new_wrapper div.catalog-list div.item{
		flex-direction: column;
		justify-content: flex-start;
	}
	.main div.catalog-list div.item a.img{
		margin-right: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.new_wrapper div.catalog-list div.item .txt{
		margin-top:16px;
		justify-content: space-between;
		flex-grow: 1;
		
	}
	.new_wrapper div.catalog-list div.item .txt a.title{
		margin-top: 10px;
	}
	.new_wrapper div.catalog-list div.item .txt .marki{
		margin-top: 16px;
		line-height: 14px;
	}
	.new_wrapper div.catalog-list div.item .txt .marki.biz{
/*		line-height: 24px;*/
	}	
	
}
@media screen and (min-width:840px){
	.new_wrapper div.catalog-list div.item .txt .marki.biz{
		line-height: 24px;
	}	
}

@media screen and (min-width:961px){
	.new_wrapper{
		margin: 0;
	}
	.main .wsm{
		width:100%;
	}
}
@media screen and (min-width:1280px){
	.mb1 .mb1__right{
		width: calc(100% - 270px);
	}

	.mb1 .mb1__left{
		display: flex;
		margin-right: 30px;
	}
	.wsm{		
	}
	.mb1 .mb1__right .mb1-right__r .slick-slide .main-slider__content{
		padding: 20px;
	}
	.mb1 .mb1__right .mb1-right__l .slick-slide .main-slider__content{
		padding: 30px;
	}
	.new_wrapper div.catalog-list{
		margin-top: 30px;
	}
	.main div.catalog-list div.item a.img{
		width: auto;
		height: 80px;
	}
	.new_wrapper div.catalog-list div.item a.title{
		font-size: 18px;
		font-family: 'MullerMedium', Arial, _sans-serif !important;
	}
	.new_wrapper div.catalog-list div.item .txt .marki{
		font-size: 16px;
		line-height: 20px
	}
	.new_wrapper div.catalog-list div.item .txt .detail{
		font-size: 16px;
		margin-top:16px;
	}
	
	.new_wrapper div.catalog-list div.item .txt .marki.biz{
		
	}
	div.catalog-list div.item a.img img{
		min-width: 80px;
	}
}
@media screen and (min-width:1600px){
	.new_wrapper{
		margin: 0;
	}
}



.main-userful{
	display: flex;
	flex-direction: column;
	gap: 21px;
	margin-top:40px;
}
.main-userful__title{
	font-size: 20px;
	font-family: 'MullerBold';
	margin: 0;
}
.main-userful__block{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	
}
.main-userful__elem{
	padding: 12px 28px;
	border-radius: 30px;
	background-color: #F1F1F1;
	font-size: 12px;
	color: #444444;
	text-decoration: none;
}
.main-userful__elem:hover{
	background-color: #FBBB00;
}
@media screen and (min-width:768px){
	.main-userful{
		margin-top:60px;
	}
}
@media screen and (min-width:1280px){
	.main-userful{
		margin-top:80px;
	}
	.main-userful__elem{
		font-size: 16px;
	}
	.main-userful__title{
		font-size: 24px;
	}
}


.main_cont{
}
.main_cont h2{
	font-size: 20px;
	font-family: 'MullerBold';
	margin: 0;

}
.main_cont .map-popup__content{
	margin-top: 20px;
}

@media screen and (min-width:1280px){
	.main_cont h2{
		font-size: 24px;
	}
}


.main-brands{
	display: flex;
	flex-direction: column;
	gap: 21px;
}
.main-brands__title{
	font-size: 20px;
	font-family: 'MullerBold';
	margin: 0;
}
.main-brands__block{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	
}
.main-brands__elem{
	padding: 12px 28px;
	border-radius: 30px;
	background-color: #F1F1F1;
	font-size: 12px;
	color: #444444;
	text-decoration: none;
}

@media screen and (min-width:1280px){
	.main-userful__elem{
	}
	.main-brands__title{
		font-size: 24px;
	}
}


.preim{
	display: flex;
	flex-direction: column;
	gap:20px;
	margin-top: 40px;
}
.preim__el{
	display: flex;
	gap:8px;
}
.preim__ico{
	width: 40px;
	min-width: 40px;
	height: 40px;
}
.preim__txt-block{
	display: flex;
	flex-direction: column;
	gap:6px;
}
.preim__title{
	font-size: 14px;
	font-family: 'MullerBold';
}
.preim__txt{
	font-size: 12px;
}
@media screen and (min-width:768px){
	.preim{
		flex-direction: row;	
		gap:10px;
		margin-top: 60px;
	}
	.preim__el{
		flex-direction: column;
		gap:8px;
		flex: 1 1;
	}
}

@media screen and (min-width:1280px){
	.preim{
		gap:20px;
		margin-top: 80px;
	}
	.preim__ico{
		width: 60px;
		min-width: 60px;
		height: 60px;
	}
	.preim__title{
		font-size: 20px;
	}
	.preim__txt-block{
		gap: 12px;
	}
	.preim__txt{
		font-size: 14px;
	}
}
@media screen and (min-width:1440px){
	.preim__el{
		flex-direction: row;
		gap: 23px;
	}
}

.about-us{
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.about-us__title{
	font-size: 24px;
	font-family: 'MullerBold';
	margin: 0;
}
.about-us__block{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.about-us__txt{
	font-size: 12px;
}
.about-us__photo{
	min-height: 259px;
	overflow: hidden;
}
.about-us__photo_wrap{
	border-radius: 10px;
	width: 100%;	
	height: 100%;
	overflow: hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}
.about-us__photo img{
	height: 100%;
	max-width: inherit;
}

@media screen and (min-width:768px){
	.about-us{
		margin-top: 60px;
	}
	.about-us__block{
		flex-direction: row;
		gap:10px;
	}
	.about-us__block > div{
		flex: 1 1;
	}	
	.about-us__photo{
	}
	.about-us__photo_wrap{
		height: auto;
	}
}
@media screen and (min-width:1280px){
	.about-us{
		margin-top: 80px;
	}
}





@media screen and (min-width:768px){
}
@media screen and (min-width:1280px){
}
@media screen and (min-width:1440px){
}
/* End */


/* Start:/local/components/positron/slider/templates/.default/style.css?17023135153443*/

.mb1 .mb1__right .sliders .slider,
.mb1 .mb1__right .sliders .slider .slick-list,
.mb1 .mb1__right .sliders .slider .slick-list .slick-track
{
	height: 100%;
/*	min-height: 280px;*/
}
.mb1 .mb1__right .sliders .slider .slick-list{
/*
	padding: 15px;
*/
	border-radius: 10px;
}

.mb1 .mb1__right .sliders .mb1-right__l .slick-arrow,
.mb1 .mb1__right .sliders .mb1-right__r .slick-arrow{
	display: none;
}
.mb1 .mb1__right .sliders .slider .slick-dots{
	position: absolute;
	display: flex;
	list-style: none;
	bottom: 7px;
    right: 10px;
}
.mb1 .mb1__right .sliders .slider .slick-dots li{
	margin: 0;
	padding: 3px 0;
}
.mb1 .mb1__right .sliders .slider .slick-dots li + li{
	margin-left: 3px;
}
.mb1 .mb1__right .sliders .slider .slick-dots li button{
	width:15px;
	height: 5px;
	border-radius: 3px;
	background-color: #ffffff;
	font-size: 0;
/*	border: 1px solid rgb(68, 68, 68);*/
}
.mb1 .mb1__right .sliders .slider .slick-dots li:not(.slick-active) button{
	cursor: pointer;
}
.mb1 .mb1__right .sliders .slider .slick-dots li.slick-active button{
	width:30px;
	height: 5px;
	background-color: #FBBB00;
}

.main-slider__title{
	display: flex;
	align-items: center;
	gap:10px;
}


/* LEFT SLIDER */

.mb1-right__l .slick-slide{
	color: #444444;
}
.mb1 .mb1__right .sliders .main-slider__content{
	position: absolute;
	padding: 15px;
	top:0;
	left:0;
}

.mb1-right__l .main-slider__title{
	font-size: 24px;
	font-weight: 700;
}
.mb1-right__l .main-slider__title .marker{
	background-color: #EB5757;
	padding: 10px;
	border-radius: 30px;
	color: #ffffff;	
}
.mb1-right__l .main-slider__shedule{
	margin-top: 10px;
	display: block;
	font-size: 16px;
}
/*
.mb1 .mb1__right .sliders .slider .slick-slide .main-slider__shedule + a{
	margin-top:10px;
}
*/
.mb1 .mb1__right .sliders .mb1-right__l .slider .slick-slide a.main-slider__btn{
	color: #ffffff;
	text-decoration: underline;
	display: inline-block;
	margin-top:10px;
}



a.slick-slide{
	text-decoration: none;
	cursor: pointer;
}


.slider .slick-list .slick-track .slick-slide{
	padding: 0;
}

.slider_pict{
	width: 100%;
}

/* RIGHT SLIDER */

.mb1-right__r .slick-slide{
	padding: 15px 15px 25px 15px;
	color: #ffffff;
	background-position: bottom left;
}
.mb1-right__r .main-slider__shedule{
	margin-top: 10px;
	display: block;
	font-size: 16px;
	line-height: 20px;
}

.mb1-right__r .slick-slide .main-slider__btn{
	width: 100%;
	text-align: center;
	background-color: #ffffff;
	color: #2C2C2C;
	padding: 16px 32px;
	font-size: 16px;
	line-height: 16px;
	border-radius: 26px;
	text-decoration: none;
	display: flex;
	justify-content: center;
	margin-top: 20px;
	cursor: pointer;
}
.mb1 .mb1__right .mb1-right__r .slick-slide .main-slider__btn span{
	padding-right: 20px;
	position: relative;
	display: inline-block;
	background:url("/local/components/positron/slider/templates/.default/./img/link_ico.svg");
	background-repeat: no-repeat;
	background-position: right center;
}
@media screen and (min-width:768px){
 .mb1 .mb1__right .sliders .main-slider__content{
	 padding: 24px 15px;
 }
}
@media screen and (min-width:1280px){
	.mb1 .mb1__right .sliders .slider .slick-list .slick-track .slick-slide{
		min-height: 260px;
	}
}

@media screen and (max-width:767px){
	.mb1 .mb1__right .sliders .mb1-right__r{
		height: 240px;
	}
	.mb1 .mb1__right .sliders .mb1-right__r .slider_pict{
		position: absolute;
		bottom: 0;
		left: 0;
	}
}
@media screen and (max-width:428px){
	.mb1 .mb1__right .sliders .mb1-right__r{
		height: 270px;
	}
}
/* End */


/* Start:/bitrix/components/webmaxima/yandexmap.pointview/templates/.default/style.css?1676387670166*/
.main_soc_news .icon_youtube {
    background: url(/bitrix/components/webmaxima/yandexmap.pointview/templates/.default/images/youtube.svg) repeat-y;
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

/* End */
/* /local/templates/masla2023/new_main/style.css?17056649278873 */
/* /local/components/positron/slider/templates/.default/style.css?17023135153443 */
/* /bitrix/components/webmaxima/yandexmap.pointview/templates/.default/style.css?1676387670166 */