﻿/* INTRO */
/*.intro {
	display:flex;
	flex-wrap:wrap;
}*/

.intro .description,
.intro .search_products {
	margin-bottom:40px;
}

/*.intro .description {
	width:calc(100% - (200px * 2));
	margin-left:200px;
	text-align:center;
	padding:0 10%;
}*/

.intro .description .cont {
	margin-top:21px;
}

.intro .search_products {
	width:196px;
	text-align:right;
}

.intro .search_products .button {
	cursor:pointer;
	/**/
	display:inline-block;
}

/*TITLE*/
.intro .search_products .button .title span  {
	border-bottom:solid 1px transparent;
	-webkit-transition:border-bottom-color 250ms ease;
	transition:border-bottom-color 250ms ease;
}

.intro .search_products .button.open .title span,
.intro .search_products .button:hover .title span {
	border-bottom:solid 1px #000;
}

/**/
.intro .search_products .button:before {
	content:"";
	display:inline-block;
	width:30px;
	height:15px;
	margin-right:16px;
	background-image:url(../img/arrow.svg);
	background-repeat:no-repeat;
	/**/
	-webkit-transition:transform 250ms ease;
	transition:transform 250ms ease;
}

.intro .search_products .button.open:before {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}

/* PANEL SEARCH */
*[data-paneltarget="products_search"] {
	margin-left:-70px;
	width:245px;
}

*[data-paneltarget="products_search"] .blocks {
	width:197px;
}

*[data-paneltarget="products_search"] .blocks .block .column {
	width:calc(100% - 49px);
}

*[data-paneltarget="products_search"] .blocks .title {
	cursor:pointer;
}

#products_search_category .cancel {
	content:"";
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	margin-left:-30px;
	cursor:pointer;
	margin-top:6px;
	/**/
	background-image:url(../img/close.svg);
	background-size:contain;
	-webkit-filter:invert(100%);
	filter:invert(100%);
}

#products_search_category .cancel.hidden {
	display: none;
}

*[data-paneltarget="products_search"] #products_search_category span,
*[data-paneltarget="products_search"] #products_search_product span {
	cursor:pointer;
}

/* PANELS PRODUCTS SEARCH */
*[data-paneltarget="products_search_categories"],
*[data-paneltarget="products_search_products"] {
	background-color:#B0B0B0;
	color:#3a3437;
	margin:7px 0 0 2px;
	width:240px;
	/**/
	/*max-height:400px;*/
}

*[data-paneltarget="products_search_categories"]:before,
*[data-paneltarget="products_search_products"]:before {
    background-image:url(../img/menu-corner-gray.svg);
}

*[data-paneltarget="products_search_categories"] ul,
*[data-paneltarget="products_search_products"] ul {
    padding:24px 11px 24px 11px;
	/**/
    text-align:start;
    overflow-y:scroll;
    overflow-x:hidden;
	/**/
	max-height:400px;
	box-sizing:border-box;
}

*[data-paneltarget="products_search_categories"] li,
*[data-paneltarget="products_search_products"] li {
    cursor:pointer;
}

*[data-paneltarget="products_search_categories"] li:hover,
*[data-paneltarget="products_search_products"] li:hover {
    color:#000;
}


/* MOBILE */
.mobile_category {
	display:none;
}

.mobile_category .layout_buttons {
	float:right;
}

.mobile_category .layout_buttons .button_1 {
	margin-right:17px;
}

.mobile_category .layout_buttons .button_1,
.mobile_category .layout_buttons .button_2 {
	cursor:pointer;
	display:inline-block;
	width:18px;
	height:18px;
	overflow:hidden;
	-webkit-opacity:0.335;
	opacity:0.335;
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease;
}

.mobile_category .layout_buttons .button_1.selected,
.mobile_category .layout_buttons .button_1:hover,
.mobile_category .layout_buttons .button_2.selected,
.mobile_category .layout_buttons .button_2:hover {
	-webkit-opacity:0.75;
	opacity:0.75;
}

.mobile_category .layout_buttons .square {
	background-color:#000;
	border-radius:1.5px;
}

.mobile_category .layout_buttons .button_2 .square {
	width:8px;
	height:8px;
	margin:0 2px 2px 0;
	vertical-align:top;
	float:left;
}

.mobile_category .layout_buttons .button_2 .square:nth-child(2n) {
	margin:0;
}


/* THUMBS - PRODUCTS */
.thumbs {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
}

.thumbs .thumb {
	display:inline-block;
	width:22.5%;
	height:auto;
	cursor:pointer;
	/**/
	/*flex-basis:22.5%;*/
	/**/
	margin-bottom:3.33%;	/* not supported FireFox */
	margin-bottom:50px;
}

.thumbs a:hover {
	color:inherit;
}

.thumbs a.arrow_title {
	margin-top:24px;
	margin-bottom:27px;
	display:inline-block;
	/**/
	font-family:'jm';
	font-weight:normal;
	color:#000;
	font-size:1.25em;
}

.thumbs .thumb .arrow_title span {
	border-bottom:solid 1px transparent;
}
.thumbs .thumb:hover .arrow_title span {
	border-bottom-color:#000;
}
.thumbs .thumb.no_hover:hover .arrow_title span {
	border-bottom-color:transparent;
}

.thumbs .thumb .info .dy {
	color:#000;
}

.thumbs .thumb .info .abst {
	height:69px;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
}

@media all and (max-width:1023px) {
	.intro .description {
		margin-left:0;
		width:calc(100% - 200px);
		text-align:inherit;
		padding:0;
	}
}


@media all and (max-width:767px) {
	/* INFO */
	.intro .description,
	.intro .search_products {
		width:100%;
	}

	.intro .search_products {
		text-align:inherit;
	}

	.intro .search_products .button.open:before {
		transform-origin:12px 5px;
	}

	*[data-paneltarget="products_search"] {
		margin-left:151px;
	}

	*[data-paneltarget="products_search"][data-panelmode="0"]:before {
		right:auto;
	}

	/* MOBILE */
	.mobile_category {
		display:block;
		margin-bottom:35px;
	}
	
	/* THUMBS - PRODUCTS */
	.thumbs .thumb {
		width:100%;
	}

	.thumbs .thumb .info {
		display:none;
	}
	
	.thumbs.disposition_2 .thumb {
		width:48.38%;
	}
}

@media all and (max-width:370px) {
	.layout_buttons {
		display:none;
	}

	.thumbs .thumb,
	.thumbs.disposition_2 .thumb {
		width:100%;
	}
}