
/* фильтр товара */

	.avt-filters{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
		margin: 40px auto;
		padding: 20px;
	}

	.avt-filters-item{
		width: 100%;
		padding: 20px;
	}

	.avt-filters-item-title{
		font-size: 24px;
		font-weight: 600;
		margin-bottom: 20px;
	}

	.avt-filters-item-elements{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		margin: 20px auto;
		padding: 20px;
	}

	.avt-filters-item-elements-item{
		border: solid 1px #ddd;
		padding: 10px;
	}


/* карточка товара */
	.avt-comp-card{
		border: 1px solid #ddd;
		padding: 20px;
		box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
    	max-width: calc(33% - 10px);

    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
		align-items: stretch;
		
		font-family: 'Montserrat', sans-serif;
	}

	.avt-comp-card--break3{
		flex-basis: 100%;
		height: 0px;
	}

	.avt-comp-card-foto{
		position:relative;
		/*width: 90%;*/
		/*width: 100%;*/
		margin: 0 auto;
		margin-bottom: 7px;
		overflow: hidden;

		/*padding-top: 66%;*/
		/*height: 303px;*/
	}

	.avt-comp-card-foto__img{
		/*position: absolute;
		left: 0;
		right: 0;
		top: -26%;
		bottom: 0;*/
		/*border: 1px solid grey;*/

	}

	.avt-comp-card-nazv{
		font-size: 18px;
		text-align: center;
		font-weight: 600;
		color: #495057;
	}

	.avt-comp-card-razmer{
		font-weight: 400;
		margin-bottom: 20px;
		text-align: center;
		font-size: 15px;
		color: gray;
	}

	.avt-comp-card-cena{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;

		margin-bottom: 10px;
	}

	.avt-comp-card-cena-ryn{
		font-size: 24px;
		color: #29ad2e;
		font-weight: 600;
	}

	.avt-comp-card-cena-base{
		font-size: 18px;
		color: gray;
		font-weight: 500;
	}

	.avt-comp-card-comment{
		margin-bottom: 20px;
		font-size: 16px;
		color: #999;/*495057*/

		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
	}

	.avt-tooltip{
		font-weight: 400;
		border-bottom: dashed 1px;
		font-size: 12px;
		color: gray;
	}

	.avt-tooltip1{
		font-weight: 400;
		border-bottom: dashed 1px;
		font-size: 14px;
		color: gray;
	}

	.avt-tooltip-sp{
		font-weight: 400;
		/*border-bottom: dashed 1px;*/
		font-size: 11px;
		color: #fff;
		background-color: #a43820;
		border-radius: 20px;
		padding: 3px 10px;
	}	
	.avt-comp-card-property{
		display: inline-block;
		max-width: 0 auto;
		text-transform: uppercase;
		color: gray; /*#666*/
		margin-bottom: 20px;
	}

	.avt-comp-card-vajnoe{
		margin-bottom: 20px;
	}

	.avt-comp-card-vajnoe__nalichie, 
	.avt-comp-card-vajnoe__postavka {
		list-style: none;
		font-size: 14px;
		color: #495057; /*#666*/
		font-weight: 500;
	}

	.avt-comp-card-vajnoe__postavka:before{
		display: inline-block;
		color: gray; /*#393*/
		width: 30px;
		font-family: FontAwesome;
		content: "\f0d1";
	}

	.avt-comp-card-vajnoe__nalichie:before{
		display: inline-block;
		color: gray; /*#393*/
		width: 30px;
		font-family: FontAwesome;
		content: "\f00c"; /*\f046*/
	}

	.avt-comp-card__button--zakaz{
		/*border-radius: 5px;*/
		width: 80%;
		margin: 20px auto 10px auto;
		padding: 10px;
		text-align: center;
		background-color: #393;
		color: #fff;
		cursor: pointer;
		font-size: 16px;
		max-width: 360px;

		text-transform: uppercase;
	}
	
	.centerm{
		text-align: center;
	}

	.avt-comp-card__button--zakaz:hover{
		background-color: #3b3;
	}
	.avt-button-actions-container{
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
	}

	.avt-button-actions{
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;

		/*padding: 5px 20px;*/
		height: 35px;
		/*width: 50%;*/
		cursor: pointer;
		border-bottom: 4px solid transparent;
		color: #999;/*999*/
		font-weight: 600;
	}

	.avt-button-actions:hover{
		color: #3b3;
		/*border-bottom-color: #3b3;*/
	}

	.avt-button-actions-icon{
		/*color: #999; */
		font-weight: 400; 
		font-family: 'Font Awesome 5 Pro';
	}
	
	#tooltip
{
    text-align: center;
    color: #fff;
    background: #4c4c4c;
    position: absolute;
    z-index: 100;
    padding: 15px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .18), 0 4px 24px 0 rgba(13, 35, 67, .25);
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #4c4c4c;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #4c4c4c;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }
		
	/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// */
	.stlzd_tooltip
	{
		text-align: center;
		color: #fff;
		position: absolute;
		z-index: 100;
		padding: 15px;
		box-shadow: 0 0 6px 0 rgba(0, 0, 0, .18), 0 4px 24px 0 rgba(13, 35, 67, .25);
	}
 
    .stlzd_tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        .stlzd_tooltip.top:after
        {
            border-top-color: transparent;
            top: -20px;
            bottom: auto;
        }
 
		.stlzd_tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
		.stlzd_tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }

	/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// */
	.stlzd_tooltip_4c4c4c{
		background: #4c4c4c;
	}

	.stlzd_tooltip_4c4c4c:after{
        border-top: 10px solid #4c4c4c;
	}

	.stlzd_tooltip_4c4c4c.top:after{
		border-bottom: 10px solid #4c4c4c;
	}

	/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// */
	.stlzd_tooltip_a4463b{
		background: #a4463b;
	}

	.stlzd_tooltip_a4463b:after{
        border-top: 10px solid #a4463b;
	}

	.stlzd_tooltip_a4463b.top:after{
		border-bottom: 10px solid #a4463b;
	}

	/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// */
		.stlzd_tooltip_6d6d6d{
			background: #6d6d6d;
		}
	
		.stlzd_tooltip_6d6d6d:after{
			border-top: 10px solid #6d6d6d;
		}
	
		.stlzd_tooltip_6d6d6d.top:after{
			border-bottom: 10px solid #6d6d6d;
		}
	
	/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// */

		.stlzd_tooltip_BA5536{
			background: #BA5536;
		}
	
		.stlzd_tooltip_BA5536:after{
			border-top: 10px solid #BA5536;
		}
	
		.stlzd_tooltip_BA5536.top:after{
			border-bottom: 10px solid #BA5536;
		}
