

/* Start:/local/templates/nailhouse/components/bitrix/catalog.element/main/style.css?1644845602441*/
.product-block-description .flex
{
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 90%;
    margin: 22px 2px 15px;
}
.product-block-description .flex>*
{
	flex: 1 1 auto;
	margin:0;
}
.product-block-description .flex>.opis
{
	margin:0;
	text-align: right;
}
.product-block-description .flex .opis a{margin:0;}
.availability.out_of_stock{color:#ff0000;}
/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?15579308382530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */


/* Start:/local/templates/nailhouse/components/custom/comments/product/style.css?16448457048595*/
.bmhouse-comments-rating
{
	width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px 8px 3px;
    border-bottom: 1px solid #e1e5e5;
}
.bmhouse-comments-rating>div
{
	flex:0 1 auto;
}
.bmhouse-comments-rating .rating
{
	flex-basis:125px;
	width: 125px;
    height: 20px;
    background-size: 25px;
    margin: 11px 0px;
    display: inline-block;
	vertical-align: top;
}
.bmhouse-comments-count
{
	font-size: 20px;
    line-height: 22px;
	height: 20px;
    font-weight: bold;
    color: #42a8a6;
    margin: 11px 10px;
    vertical-align: top;
}
#bmhouse-comments
{
	width: 100%;
}
.bmhouse-comments-button
{
	margin-left:auto;
}
#bmhouse-comments .bmhouse-comments-form-rating
{
	height: 22px;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: bottom;
}
#bmhouse-comments .bmhouse-comments-form-rating-star
{
	display: inline-block;
	height: 22px;
	width: 22px;
	background: url(/bitrix/templates/nailhouse/img/icons/star.svg) 0 0 repeat-x;
	cursor: pointer;
}
#bmhouse-comments .bmhouse-comments-form-rating-star.hovered
,#bmhouse-comments .bmhouse-comments-form-rating-star.active
{
	background: url('/bitrix/templates/nailhouse/img/icons/star-fill.svg') 0 0 repeat-x;
}
.bmhouse-comments-button
{
	display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.bmhouse-comments-form{display:none;}
.bmhouse-submit-form-result
{
	color: green;
    text-align: center;
    padding: 10px;
    font-size: 17px;
    box-sizing: content-box;
}
.bmhouse-comments-block
{
	margin-top:15px;
}

.bmhouse-comment
{
    font-size: 14px;
    line-height: 18px;
    color: #656d72;
    background: #fff;
    border-radius: 5px;
    margin: 0px 0px 15px;
    text-align: center;
    position: relative;
    padding: 20px;
    z-index: 1;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.09);
}
.bmhouse-comment-name
{
	font-size: 16px;
    color: #6a7276;
    font-weight: bold;
}
.bmhouse-comment-header
{
	display:flex;
	margin-bottom: 10px;
	justify-content: flex-start;
    align-items: flex-start;
}
.bmhouse-comment-header>div
{
	flex:0 0 auto;
}
.bmhouse-comment-header .rating
{
	display:inline-block;
	margin: 0 10px;'
}
.bmhouse-comment-right
{
	margin: 0 0 5px 20px;
    text-align: left;
}

.bmhouse-comment-date
{
	font-weight: bold;
    display: block;
    color: #e1e5e5;
    font-size: 12px;
    text-align: right;
}
.bmhouse-comment-answer
{
    background: transparent;
    margin-top: 5px;
    position: relative;
    margin: 10px 0 0 -20px;
}
.bmhouse-comment-answer>span
{
	color: #42a8a6;
    font-weight: bold;
    font-size: 15px;
}
.bmhouse-comment-answer>div
{
	border: 1px solid #e8e8e8;
    background: transparent;
    border-radius: 5px;
    padding: 7px 12px;
    position:relative;
	margin-top: 9px;
}
.bmhouse-comment-answer>div:before
{
    content: "";
    height: 0px;
    left: 54px;
    position: absolute;
    top: -11px;
    width: 0px;
    border: 5px solid transparent;
    border-bottom: 5px solid #e8e8e8;
    border-left: 5px solid #e8e8e8;
}
.bmhouse-comment-answer>div:after
{
	content: "";
    height: 0px;
    left: 55px;
    position: absolute;
    top: -9px;
    width: 0px;
    border: 5px solid transparent;
    border-bottom: 5px solid white;
    border-left: 5px solid white;
}


/* --old-- */
#bmhouse-comments .bmhouse-comments-title
{
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 24px;
}


#bmhouse-comments .bmhouse-comments-rating-background,
#bmhouse-comments .bmhouse-comments-rating-foreground
{
	height: 22px;
	width: 110px;
	background: url( '/bitrix/components/bmhouse/comments/templates/.default/img/stars.png') repeat-x;
}

#bmhouse-comments .bmhouse-comments-rating-foreground
{
	background-position: 0 -22px;
}

#bmhouse-comments .bmhouse-comments-stats
{
	margin-top: 20px;
	display: inline-block;
}

#bmhouse-comments .bmhouse-comments-stat
{
	margin-bottom: 10px;
	padding: 1px 5px;
	cursor: pointer;
	position: relative;
}

#bmhouse-comments .bmhouse-comments-stat-only-rating
{
	position: absolute;
    left: 200px;
    top: -22px;
    background-color: #77bbee;
    border: 1px solid #5599cc;
    color: #fff;
    width: 255px;
    padding: 2px 6px;
	display: none;
	transition: display 0.3s;
	z-index: 1;
}

#bmhouse-comments .bmhouse-comments-stat:hover
{
	padding: 0 4px;
	border: 1px solid #ddd;
}

#bmhouse-comments .bmhouse-comments-stat.active
{
	padding: 0 4px;
	border: 1px solid #ccc;
}

#bmhouse-comments .bmhouse-comments-stat:hover .bmhouse-comments-stat-only-rating
{
	display: block;
}

#bmhouse-comments .bmhouse-comments-stat-title,
#bmhouse-comments .bmhouse-comments-stat-line,
#bmhouse-comments .bmhouse-comments-stat-count
{
	display: inline-block;
}

#bmhouse-comments .bmhouse-comments-stat-title
{
	width: 100px;
}

#bmhouse-comments .bmhouse-comments-stat-line
{
	width: 200px;
	height: 7px;
	border: 1px solid #5599cc;
	background-color: #f7f7f7;
	border-radius: 3px;
	margin-right: 20px;
}

#bmhouse-comments .bmhouse-comments-stat-line-fill
{
	background-color: #5599cc;
	height: 7px;
	border-radius: 3px;
}





#bmhouse-comments .bmhouse-comment.hidden
{
	display: none;
}

#bmhouse-comments .bmhouse-comment-left
{
	display: inline-block;
	width: 50px;
	vertical-align: top;
}

#bmhouse-comments .bmhouse-comment-left > div
{
	width: 50px;
	height: 50px;
	background-color: #f7f7f7;
	border: 2px solid #5599cc;
	color: #5599cc;
	text-align: center;
	border-radius: 30px;
	font-weight: bold;
	overflow: hidden;
}

#bmhouse-comments .bmhouse-comment-left .bmhouse-comment-userletter span
{
	position: relative;
	top: 14px;
}


#bmhouse-comments .bmhouse-comment-image
{
	margin-top: 15px;
}

#bmhouse-comments .bmhouse-comment-image img
{
	max-width: 100px;
	max-height: 100px;
	cursor: pointer;
	transition: max-width 0.5s, max-height 0.5s, width 0.5s, height 0.5s;
}

#bmhouse-comments .bmhouse-comment-image img.active
{
	max-width: 700px;
	max-height: 700px;
}

#bmhouse-comments .bmhouse-comment-rating
{
	margin-bottom: 15px;
}

#bmhouse-comments .bmhouse-comment-rating-background,
#bmhouse-comments .bmhouse-comment-rating-foreground
{
	height: 22px;
	width: 110px;
	background: url(/bitrix/templates/nailhouse/img/icons/star.svg) 0 0 repeat-x;
}

#bmhouse-comments .bmhouse-comment-rating-foreground
{
	background: url('/bitrix/templates/nailhouse/img/icons/star-fill.svg') 0 0 repeat-x;
}

#bmhouse-comments .bmhouse-comments-form-item .bmhouse-comments-button a
{
	bottom: 0;
}

#hidden-frame
{
	width: 0;
	height: 0;
	display: none;
}

#bmhouse-comments-show-more-comments
{
	background-color: #5599cc;
    color: #fff;
    text-decoration: none;
    padding: 10px 10px;
    border-radius: 4px;
    position: relative;
	margin-bottom: 30px;
	display: inline-block;
}

#bmhouse-comments-show-more-comments:hover
{
	background-color: #4488bb;
}

.bmhouse-comment-voting
{
	margin-top: 20px;
}

.bmhouse-comment-voting a
{
	text-decoration: none;
	color: #333;
	display: inline-block;
	padding: 1px 4px 6px;
}

.bmhouse-comment-voting a:first-child
{
	margin-right: 10px;
}

.bmhouse-comment-voting a span
{
	display: inline-block;
	margin-right: 4px;
}

.bmhouse-comment-vote-up
{
	border: 1px solid #afd6af;
}

.bmhouse-comment-vote-up:hover
{
	background-color: #cff6cf;
}

.bmhouse-comment-vote-down
{
	border: 1px solid #d8b9b9;
}

.bmhouse-comment-vote-down:hover
{
	background-color: #f8d9d9;
}

.bmhouse-comment-vote-up img
{
	position: relative;
	top: 4px;
	margin-top: -4px
}

.bmhouse-comment-vote-down img
{
	position: relative;
	top: 9px;
	margin-top: -4px;
}

.bmhouse-comment-vote-up.disabled,
.bmhouse-comment-vote-down.disabled
{
	border: 1px solid #ccc;
	background-color: #ddd;
}

@media screen and (max-width: 700px)
{
	#bmhouse-comments .bmhouse-comments-stats
	{
		display: block;
		margin-bottom: 100px;
	}
}

@media screen and (max-width: 427px)
{
	#bmhouse-comments .bmhouse-comments-button,
	#bmhouse-comments .bmhouse-comments-form-item .bmhouse-comments-button
	{
		margin-left: 0;
	}
}
/* End */
/* /local/templates/nailhouse/components/bitrix/catalog.element/main/style.css?1644845602441 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?15579308382530 */
/* /local/templates/nailhouse/components/custom/comments/product/style.css?16448457048595 */
