/**/
.products_list.tile {/*расположение товара на страничке в виде плитки*/
	width:100%;
	display:block;overflow:hidden;
}
.products_list.tile>.product { /*обертка одного товара*/
	float:left; /*прижимаем товар влево*/
	position:relative; /*позиционирование для дочерних абсолютных элементов товара*/
	margin: 0 10px 10px 0; /*делаем отступ от товара с права и снизу что бы товары не слипались*/
	background-color:#fff;
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.products_list.tile .img_wrapper { /*обертка картинки товара*/
	/*padding:10px; /*делаем отступ у картинки со всех сторон*/
    height: 180px;
    position: relative; /*для кнопок sliding-а*/
	display:flex;
	overflow:hidden;
}
.products_list.tile .img_wrapper:empty { /*если картинки у товара нет, то вставляем картинку NO IMAGE*/
	min-height:180px;
	background-image:url('/img/noimg.png');
	background-repeat:no-repeat;
	background-position:center;
}
.products_list.tile .img_wrapper a {
 	display:block;
	text-align:center;
	max-width: 180px; /*не более .products_list.tile>.product (width)*/
	min-width: 180px;
	max-height:180px;
	min-height:180px;
	margin: 0 auto;
	position: relative;/*для картинок Img*/
	background-repeat:no-repeat;
	background-position:center;
}
.products_list.tile .img_wrapper a>img {
	border: 0px; /*Убираем БАГ в IE10*/
	max-height:inherit;
	max-width:inherit;
	width:auto;
	width: auto\9; /* ie8 */
    position: absolute;
    top: 50%;
	left: 50%;
	visibility:hidden; /*в один <a> выводим все img. При этом делаем видимым только первый img, остальные не видимы. Для перелистывания img будем делать следующий в списке img видимым (class="active"), а остальные прятать!*/
    transform: translate(-50%, -50%);
}
.products_list.tile .img_wrapper a>img.active {
	visibility:visible;
}
/*---блок slide конопок*/
.img_wrapper>button {/*кнопки для sliding-а изображений.*/
	position:absolute;
	z-index:1;
	padding: 5px; /*для того, что бы расширить размер кнопки и пользователь не промахнулся при щелчке*/
	height:100%; /*для того что бы кнопка была во всю высоту блока*/
	border: none;
    background: none;
}
.img_wrapper>button::before {
	font-size:1.3em;
	text-shadow: 2px 0 2px #fff, 0 2px 2px #fff, -1px 0 2px #fff, 0 -1px 2px #fff;
    color: #507299;
}
.products_list.tile .img_wrapper>button:last-child { /*если :last-child.Icon слепленны, это означает что элемент :last-child имеет класс .Icon, если не слепленно, то это означает  :last-child имеет дочернии элементы с классом  .Icon*/
	right:0;
}
.products_list.tile .img_wrapper>button:last-child::before {
	content: "\f054";
}
.products_list.tile .img_wrapper>button:not(:last-child) { /*пробел между .img_wrapper и :not, .img_wrapper и :last-child обязателен! иначе не работает*/
	left:0;
}
.products_list.tile .img_wrapper>button:not(:last-child)::before {
	content: "\f053";
}
/*блок slide конопок---*/
/*---блок slide индикации активной картинки*/
.products_list.tile .img_wrapper .dots {
	position:absolute;
	z-index:1; 
	overflow:hidden;
	bottom:0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.products_list.tile .img_wrapper .dots span {
	display:inline-block;
	width:5px;
	height:5px;
	margin-left: 1px;
	border: 1px solid #507299;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.products_list.tile .img_wrapper .dots :first-child {margin-left: 0;}
.products_list.tile .img_wrapper .dots span.active {
	background-color:#507299;
}
/*блок slide индикации активной картинки---*/
.products_list.tile .prd_wrapper{
	padding:0 10px 10px 10px;
}
.products_list.tile .prd_wrapper>h2 {
	font-size:16px;
	overflow:hidden; /*ограничиваем ТЕКСТОВОЕ содержимое по высоте*/
	height:49px; /*задаем высоту для ограничения размеров в 3 строки по 16px: итого 48px +1px*/
	margin:10px 0 10px 0;
}
.products_list.tile .price_wrapper {
	position:relative;
	padding:7px 10px 7px 10px;
	height:52px;
}
.oldprice:empty {
	display:block;
	height:14px;
}
.products_list.tile .btn_wrapper {
	padding:5px 5px 5px 5px;
	border-top: 1px dotted #ddd;
	text-align: right;
	height:50px; /*padding:10px*2(сверху и снизу)+.btn_wrapper a.height:39px=49+1(border top)*/
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	
	-ms-justify-content:flex-end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
}
/*спецификация товара*/
.products_list.tile .btn_wrapper .specifications {
	flex-grow: 1;
    text-align: left;
    overflow: hidden;
    word-wrap: break-word;
    padding: 0 0 0 5px;
    margin: 0 5px 0 0;
    font-size: 12px;
    text-overflow: ellipsis;
}
.products_list.tile .btn_wrapper .specifications::before {content:"["}
.products_list.tile .btn_wrapper .specifications::after {content:"]"}
.products_list.tile .btn_wrapper .specifications>div{display:inline-block;}
.products_list.tile .btn_wrapper .specifications>div[data-remnant]::after {content:","}
.products_list.tile .btn_wrapper .specifications>div[data-remnant]:last-child::after {content:none;}
.products_list.tile .btn_wrapper .specifications>div[data-remnant="0"],.products_list.tile .btn_wrapper .specifications>div[data-remnant=""] {color:#bbb;}/*данные в data-remnant подтягиваем ajax*/
.products_list.tile .btn_wrapper .specifications:empty {
	display:none;
}
/*спецификация товара*/
.products_list.tile .btn_wrapper a {
	display: block;
    color: #fff;
	background-color: #507299;
    padding: 0 10px;
    text-align: center;
    position: relative;
	padding: 0 5px 0 5px;
    /*height: 39px; так как родительский блок flex, то дети растягиваються по высоте родительского блока.*/ 
    line-height: 39px;
    min-width: 39px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;	
}
.prdid {
	display:block;
	font-size:11px;
}
.prdid:before {
	color:grey;
	content:"Артикул: ";
}
/**/
/*media--------------------------------------*/
@media (min-width:1200px){	
	/**/
	.products_list.tile>.product {
		width:228px;
	}
	.products_list.tile>.product:nth-of-type(5n) {
		margin: 0 0 10px 0;		
	}
	/**/
}
@media (min-width:992px) and (max-width:1199px){
	/**/
	.products_list.tile>.product {
		width:227px;
	}
	.products_list.tile>.product:nth-of-type(4n) {
		margin: 0 0 10px 0;		
	}
	/**/
}
@media (min-width:768px) and (max-width:991px){
	/**/
	.products_list.tile{
		width:704px;
		margin: 0 auto;
	}
	.products_list.tile>.product {
		width:228px;
	}
	.products_list.tile>.product:nth-of-type(3n) {
		margin: 0 0 10px 0;		
	}
	/**/	
}
@media (min-width:486px) and (max-width:767px){
	/**/
	.products_list.tile{
		width:466px;
		margin: 0 auto;
	}
	.products_list.tile>.product {
		width:228px;
	}
	.products_list.tile>.product:nth-of-type(2n) {
		margin: 0 0 10px 0;		
	}
	/**/	
}
@media (max-width:485px) {
	/**/
	.products_list.tile{
		width:100%;
		margin: 0 auto;
	}
	.products_list.tile>.product {
		float:none;
		width:100%;
	}
	.products_list.tile>.product{
		margin: 0 0 10px 0;
	}
	/**/	
}
/*--------------------------------------media*/