/* VR */
.vr-top { background: no-repeat center center url(/src/img/vr.png);width: 113px; height: 32px; background-size: contain;}
.vr-logo { background: no-repeat center center url(/src/img/vr.png); background-size: contain; min-height: 75px; }
.vr-filter > div { display: inline-block; vertical-align: top; }
.vr-filter > div.left { width:250px; background: #fff; border: 1px solid rgba(0,0,0,0.1); }
.vr-filter > div.right { width:calc(100% - 250px - 30px); margin-left:30px; }
.vr-conteiner > ul, .vr-conteiner > ul > li { display: block; list-style: none; margin: 0; padding: 0; }
.vr-conteiner > ul { width: calc(100% + 25px); }
.vr-conteiner > ul.-cnt-1 { width: 100%; }
.vr-conteiner > ul > li { display: inline-block; margin: 0 25px 25px 0; vertical-align: top; }
.vr-conteiner > ul > li a { display: inline-block; }
.vr-conteiner > ul > li > a {
	position: relative;
	display: block;
	height: 293px; 
	background:no-repeat center center #fff; 
	background-size: cover; 
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 10px 10px 26px -10px #cccccc; 
}
.vr-conteiner > ul > li > a > span { 
	position: absolute; 
	display: block;
	width: 100%;
	padding: 8px 12px; 
	height: 25px;
	bottom: 0; 
	left: 0; 
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #fff;
	overflow: hidden;
	 text-align: center;
	
	opacity: 0;
	background: rgba(0,0,0,0.5);
	z-index: 2;
}
.vr-conteiner > ul > li > a:hover > span { opacity: 1; height: 100%; }
.vr-conteiner > ul > li > a > span > b { display:block; margin:40px 10px 15px 10px; font-size:16px; line-height:normal; opacity:1; padding-bottom:8px; }
.vr-conteiner > ul > li > a > span > i { font-size: 14px; padding-bottom:30px; display: inline-block; }
.vr-conteiner > ul > li > a > span > i > div { line-height: 0px; padding: 2px 0 7px 0; }
.vr-conteiner > ul > li > a > span > div { font-size:20px; letter-spacing: 2px; }
.vr-conteiner > ul > li.act--1 { background:#FFD200; border:5px solid #FFD200; }
.vr-conteiner > ul > li.act-0 { background:#ccc; border:5px solid #ccc; }
.vr-conteiner > ul > li > a > div, .vr-imgs > div > div { 
	position: absolute; 
	top:5px; 
	right: 5px; 
	border-radius: 50%; 
	line-height: 14px; 
	width: 29.3px;
	height: 29.3px;
	z-index: 3;
	opacity: 0.8;
}
.vr-conteiner > ul > li > a > div:hover, .vr-imgs > div  > div:hover  { opacity:1; }
.vr-conteiner > ul > li > a > b {
	position: absolute; 
	top:45px; 
	right: 5px;
	width: 30px;
	height: 30px;
	z-index: 1;
	padding: 2px;
	line-height: 12px;
	font-size: 10px;
	font-weight: normal;
	background: #4B7F34;
	text-align: center;
	color:#fff;
}
.vr-conteiner > ul > li > a > strong, .vr-imgs > div > strong { position: absolute; right:40px; top:10px; font-size:20px; color: #ef0000; }
.vr-conteiner .likeds, .vr-imgs .likeds { width: 29px; height: 29px; padding: 6px 7px; }
.vr-conteiner .likeds-change-likeds, .vr-imgs .likeds-change-likeds { left: -141px; display: none; } 
.vr-conteiner .likeds-change, .vr-imgs .likeds-change { transform: scale(1.3); }
.trend-imgs .likeds-change { transform: scale(2); }
.vr-conteiner .likeds-change:before, .vr-imgs .likeds-change:before {
	content:"\f004";
	background: none;
	font-size: 14px;
	color: #fff;
	position: relative;
	z-index: 2;
}
.vr-conteiner .likeds-change:after, .vr-imgs .likeds-change:after {
	content:"\f004";
	background: none;
	font-size: 18px;
	color: #ef0000;
	position: absolute;
	top: 0.5px;
	left: -1px;
	z-index: 1;
}
.vr-conteiner .likeds-change:hover:before, .vr-imgs .likeds-change:hover:before { color: #ef0000; }
.vr-conteiner .likeds-change:hover:after, .vr-imgs .likeds-change:hover:after { color: #fff; }

.vr-conteiner .likeds.cur .likeds-change:before, .vr-imgs .likeds.cur .likeds-change:before { color: #ef0000; }
.vr-conteiner .likeds.cur .likeds-change:after, .vr-imgs .likeds.cur .likeds-change:after { color: #ef0000; }

.vr-imgs { width:500px; }
.vr-imgs > div { position: relative; display: block; width: 500px; height: 500px; background-size: contain !important; }
.vr-imgs > div, .vr-imgs > span > div {
	cursor: pointer;
	background: no-repeat #fff center center;
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 10px 10px 26px -10px #cccccc; 
}
.vr-imgs > span { display: block; width: calc(100% + 10px) }
.vr-imgs > span > div { display: inline-block; width: calc(100% / 4 - 10px); height:120px; margin: 10px 10px 0 0; background-size: cover; }
.vr-imgs > div > span { 
	position: absolute; 
	display: block; 
	width: 100%; 
	bottom: 0; 
	padding: 10px; 
	text-align: center; 
	color: #fff;
	background: rgba(0,0,0,0.5);
	letter-spacing: 2px; 
}

.vr-price { white-space: nowrap; }
.vr-price > a, .vr-price > b { 
	text-decoration:none; 
	color:#fff; 
	padding:5px 7px; 
	font-weight:normal; 
	font-size:16px; 
	margin-top:5px; 
	display:inline-block;
}
.vr-price > a { background: #EF9D39; }
.vr-price > b { background: #1C8A43; }
.vr-price > b > i { font-style: normal; font-size: 10px; padding-left: 3px; line-height: normal; }

.vr-filt { padding:0 15px 15px 15px; }
.news-catalog-conteiner-left .vr-filt { padding:0 5px 5px 5px; }

.vr-filt form > b { display: block; font-size: 20px; padding:15px 0 10px 0; }
.vr-filt form > select { width: 100%; }
.vr-filt .checkbox-1 > label { margin: 0 0 6px 0px; }
.vr-filt .checkbox-1 > div { margin:7px 0 7px 26px; }
.vr-filt .checkbox-1 > div > label { font-size: 13px; }
.vr-filt-button { text-align: center; }
.vr-filt-button input, .vr-filt-button a {
	display: inline-block;
	border-radius: 4px;
}
.vr-filt-button { margin-top: 5px; }
.vr-filt-button a { background: #fff; border:1px solid #ccc; color:rgba(0,0,0,0.65) !important; margin-left: 3px; }
.vr-filt-button a:hover { border-color:#aaa; color:rgba(0,0,0,0.9) !important; }

.vr-a-instagram {
	position: relative;
	display:block;
	background:no-repeat left center url('/src/img/instagram.png');
	background-size: contain;
	width: 207px;
	height: 51px;
	margin:0 0 10px 40px;
}
.vr-a-instagram > i { position: absolute; left: -40px; top:10px; font-size: 26px; }

#trend-content .vr-conteiner > ul > li > a > i { 
	position: absolute; 
	right: 0; 
	top: 0; 
	background:no-repeat center center rgba(255,255,255,1); 
	background-size: contain; 
	border: 4px solid rgba(255,255,255,1);
	max-width: 120px;
	max-height: 120px;
	
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	
	opacity: 0.7;
}
#trend-content .vr-conteiner > ul > li > a > b { top: 5px; left:5px; right: auto; }
.trend-filt .small { color: #666666; font-weight: normal; font-size: 11px; }

.trend-stat-list { display: block; margin: 0; padding: 0; list-style: none; margin-top: 30px; }
.trend-stat-list > li { display: inline-block; width: 12.5%; padding: 0 25px 25px 0; vertical-align: top; }
.trend-stat-list > li > i { display: block; border: 1px solid #ccc; padding: 5px; }
.trend-stat-list > li > i > a { display: block; height: 90px; background: no-repeat center center; background-size: contain; }
.trend-stat-list > li > a { font-weight: normal; }

.news-catalog-button-conteiner { margin: 32px 0; text-align: center; }
.news-catalog-button { padding: 16px 32px; height: auto; font-size: 20px; }

@media (max-width: 768px) {
	.news-catalog-conteiner-left, .news-catalog-conteiner-right { width: 100%; }
	.news-catalog-conteiner-right { padding: 0; }
	.news-catalog-conteiner-left { display: none; }
}
/* END VR */