// Сетка Flex-Box
	.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
	.wrap {-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
	.nowrap {-webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap;}
	.between {-webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
	.around {-webkit-justify-content: space-around; justify-content: space-around;}
	.start {-webkit-justify-content: flex-start; justify-content: flex-start;}
	.end {-webkit-justify-content: flex-end; justify-content: flex-end;}
	.center {-webkit-justify-content: center; justify-content: center;}
	.align-top {align-items:flex-start;}
	.align-center {align-items:center; align-content: center;}
	.align-bottom {align-items:flex-end;}
	.align-baseline {align-items: baseline;}
// Размеры шрифтов
	.f10 {font-size:10px; line-height:12px;}
	.f12 {font-size:12px; line-height:14px;}
	.f14 {font-size:14px; line-height:18px;}
	.f16 {font-size:16px; line-height:24px;} @media all and (max-width: 1300px) {font-size:14px; line-height:16px;}
	.f18 {font-size:18px; line-height:24px;} @media all and (max-width: 1300px) {font-size:16px; line-height:18px;}
	.f20 {font-size:20px; line-height:26px;} @media all and (max-width: 1300px) {font-size:20px; line-height:26px;}
	.f22 {font-size:22px; line-height:28px;} @media all and (max-width: 1300px) {font-size:20px; line-height:26px;}
	.f24 {font-size:24px; line-height:30px;} @media all and (max-width: 1300px) {font-size:20px; line-height:26px;}
	.f28 {font-size:28px; line-height:32px;} @media all and (max-width: 1300px) {font-size:22px; line-height:28px;}
	.f30 {font-size:30px; line-height:36px;} @media all and (max-width: 1300px) {font-size:24px; line-height:30px;} @media all and (max-width: 600px) {font-size:18px;}
	.f36 {font-size:36px; line-height:48px;} @media all and (max-width: 1300px) {font-size:24px; line-height:30px;}
	.f48 {font-size:48px; line-height:60px;} @media all and (max-width: 1300px) {font-size:30px; line-height:36px;} @media all and (max-width: 600px) {font-size:20px; line-height:24px;}
	.f70 {font-size:70px; line-height:70px;} @media all and (max-width: 1300px) {font-size:60px; line-height:70px;}
	.f90 {font-size:90px; line-height:90px;} @media all and (max-width: 1300px) {font-size:60px; line-height:70px;}
/* Gодключение шриштов =============== */
	@font-face {
	 font-family: 'Exo20-Light';
	 src: local('/fonts/Exo 2 Light'), local('/fonts/Exo2-Light'), url('/fonts/exo2light.woff2') format('woff2'), url('/fonts/exo2light.woff') format('woff'), url('/fonts/exo2light.ttf') format('truetype');
	 font-weight: 300;
	 font-style: normal;
	}
	@font-face {
	 font-family: 'Exo20-Regular';
	 src: local('/fonts/Exo 2'), local('/fonts/Exo2-Regular'), url('/fonts/Exo2.0-Regular.woff2') format('woff2'), url('/fonts/Exo2.0-Regular.woff') format('woff'), url('/fonts/Exo2.0-Regular.ttf') format('truetype');
	 font-weight: 400;
	 font-style: normal;
	}
	@font-face {
	 font-family: 'Exo20-Bold';
	 src: local('/fonts/Exo 2 Bold'), local('/fonts/Exo2-Bold'), url('/fonts/exo2bold.woff2') format('woff2'), url('/fonts/exo2bold.woff') format('woff'), url('/fonts/exo2bold.ttf') format('truetype');
	 font-weight: 700;
	 font-style: normal;
	}
	@font-face {
	 font-family: 'Exo20-Italic';
	 src: local('/fonts/Exo 2 Italic'), local('/fonts/Exo2-Italic'), url('/fonts/Exo2.0-Italic.woff2') format('woff2'), url('/fonts/Exo2.0-Italic.woff') format('woff'), url('/fonts/Exo2.0-Italic.ttf') format('truetype');
	 font-weight: 400;
	 font-style: italic;
	}
	.light {
		font-family: 'Exo20-Light', sans-serif;
	}
	.reg {
		font-family: 'Exo20-Regular', sans-serif; 
	}
	.bold {
		font-family: 'Exo20-Bold', sans-serif;
	}
	.italic {
		font-family: 'Exo20-Italic', sans-serif;
	}
/* Определение цветов =============== */
	@text: #444;
	@text-2: #ffcc00;
	@light: #fff;
	@header_bg: #1C6FB3;
	@header_link: #d8e8fd;
	@bg_line: #8EB4DE;
/* Normalize CSS =============== */
	* {box-sizing:border-box;}
	html{font-size: 16px; height: 100%; transition: 0.2s;}
	body{margin: 0;padding: 0;.reg;color:@text;letter-spacing: 0px; height: 100%;}
	audio, canvas, img, svg, video {max-width: 100%; height: auto; box-sizing: border-box;}
	img{border:0; display:inline-block;}
	h1, h2, h3, h4, h5, h6 {font-weight:normal;margin: 0;}
	p{margin: 5px 0;}
	button, input, a, textarea{
		&:focus{outline: none; -moz-appearance: none;}
		 -webkit-appearance: none;
		appearance: none;
	}
	a{text-decoration: none; color:@text; transition: all 0.2s; outline:none; cursor:pointer;
		&:hover{text-decoration: none; color: @text-2;}
		&:visited{text-decoration: none;}
		&:focus{text-decoration: none;}
	}
	table {border-collapse: collapse;}
	:focus{outline: none;}
	/* placeholder */
	::-webkit-input-placeholder {.f14; .reg; color:@text; text-overflow:ellipsis; text-indent: 0px; transition: text-indent 0.3s ease;}
	::-moz-placeholder          {.f14; .reg; color:@text; text-overflow:ellipsis; text-indent: 0px; transition: text-indent 0.3s ease;}/* Firefox 19+ */
	:-moz-placeholder           {.f14; .reg; color:@text; text-overflow:ellipsis; text-indent: 0px; transition: text-indent 0.3s ease;}/* Firefox 18- */
	:-ms-input-placeholder      {.f14; .reg; color:@text; text-overflow:ellipsis; text-indent: 0px; transition: text-indent 0.3s ease;}
	/* сдвиг placeholder-а вправо при фокусе*/
	:focus::-webkit-input-placeholder {text-indent: -100%; transition: text-indent 0.3s ease;}
	:focus::-moz-placeholder          {text-indent: -100%; transition: text-indent 0.3s ease;}
	:focus:-moz-placeholder           {text-indent: -100%; transition: text-indent 0.3s ease;}
	:focus:-ms-input-placeholder      {text-indent: -100%; transition: text-indent 0.3s ease;}
	
/* Блики на кнопках ---------- */
	.blick-btn{
		position: relative;   
		overflow: hidden;   
		-webkit-transition: ease 0.3s;
		transition: ease 0.3s;}
	.blick-btn::after{
		content: "";
	  display: block;
	  width: 30px;
	  height: 300px;
	  margin-left: 60px;
	  background: #fff;
	  background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);
	  background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
	  background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
	  position: absolute;
	  left: -40px;
	  top: -150px;
	  z-index: 1;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  -webkit-transition: all 0.1s;
	  transition: all 0.1s;
	  -webkit-animation-name: slideme;
	  animation-name: slideme;
	  -webkit-animation-duration: 3s;
	  animation-duration: 3s;
	  -webkit-animation-delay: 0.05s;
	  animation-delay: 0.05s;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	  -webkit-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
	}
	@-webkit-keyframes slideme {
	    0% { left: -30px; margin-left: 0px; }
	    30% { left: 110%; margin-left: 80px; }
	    100% { left: 110%; margin-left: 80px; } 
	}
		//Кнопка открытия меню
	.menu-btn {width: 30px; height: 24px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 10; /* display:none; */
		@media all and (max-width: 1300px) {display:block;}
		span {display: block; position: absolute; height: 3px; width: 100%; background:white; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
		span:nth-child(1) {top:0px;}
		span:nth-child(2) {top:10px;}
		span:nth-child(3) {top:20px;}
		&.open {
			span:nth-child(1) {top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
			span:nth-child(2) {opacity: 0; left: -60px;}
			span:nth-child(3) {top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
			span {background:white;}
		}
	}
/* Модальное окно ---------- */
	.overlay {position: fixed; height: 100%; width: 100%; background: rgba(255,255,255,1); display: none; z-index: 130; top: 0;
		&.open {
			.outer{top:30px;} 
		}
		.layout {height: 100%; padding: 10px;
			.contrast{.flex; .wrap; .center; .align-center; flex-direction: column;}
		}
		.centered {position:relative;}
		.panel {.flex; .align-center; .center; .wrap; height: 100%; text-align: center;
			.form {width:100%; max-width:630px;
				.wpcf7 {
					form {.flex; .between; .align-top; .wrap;	.input-wrap {width:50%; margin:20px 0px;}
					}
				}
			}
		}
		.title {font-size:24px; text-align:center;}
	}
	/* кнопка закрытия окна */
	.close-btn {width: 30px; height: 24px; position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 500;
		span {display: block; position: absolute; height: 3px; width: 100%; background:#57585b; border-radius: 9px; opacity: 1; left: 0; 
			&:nth-child(1) {top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
			&:nth-child(2) {opacity: 0; left: -60px;}
			&:nth-child(3) {top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
		}
	}

	.modal-box.fancybox-content{
		padding: 15px !important;
		max-width: 800px;
		background: #fff !important;
		border-radius: 6px;
	}
	.modal-box{
		.top{.flex; .align-center;
			span{.bold; .f18; margin-bottom: 5px;}
			span svg{color: @text-2; margin: 0 10px;}
		}
		.mid{.flex; border-bottom: 1px solid rgba(0,0,0,0.2); border-top: 1px solid rgba(0,0,0,0.2); padding: 10px 0;}
		.mid .img{width: 20%; min-width: 200px;}
		.mid .desc{width: 70%; padding-left: 20px;
			p{.f16;}
			p.name{.bold; .f18;}
			p span{.bold;}
		}
		.mid .btn{.f14; line-height: 18px; width: 200px; height: 40px;}
		.mid .btn-b{background-color: @header_bg;}

	}
/* ========== backToTop ========== */
	.back-to-top{
		position: fixed;
		bottom: 120px;
		right: 40px;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		background-color: @text-2;
		box-shadow: 0 0 1px 0 rgba(0,0,0,0.5);
		opacity: 0.4;
		display: none;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: 0.4s;
		z-index: 50;
		i{
			color: #fff;
		}
	}
	.back-to-top:hover{
		opacity: 1;
		box-shadow: 0 0 6px 0 rgba(0,0,0,0.5);
	}
	.back-to-top-show{
		display: flex;
	}
/* ========== Основные стили =============== */
	.fancybox-content{background: transparent !important; padding: 0 !important;}

	.mobile-hidden{display: none;}
	.mob-panel{display: none;}
	.mob-panel-invis{display: none;}
	/* ---------- breadcrumbs */
	.breadcrumbs{margin-top: 10px;
		.breadcrumbs-wrapper{padding: 5px 15px; background: #f5f5f5; border-radius: 5px;}
		.breadcrumbs-wrapper a{line-height: 24px; margin-right: 5px; color: #337ab7; .light; .f16;}
	}
	/* ---------- Стандартные стили для секцый */
	.shadow {box-shadow: 1px 0px 20px 3px rgba(0,0,0,0.1);}
	.fixed_body{height: 100%; width: 100%; position: fixed; overflow: hidden;}// Фиксация body при вызове модалки
	.container {width:100%; max-width:1300px; margin:0 auto; padding: 0 10px;}
	.wrapper{.flex; flex-direction:column; height: 100%;}
	.container_wrap{flex: 1 0 auto;}
	.line-content{background-color: @bg_line; height: 2px; width: 100%; margin: 22px 0;} //Линия между блоков
	/* ---------- заголовки секций */
	.section-header{text-align: center; margin: 40px 0;}
	.section-header h2{.bold; .f22; text-transform: uppercase; overflow: hidden;}
	.section-header h2::before, .section-header h2::after{content: ""; display: inline-block;  vertical-align: middle; height: 2px; width: 100%; background-color: @bg_line;  border: solid #FFF; border-width: 0 10px;}
	.section-header h2::before{margin-left: -100%;}
	.section-header h2::after{ margin-right: -100%;}
	/* ---------- логотип */
	.logo{display: inline-block;
		img{max-width: 200px; height: auto;}
	}
	/* ---------- телефоны и кнопки обр.связи */
	.phone-box{display: block; margin-bottom: 10px; text-align: right;
		a{display: inline-block; .bold; .f18; transition: 0.2s;}
		svg{margin-right: 5px;}
	}
	.callback{display: inline-block; color: @text-2; border-bottom: 1px dashed; margin-right: 0px; cursor: pointer;
		svg{margin-right: 3px;}
		&:hover{color: lighten(@text-2, 10%);}
	}
	/* ---------- форма */
	.info_form_my {
		font-size:12px;
		font-style:italic;
		}
	.form{border: 2px solid @text-2; border-radius: 4px; padding: 10px;
		.form-title{.bold; .f22; padding: 0 10px;}
		.block_error{background-color: rgba(255,0,0,0.6); margin: 0 10px; margin-top: 10px; padding: 10px 10px; color: @light; border-radius: 6px;}
		form{width: 100%; padding: 15px 10px;
			input[type="text"],input[type="email"],input[type="password"],textarea,select{.f14; display: inline-block; width: 100%; padding: 10px; margin: 5px 0; border-radius: 4px; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
			input[type="text"].error,input[type="email"].error,input[type="password"].error,textarea.error{border: 1px solid red;}
			input[type="text"] + span,input[type="email"] + span,input[type="password"] + span,textarea + span{display: none;}
			input[type="text"].error + span,input[type="email"].error + span,input[type="password"].error + span,textarea.error + span{color: red; font-size: 12px; display: block;}
			input[type="checkbox"]{display: inline-block; width: auto; margin: 0;}
			textarea {resize: inherit;}
			input:focus, textarea:focus {border-color: @text-2; outline: 0; box-shadow: inset 0 0 0 @text-2, 0 0 2px @text-2;}
			.check-text span {.f12; line-height: 18px; vertical-align: text-top;}
			.form-box{.flex; .align-center; .between;}
			.form-box span{.f12; margin-left: 10px;}
			.button-box{.flex; .align-center;}
			.button-box .btn{margin-right: 10px;}
			.reg-link{.f16;	.bold; display: inline-block; transition: 0.2s;}
			.reg-link svg{margin-right: 5px;}
		}
		.podtver{.flex; .align-center; .wrap;
			input[type="checkbox"]{display: none;}
			input[type="checkbox"]:checked + span{border: 2px solid @text-2;}
			label{margin: 0 10px 2px 0; width: 60px; height: 60px; display: block; position: relative; border: 1px solid #ebebeb; padding: 0; border-radius: 4px;}
			label span{display: block; position: absolute; left: 0; top: 0; width: 60px; height: 60px; border: 2px solid transparent; border-radius: 0px; margin: 0;}
		}
		.input-box-check{
			input[type="checkbox"]{position: relative; width: 15px; height: 15px; margin-right: 10px; vertical-align: middle; border: 2px solid @text-2; border-radius: 2px; transition: 0.6s;
				&:checked{background-color: @text-2;
					&::before{content: "";  background-image: url(~/../../img/select_arrow.png); background-position: center; background-size: cover; position: absolute; top: 0; left: 0; width: 10px; height: 10px;}
				}
			}
		}							
	}
	.input-box-check{
		input[type="checkbox"]{position: relative; width: 15px; height: 15px; margin-right: 10px; vertical-align: middle; border: 2px solid @text-2; border-radius: 2px; transition: 0.6s;
			&:checked{background-color: @text-2;
				&::before{content: "";  background-image: url(~/../../img/select_arrow.png); background-position: center; background-size: cover; position: absolute; top: 0; left: 0; width: 10px; height: 10px;}
			}
		}
	}
	.contact-form{}
	.login-form{max-width: 600px;
		#LogRemember{background:@header_bg;}
	} 
	.registr-form{max-width: 800px;}
	.search-form{
		form{padding: 0px 10px;}
		form input{height: 50px; border-radius: 4px 0 0 4px !important;}
		form button{border-radius: 0 4px 4px 0; max-width: 150px;}
		form button svg{display: none;}
		form .form-box span{.f16; margin: 0px;}
	}
	.formalize-form{border: none; padding: 15px;
		form{padding: 0px;}
		.form-title{background-color: #f5f5f5; margin: 10px 0; padding: 15px; border-radius: 4px;}
	}
	.find-form{border: none;
		.form-header{.flex; .align-center; .between; border: 1px solid @text-2; border-radius: 4px; overflow: hidden; padding: 0px; margin: 0px; margin-bottom: 20px;
			li{list-style: none; width: 33.3%; text-align: center;}
			li a{color:@text; padding: 10px 0 10px 20px; display: block; text-transform: uppercase; border-bottom: none; position: relative;}
			li a.selected{color:@text-2;}
			span{.f18; display: block; font-weight: bold; text-transform: uppercase;}
			span svg{.f28; margin-right: 10px; vertical-align: middle;}
			li:nth-child(1) a:after, li:nth-child(2) a:after{
				content: "";
				display: block;
				border: 3px solid @text-2;
				height: 100px;
				width: 100px;
				position: absolute;
				top: -20px;
				right: -35px;
				-moz-transform: rotateY(77deg) rotate(45deg);
				-webkit-transform: rotateY(77deg) rotate(45deg);
				transform: rotateY(77deg) rotate(45deg);
				border-bottom-color: transparent;
				border-left-color: transparent;
			}
		}
		.add_part_block{margin: 10px 0;}
		.add_part_block a svg{margin-right: 5px;}
		.form-box .btn{background:@header_bg;}
	}
	.passport_edit-form{max-width: 600px;
		.button-box>a:nth-child(2){background:@header_bg;}
	}
	/* ---------- Кнопки */
	.btn{.flex; .align-center; .center; .f16; .bold;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		width: 100%;
		max-width: 250px;
		height: 50px;
		padding: 5px 10px;
		border: none;
		border-radius: 4px;
		color: @light;
		text-align: center;
		text-transform: uppercase;
		cursor: pointer;
		background: @text-2;
		margin: 10px 0;
	}
	.btn-small{
		.f12;
		width: auto;
		max-width: 200px;
		height: 35px;
	}
	.add-to-cart{.f14; .bold; margin: 0px; background-color: @header_bg; transition: 0.4s;
		&:hover{background-color:@text-2;}
		& svg{margin-right: 5px;}
	}
	.btn:hover{background-color: darken(@text-2, 5%); color: @light;}
	// список товаров в корзине и на странице заказа
	.product-table{.flex; flex-direction: column; border-radius: 4px; padding: 0px 15px;
		.th,.tr{.flex; .between; .align-center; padding: 10px 15px; border-radius: 4px;}
		//.th{background-color: #f5f5f5;}
		.tr{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
		.th .td{.flex; .align-center;}
		.th .td .input-box-check{margin-right: 15px;}
		.th .td:nth-child(1),.tr .td:nth-child(1){width: 60%;}
		.th .td:nth-child(2),.tr .td:nth-child(2){width: 20%;}
		.th .td:nth-child(3),.tr .td:nth-child(3){width: 20%;}
		.td-prod{.flex; .align-center;
				.prod-check{margin-right: 15px;}
				.prod-img img{max-width: 100px; height: auto;}
				.prod-info{padding: 0px 15px;}
				.prod-info .brand{.bold;}
				.prod-label{padding: 0px 6px; .f10; border-radius: 4px;}
				.prod-label.new{border: 1px solid green;}
				.prod-label.by{border: 1px solid @text-2;}
		}	
		.td-count{
			.input-count{.align-center; display: inline-flex;}
			.input-count .input-count-btn:first-child{border-radius: 4px 0 0 4px;}
			.input-count .input-count-btn:last-child{border-radius: 0 4px 4px 0;}
			.input-count-btn:hover{background-color:  @text-2;}
			.input-count-btn {display: inline-block; height: 30px; width: 30px; border: 1px solid @text-2 !important; border-radius: 4px; padding: 5px 10px; font-size: 18px; line-height: 18px; background-color: transparent; cursor: pointer; transition: 0.2s;}
			.input-count-value{.f12; height: 30px; padding: 5px 10px; display: inline-block; width: 50px; text-align: center; border: none; border-bottom: 1px solid @text-2; border-top: 1px solid @text-2;}
			
		}
		.td-price{.flex; .align-center; .between;
				.price span{.f22; .bold; margin-right: 10px;}
				.td-price__control{.f24; .bold; color: @text-2; cursor: pointer;}
		}
		.total-price{margin: 15px 0; padding: 0 15px; text-align: right;}
		.total-price span{.bold;}	
	}
	.hide{
		display: none !important;
	}
/* ========== Главная страница =============== 
	/* ---------- Шапка  */
	header{display: block; background-color: @header_bg; background: transparent linear-gradient(to bottom, #1C71B4 0%, #125197 100%) repeat scroll 0% 0%; color: @light;
		a{color:@light; transition: 0.2s}
		.header {.flex; .align-center; height: 125px; padding: 10px 0;
			.left {width: 25%; flex: 1;}
			.midle {.flex; .around; flex: 3; height: 100%; width: 50%; padding: 0 15px; flex-direction: column;
				.user{.flex; .align-center; .between;}
				.user .autorization a {margin-right:10px;}
				.user .autorization a svg{margin-right: 5px;}
				.top-serch {width: 100%;}
				.top-serch form {.flex; .align-center;}
				.top-serch form	.search_input {height: 40px; width: 100%; padding: 10px 15px; border: none; border-radius: 5px 0 0 5px;}
				.top-serch form	.search-button {.f14; height: 40px; max-width: 160px; margin: 0px; border-radius: 0 5px 5px 0; transition: 0.2s}
				.top-serch form	.search-button:hover {background-color: lighten(@text-2, 10%);}
				.top-serch .full-search {.flex; .align-center; .between;}
				.top-serch .full-search p span {border-bottom: 1px dashed;}
				.top-serch .full-search a {border-bottom: 1px dashed;}
			}		
			.right{.flex; .align-bottom; .center; flex-direction: column; height: 100%; width: 25%; flex: 1;
				.cart{.flex; .align-center; position: relative; padding: 5px 15px; border: 1px solid @bg_line; border-radius: 5px;
					svg{.f30; margin-right: 10px;}
					.product-count{position: absolute; right: -10px; top: -10px; display: block; width: 25px; height: 25px; border-radius: 50%; background-color: @light; .bold; color: @text-2; line-height: 25px; text-align: center;}
				}
			}
		}
		/* ---------- Меню */
		.header-nav{border-bottom: 2px solid @bg_line; background-color: @light;
			.nav-item{.flex; .align-center; list-style: none; margin: 0; padding: 0px; height: auto;}
			.nav-item .nav-link{position: relative;}
			.nav-item .nav-link>a, .nav-item .nav-link>span{display: inline-block; padding: 5px 15px; border: 1px solid @bg_line; .bold; .f16; color: @text; margin: 10px; border-radius: 5px; transition: 0.2s;}
			.nav-item .nav-link>a:hover, .nav-item .nav-link>span:hover{background-color: #1C70B3; color: @light; border: 1px solid #1C70B3; cursor: pointer;}
			.nav-item .nav-link>a:hover i, .nav-item .nav-link>span:hover i{color: @light;}
			.nav-item .nav-link>a.active, .nav-item .nav-link>span.active{background-color: #1C70B3; color: @light; border-radius: 5px; border: 1px solid #1C70B3;}
			.nav-item .nav-link>a.active i, .nav-item .nav-link>span.active i{color: @light;}
			
			.sub-nav-item{position: absolute; transform: translateY(20px); top: calc(100% - 12px); left: 10px; list-style: none; margin: 0; padding: 0px; height: auto; width: max-content; min-width: calc(100% - 20px); max-width: 150%; opacity: 0; transition: 0.4s; pointer-events: none; z-index: 15;}
			.sub-nav-item .sub-nav-link{padding: 10px 15px; background-color: #1C70B3;}
			.sub-nav-item .sub-nav-link + .sub-nav-link{border-top: 1px solid rgba(237,218,218,25%);}
			.sub-nav-item.active{
				transform: translateY(0px);
				opacity: 1;
				pointer-events: auto;
			}
		}	
	}
	/* ---------- slider */
	.slider{margin-top: 40px;
		.slider-body{box-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.1) inset;}
		.slider-body a img{width: 100%;}
		.slider-body:before, .slider-body:after{
			z-index: -1;
		    position: absolute;
		    content: "";
		    bottom: 15px;
		    left: 10px;
		    width: 50%;
		    top: 80%;
		    max-width: 300px;
		    background: #777;
		    -webkit-box-shadow: 0 15px 10px #777;
		    -moz-box-shadow: 0 15px 10px #777;
		    box-shadow: 0 15px 10px #777;
		    -webkit-transform: rotate(-3deg);
		    -moz-transform: rotate(-3deg);
		    -o-transform: rotate(-3deg);
		    -ms-transform: rotate(-3deg);
		    transform: rotate(-3deg);
		}
		.slider-body:after{
			-webkit-transform: rotate(3deg);
		    -moz-transform: rotate(3deg);
		    -o-transform: rotate(3deg);
		    -ms-transform: rotate(3deg);
		    transform: rotate(3deg);
		    right: 10px;
		    left: auto;
		}
		.slick-prev, .slick-next{z-index: 1; width: 30px; height: 30px;}
		.slick-prev:before, .slick-next:before{font-size: 30px !important; color: @text-2;}
		.slick-prev{left: 25px !important;}
		.slick-next{right: 25px !important;} 
	}
	/* ---------- каталог на главной */
	.main-catalog{
		border-bottom: 2px solid @bg_line;
		padding-bottom: 30px;
		.catalog-car-model{
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin: 0;
			padding: 0;			
		}
		.catalog-item-car{
			list-style: none;
			box-sizing: border-box;
			word-wrap: break-word;
			margin-left: 10px;
			margin-right: 10px;
			width: calc(20% - 20px);
			margin-bottom: 30px;
			a{
				display: flex;
				width: 100%;
				-ms-flex-align: center;
				align-items: center;
				border-radius: 4px;
				background-color: #f6f6f6;
				border: 4px solid #f6f6f6;
				color: #000;
				font-weight: 400;
				padding: 0.35em 15px 0.4em;
				transition: background-color .35s,color .35s;
				img{
					width: 76px;
					height: auto;
					display: -ms-inline-flexbox;
					display: inline-flex;
					margin-right: 10px;
				}
				span{
					transition: 0.2s;
				}
			}
			a:hover{
				background-color: #fff;
				color: #2775ab;
				span{
					color: @text-2;
				}
			}
		}
		.main-catalog__btn{
			margin: 0 auto;
		}
		// border-bottom: 2px solid @bg_line;
		// .catalog-car-model{.flex; .align-center; .wrap; list-style: none; padding: 0px; margin: 0px; margin-bottom: 15px;	}
		// .catalog-item-car{width: calc(100% / 8); margin: 25px 0;}
		// .catalog-car-model li a{.flex; .align-center; .center; flex-direction: column; .f16; .bold; transition: 0.2s;}
		// .catalog-car-model li a:hover{color: @text-2;}
		// .catalog-car-model li a img{width: 60px; height: auto;}
	}
	/* ---------- advantages */
	.advantages{margin-bottom: 45px;
		.advantages-items{.flex; .between; .wrap;}
		.advantages-item{.flex; .between; .align-top; flex-direction: column; height: 100%; width: 32%; margin-bottom: 20px;}
		.advantages-item:hover .item-top span{transform: translateX(-5px);}
		.item-top{.flex; .align-center; .start;}
		.item-top img{width: 60px; height: auto; margin-right: 15px;}
		.item-top span{.bold; font-size: 18px; text-transform: uppercase; overflow: hidden; transition: 0.6s;}
		.item-top span::after{content: ""; display: inline-block; width: 100%; height: 2px; margin-right: 100%; background-color: @text-2;}
		.item-top p{.light;}
	}
	.map{margin-bottom: 40px;}
	/* ---------- footer */
	footer{background-color: @header_bg; background: transparent linear-gradient(to bottom, #1C71B4 0%, #125197 100%) repeat scroll 0% 0%; color: @light; padding: 25px 0; flex: 0 0 auto;
		a{color: @light;}
		.footer-content{.flex; .between;}
		.footer-logo{.flex; .align-center; width: 25%; flex: 1;}
		.footer-mid{.flex; .around; flex: 3; width: 50%; padding: 0 15px;
			ul{list-style: none; margin: 0px; padding: 0px;}
			ul li a{.f16; transition: 0.2s;}
			ul li a:hover{color: @text-2;}
		}		
		.footer-right{flex: 1; width: 25%;
			.phone-box{text-align: inherit;}
			.adress{.f14; .light;}
		}
		.footer-menu-title{.f18; .bold; margin: 0px;}
	}
	.footer-line p{.f14; line-height: 30px;}
	.counter_box {display:none;}
/* ========== Стили для внутренних страниц =============== */
	/* ===== общие стили блоков */
	.page-content{padding: 20px 0px;
		.page-title{.flex; .between; .align-center; .f36; .bold; margin-bottom: 20px;}
		.page-title span{.f10; opacity: 0.4;}
		.content h3{.f18; .bold;}
		.content p{.f16;}	
		.content ul{}
		.content ul li{.italic;}
	}
	/* ---------- блок выбора по маркам */
	.catalog-marki{
		margin: 15px 0;
		padding: 15px;
		column-gap: 20px;
		column-count: 4;
		.catalog-marki__item{
			margin-bottom: 9px;
			padding-left: 26px;
			position: relative;
			a{
				display: flex;
				width: 100%;
				align-items: center;
				border-radius: 4px;
				background-color: #f6f6f6;
				border: 4px solid #f6f6f6;
				color: #000;
				font-weight: 400;
				padding: 0.35em 15px 0.4em;
				transition: background-color .35s,color .35s;
				&:hover{
					background-color: #fff;
    				color: @text-2;
				}
			}
			&:before{
				content: attr(data-letter);
				font-size: 20px;
				font-weight: 700;
				line-height: 1;
				width: 26px;
				position: absolute;
				left: 0;
				top: 10px;
			}
		}
		// column-count: 4; column-gap: 0px; margin: 15px 0; padding: 15px; border-radius: 5px; background-color: #f5f5f5;
		// a{.f20; .bold; display: flex; width: 100%;}
		// a+a{margin-top: 10px;}
		// a:hover{color: @text-2;}
	}


	/* ---------- пагинация */
	.paginator{.flex; .center; .align-center; padding: 5px 15px; background: #f5f5f5; border-radius: 5px;
		a svg{.f22; margin: 0 5px; transition: 0.2s;}
		a svg:hover{color:@text-2;}
		.pcurrent{.f22; padding: 5px 10px; color:@text-2;}
	}
	/* ---------- список товаров в каталоге и в карточке товра*/
	.product__item{.flex; .between; width: 100%; padding: 15px 10px; border: 1px solid transparent; border-bottom: 1px solid rgba(0,0,0,0.1); transition: 0.4s;
		&:last-child{border-bottom: 1px solid transparent;}
		&:hover{.shadow; border-bottom: 1px solid transparent; border: 1px solid @text-2;}
		.item-img{.flex; .align-center; .center; width: auto; max-width: 150px; min-width: 150px;}
		.item-desc{flex: 2; padding: 0 15px;
			p{.f14;}
			span+a{text-decoration: underline;}
			span{.bold;}
		}
		.product-link{.f16; .bold; color: @text-2;}
		.item-price{.flex; .align-center; .center;}
		#gall_prod {position:relative;}
		#gall_prod span {position: absolute; left: 8px; top: 6px; color: white; text-shadow: 0 0 4px black; width: 61px;}
	}
	/* ---------- блок с ценой и кнопкой добавить в коррзину */
	.product-price{.flex; .align-center; flex-direction: column; background: #f5f5f5; padding: 10px 15px; width: 100%; max-width: 200px;
		.price span{.bold;}
		.product-price_call{
			margin-top: 5px;
			font-size: 12px;
			transition: 0.2s;
			&:hover{
				cursor: pointer;
				color: #ffcc00;
			}
		}
	}
	/* ---------- аккордион в каталоге запчастей */
	.accordion{.shadow; height: 100%;
		//.accordion-item.active{border: 1px solid @text-2;}		
		.accordion-item{height: 100%;}
		.accordion-item .accordion-item-header{.flex; .between; .align-center; padding: 10px; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; cursor: pointer;}
		.accordion-item .accordion-item-header i{transition: all 0.5s;}
		.accordion-item.active .accordion-item-header{background: @text-2; color: @light;}
		.accordion-item.active .accordion-item-header i{transform: rotate(90deg);}
		.accordion-item .accordion-item-header span{.f16; .bold;}		
		.accordion-item .accordion-item-content{overflow: auto; height: 0%; max-height: 0px; transition: all 0.8s;}
		.accordion-item.active .accordion-item-content{height: 100%; max-height: 350px;}
		.accordion-item .accordion-item-content ul{list-style: none;}
		.accordion-item .accordion-item-content ul{padding: 0px; margin: 0px; padding: 0 10px;}
		.accordion-item .accordion-item-content ul li {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 10px 0; 
			border-bottom: 1px solid rgba(0,0,0,0.1);
		}
		.accordion-item .accordion-item-content ul li span{display: inline-block; .f12; margin-left: 5px;}
		.accordion-item .accordion-item-content ul li a{.f14;}
		.accordion-item .accordion-item-content ul li a:hover{color: @text-2;}
		.accordion-item .accordion-item-content ul li a.active{color: @text-2;}
		//::-webkit-scrollbar { width: 5px !important }
	}
	/* ===== end общие стили блоков */
	/* ---------- главная страница */
	.home{.flex; .between; .align-center;
		.content__left{width: 70%;}
		.right{width: 30%;}
	}
	/* ---------- страница БУ запчасти */
	.razborka{
		.mark-search{
			form{
				.flex; .align-center;
				input{height: 40px; width: 100%; padding: 10px 15px; border: none; border-radius: 5px 0 0 5px; border: 1px solid @text;}
				button{.f14; height: 40px; max-width: 160px; margin: 0px; border-radius: 0 5px 5px 0; transition: 0.2s}
				button:hover{background-color: lighten(@text-2, 10%);}
			}
		}
		#tabs{
			.tabs-nav {overflow: hidden; margin: 0; padding: 0; display: flex; justify-content: flex-start; align-items: center;}
			.tabs-nav li {display: block; padding: 0; list-style: none;}    
			.tabs-nav a {display: block; padding: 10px 20px; font-size: 18px; text-decoration: none;text-align: center; border-radius: 4px;}		
			.tabs-nav li:last-child a {display: block;}
			.tabs-nav a.active {background: @text-2; color: #fff;}    
		}		
	}
	/* ---------- страница БУ запчасти --> Модель*/
	.razborka__model-catalog{.flex; .align-center; .wrap;
		.model-catalog__box{position: relative; .shadow; .align-center; width: calc(100% / 3 - 20px); min-height: 150px; margin: 10px; border: 1px solid transparent; border-radius: 4px;
			img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100px; width: auto; transition: 0.4s;}
			span{.bold; .f16; margin-top: 15px; margin-left: 15px; display: inline-block;}
		}	
		.model-catalog__box:hover{color: @text-2; border: 1px solid @text-2; box-shadow: none;
			img{transform: translate(-50%, -50%) scale(1.05);}
		}
	}
	/* ---------- страница БУ запчасти --> Модель --> Каталог запчастей*/
	
	.razborka__model-detail{
		.content__header-line{.flex; .align-center; .shadow; padding: 10px 30px; margin-bottom: 30px; border-radius: 5px; .wrap;
			>img{max-width: 180px;}
			span{.f16; .bold; margin-left: 15px;}
			.products-quantity{.flex; .align-center; margin-left: 50px;}
			.products-quantity .products-quantity__item{margin: 0px 15px; text-align: center;}
			.products-quantity .products-quantity__item span{margin: 0px; .f18;}
		}	
		.content__main{.flex; .between;
			.navbar{
				width: 25%; 
				height: 100%;
				border-radius: 4px;
				.navbar-search{
					position: relative;
					display: flex;
					align-items: center;
					background-color: #fff;
					box-shadow: 1px 0px 20px 3px rgba(0, 0, 0, 10%);
					margin-bottom: 20px;
					.navbar-search__input{
						display: block;
						width: 100%;
						padding: 17px 15px;
						border: none;
						border-bottom: 1px solid #efefef;
						border-top: 1px solid #efefef;
					}
					.navbar-search__btn{
						width: 40px;
						border-radius: 0;
						margin: 0;
					}
					.no-result{
						position: absolute;
						top: 100%;
						left: 0;
						width: 100%;
						padding: 0 10px;
						background-color: #f4f4f4;
						transform: translateY(-100%);
						transition: 0.4s;
						opacity: 0;
						pointer-events: none;
					}
					.no-result.active{
						transform: translateY(0%);
						opacity: 1;
						pointer-events: auto;
					}
				}
				
			}
			.navbar-aside{
				.navbar-aside__control{
					display: none;
					justify-content: center;
					align-items: center;
					flex-wrap: wrap;
					position: absolute;
					top: 50%;
					right: -30px;
					padding-top: 25px;
					padding-bottom: 25px;
					transform: translateY(-50%);
					background-color: #EDDD4D;
					width: 30px;
					height: auto;
					border-radius: 4px;
					cursor: pointer;
					transition: 0.4s;
					>span{
						display: inline-block;
						margin-top: 10px;
						writing-mode: vertical-lr; 
     					text-orientation: upright;
						letter-spacing: -3px;
						color: #fff;
					}
					.navbar-aside__control-icon{
						position: relative;
						width: 20px;
						height: 14px;
						span{
							display: block;
							position: absolute;
							left: 0;
							background-color: #fff;
							width: 100%;
							height: 2px;
							transition: 0.4s;
						}
						span:nth-child(1){top: 0;}
						span:nth-child(2){top: 50%;}
						span:nth-child(3){top: 100%;}

					}					
				}
				.navbar-aside__control.active{
					.navbar-aside__control-icon{
						span:nth-child(1){top: 50%; transform: translateY(-50%) rotate(45deg);}
						span:nth-child(2){transform: translateY(-50%) translateX(100%); opacity: 0;}
						span:nth-child(3){top: 50%; transform: translateY(-50%) rotate(-45deg);}
					}
				}
			}
			.content-bar{.flex; .between; .shadow; flex-direction: column; justify-content:flex-start; width: 73%; padding: 10px 15px;}
			.content-bar-notoppad{.flex; .between; .shadow; flex-direction: column; justify-content:flex-start; width: 73%; padding: 10px 15px 10px 15px;}
		}		
	}
	/* информация и кнопка кэша ---------- */
	.cache_update {text-align:right;font-style:italic;line-height:14px;}
	.cache_update a{
		display:inline-block;
		border-bottom:1px solid #EDDD4D;
		padding:0 10px;
		margin-left:20px;
		font-style:normal;
	}
	/* ---------- страница БУ запчасти --> Модель --> Каталог запчастей --> Страница товара*/
	.product-content{
		.product-main{.flex; .between; padding: 20px;
			.product-price{border: 1px solid rgba(0,0,0,0.2); height: 100%;}
		}	
		.product-gallery{height: 100%; max-width: 300px; padding:10px; border: 1px solid @text-2; border-radius: 4px;
			.product-image{max-height: 230px; overflow: hidden; margin-bottom: 5px; text-align: center;}
			.image-list {.flex; .align-center; .wrap; height: auto; list-style: none; margin: 0px; padding: 0px;
				.image-item{width: calc(100% / 4 - 10px); height: 100%; overflow: hidden; margin: 5px; transition: opacity 0.3s ease; cursor: pointer;}
				.image-item:hover{opacity: 0.7;}
			}
		}
		.product-desc{padding: 20px; flex-grow: 1;
			.infs{.f18;}
			.infs a{text-decoration: underline;}
		}
		.product-infotab{padding: 10px; margin: 15px 0;}
		.tabs{.flex; .align-center; padding: 0px; margin: 0; list-style: none;
			.tab{display: inline-block; padding: 10px; margin-right: 15px; border-bottom: 1px solid #444;}
			.tab:hover{border-bottom: 1px solid @text-2;}
			.tab:hover a{color: @text-2;}
			.tab-active{border-bottom: 1px solid @text-2; color: @text-2;}
			.tab-active a{color: @text-2;}
		}
		.tabs-content{margin: 15px 0; overflow: hidden;
			.tab-content{height: 0px; padding: 0 10px; overflow: hidden; transition: 0.4s;}
			.tab-content__active{height: auto; transition: 0.4s;}
			.priemen{display: inline-block; padding: 5px 10px; border: 1px solid @text; margin-right: 10px; margin-bottom: 5px; border-radius: 4px;}
			.priemen:hover{border: 1px solid @text-2;}
		}
		.similar-product{
			h3{.f24; margin-bottom: 15px;}
			.similar-product__item{
				.item-img{width: 25%;}
			}
		}
	}
	/* ---------- end страницы БУ запчасти */
	/* ---------- страница Автокрепёж */
	.fasteners{
		.fasteners-catalog{.flex; .wrap;}
		.fasteners-item__box{margin: 10px 10px; width: calc(100% / 4 - 20px);}
		.fasteners-item__box img{.shadow; width: 100%; border: 1px solid transparent; transition: 0.4s;}
		.fasteners-item__box:hover img{border: 1px solid @text-2; box-shadow: none;}
	}
	/* ---------- end страница Автокрепёж */
	.fasteners-cat{
		.fasteners-catalog-type{.flex; .align-center; .wrap; height: 100%;}
		.type-item{.flex; .between; .align-center; flex-direction: column; padding: 10px 15px; margin: 10px 10px; width: calc(100% / 5 - 20px); min-height: 200px; cursor: pointer; border: 1px solid transparent; transition: 0.4s;}
		.type-item:hover{border: 1px solid @text-2; box-shadow:none; color: @text;}
		.type-item__title{.f20;	.bold;}
		.type-item__price{background-color: @text-2; padding: 5px 20px; .f18; .bold; border-radius: 4px; transition: 0.2s;}
	}	
	/* ---------- страница контакты */
	.contact{.flex; .between; .align-center; .wrap;
		p span{.f22; .bold;}
		p a{.bold; transition: 0.2s;}
		p a:hover{color: @text-2;}
		p{.f16;}
		.contact__left, .contact__right{width: 48%;}
		.contact__bottom{width: 100%;}
		.contact__bottom .map-content{margin: 40px 0;}
	}
	/* ---------- страница корзины */
	.cart-page{	
		
	}
	/* ---------- страница личного кабинета */
	.user-page{padding: 20px;
		.user-info_box{.flex; padding: 15px;}
		.user-info_box svg{.f24; margin-right: 15px;}
		.info-link{.f20;}
	}
	/* ---------- страница личного кабинета */
	.passport-content{
		.passport-info__group{padding: 15px;}
		.passport-info__group a svg{margin-right: 5px;}
		.passport-info p{.bold; padding: 15px 10px;}
		.passport-info p span{.light;}
	}
	/* ---------- страница история заказов */
	.orders-content{.flex; .between;
		.order-card{width: 24.5%; border: 1px solid @text-2; border-radius: 6px; float:left;
			&__status{.flex; .between; .align-center; padding: 10px 15px; border-radius: 6px 6px 0 0 ; background-color: @header_link;
 				p{.light; font-size: 12px; line-height: 16px; margin: 0px;}
 				>div{max-width: 75%;}
 				>p{.bold; width: 20%;}
			}
			.card-body{padding: 5px 15px;
				.car-brand{.bold; .f14;}
				.goods-name{.light; .f14;}
			}
			.payment-type{padding: 5px 15px;
				label{.bold; font-size: 12px;}
			}
			.card-price{.flex; .between; .align-center; padding: 0px 15px; padding-bottom: 10px;
				.coast{
					>p{margin: 0px;
						>span{.bold; .f14;}
					}
					.presence{.light; font-size: 12px; line-height: 16px;}
				}
				.card-buy{}
			}
		}
	}
	/* ---------- страница оформление заказа */
	.formalize-content{	
	}
	/* ---------- страница новости */
	.news-content{
		.news-item{.flex; .between; transition: 0.4s;}
		.news-item__img{}
		.news-item__img img{min-width: 200px;}
		.news-item-desc{width: calc(100% - 200px); padding: 0px 10px;}
		.readmore{.bold; text-decoration: underline;}
	}
	/* ---------- страница поиска */
	.search-result{
		table{.f16; .bold;
			tr{display: flex; align-items: center; border: 1px solid #f5f5f5; margin-bottom: 15px;
				td{padding: 15px 25px; width: 25%;
					a{color: @header_bg;}
					a:hover{color: @text-2;}
				}
				td:last-child{width: 50%;}
			}
		}
	}
	/* ---------- страница расширенного поиска */
	.find-content{
	}
	/* ---------- соц иконки */
	.social{
		display: flex;
		align-items: center;
		margin-top: 12px;
		margin-bottom: 5px;
	}
	.social-item{
		width: 30px;
	}
	.social-item + .social-item {
		margin-left: 8px;
	}
	/*--------cookie----------*/
	#cookie_notification{
		display: none;
		justify-content: space-between;
		align-items: flex-end;
		position: fixed;
		bottom: 30px;
		left: 50%;
		width: 1000px;
		max-width: 90%;
		transform: translateX(-50%);
		padding: 25px;
		background-color: white;
		border-radius: 4px;
		box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
	}
	#cookie_notification p{
		margin: 0;
		font-size: 0.7rem;
		text-align: left;
	}
	@media (min-width: 576px){
	#cookie_notification.show{
		display: flex;
	}
	.cookie_accept{
		margin: 0 0 0 25px;
	}
	}	
	@media (max-width: 575px){
	#cookie_notification.show{
		display: block;
		text-align: left;
	}
	.cookie_accept{
		margin: 10px 0 0 0;
	}
	}
/* ========== Медиа CSS =============== */
 	@media all and (max-width: 1300px){
		// =============== основные стили ===================
		// =============== главная страница =================	
		// =============== внутренние страницы ==============
		.fasteners{
			.fasteners-item__box h3{.f16;}
		}
	} 
 	@media all and (max-width: 1160px){	
		// =============== основные стили ===================
	
		// =============== главная страница =================
		.advantages .advantages-item{width: 48%;}
		.catalog-car-model{
		}
		.main-catalog .catalog-item-car{
			width: calc(25% - 20px);
		}
		// =============== внутренние страницы ==============	
			/* ---------- блок выбора по маркам */
			.catalog-marki{
				column-count: 3;
			}
	} 
	@media all and (max-width: 1024px){
		/* =============== основные стили ===================*/
		.phone-box a{.f16;}
		/* =============== главная страница =================*/
		// .main-catalog .catalog-item-car{width: calc(100% / 6); margin: 15px 0;}
		/* =============== внутренние страницы ==============*/	
		.fasteners{
			.fasteners-item__box{width: calc(100% / 3 - 20px);}
			.fasteners-item__box h3{.f18;}
		}
		.orders-content{.wrap;
			.order-card{width: 49%; margin-bottom: 15px;}
		}
	}
	@media all and (max-width: 960px){
		// =============== основные стили ===================
		.phone-box a{.f14;}
		.logo img{max-width: 150px;}
		// =============== главная страница =================
		header{
			.header .midle .top-serch form .search-button{.f12;}
			.header .right .cart svg{.f24;}
			.header .right .cart span{display: none;}
			.header-nav .nav-item .nav-link>a, .header-nav .nav-item .nav-link>span{padding: 5px 10px;}
		}
		.main-catalog .catalog-item-car{
			width: calc(33.333% - 20px);
		}
		// =============== внутренние страницы ==============
		// аккардион
		.accordion{
			.accordion-item .accordion-item-header span{.f16;}
			.accordion-item .accordion-item-content ul li a{.f14;}
		}
		.product__item .product-link{.f16;}
		// ===== контентная часть страниц =====
		// страница карточки товара
		.product-content{
			.product-main{
			 	.product-desc{padding: 10px;}
			 	.product-desc .infs{.f14;}
			 	.product-infotab{margin: 5px 0;}
			} 
		}
		// страница Автокрепёж
		.fasteners{
			.fasteners-item__box h3{.f16;}
		}
		.fasteners-cat,.fasteners-subcat{
			.fasteners-catalog-type .type-item{width: calc(100% / 4 - 20px);}
		}	
	}
	@media all and (max-width: 800px){
		.modal-box .mid .desc p{.f16;}
		.modal-box .mid .desc p.name{.f18;}
		// =============== основные стили ===================
		.logo img{max-width: 100px;}
		// =============== главная страница =================
		// шапка мобильный вид
		.mob-panel-invis{display: block; height: 60px; width: 100%;}
		.mob-panel{.flex; .between; .align-center; position: relative; padding: 0 10px; height: 60px; position: fixed; top: 0; left: 0; z-index: 120; width: 100%; background: @header_bg;; 
			.mob-left{flex: 1;}
			.mob-midle{flex: 3; padding: 0 10px;
				.top-serch{width: 90%; margin: 0 auto;
					form{.flex; .align-center; margin-bottom: 5px;	}
					.search_input{height: 40px; width: 100%;  padding: 0px 15px; border: none; border-radius: 5px 0 0 5px;}
					.search-button{height: 40px; width: 50px; color: @light; cursor: pointer; border: none; background: @text-2; border-radius: 0 5px 5px 0; text-shadow: 0 0px 6px rgba(0, 0, 0, 0.5);  font-size: 16px; .bold; transition: 0.2s}
					.search-button:hover{background-color: lighten(@text-2, 10%);}
					.full-search{.flex; .align-center; .between;}
					.full-search a{border-bottom: 1px dashed;}
				}
				.phone-box{display: none;}
			}
			.mob-right{flex: 1; .flex; .between; .align-center;
				.mob-search{cursor: pointer; display: none;}
				.mob-search svg{margin-right: 15px;}
				svg{color: @text-2; .f22;}
				.cart{position: relative;}
				.cart span{display: block; position: absolute; top: -5px; right: -5px; background-color: @light; border-radius: 50%; width: 15px; height: 15px; font-size: 12px; color: @text-2; line-height: 15px; text-align: center;}
				.menu-btn span{background: @text-2;}
			}
			.mob-search__input-box{position: absolute; display: none; top: 60px; left: 0; width: 100%; z-index: 400;}
			.mob-search__input-box form{width: 100%; .flex; .align-center; border-bottom: 1px solid @header_bg;}
			.mob-search__input-box form input{width: calc(100% - 60px); height: 60px; border: none;  padding: 0 25px;}
			.mob-search__input-box form button{width: 60px; height: 60px; border: none; margin: 0px;}
			.mob-search__input-box form button svg{.f18; color: @light;}
		}
		.back-to-top{
			width: 40px;
			height: 40px;
			right: 30px;
		}
		header{display: none; height: 100%; width: 100%; position: fixed; padding-top: 20px; padding-bottom: 80px; overflow: overlay; z-index: 110;
			.header{height: auto; padding: 15px 0;}
			a:hover{color: inherit;}
			.header .left{display: none;}
			.header .midle{display: none;}
			.header .right{width: 100%;}
			.header .right .phone-box{margin: 0 auto; text-align: center;}
			.header .right .phone-box a{.f22; padding: 5px 10px;}
			.header .right .cart{display: none;}
			
			.header-nav{
				background-color: transparent; border: none;
				.nav-item{flex-direction: column;}
				.nav-item .nav-link{text-align: center;}
				.nav-item .nav-link a, .nav-item .nav-link span{color: @light;}

				.sub-nav-item{
					position: relative;
					left: 0;
					height: 0;
					transform: translateY(0px);
				}
				.sub-nav-item .sub-nav-link{
					
				}
				.sub-nav-item.active{
					opacity: 1;
					min-height: 100%;
					height: auto;
					pointer-events: auto;
				}
			}
			
		}
		.slider{display: none;}
		// footer		
		footer{
			.footer-logo{flex: 0;}
			.footer-mid{flex: 2;}
			.footer-right{flex: 1;}
		}
		// =============== внутренние страницы ==============
		// ===== общие стили блоков =====
		// ===== контентная часть страниц =====
		// страница БУ запчасти --> Модель
		.razborka__model-catalog{
			.model-catalog__box{width: calc(100% / 2 - 20px);
				>img{max-width: 100%;}
			}
		}
		// страница Автокрепёж
		.fasteners{
			.fasteners-item__box h3{.f14;}
		}
		/* страница БУ запчасти --> Модель --> Каталог запчастей*/
		.razborka__model-detail{
			.content__main{.wrap;}
			.content__main{
				.navbar{
					width: 100%;
					order: 1;
				}
				.navbar-aside{
					position: fixed;
					left: 0;
					top: 0;
					transform: translateX(-100%);
					width: 100%;
					padding-left: 10px;
					padding-right: 40px;
					padding-top: 15px;
					padding-bottom: 15px;
					transition: 0.4s;
					background-color: #fff;
					.navbar-aside__control{
						display: flex;
					}
				}
				.navbar-aside.active{
					overflow-y: auto;
					min-height: 100vh;
					transform: translateX(0%);
					z-index: 300;
					.navbar-aside__control{
						right: 10px;
						i{
							transform: rotate(180deg);
						}
					}
				}
			}
			.content__main .content-bar{width: 100%; margin-bottom: 30px; order: 0;}
			.content__main .content-bar-notoppad{width: 100%; margin-bottom: 30px;}
		}
		.accordion{
			height: auto;
		}

		.news-content{
			.news-item{flex-direction: column;}
			.news-item-desc{width: 100%;}
			.news-item__img img{display: block; margin: 0 auto;}
		} 	
	} 
	@media all and (max-width: 768px){
		// .modal-box .mid a{.btn-small;}
		/* =============== основные стили ===================*/
		.mob-panel .mob-left{flex: none;}
		.mob-panel .mob-midle{flex:2;}
		.product-table{
				.th{display: none;}
				.tr{.wrap; .start;}
				.tr .td:nth-child(1){width: 100%; margin-bottom: 24px;}
				.tr .td:nth-child(2){width: auto; margin-right: 14px;}
				.tr .td:nth-child(3){width: auto;}
				.td-price__control{margin-left: 12px;}
		}		
		// ----- общие стили блоков -----
		.product__item{.wrap; .start;
			.item-img{order: 0; width: 49%; flex: none;}
			.item-desc{order: 1; width: auto; flex: none;}
			.item-price{order: 2; flex: none;}
		}
		/* =============== главная страница =================*/
		.slider .slick-prev{left: 10px !important;}
		.slider .slick-next{right: 10px !important;} 
		// .main-catalog .catalog-item-car{width: calc(100% / 4); margin: 15px 0;}
		footer{
			.footer-logo{display: none;}
		}		
		/* =============== внутренние страницы ==============*/
		/* ---------- блок выбора по маркам */
		.catalog-marki{
			column-count: 2;
		}
		.page-content{
			.page-title{.f28;}
		}
		/* главная */
		.home{flex-direction: column;
			.content__left{width: 100%; margin-bottom: 15px;}
			.content__right{width: 100%;}
		}
		/* страница БУ запчасти --> Модель --> Каталог запчастей --> Страница товара */
		.product-content{
			.product-main{.wrap;}
			.product-gallery{order: 0;}
			.product-price{order: 1;}
			.product-desc{order: 2;  width: 100%; padding: 10px;}
			.tabs a{.f14;}
			.tabs .tab{padding: 5px;}
		}
		/* страница Автокрепёж*/
		.fasteners{
			.fasteners-item__box{width: calc(100% / 2 - 20px);}
		}
		.fasteners-cat,.fasteners-subcat{
			.fasteners-catalog-type .type-item{width: calc(100% / 3 - 20px);}
		}
		// страница корзины
		.cart-page{
			
		}
		/* страница контакты */
		.contact{flex-direction: column;
			.contact__left{width: 100%; margin-bottom: 25px;}
			.contact__right{width: 80%;}
			.contact__bottom .map-content>ymaps{height: 300px !important;}
		}
		// пошаговая форма
		.find-content{
			.find-form .form-header li a{.f14; padding: 5px 0px 5px 10px;}
			.find-form .form-header li span{.f16;}
			.form-header li:nth-child(1) a:after, .form-header li:nth-child(2) a:after{top: -25px;}
		}
	}
	@media all and (max-width: 755px){
		.breadcrumbs{display: none;}
		.modal-box .mid{.wrap;}
		.modal-box .mid .desc{width: auto;}
		.modal-box .mid .modal-btn{width: 100%; .flex; .between; .align-center;}
		.main-catalog .catalog-item-car{
			width: calc(50% - 20px);
		}
	}
	@media all and (max-width: 575px){
		// =============== основные стили ===================
		.logo img{max-width: 70px;}
		.section-header{margin: 25px 0;}
		.section-header h2{.f20;}
		.section-header h2::before, .section-header h2::after{display: none;}
		// кнопки
		.btn{max-width: none; width: 100%; margin: 5px 0;}
		// формы
		.form form .button-box{flex-direction: column;}
		.form .form-title{.f18;}
		.login-form a{width: 100%;}
		.search-form{
			form{padding: 0px 10px;}
			form button{max-width: 50px;}
			form button svg{display: block;}
			form .form-box span{display: none;}
		}
		// мобильное меню
		.mob-panel-invis{height: 50px;}
		.mob-panel{height: 50px;
			.mob-left{flex: 1;}
			.mob-midle .phone-box{text-align: center; margin-bottom: 0px;}
			.mob-midle .phone-box a{color: @light; .f14;}
			.mob-midle .top-serch{display: none;}
			.mob-midle .phone-box{display: block;}
			.mob-right .user-log{display: none;}
			.mob-right svg{.f22;}
			.mob-right .cart{margin-right: 15px;}
			.mob-right .mob-search{display: block;}
		}
		.mob-panel .mob-search__input-box{top: 50px;}
		.product-table{
			.tr .td:nth-child(1){margin-bottom: 10px;}
			// .tr .td:nth-child(2){width: 50%;}
			// .tr .td:nth-child(3){width: 50%; .end;}
			.td-prod .prod-info p{.f16;}
			.td-prod .prod-info .desc{.f16;}
			.td-price .price{margin-right: 10px;}
		}	
		 .product__item{.between;
			.item-img{order: 0; flex: none;}
			.item-desc{order: 2; width: 100%; padding: 0px; flex: none;}
			.item-price{order: 1; flex: none;}
		}
		.orders-content{
			.order-card{width: 100%;}
		}
		// =============== главная страница =================
		header{
			.header{flex-direction: column;}
			.header .midle{.flex; width: 100%;
				.user{flex-direction: column; .center;
					.autorization{.flex; .align-center; .around; width: 100%;}
					.autorization a{margin: 0px;}
					.callback{margin: 20px 0;}
				}
				.top-serch{display: none;}
				.top-serch{margin-bottom: 10px;}
				.top-serch .search_input{width: 60%;}
				.top-serch .search-button{font-size: 12px; width: 40%;}
				.top-serch .full-search{.center;}
				.top-serch .full-search p{display: none;}
			}
			.header .right .phone-box{display: none;}	
		}
		.slider{margin-top: 15px;}
		// .main-catalog .catalog-item-car{
		// 	width: calc(100% / 3); margin: 15px 0;
		// }
		.main-catalog .catalog-item-car{
			width: calc(100% - 20px);
		}
		.advantages .advantages-item{width: 100%; margin-bottom: 25px;}
		footer{
			.footer-content{flex-direction: column; text-align: center;}
			.footer-logo{display: initial; width: 100%;}
			.footer-logo a img{max-width: 150px;}
			.footer-mid{width: 100%; margin:15px 0; padding: 0px;}
			.footer-right{width: 100%; text-align: inherit;}
			.footer-right .footer-menu-title{display: none;}
			.footer-right .phone-box{text-align: inherit;}
			.footer-right .phone-box .phone{margin: 5px;}
			.footer-right .phone-box .phone{margin: 5px;}
			.footer-right .social{justify-content: center;}
			
		}
		// =============== внутренние страницы ==============
		.page-content{
			.page-title{.f20; margin-bottom: 10px; padding-top:0 !important;}
		}
		// список товаров в каталоге и в карточке товра
		.product__item{
			.product__item--left{flex-direction: column;}
			.product__item--left .item-img{width: 100%;}
			.product__item--left .item-desc{width: 100%;}
			.product__item--right{.center;}
		}
		.product-content{
			.product-main{.center; padding: 5px;}
			.product-galleryP{order: 0;}
			.product-desc{order: 1; text-align: center;}
			.product-price{order: 2; margin: 15px 0;}
			.product-infotab{margin: 0px;}
			.tabs-content .tab-content .priemen{display: block; margin: 5px auto; text-align: center;}
			.tabs{flex-direction: column;}
			.tabs a{.f16;}
		}
		// блок выбора по маркам
		// .catalog-marki a{.f16;}
		.catalog-marki{
			column-count: 1;
		}
		#tabs{
			.tabs-nav{
				li{
					a{.f14;}
				}
			}
		}
		// страница БУ запчасти --> Модель
		.model-catalog__box{width: calc(100% / 1 - 20px);}
		// страница БУ запчасти --> Модель --> Каталог запчастей
		.razborka__model-detail{
			.content__header-line{flex-direction: column;}
			.content__header-line .products-quantity{margin-left: 0px;}
			.content__main .content-bar .product-list__item{padding: 15px 15px;}
			.content__main .content-bar .product-list__item-info{.wrap; .center;}
			.content__main .content-bar .product-list__item-info-wrapper{.wrap; .center;}
			.content__main .content-bar .product-list__item-desc{width: 100%;}
			.content__main .content-bar .product-list__item-img img{max-width: 100%; margin-right: 0px;} 
		}
		// страница Автокрепёж
		.fasteners{
			.fasteners-item__box{width: calc(100% / 2 - 20px); text-align: center;}
		}
		.fasteners-cat,.fasteners-subcat{
			.fasteners-catalog-type .type-item{width: calc(100% / 2 - 20px);}
		}
		// страница контакты
		.contact p span{.f18;}
		// пошаговая форма
		.find-content{
			.find-form .form-header li a{.f10; padding: 5px 0px 5px 10px;}
			.find-form .form-header li span{.f12;}
			.find-form .form-header li span svg{.f12;}
			.find-form .form-header li:nth-child(1) a:after, .form-header li:nth-child(2) a:after{top: -35px; right: -45px;}
			.find-form .form-box .btn{.btn-small; padding: 10px 20px;}
		}
	}
	@media all and (max-width: 530px){
		.modal-box .mid .desc{padding-left: 0px;}
		.modal-box .mid .img{width: 100%;}
		.modal-box .mid .modal-btn{width: 100%; flex-direction: column; .align-center; margin-top: 15px;}
		.modal-box .mid .modal-btn .btn{margin-bottom: 10px;}
		.catalog-marki{
			// a{.f18;}
		}
		.product-table{
			.tr{.between;}
			.tr .td:nth-child(1){margin-bottom: 10px;}
			.td-prod{.wrap;}
			.td-prod .prod-info{width: 100%; padding: 0; margin-top: 12px;}
			.td-prod .prod-info p{.f16;}
			.td-prod .prod-info .desc{.f16;}
			.td-price .price{margin-right: 10px;}
		}
	}
	@media all and (max-width: 375px){
		.modal-box .top span{.f16;}
		// =============== основные стили ===================
		.mob-panel .mob-left{flex: 2;}
		.mob-panel .mob-midle{display: none;}
		// формы
		.login-form{
			a{width: 100%;}
			.button-block{.wrap;}
			.button-block button{width: 100%; max-width: none;}
		}
		.product__item{.center;
			.item-img{order: 0; max-width: none; width: 100%; flex: none;}
			.item-desc{order: 1; width: 100%; padding: 0px; flex: none;}
			.item-price{order: 2; flex: none;}
		} 
		// =============== главная страница =================
		// .main-catalog 
		// .main-catalog{
		// 	.catalog-item-car{margin: 10px 0;}
		// 	.catalog-car-model li a {.f14; text-align: center;}
		// }
		.map-content>ymaps{height: 200px !important;}
		footer{
			 .footer-mid{flex-direction: column;}
			 .footer-mid ul{margin-bottom: 15px;}
		}
		// =============== внутренние страницы ==============
		.page-content{
			.page-title{.f18;}
		}
		.razborka #tabs{
			.tabs-nav a{.f14;}
		}
		// страница БУ запчасти --> Модель
		.razborka__model-catalog .model-catalog__box{width: calc(100% / 1 - 20px)}
		// страница БУ запчасти --> Модель --> Каталог запчастей
		.razborka__model-detail{
			.content__header-line span{.f14;}
		}
		// страница Автокрепёж
		.fasteners{
			.fasteners-item__box{width: calc(100% / 1 - 20px); text-align: center;}
			.fasteners-item__box h3{.f18;}
		}
		.fasteners-cat,.fasteners-subcat{
			.fasteners-catalog-type .type-item{width: calc(100% / 1 - 20px);}
		}
		// страница контакты
		.contact p span{.f16;}
		.contact-form .form-title span{.f18;}
		.contact-form form .button{.f14;}
		// пошаговая форма
		.find-content{
			.find-form .form-header li a{padding: 10px 0px 10px 5px;}
			.find-form .form-header li span{display: none;}
			.form-header li:nth-child(1) a:after, .form-header li:nth-child(2) a:after{top: -37px;}
		}
	} 
	@media all and (max-width: 320px){}