/* Round Corners*/
.r0, .r1, .r2, .r3, .r4 { overflow: hidden; font-size:1px; display: block; height: 1px;}
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

/* Tags cloud */
div.search-cloud { text-align:center; } 
div.search-cloud a { line-height:1.4em; text-decoration:none; }
div.search-cloud a:hover { text-decoration:underline; }

/* Search results*/
div.search-item { margin: 0 0 1.5em; padding: 0 0 1.5em; border-bottom: 1px solid;}
div.search-result { margin: 1em 0;}
div.search-preview {margin: 0.5em 0;}
div.search-page input.search-query {width: 99%; border: 1px solid; font-size:1.3em;}
div.search-page input.search-button { font-size: 1.2em; }

/* Content Forms: commons styles */
div.content-form
{
	position:relative; 
	zoom:1;
	padding-bottom: 2.5em;
	padding-left:2.5em;
}

div.content-form div.form-input span {font-size: 1.5em;}
div.content-form div.form-input input, div.content-form div.form-input textarea, div.content-form div.form-input select
{	
	margin: 0;
	border:1px solid;
	font-size:1.117em; 
	font-family:Verdana, Tahoma, Sans-Serif;
	margin-bottom: 8px;
	
}

div.content-form div.form-input input, div.content-form div.form-input textarea { padding: 0.3em; }

div.content-form div.legend
{
	left: -1em; 
	top:-0.7em; 
	float:left; 
	padding: 0 3px; 
	background:white; 
	position:relative; 
	z-index:10; 
	font-size: 1.8em; 
	font-family:Arial, Verdana, Tahoma, Sans-Serif;
}

div.content-form div.form-input input, div.content-form div.form-input textarea {width:75%;}
div.content-form div.fields { clear: both; }
div.content-form input.input-submit { overflow:visible; padding:0 0.5em;}
div.content-form div.field { padding:0; margin: 0 0 0.8em 0; display: block; }
div.content-form div.field label.field-title
{
	display: block;
	font-size: 1.4em;
	margin-bottom: 3px;
	font-family:Arial, Verdana, Tahoma, Sans-Serif; 
	white-space: nowrap;
}

div.content-form div.description {font-size: 0.9em; }
div.content-form div.field-checkbox { margin: 0.3em 0; font-size: 1.4em;}

/*Error & OK messages*/
.errortext, .notetext
{
	display: block;
	margin:0 0 1.5em 0;
	padding:0.4em 1.117em;
	border: 1px solid;
}

.errortext ul, .notetext ul {padding:0.3em 0 0.3em 2em; margin:0;}
.errortext ul li, .notetext ul li {margin:0; padding:0;}


.wrap_advantages{
	width: 874px;
	padding: 10px;
	display:-webkit-flex;
	-webkit-justify-content:center;

	display:flex;
	justify-content:center;

}

.wrap_advantages div{
	-webkit-flex:1;
	flex:1;
	display: flex;
	margin-left: 25px;
	border-left: 3px solid #a2bd30;
	border-top: 2px solid #e9e9e9;
	border-bottom: 2px solid #e9e9e9;
	color: #999999;
	font: normal 14px Arial;
	align-items: center;
}
.wrap_advantages div p{
	margin: 0;
	padding: 7px 0 7px 25px;
}
.pref{
	height: 115%;
	padding: 2px;
	background: #fff;
	width: 2px;
}
a.map:hover{
	text-decoration: none;
}
.green{
	color: #a2bd30;
}

#component > .element , #component > #breadcrumb {
	padding: 0 20px;
}

