/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(jquery.mmenu.all.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.4;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	color: #000;
	background: #fff;
	min-width:370px;
}
.content p{margin-bottom: 15px;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
img{vertical-align: top;}

.grad (@color-1, @color-2) {
  background: @color-1; /* Old browsers */
  background: -moz-linear-gradient(top,  @color-1 0%, @color-2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@color-1), color-stop(100%,@color-2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  @color-1 0%,@color-2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  @color-1 0%,@color-2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  @color-1 0%,@color-2 100%); /* IE10+ */
  background: linear-gradient(to bottom,  @color-1 0%,@color-2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color-1', endColorstr='@color-2',GradientType=0 ); /* IE6-9 */
}

@f-o: 'Open Sans', sans-serif;
@f-m: 'Myriad Pro', sans-serif;

.text-center{
	text-align: center;
}
.pull-right{
	float: right;
}
.pull-left{
	float: left;
}
.clearfix{
	&:after {
	   content: "";
	   display: table;
	   clear: both; 
	}
}
.clear{
	clear: both;
}
.hidden{display: none;}
section{
	width: 960px;
	margin: 0 auto;
}

.left-side{
	float: left;
	width: 718px;
}
.right-side{
	float: right;
	width: 226px;
}
a:hover{
	text-decoration: none;
}

a{
	color: #000098;
}

.header{
	padding: 21px 0 16px;
	.clearfix;

	.logo{
		float: left;
	}
	.header-content{
		margin-top: 17px;
	}
	.right-content{
		float: right;
		width: 798px;

		ul{
			font-size: 17px;

			li{
				float: left;
				margin-left: 39px;
				margin-right: 20px;

				a{
					text-decoration: none;
					color: #000098;
					font-weight: bold;
					font-size: 26px;
				}

				&.active, &:hover{
					a{
						text-decoration: underline;
						color: #000098;
					}
				}
			}
		}

		.phones{
			line-height: 22px;
			// background: url(../images/phone.png) left center no-repeat;
			font-size: 20px;
			float: left;
			// padding: 0 0 0px 74px;
			margin-left: 42px;
			width: 340px;
			margin-top: -5px;
			padding-top: 20px;
			font-weight: bold;
			color: #000098;

			.phone-line {
				float: left;

				& + .phone-line {
					margin-left: 20px;
				}
			}
		}

		.social{
			float: left;
			padding: 0 34px 0 40px;
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;

			img{
				float: left;
				margin: 0 8px 6px 0;
			}
		}

		#cart{
			background: url(../images/cart.png) left center no-repeat;
			float: right;
			padding: 22px 0 10px 68px;
			letter-spacing: 0px;
			font-size: 15px;
			width: 244px;
			min-height: 75px;
			text-align: right;
			font-weight: bold;
			color: #000098;
			
			a{
				color: #000098;
			}
		}
	}
}

.control{
	a{
		position: absolute;
		top: 33px;
		display: block;
		border-radius: 5px;
		text-decoration: none;
		font-size: 24px;
		font-weight: bold;
		width: 35px;
		height: 35px;
		background: #fff url(../images/control.png) no-repeat;
	}

	.prev{
		left: 0;
		background-position: 0 0;

		&:hover{
			background-position: 0 -35px;
		}
	}
	.next{
		right: 0;
		background-position: -35px 0;

		&:hover{
			background-position: -35px -35px;
		}
	}
}

.line-content{
	.clearfix;
}

.carusel{
	background: #040c9f;
	padding: 10px 0 11px;
	font-weight: bold;
	
	.clearfix;
	&-pic{
		margin-bottom: 10px;
		a{
			text-decoration: none;
		}
	}
	section{
		position: relative;
		padding: 0 40px;
	}

	li{
		float: left;
		text-align: center;
		// overflow: hidden;
		min-height: 145px;
		// height: 140px;
		img{
			border: 5px solid #fff;
			border-radius: 5px;
			margin-bottom: 0px;
			height: 100px;
			width: 100px;
		}

		a{
			color: #fff;
			line-height: 17px;
			// display: block;

			&:hover{
				color: #ffc517;
				text-decoration: underline;
			}
		}
	}
}

.catalog-menu{
	margin-top: 20px;
	letter-spacing: -1px;
	.clearfix;

	li{
		float: left;
		padding: 0 20px;
		
		& + li{
			border-left: 1px solid #d2d2d2;
		}

		&:first-child{
			padding-left: 0;
		}

		a{
			text-decoration: none;
			display: inline-block;
			color: #000098;
			line-height: 17px;
			font-size: 25px;
			font-weight: bold;
		}
	}

	.active, li:hover{
		a{
			border-bottom: 1px solid #000098;
			color: #000098;
		}
	}
}

.h2{
	font-size: 25px;
	border-bottom: 1px solid #d2d2d2;
	width: 100%;
	font-weight: normal;
	padding: 21px 0 14px;
	margin-bottom: 19px;

	&.last-views{
		border-bottom: 2px solid #ffe183;
	}
	&.news-title{
		padding: 11px 0 10px;
		margin-bottom: 0;
		letter-spacing: 2px;
	}
	&.new{
		color: #61b9fa;
	}
	&.special{
		color: #76ca0e;
	}
	&.hit{
		color: #d93600;
	}
}
.buy{
	width: 118px;
	font-family: @f-o;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	border-radius: 3px;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
	margin-top: 15px;
	text-decoration: none;
	outline: none;
	padding: 10px 10px;
	border: none;
	cursor: pointer;
	text-align: center;
	.grad(#ffc617,#f1b315);
}
.buy, .button{
	&:hover{
		text-shadow: 0 1px 0 rgba(0, 0, 0, .4);	
	}
}
.content{
	.items .item:nth-child(3n){
		margin-right: 0;
	}
}
.content, .relations{
	.items{
		margin-bottom: 2px;
		font-size: 0px;
		.clearfix;
		.item{
			display: inline-block;
			vertical-align: top;
			position: relative;
			margin-bottom: 14px;
			margin-right: 18px;
			text-align: center;
			width: 227px;
			.image{
				overflow: hidden;
				width: 221px;
				height: 149px;
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				img{
					max-width: 100%;
					max-height: 149px;
					vertical-align: middle;
				}
			}
			.price{
				font-family: @f-o;
				font-size: 20px;
				line-height: 24px;
				display: inline-block;
				margin-bottom: 7px;
			}
			.category, .title, .criteria{
				font-size: 16px;
				line-height: 19px;
			}
			.category{
				color: #000;
			}
			.title{
				font-weight: bold;
				line-height: 29px;
			}
			.title, .compare__link{
				color: #000098;
			}
			.compare__link{
				text-decoration: none;
				border-bottom: 1px dotted;
			}
			.criteria{
				color: #535353;
				font-weight: bold;
			}
			.compare{
				font-size: 14px;
				line-height: 15px;
				display: inline-block;
				width: 100%;
				padding: 6px 0 0px;
				margin-top: 6px;
				border-top: 1px solid #eee;
			}
			.item-content{
				padding: 10px 2px;
				border: 1px solid #eee;
				border-radius: 4px;
			}
			&.new, &.special, &.hit{
				&:after{
					content: '';
					width: 49px;
					height: 49px;
					left: 7px;
					top: 15px;
					position: absolute;
					z-index: 2;
				}
			}
			&.new:after{
				background: url(../images/new.png) no-repeat;
			}
			&.special:after{
				background: url(../images/special.png) no-repeat;
			}
			&.hit:after{
				background: url(../images/hit.png) no-repeat;
			}
		}
	}
}
.items-table{
	width: 100%;
	& thead th{
		border-bottom: 1px solid #ffc617;
		text-align: center;
		line-height: 1;
		padding: 4px;
	}
	& tbody td{
		padding: 7px 4px;
		vertical-align: middle;
	}
	& tbody tr:nth-child(2n){
		background: #eee;
	}
	&__col{
		&_name{
			text-align: left;
		}
		&_vendor,
		&_division{
			text-align: center;
		}
		&_price{
			width: 100px;
			text-align: right;
		}
	}
}

.dotted{
	text-decoration: none;
	border-bottom: 1px dotted;
}
.news{
	line-height: 21px;

	.new{
		width: 33.3%;
		float: left;
		padding-right: 40px;
		margin-top: 10px;

		a{
			display: inline-block;
		}
	}

	.date{
		line-height: 17px;
		font-weight: bold;
	}
}
.news-archive{
	padding: 20px;
	border: 2px solid #ffc617;
	border-radius: 4px;
	&__list{
		list-style: none;
	}
}
.e-news-archive{
	&:first-child{
		margin-top: 0;
	}
	margin-top: 5px;
}

.footer-menu{
	text-align: center;

	li{
		display: inline-block;
		font-size: 15px;
		padding: 5px 9px 21px;

		a{
			color: #444444;
			text-decoration: none;
		}

		&.active, &:hover{
			a{
				color: #000098;
				text-decoration: underline;
			}
		}
	}
}

.txt-color-blue{
	color: #000098;
}

.footer{
	color: #444;
	font-family: @f-o;
	background: #ebebeb;
	line-height: 17px;
	.clearfix;

	.br-right{
		border-right: 1px solid #ccc;
		min-height: 70px;
	}

	.contacts{
		font-family: 'PT Sans', sans-serif;
		margin-left: 25px;
		background: url(../images/phone-min.png) top left no-repeat;
		width: 190px;

		span:first-child{
			color: #000;
		}

		p{
			font-size: 12px;
		}

		.phones{
			padding: 0 0 8px 45px;
		}
	}

	.social{
		padding: 0px 20px 0 28px;

		img{
			float: left;
			margin-right: 9px;
		}
	}
}

.main-content{
	.clearfix;
	padding-bottom: 29px;
	min-height: 320px;
	&_indent{
		padding-top: 29px;
	}
}

.made{
	text-align: right;
	line-height: 25px;

	a{
		color: #444;
		text-decoration: none;
		float: right;

		&:hover{
			opacity: .75;
		}
	}

	img{
		float: right;
		margin-bottom: 20px;
		margin-left: 15px;
	}
}

.copyrights{
	width: 244px;
	padding: 12px 15px 0 33px;
}

.social{
	img:hover{
		opacity: .8;
	}
}

.search{
	width: 226px;

	.input-text{
		width: 100%;
		border: 1px solid #ddd;
		height: 27px;
		font-size: 14px;
		border-radius: 4px;
		padding-left: 10px;
	}
	.search-form{
		position: relative;
		margin: 18px 0 21px;

		input{
			outline: none;
		}
	}
	.input-submit{
		position: absolute;
		z-index: 2;
		right: 8px;
		top: 6px;
		width: 16px;
		height: 16px;
		background: url(../images/search.png) no-repeat;
		border: 0;
	}
}



#slider-price{margin-right: 5px;}
.filters{
	.clearfix;
	border: 2px solid #ffc617;
	border-radius: 4px;

	.ui-slider{
		.ui-slider-handle{
			cursor: pointer;
			outline: none;
			width: 19px;
			height: 19px;
			background: url(../images/range.png) no-repeat;
			border: 0;
			top: -9px;
		}
	}
	.ui-widget-content{
		height: 5px;
		border: 0;
		background: #d7d7d7;
		border-top: 1px solid #ececec;
		border-bottom: 1px solid #ececec;
		margin: 20px 0 15px;

		.ui-slider-range{
			background: #000092;
			border-top: 1px solid #7777c5;
			border-bottom: 1px solid #7777c5;
			height: 5px;
			top: -1px;
		}
	}
	h5{
		padding: 6px 0 12px 10px;
		background-color: #ffc617;
		font-size: 25px;
		font-weight: bold;
		color: #fff;
	}
	.line{
		padding: 4px 3px 4px 10px;
		overflow: hidden;
		margin-bottom: 5px;

		input[type="text"]{
			width: 60px;
		}
		select{
			max-width: 44px;
		}
		input[type="text"], select{
			height: 25px;
			border: 1px solid #e6e6e6;
			box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.5);
			outline: none;
		}
		input[type="text"]{
			padding-left: 5px;
		}
		.filter{
			display: none;
			margin-top: 10px;
		}
		> span{
			color: #000098;
			font-weight: bold;
			display: inline-block;
			padding-right: 18px;
			font-size: 20px;
			cursor: pointer;

			user-select: none;
			-moz-user-select: none;
			-webkit-user-select: none;

			&.toggle{
				background: url(../images/toggle-down.png) right center no-repeat;
			}
		}
		&.active .toggle{
			background: url(../images/toggle-up.png) right center no-repeat;
		}
		&.active .filter{
			display: block;
		}
	}

	.filter-checkbox{
		label{
			cursor: pointer;
			display: inline-block;
			width: 100%;
			font-weight: bold;
			color: #212121;
			font-size: 16px;

			input{
				cursor: pointer;
			}
		}
	}
	.buy{
		display: inline-block;
		min-width: 100px;
		border: 0;
		cursor: pointer;
		padding: 10px;
		margin-bottom: 15px;
	}
	.reset{
		border: 0;
		cursor: pointer;
		margin-bottom: 15px;
		font-family: 'Open Sans', sans-serif;
		color: #333;
		font-size: 14px;
		font-weight: bold;
		display: inline-block;
		border-radius: 3px;
		box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
		margin-top: 15px;
		text-decoration: none;
		outline: none;
		padding: 10px 16px;
		border: none;
		cursor: pointer;
		background: #eaeaea;
	}
}


.breadcrumbs{
	margin-bottom: 20px;
	color: #aaa;

	a{
		color: #5f5f5f;
	}
}

h1{
	font-size: 25px;
	font-weight: normal;
	// line-height: 14px;
	line-height: 1.2;
	margin-bottom: 25px;
}

.product-page{
	.clearfix;

	.main-description table.characteristics {
		text-align: left;
		font-size: 14px;
		width: 468px;

		th, td{
			width: 50%;
			line-height: 22px;
			vertical-align: top;
		}

		td{
			padding: 4px 2px;
		}

		thead{
			tr{
				border-bottom: 2px solid #ffc617;

				th{
					padding: 9px 2px;
				}
			}
		}

		tbody{
			// tr td:first-child{
			// 	font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
			// }

			tr + tr{
				border-top: 1px solid #d2d2d2;
			}
		}
	}

	.product-description{
		overflow: hidden;
		float: right;
		width: 470px;

		.button{
			width: 126px;
		}

		.special{
			background: #f3f3f3;
			width: 100%;
			padding: 10px;
			margin-bottom: 10px;
			border-radius: 4px;
		}

		.price-block{
			background: #fff;
			box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
			padding: 14px 0 22px 14px;

			.clearfix;

			.price{
				font-size: 28px;
				font-weight: bold;
				line-height: 34px;
				width: 170px;
				padding-right: 5px;
			}

			.top{
				font-family: @f-o;
				padding-bottom: 19px;

				.clearfix;
			}

			.buy{
				margin: 0;
			}

			.want{
				color: #d80000;
				font-weight: bold;
				line-height: 17px;
			}

			input{
				width: 46px;
				border: 1px solid #e6e6e6;
				box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.5);
				outline: none;
				text-align: center;
				height: 38px;
				margin: 0 10px 0 19px;
			}
		}

		.block-special{
			line-height: 25px;
			padding: 15px 0 0px 16px;

			.clearfix;

			.green{
				color: #76ca0f;
			}

			ul{
				float: right;

				.share{
					text-decoration: none;
					border: 1px solid #ccc;
					padding: 3px 27px;
					text-align: center;
					color: #000;
					border-radius: 5px;
					.grad(#fff, #e8e8e8);

					&:hover{
						.grad(#e8e8e8, #fff);
					}
				}

				li{
					float: left;
					margin-right: 7px;
					vertical-align: middle;

					&:hover{
						opacity: .9;
					}
				}
			}
			.product-share{
				float: right;
				margin-top: -6px;
			}
		}
	}

	.preview{
		overflow: hidden;
		float: left;
		width: 468px;

		.main-image-preview{
			height: 467px;
			width: 100%;
			border-radius: 4px;
			border: 1px solid #ddd;
		}
		.main-image-preview{
			margin-bottom: 24px;
			li{
				width: 466px;
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				height: 467px;

				img{
					vertical-align: middle;
					max-height: 467px;
					max-width: 100%;
				}
			}
		}

		#pager-product{
			margin-left: -22px;
			li{
				float: left;
				border-radius: 4px;
				border: 1px solid #ddd;
				margin: 0 0 22px 22px;
				> div{
					display: table-cell;
					vertical-align: middle;
					text-align: center;
					height: 141px;
					width: 139px;
				}
				img{
					vertical-align: middle;
					max-height: 139px;
					max-width: 100%;
				}
				&:hover,
				&.selected{
					border-color: #ffc925;
				}
			}
		}
	}

	.main-description{
		margin-top: 14px;

		p, ul, ol, table{
			margin-bottom: 21px;
		}

		ul{
			line-height: 25px;

			li{
				background: url(../images/li.png) 5px 10px no-repeat;
				padding-left: 28px;
			}
		}
	}

	.relations{
		.items{
			.item{
				margin-right: 17px;
				&:nth-child(4n){
					margin-right: 0;
					float: right;
				}
			}
		}
	}
}
.product-label{
	float: left;
	font-weight: bold;
	&_new{color: #61b9fa;}
	&_special{color: #76ca0f;}
	&_hit{color: #d93600;}
}

.vendors{
	margin-top: 30px;
	&__inner{}
	&__list{}
}
.e-vendors{
	background: url(../images/li.png) 5px 5px no-repeat;
	padding-left: 28px;
	&__link{}
}

.button{
	display: inline-block;
	padding: 10px 0;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	font-family: @f-o;
	font-weight: bold;
	border-radius: 5px;
	text-align: center;
	border: 0;
	cursor: pointer;


	& + .button{
		margin-left: 12px;
	}

	&.button-white{
		color: #76ca0f;
		border: 1px solid #e7e7e7;

		.grad(#fff, #e8e8e8);

		&:hover{
			.grad(#e8e8e8, #fff);
			text-shadow: none;
		}
	}

	&.button-green{
		color: #fff;

		.grad(#81db10, #77cc0f);

	}
}
.product-description-block{
	margin-top: 12px;
	.clearfix;
}
/* catalog */
.b-sect-header{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d2d2d2;
}
.b-sect-sort{
	float: left;
	&__title,
	&__inner{
		display: inline-block;
		vertical-align: middle;
	}
	&__title{
		color: #808285;
	}
	&__inner{
		& li{
			display: inline-block;
			vertical-align: middle;
			padding: 0 6px;
			border-radius: 4px;
			& a{
				&:after{
					content: '';
					display: none;
					margin-left: 3px;
					border-left: 4px solid transparent;
					border-right: 4px solid transparent;
					vertical-align: middle;
				}
			}
			&.active{
				background-color: #FFC617;
				& a{
					color: #fff;
					text-decoration: none;
				}
				&.asc a:after{display: inline-block; border-top: 4px solid #fff;}
				&.desc a:after{display: inline-block; border-bottom: 4px solid #fff;}
			}
		}
	}
}
.b-sect-perpage{
	float: right;
	&__title,
	&__inner{
		display: inline-block;
		vertical-align: middle;
	}
	&__title{
		color: #808285;
	}
	&__inner{}
}

.b-sect-subheader{
	margin-bottom: 20px;
}
.b-sect-viewmode{
	float: left;
	& ul{list-style: none;}
	& .e-sect-viewmode{
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
		padding: 0 6px;
		border-radius: 4px;
		& a{

		}
		&.active{
			background-color: #FFC617;
			& a{
				color: #fff;
				text-decoration: none;
			}
		}
	}
}
.b-sect-compare{
	float: right;
}
.product-compare-list{
	margin-top: -30px;
	overflow: hidden;
}
.b-sect-footer{
	overflow: hidden;
	margin-top: 20px;
	padding-top: 5px;
	border-top: 1px solid #d2d2d2;
	.b-pagination{
		float: right;
	}
}
.b-pagination{
	&__inner{

	}
}
.e-pagination__container{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	border-radius: 4px;
	text-align: center;
	&.active{
		background-color: #FFC617;
		& .e-pagination{
			color: #fff;
		}
	}
}
.e-pagination__container_arrw-l,
.e-pagination__container_arrw-r{
	width: auto;
}


.catalog{
	line-height: 20px;
	p{
		margin-top: 10px;
	}
	.categories{
		font-size: 0;
		padding: 22px 10px;
	}	
	.category{
		display: inline-block;
		width: 162px;
		margin-bottom: 28px;
		vertical-align: top;
		font-size: 14px;
		text-align: center;
		margin-left: 22px;
		padding: 0 26px;

		img{
			border: 5px solid #fff;
			border-radius: 5px;
			margin-bottom: 7px;
			width: 100px;
			box-shadow: 0 1px 3px #000;
			height: 100px;
		}

		a{
			font-weight: bold;
		}

		a:hover{
			color: #ffc517;
			text-decoration: underline;
		}
	}
	.categories_sub{
		
	}
	.categories_sub .category{
		margin-left: 10px;
	}
}

/* cart */
.cart-page{

	.steps{
		margin-top: 5px;
		margin-bottom: 15px;
		th{
			line-height: 24px;
			font-size: 20px;
			padding: 4px 32px 7px 0;
		}

		td{
			line-height: 17px;

			b{
				color: #444;
			}
		}

		h2{
			font-weight: normal;
		}

		.active{
			font-weight: bold;
			border-bottom: 1px solid #000;
			float: left;
		}

		th, td{
			vertical-align: top;
			text-align: left;
		}
	}
}

.cart-table{
	width: 778px;
	.total-line{
		float: right;
		margin: 11px 0 20px;
		font-weight: bold;
	}
	table{
		text-align: center;
		width: 100%;
		line-height: 20px;

		input{
			height: 25px;
			border: 1px solid #e6e6e6;
			box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.5);
			outline: none;
			width: 47px;
			text-align: center;
		}
	}

	.delete-item{
		margin-left: 15px;
	}

	th,td{
		vertical-align: top;
	}

	tr{
		border-bottom: 1px solid #d2d2d2;
	}

	thead tr{
		border: 1px solid #ffc617;
	}

	th{
		padding: 12px 16px 10px;
		white-space: nowrap;
	}

	td{
		padding: 7px 16px;
	}
}
.cart-item{
	&__action{
		white-space: nowrap;
	}
}
.cart-table .button,
.bx_order_make .button
{
	padding: 8px 16px;
}
.bx_order_make .button{
	margin-left: 15px;
}
.bx_order_make .cart-table{width: auto;}
.bx_orderinfo{}
.bx_orderinfo__table{
	& .bx_block{float: none !important;}
	& .bx_field_name{
		text-align: right;
	}
	& td{
		vertical-align: middle;
	}
}

.b-form{
	&_get-discount{}
	&__group{
		margin-bottom: 15px;
	}
	&__field{
		position: relative;
		&_required{

		}
		&__label,
		&__input{
			display: inline-block;
			vertical-align: middle;
			box-sizing: border-box;
		}
		&__label{
			margin-right: 5px;
			font-size: 15px;
		}
		&_required &__label{
			&:after{
				content: '*';
				display: inline-block;
				margin-left: 2px;
				font-size: 17px;
				color: red;
			}
		}
		&__input{}
	}
	&_get-discount &__field__label{
		width: 160px;
		text-align: right;
	}
	&_get-discount &__field__input{
		width: 300px;
	}
}
.required-symbol,
.bx_sof_req{font-size: 17px; color: red;}
.b-select,
.b-input{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	background: #fff;
	border: 1px solid #c1c5c8;
	border-radius: 2px;
	color: #000;
	box-shadow: inset 2px 2px 2px -1px rgba(180,188,191,0.5);
	outline: none;
	vertical-align: middle;
	font-size: 14px;
	padding: 6px 8px;
	margin-bottom: 3px;
}
.b-select{}
.b-input{}
.mf-ok-text{color: green;}
.errortext{color: red;}

/* - Modal Window - */
.arcticmodal-overlay,
.arcticmodal-container {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 990;
}
.arcticmodal-container {
	overflow: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}
.arcticmodal-overlay {
	overflow-y: scroll;
}
*:first-child + html .arcticmodal-container {
	height: 100%;
}
.arcticmodal-container_i {
	height: 100%;
	margin: 0 auto;
}
.arcticmodal-container_i2 {
	padding: 24px;
	margin: 0;
	border: 0;
	vertical-align: middle;
}
.arcticmodal-error {
	padding: 20px;
	border-radius: 10px;
	background: #000;
	color: #fff;
}
.arcticmodal-loading {
	width: 48px;
	height: 48px;
	border-radius: 10px;
}
.b-modal-window {
	padding: 30px;
	background: #fff;
	position: relative;
	max-width: 1000px;
	margin: 50px auto;
	border-radius: 3px;
}

.b-modal-window__close {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 10px;
	right: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	text-decoration: none;
	cursor: pointer;
	background: url(../images/close.png) no-repeat;
}
.b-modal-window__content {
	position: relative;
}

.b-compare{
	&__inner{

	}
	&__group{
		&__title{}
		&__inner{
			overflow: hidden;
		}
		&__table-options{
			width: 100%;
			th{
				text-align: left;
			}
		}
		&__variants{
			overflow-x: auto;
			&__remove{
				display: inline-block;
				margin-left: 3px;
				white-space: nowrap;
				text-decoration: none;
				cursor: pointer;
				font-size: 24px;
				line-height: 18px;
				color: red;
			}
		}
		&__table-items{
			td{
				text-align: center;
			}
			&__name{
				vertical-align: top;
			}
		}

		&__table-items th{
			width: 200px;
			text-align: left;
		}
		&__table-options th,
		&__table-items th,
		&__table-items td{
			padding: 4px 10px;
			border-bottom: 1px solid #ccc;
		}
	}
}

.slider-wrapper{
	overflow: hidden;

	section{
		margin: 5px auto 10px;
		border: 2px solid #000;
		position: relative;
		// height: 160px;
	}
	.caroufredsel_wrapper, #main-slider{
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		min-height: 160px !important;
	}
	.control{
		a{
			top: 50%;
			margin-top: -18px;
		}

		.prev{
			left: -50px;
		}

		.next{
			right: -50px;
		}
	}

	.main-slider{
		// height: 230px;
		li{
			// height: 230px;

		}
		img{
			max-width: 100%;
			display: block;
			// height: 160px;
			// height: 230px;
		}
		a{
			display: block;
		}
	}
	#main-slider{
		// height: 230px;
	}
}

.table-contacts {
	ymaps {
		max-width: 430px;
	}
}
.header .right-content .phones{
	font-size: 19px;
	padding-top: 5px;

}
.phones{
}
.header-phones{
	font-size: 19px;
}
.header-phones__h{
	font-size: 19px;

}
.header-phones__lines{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	padding-right: 10px;
	justify-content: space-between;
}
.header-phones__item{}
.header{
	padding-top: 10px;
	padding-bottom: 5px;
}
.header .right-content ul li a{
	font-size: 20px;
}
.slider-wrapper .main-slider img{
	// height: 160px;
}
.slider-wrapper section{
	width: 665px;
}
.logo img{
	max-width: 110px;
	max-height: 110px;
}
.contacts {
	.header-phones{
		font-size: 14px;
	}
	.header-phones__h{
		font-size: 14px;
	}
}
.header-mobile{
	display: none;

}
.menu-left{
	display: none;
}

.menu-toggle-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  padding: 10px 0px;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
  &:focus{
    color: #fff;
    text-decoration: none;
  }
}
.menu-toggle-link > span {
  display: block;
  float: left;
  font-size: 24px;
  font-weight: 600;
  line-height: 39.13px;
  line-height: 32px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  text-transform: uppercase;
  color: #fff;
}
.menu-toggle-link:hover {
  text-decoration: none;
}
.menu-toggle {
  // position: relative;
  // float: right;
  background-color: transpatent;
  background-image: none;
}
.menu-toggle__item {
  display: block;
  width: 25px;
  height: 3px;
  background-color: #040c9f;
}
.menu-toggle__item + .menu-toggle__item {
  margin-top: 6px;
}
.menu-toggle-link.active span {
  color: #000;
}
.menu-toggle-link.active .menu-toggle__item {
  background-color: #000;
}




@media (min-width: 576px){
	section{
		width: 100%;
		max-width: 540px;
	    padding-right: 15px;
	    padding-left: 15px;
	    margin-right: auto;
	    margin-left: auto;
	}
}
@media (min-width: 768px){
	section{
		max-width: 720px;
	}
}
@media (min-width: 992px){
	section{
		max-width: 960px;

	}
}
@media (min-width: 1200px){
	section{
		max-width: 960px;
		padding-left: 0;
		padding-right: 0;
	}
}


@media screen and (max-width:1200px){
	.main-content{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:wrap;
		margin-left: -15px;
		margin-right: -15px;
	}
	.line-content{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.right-side, .left-side{
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 0;
		margin-right: 0;
	}
	.left-side{
		width: 75%;
	}
	.right-side{
		width: 25%;
	}
	.content .items, .relations .items{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:wrap;
		margin-left: -15px;
		margin-right: -15px;
	}
	.content .items .item, .relations .items .item{
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 0;
		margin-right: 0;
		width: 33.3333%;
	}
	.content .items .item .item-content, .relations .items .item .item-content{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		height: ~"calc(100% - 54px)";
		flex-direction: column;
		.description{
			margin-top: auto;
			padding-left: 10px;
			padding-right: 10px;
		}
	}
	.content .items .item .category, .relations .items .item .category{
		margin-bottom: 10px;
		display: block;
	}
	.content .items .item .title, .relations .items .item .title{
		line-height: 1.25;
	}
	.slider-wrapper{
		section{
			padding-left: 0;
			padding-right: 0;
		}
	}
	.product-description-block{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		flex-wrap:wrap;
		display: flex;
		table{
			overflow-x:scroll;
			max-width: 100%;
		}
	}
	.product-page{
		width: 100%;
	}
	.product-page .preview{
		float: none;
		padding: 0 15px;
		width: 50%;
	}
	.product-page .product-description{
		float: none;
		padding: 0 15px;
		width: 50%;
		overflow: visible;
	}
	.product-page .main-description table.characteristics{
		width: 100%;
	}

}
@media screen and (max-width:991px){
	.header{
		section{
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;

		}
	}
	.header .right-content .social{
		padding-left: 10px;
		padding-right: 10px;
		// margin-left: 0;
	}
	.header .logo{
		padding-left: 15px;
		padding-right: 15px;
	}
	.header .right-content{
		padding-left: 15px;
		padding-right: 15px;
	}
	.header .right-content .phones{
		margin-left: 0;
	}
	.header .right-content ul li{
		margin: 0 10px;
	}
	.header .right-content #cart{
		background:none;
		width: 70px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0;
	}
	.header-phones__lines{
		margin-left: -15px;
		justify-content: flex-start;
	}
	.header-phones__item{
		padding-left: 15px;
		padding-right: 15px;
	}
	.header-phones__lines{
		padding-right: 0;
	}
	.header-phones__item, .header-phones__h{
		font-size: 16px;
		line-height: 1.2;
	}
	.header .right-content .phones{
		width: 310px;
	}
	.header .right-content #cart{
		width: 110px;
	}
	.slider-wrapper{
		section{
			padding-left: 0;
			padding-right: 0;
		}
	}
	.catalog-menu li{
		padding-left: 10px;
		padding-right: 10px;
	}
	.catalog-menu{
		width: 100%;
		
	}
	.catalog-menu ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}
	.content .items .item, .relations .items .item{
		width: 50%;

	}
	.left-side{
		width: 66.6667%;
	}
	.right-side{
		width: 33.3333%;
	}
	.news{
		margin-left: -15px;
		margin-right: -15px;
	}
	.news .new{
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer-block{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:wrap
		.logo{
			width: 20%;
		}
		.copyrights {
			width: 24%;
			padding: 0 15px;

		}
		.contacts{
			width: 27%;
			margin-left: 0;
			background:none;
			padding-left: 15px;
			padding-right: 15px;
			.phones{
				padding: 0;
			}

		}
		.social{
			width: 9%;
			padding-left: 15px;
			padding-right: 15px;

		}
		.made{
			width: 29%;

		}
	}
	.product-page .preview{
		width: 40%;
	}
	.product-page .product-description{
		width: 60%;
	}
	.product-description-block table{
		width: 100%;
	}
	.cart-table{
		width: 100%;
	}
	.header-mobile__search{
		width: 226px;

		.input-text{
			width: 100%;
			border: 1px solid #ddd;
			height: 27px;
			font-size: 14px;
			border-radius: 4px;
			padding-left: 10px;
			min-width: 115px;
		}
		.search-form{
			position: relative;
			margin: 18px 0 21px;

			input{
				outline: none;
			}
		}
		.input-submit{
			position: absolute;
			z-index: 2;
			right: 8px;
			top: 6px;
			width: 16px;
			height: 16px;
			background: url(../images/search.png) no-repeat;
			border: 0;
		}
	}
}
@media screen and (max-width:767px){
	.filters {
		margin-bottom: 7px;
	}
	.left-side{
		order:2;
		width: 100%;
	}
	.right-side{
		width: 100%;
		order:1;
	}
	.header section{
		display: none;
	}
	.catalog-menu li a{
		line-height: 1.2;
	}
	.header-phones__lines{
		flex-direction: column;
	}
	.header-mobile{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:wrap;
	}
	.header-mobile__in{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		max-width: 540px;
		// padding-left: 15px;
		// padding-right: 15px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	.slider-wrapper .caroufredsel_wrapper,.slider-wrapper #main-slider{
		min-height: 128px !important;
	}
	.header-mobile__item{
		padding: 0 15px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
	}
	.header-mobile__menu{
		margin-left: auto;
	}
	.header .logo{
		padding: 0;
	}
	.menu-toggle-link{
		height: 100%;
	}
	.menu{
		// margin-top: -20px;
	}
	.menu ul{
		margin: 20px -20px;
		margin-top: -20px;
	}
	.menu li{
		color: rgba(0,0,0,.75);
	    color: var(--mm-color-text);
	    border-color: rgba(0,0,0,.1);
	    border-color: var(--mm-color-border);
	    position: relative;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	
	&:after {
	    content: '';
	    border-color: inherit;
	    border-bottom-width: 1px;
	    border-bottom-style: solid;
	    display: block;
	    position: absolute;
	    left: 20px;
	    right: 0;
	    bottom: 0;
	}
		    
	}
	.menu li{}
	.menu li a{
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		padding-left: 20px;
		padding-right: 10px;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 10%;
		flex-basis: 10%;
		color: inherit;
		display: block;
		padding-top: 12px;
		padding-top: ~"calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2)";
		padding-bottom: 12px;
		padding-bottom: ~"calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2)";	
	}
.mm-navbars_bottom{
    .mm-navbar{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: column;
    	  height: 100px;
    	  *{
    	  	padding-top: 2px;
    	  	padding-bottom: 2px;
    	  }
      }
  }
	.footer-block .social{
		width: 12%;
	}
	.footer-block .made {
		width: 20%;
	}
	.header-phones__lines {
	    margin-left: -15px;
	 	margin-right: -15px;
	    justify-content: flex-start;
	}
	.header-phones__item, .header-phones__h{
		font-size: 13px;
	}
	.table-contacts{
		tbody{
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			flex-wrap:wrap;
			tr{
				margin-bottom: 30px;
				width: 100%;
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				flex-wrap:wrap;
				td{
					width: 100%;
				}
			}
		}
	}
	iframe{
		max-width: 100%;
	}
	.product-page .preview{
		width: 100%;
	}
	.product-page .product-description{
		width: 100%;
	}
	.cart-table{
		tr{
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			justify-content: space-between;
			td:first-child{
				width: 35%;
			}
			td:nth-child(2){
				width: 20%;
			}
			td:nth-child(3){
				width: 10%;
			}
			td:nth-child(4){
				width: 20%;

			}
			td:last-child{
				width: 15%;
				// display: -webkit-flex;
				// display: -moz-flex;
				// display: -ms-flex;
				// display: -o-flex;
				// display: flex;
				// justify-content: center;

			}
			.cart-item__action{
				font-size: 0;
			}
		}
	}
	.logo img{
		max-width: 50px;
		max-height: 50px;
	}
	.header-mobile__item{
		flex-shrink: 0;
	}
	.header-mobile__search{
		flex:1 1 20%;
	}
	.catalog .category{
		max-width: 50%;
	}
	.catalog .categories_sub .category{
		margin-left: 0;
		margin-right: 0;
	}
	.catalog{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column-reverse;
	}
	.catalog .categories{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	.catalog .category{
		display: block;
		margin-bottom: 25px;
		margin-left: 0;
		margin-right: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media screen and (max-width:576px){
	section{
		width: 100%;
	}
	.slider-wrapper .caroufredsel_wrapper,.slider-wrapper #main-slider{
		min-height: auto !important;
	}


	.header-mobile__item{
		padding-left: 10px;
		padding-right: 10px;
	}
	#cart{
		font-size: 14px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		br{
			display: none;
		}
	}
	.slider-wrapper .main-slider img{
		height: auto;
	}
	.footer-block .logo{
		padding-left: 15px;
		padding-right: 15px;
	}
	.slider-wrapper section{
		width: 100%;
	}
	.catalog-menu li{
		padding-left: 0;
		padding-right: 0;
	}
	.catalog-menu ul{
		flex-direction: column;
	}
	.content .items .item:nth-child(3n){
		margin-right: auto;
	}
	.content .items .item, .relations .items .item{
		width: 100%;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.h2.news-title{
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer-block{
		flex-wrap:wrap;
		.logo{
			width: 30%;
			margin-bottom: 15px;
		}
		.copyrights{
			width: 70%;
			margin-bottom: 15px;
		}
		.contacts, .social, .made  {
			width: 100%;
			margin-bottom: 15px;
		}
	}
	.news{
		padding-left: 15px;
		padding-right: 15px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:wrap;
	}
	.news .new{
		width: 100%;
		margin-bottom: 20px;
	}
	.main-content{
		margin-left: 0;
		margin-right: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	.line-content{
		padding-left: 0;
		padding-right: 0;
	}

	.catalog-menu li + li{
		border:none;
	}
	.product-page{
		table{
			display: block;
		}
	}
	.product-page .relations .items .item{
		margin-right: auto;
	}
	.cart-table{
		thead{
			display: none;

		}
		.delete-item{
			// margin-left: 0;
		}

		tr{
			flex-direction: column;
			td:nth-child(n){
				width: 100%;
			}
			.cart-item__action{
				font-size: 16px;
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				justify-content: center;
				a{
					display: block;					
				}
			}
		}
	}
	.cart-page .steps th{
		padding-right: 10px;
	}
	.carusel{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.carusel li{
		min-height: 130px;
	}
	.catalog-menu ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
	}
	.catalog-menu li{
		margin-bottom: 15px;

	}
	.catalog-menu li a{
		font-size: 22px;
		margin-right: 25px;
	}
	.carusel li .carusel-pic img{
		margin-bottom: 0;		
	}
	

}