.-filter-line-url > li > a, .-filter-line-url-slider {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
 .-filter-line-url, .-filter-line-url-slider {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-o-user-select: none;
	user-select: none;
}

main .site_center_wrapper { background: #eff2f7; }
body.index main .site_center_wrapper { background: #fff; }

.top-conteiner { margin: 20px 0; padding: 20px; border-radius: 10px; background: #fff; }

.-filter-line-url { margin: 0; padding: 3px; list-style: none; display: inline-block; background: #eff2f7; border-radius: 10px; }
.-filter-line-url > li { position: relative; z-index: 2; display: inline-block; vertical-align: top; }
.-filter-line-url > li, .-filter-line-url > li > a { color: #2f3747; }
.-filter-line-url > li > a { display: block; line-height: 1; font-weight: 500; padding: 10px 15px; margin: 0 2px; border-radius: 10px; }
.-filter-line-url > li > a:hover { opacity: 0.8; }
.-filter-line-url > li.cur > a { background: #fff; }
.-filter-line-url > li.cur:hover > a { cursor: default; }

.-filter-line-url-conteiner { display: inline-block; position: relative; }
.-filter-line-url-slider { display: none; position: absolute; z-index: 1; background: #fff; border-radius: 10px; top: 3px; left: 3px; }

.top-filter-date { line-height: 30px; display: inline-block;padding: 6px 0 0 20px; vertical-align: top; opacity: 0.7; }

.-rating-grps { border: 3px solid #d3a151; border-radius: 10px; margin-top:15px; padding: 10px; }
.-rating-grp { text-align: left; }
.-rating-grp > b { display: block; font-size: 16px; opacity: 0.85; padding-bottom: 12px; }
.-rating-grp > b > span, .-top-title > h4 > span { color: #ef0000; }
.-rating-grp > ul, .trends-rating-grp > ul > li { display: block; list-style: none; padding: 0; margin: 0; }
.-rating-grp > ul > li > a { display: block; color: #000; font-size: 14px; margin: 5px 0; }
.-rating-grp > ul > li:nth-child(1) > a > span, 
.-rating-grp > ul > li:nth-child(2) > a > span, 
.-rating-grp > ul > li:nth-child(3) > a > span, 
.-rating-grp > ul > li:nth-child(4) > a > span, 
.-rating-grp > ul > li:nth-child(5) > a > span { font-weight: bold; }
.-rating-grp > ul > li > a > b { color: #2791CC; display: inline-block; vertical-align: top; width: 25px; padding-right: 7px; text-align: right; }
.-rating-grp > ul > li > a > span { display: inline-block; width: calc(100% - 25px - 75px); vertical-align: top; padding-right: 7px;  }
.-rating-grp > ul > li > a > div { display: inline-block; max-width: 75px; vertical-align: top; background: #2791CC; color: #fff; padding: 2px 5px; border-radius: 5px; }

.top-rating-graf-list { position: relative; background: #f0f7ff; }
.top-rating-graf-list > b, .top-rating-graf-list > b:hover { position: absolute; bottom: 5px; left: 5px; font-size: 10px; padding: 3px 5px; cursor: default; opacity: 0.6; }
.top-rating-graf-list > a > b { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.top-rating-graf-list > a > i { width: 50px; height: 20px; display: inline-block; position: absolute; bottom: 5px; right: 5px; min-height: 0; background-size: contain; background-color: transparent; border: none; }

.top-added { max-width: 100%; }
.top-added i { margin-right: 0; }
.top-added .-style-1 i { font-size: 50px; }

.-cnt-3 > .top-rating-graf-list > a > b { font-size: 12px; }
.-cnt-3 > .top-rating-graf-list .c3 svg { font-size: 7px; }

.top-gallery-list.-cnt-8 .-img-bg { height: 150px; }

@media (max-width: 768px) {
	.-filter-line-url-conteiner { text-align: center; }
	
	.top-gallery-list .-img-bg, .top-gallery-list.-cnt-8 .-img-bg { height: 250px; }
}