@media (min-width: 319px) and (max-width: 768px) {
	p, a{
		font-size: 120%;
	}
	#component #breadcrumb a, #component #breadcrumb span, #component #breadcrumb i{
		font-size: 120%;
	}
	#component .element .info_content{
		font-size: 120%;
	}
	#component{
		overflow: hidden;
	}
	#component #payment img{
		width: 100%;
	}
    #component .center{
        overflow: hidden;
    }
    #component p{
        overflow: hidden;
    }
    #component .container-border-c .table .tbody .trow .tcell{
        display: inline-block ;
    }
    #basket_form .promo{
        display: flex;
        flex-direction: column;
    }
    #component .container-border-c .promo .left{
        float: none;
        display: contents;
    }
    #component .container-border-c .promo .right{
        float: none;
    }
	#component .container-border-c .table{
        overflow: hidden;
    }
    #component .container-border-c .buy{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #component .container-border-c .buy a{
        margin: 10px;
    }

    .container-border-c .table .tbody .trow :nth-child(6n) {
        /*margin-left:35px;*/
    }
	#component .ads-block{
		overflow: hidden;
	}

	#component .items-block .items-slider .owl-prev{
		left: -20px;
	}
	#component .items-block .items-slider .owl-next{
		right: -20px;
	}
	.news-content{
		overflow: hidden;
	}
	#component .news-list .news-item{
		width: 100%;
	}
	.news-list .news-item .news-image{
		display: none;
	}
	#news .news-detail img{
		width: 100%;
	}
	#component .news-list{
		margin: 0;
	}
	#component .news-list .news-text img{
		width: 100%;
	}

	#component #breadcrumb{
		padding-left: 20px;
		padding-right: 0;
	}
	#component .element .catalog-element-box .element-info-box{
		width: 100%;
		padding-right: 25px;
	}
	#component .element .catalog-element-box .element-info-box .photo-box{
		width: 100%;
	}
	#component .element .catalog-element-box .element-info-box .photo-box img{
		position: relative;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	#component .element-video-box.active{
		width: 100%;
	}
	#component .element-video-box.active iframe{
		width: 100%;
	}

	#component .element .catalog-element-box .price-box{
		margin-top: 0px;
		width: calc(100% - 25px);
	}

	.photo-slider-box li img{
		width: 125px !important;
		padding: 5px;
	}

	#component .content.main-content .bottom .news-block .news-content{
		padding: 0 20px 0px 20px;
	}
	main header .info-menu .right-info-menu-block .basket{
		padding-bottom: 5px;
	}

	main header{
		/*display: none;*/
	}
	main header .top-menu ul li, header{
		padding: 7px 7.2px;
	}
	main .owl-carousel{
		/*display: none !important;*/
	}

	.wrap_advantages{
		display: block;
		width: 100%;
	}
	.wrap_advantages div{
		margin: 0;
	}

	.wrap_advantages .element{
		display: block;
		margin: 10px;
	}
	.wrap_advantages .element .pref{
		top: -2px;
		position: absolute;
	}
}

@media (min-width: 320px) and (max-width: 770px){
	.photo-slider-box li img{
		width: 125px !important;
		padding: 5px;
	}
}

@media (min-width: 320px) and (max-width: 380px){
	#component .items-block .items-slider .owl-prev{
		left: 17px;
	}
	#component .items-block .items-slider .owl-next{
		right: 17px;
	}
}
@media (min-width: 320px) and (max-width: 500px){
	/* CHECKOUT */
	#component .container-border-c .left-form .fieldset{
		display: flex;
		flex-direction: column;
		align-items: center;
		height: auto;
		width: auto;
	}
	#component .container-border-c .left-form .fieldset span{
		padding-bottom: 5px;
	}
	#component .container-border-c{
		width: 100%;
	}
	#component .container-bottom{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#component .container-border-c .container-bottom .all{
		position: relative;
		left: 0;

	}
	#component .container-border-c .right-form{
		margin: 25px;
		left: 0;
		width: auto;
	}

	#component .container-border-c .left-form{
		float: none;
	}
	#component .container-border-c .left-form .fieldset .cont{
		padding: 0;
	}
}
@media (min-width: 700px) and (max-width: 800px){
	#component .container-border-c .container-bottom .all{
		left: 280px;
	}
}

/*#wrap_advantages{*/
	/*width: 874px;*/
	/*padding: 10px;*/
	/*display:-webkit-flex;*/
	/*-webkit-justify-content:center;*/

	/*display:flex;*/
	/*justify-content:center;*/
/*}*/
/*#wrap_advantages div{*/
	/*-webkit-flex:1;*/
	/*flex:1;*/
	/*display: flex;*/
	/*margin-left: 25px;*/
	/*border-left: 3px solid #a2bd30;*/
	/*border-top: 2px solid #e9e9e9;*/
	/*border-bottom: 2px solid #e9e9e9;*/
	/*color: #999999;*/
	/*font: normal 14px Arial;*/
	/*align-items: center;*/
/*}*/
/*#wrap_advantages div p{*/
	/*padding: 7px 0 7px 25px;*/
	/*margin: 0;*/
/*}*/
/*.pref{*/
	/*height: 100%;*/
	/*padding: 2px;*/
	/*background: #fff;*/
	/*width: 2px;*/
/*}*/