/* Start:/bitrix/templates/bootstrap3/components/bitrix/catalog.section/bootstrap3/style.css?17245816124995*/
/* before hovering */

.card {
	border: 1px solid #ddd;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius: 4px;
	padding: 10px;
	height: 250px;
	margin-bottom: 10px;
}

.card-no-img {
	height: 100px;
}

.card-title-only {
	height: 50px;
}

.card .card-img {
	height: 150px;
}

.card .card-img,
.card .card-props-base {
	margin-bottom: 10px;
}

.card .card-props-base .card-access-type,
.card .card-props-base .card-price {
	color: #BC262C;
}

.card .card-props-base .card-price {
	font-weight: bold;
}

.card .card-descr .card-year-null,
.card .card-props-base .card-price-null {
	color: #999;
}

.card .card-descr,
.card .card-props-more,
.card .card-props-links .btn {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.card .card-props-links,
.card .card-props-more {
	display: none;
}

.card .card-props-more {
	font-size: smaller;
}

/* aligning by Y-axis from the inside (no 'display: flex;' etc.) */
/* (bootstrap class 'center-block' aligns by X-axis from the outside) */
	
/* Y-axis */
.card .card-img {
	position: relative;
}

/* Y-axis */
.card .card-img img,
.card .card-img .fas {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.card .card-img .fas {
	color: #ddd;
}

.card .card-descr .fas,
.card .card-descr .far {
	color: #999;
}

/* while hovering */

.card:hover .card-container {
	position:absolute;
	z-index:990; 

	top:0; 
	box-shadow:0 0 6px 0 rgba(0,0,0,.18);

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #406999;
	padding:10px;

	background:#fff;
	min-height: 250px;
}

.card-no-img:hover .card-container-no-img {
	min-height: 100px;
}

.card-title-only:hover .card-container-title-only {
	min-height: 50px;
}

.bx-no-touch .card:hover .card-img {
	display: none;
}

.card:hover .card-descr {
	overflow: visible;
	white-space: normal;
}

.card:hover .card-descr .card-year {
	display: inline-block;
}

.card:hover .card-descr .card-year-null {
	display: none;
}

.bx-no-touch .card:hover .card-props-links,
.card:hover .card-props-more {
	display: block;
}

.card .card-props-links .btn {
	margin-bottom: 5px;
}

.card .card-props-links .btn:first-child,
.card .card-props-links .btn:last-child {
	margin-bottom: 0;
}

.card hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* changing 'gutter' */

@media (max-width: 767px) {

	/* while hovering */

	.card:hover .card-container {
		left:15px; 
		right:15px; 
	}

}

@media (min-width: 401px) and (max-width: 767px) {

	/* before hovering */

	/* vertical (one column) */

	/*.card {
		margin-bottom: 10px;
	}*/

	/* exeptions especially for 2 columns in row */

	.gutter-2 > [class^="col-"]:nth-child(even), .gutter-2 > [class^=" col-"]:nth-child(even) {
		padding-left: 5px;
	}

	.gutter-2 > [class^="col-"]:nth-child(odd), .gutter-2 > [class^=" col-"]:nth-child(odd) {
		padding-right: 5px;
	}

	/* while hovering */

	/* exeptions especially for 2 columns in row */

	.gutter-2 > [class^="col-"]:nth-child(even) .card:hover .card-container,
	.gutter-2 > [class^=" col-"]:nth-child(even) .card:hover .card-container {
		left: 5px;
	}

	.gutter-2 > [class^="col-"]:nth-child(odd) .card:hover .card-container,
	.gutter-2 > [class^=" col-"]:nth-child(odd) .card:hover .card-container {
		right: 5px;
	}

}

@media (min-width: 768px) {

	/* before hovering */

	/* vertical */

	.row.line-element {
		margin-bottom: 10px;
	}

	/* changing gutter width */

	.gutter-2.row {
		margin-right: -1px;
		margin-left: -1px;
	}

	/* setting 'gutter' */

	.gutter-2 > [class^="col-"], .gutter-2 > [class^=" col-"] {
		padding-right: 5px;
		padding-left: 5px;
	}

	/* exeptions especially for certain parameter */

	.gutter-2 > [class^="col-"]:first-child, .gutter-2 > [class^=" col-"]:first-child {
		padding-left: 0;
	}

	.gutter-2 > [class^="col-"]:nth-child(3n), .gutter-2 > [class^=" col-"]:nth-child(3n) {
		padding-right: 0;
	}

	.gutter-2 > [class^="col-"]:nth-child(3n+4), .gutter-2 > [class^=" col-"]:nth-child(3n+4) {
		padding-left: 0;
	}

	.gutter-2 > [class^="col-"]:last-child:nth-child(3n+3), .gutter-2 > [class^=" col-"]:last-child:nth-child(3n+3) {
		padding-right: 0;
	}

	/* while hovering */

	.card:hover .card-container {
		left:5px; 
		right:5px; 
	}

	/* exeptions especially for certain parameter */

	.gutter-2 > [class^="col-"]:first-child .card:hover .card-container,
	.gutter-2 > [class^=" col-"]:first-child .card:hover .card-container {
		left:0;
	}

	.gutter-2 > [class^="col-"]:nth-child(3n) .card:hover .card-container,
	.gutter-2 > [class^=" col-"]:nth-child(3n) .card:hover .card-container {
		right:0;
	}

	.gutter-2 > [class^="col-"]:nth-child(3n+4) .card:hover .card-container,
	.gutter-2 > [class^=" col-"]:nth-child(3n+4) .card:hover .card-container {
		left:0;
	}

	.gutter-2 > [class^="col-"]:last-child:nth-child(3n+3) .card:hover .card-container,
	.gutter-2 > [class^=" col-"]:last-child:nth-child(3n+3) .card:hover .card-container {
		right:0;
	}
}
/* End */
/* /bitrix/templates/bootstrap3/components/bitrix/catalog.section/bootstrap3/style.css?17245816124995 */