/* --- CENTROARTS 2020 --- */
.wave-pattern { background: #414141 url(../images/wave.svg?v=0.73) repeat; background-size: 540px 540px; border-bottom: 2px dashed #3b3b3b;}
.block-pad .breadcrumbs-panel { padding: 0; background: none; border-bottom-width: 0; }
.block-pad { padding: 20px; }

.wave-pattern .speedbar { font-size: 12px; display: block; }
.wave-pattern .speedbar { color: rgba(255,255,255,0.8); }
.wave-pattern .speedbar a, .wave-pattern .poplist-title { color: #fff !important; }
.wave-pattern .speedbar a:hover { opacity: .8; }
.wave-pattern .speedbar { margin-bottom: 20px; }

@media (min-width: 701px) {
	.wave-pattern { border-top-right-radius: 8px; }
	.block-pad { padding: 30px; }
	.wave-pattern .speedbar { margin-bottom: 30px; }
}
@media (min-width: 1201px) {
	.block-pad { padding: 35px; }
	.wave-pattern .speedbar { margin-bottom: 35px; }
}

.greybg { background-color: #414141; border-bottom: 2px dashed #3b3b3b;}

.poplist-title { display: flex; align-items: center; font-size: 1.25rem; font-weight: bold; line-height: 1.3; margin-bottom: 20px; }
.poplist-title svg { margin-right: 15px; }

@media (min-width: 701px) {
	.poplist-title { font-size: 1.5rem; }
}

.poplist-count { counter-reset: rate; }
.poplist-count .popshort .cover-img::before {
	counter-increment: rate; content: counter(rate);
	position: absolute; right: 0; top: 0; z-index: 1; background-color: rgba(0,0,0,0.25);
	color: #fff; font-weight: bold; line-height: 14px; padding: 5px; min-width: 24px; text-align: center;
	border-radius: 0 6px 0 6px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
	box-sizing: border-box;
}

.popshort { display: flex; min-width: 0; }
.popshort-in { display: flex; min-width: 0; position: relative; flex: 1 1 auto; }
.popshort-cont { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; margin-left: 20px; }

.popshort .text { overflow: hidden; line-height: 1.5em; max-height: 3em; margin-bottom: 10px; }
.popshort .genre, .popshort-foot { font-size: 12px; }
.popshort .genre { margin-bottom: 10px; }
.popshort-foot { display: flex; margin-top: auto; }
.popshort-foot > span { display: flex; align-items: center; margin-right: 20px; }
.popshort-foot > span:last-child { margin-right: 0; }
.popshort-foot > span > svg { fill: currentColor; margin-right: 5px; margin-top: -2px; opacity: .5; }
.icon-lang { width: 20px; height: 20px; }

.fit-cover { position: relative; display: flex; overflow: hidden; flex-direction: column; flex-grow: 1; }
.fit-cover img {
	position: absolute; top: 0; left: 50%; display: block;
	min-width: 100%; height: 100%; transform: translateX(-50%);
	object-fit: cover; object-position: center center;
	-o-object-position: center center; -o-object-fit: cover;
}

.popshort .cover-img {
	position: relative; min-width: 100px; max-width: 100px; align-self: flex-start;
	border-radius: 6px; background-color: #474747; overflow: hidden;
}
.popshort .cover-img::after { content: ""; display: block; width: 100%; padding-top: 135%; }
.cover-img .fit-cover { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; }
.ps-rate { display: flex; align-items: center; }
.ps-rate .rating { margin-top: -3px; margin-right: 5px; }
.popshort .title { font-size: 1rem; margin: 10px 0 5px 0; }
.popshort .title a { color: inherit; text-decoration: none !important; }
.popshort .title a::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; }

.popshort .title-limit { display: block; max-height: 2.7em; overflow: hidden; }

.poplist-cards .popshort .popshort-in { flex-direction: column; }
.poplist-cards .popshort .popshort-cont { text-align: center; margin-left: 0; }
.poplist-cards .popshort .cover-img { margin-bottom: 10px; }
.poplist-cards .popshort .cover-img,
.poplist-cards .popshort .ps-rate { margin-left: auto; margin-right: auto; }
.poplist-cards .popshort .ps-views { margin-left: auto; }

/* GRID */
@media (min-width: 701px) {
	.poplist-grid { display: grid; grid-gap: 14px; min-width: 0; }
	.poplist-grid .popshort {
		box-shadow: 0 4px 12px 0 rgba(0,0,0,0.12); background-color: #313131;
		padding: 20px; border-radius: 10px; position: relative;
	}
	.poplist-grid .popshort-in { position: static; }
}

@media (min-width: 1140px) {
	.poplist-grid .popshort:first-child .cover-img { min-width: 130px; max-width: 130px; margin-top: 10px; }
}
@media (min-width: 701px) and (max-width: 1139px) {
	.poplist-grid .popshort:not(:first-child) .cover-img { min-width: 80px; max-width: 80px; }
	.poplist-grid .popshort:not(:first-child) .title { font-size: .875rem; }
}
@media (min-width: 701px) and (max-width: 991px) {
	.poplist-grid { grid-template-columns: 1fr 1fr; }
	.poplist-grid .popshort:first-child { grid-column: 1 / 3; }
	.poplist-grid .popshort:first-child .text { display: block !important; }
}
@media (min-width: 992px) {
	.poplist-grid { grid-template-columns: .7fr 1fr 1fr; }
	.popshort .title a:hover { color: #95ac7c; transition: color .2s ease; }
	.poplist-grid .popshort:first-child { min-width: 180px; grid-column: 1; grid-row: 1 / span 2; }
	.poplist-grid .popshort:first-child .popshort-in { flex-direction: column; }
	.poplist-grid .popshort:first-child .popshort-cont { text-align: center; margin-left: 0; }
	.poplist-grid .popshort:first-child .cover-img { margin-bottom: 10px; }
	.poplist-grid .popshort:first-child .ps-rate,
	.poplist-grid .popshort:first-child .cover-img { margin-left: auto; margin-right: auto; }
	.poplist-grid .popshort:first-child .ps-views { margin-left: auto; }
}
@media (max-width: 700px) {
	.poplist-scrolling-mobile {
		overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 20px 0; margin: -20px;
	}
	.poplist-scrolling-mobile::-webkit-scrollbar-track { background: transparent; }
	.poplist-scrolling-mobile::-webkit-scrollbar-thumb { background: #3b3b3b; }
	.poplist-scrolling-mobile::-webkit-scrollbar { width: 7px; }
	.poplist-scrolling .poplist-grid { padding: 20px 0; margin: -20px 0; }
	.poplist-grid::before, .poplist-grid::after { content: ""; width: 100%; height: 20px; max-width: 13px; min-width: 13px; }

	.poplist-grid { display: flex; }
	.poplist-grid .popshort { max-width: 20%; min-width: 200px; flex: 0 0 20%; padding: 0 7px; box-sizing: border-box; }
	.poplist-grid .popshort .popshort-in {
		box-shadow: 0 2px 6px 0 rgba(0,0,0,0.07), 0 0 0 1px rgba(0,0,0,0.02); background-color: #3b3b3b;
		flex-direction: column; padding: 20px; border-radius: 10px; position: relative;
	}
	.poplist-grid .popshort .popshort-cont { text-align: center; margin-left: 0; }
	.poplist-grid .popshort .cover-img { margin-bottom: 10px; }
	.poplist-grid .popshort .cover-img,
	.poplist-grid .popshort .ps-rate { margin-left: auto; margin-right: auto; }
	.poplist-grid .popshort .ps-views { margin-left: auto; }
	.poplist-grid .popshort .title { font-size: .875rem; }
}

.poplist-cards { display: flex; margin: 0 -7px; }
.poplist-items .popshort, .poplist-cards .popshort { width: 100%; box-sizing: border-box; }
.poplist-cards .popshort {
	max-width: 20%; min-width: 200px; flex: 0 0 20%; padding: 0 7px;
}
@media (min-width: 701px) {
	.poplist-cards .popshort { max-width: 25%; flex: 0 0 25%; }
}
@media (min-width: 1201px) {
	.poplist-cards .popshort { max-width: 20%; flex: 0 0 20%; }
}
.poplist-cards .popshort-in, .poplist-items .popshort-in { padding: 20px; border-radius: 10px; }
.poplist-cards .popshort-in { box-shadow: 0 2px 6px 0 rgba(0,0,0,0.07), 0 0 0 1px rgba(0,0,0,0.02); background-color: #313131; }
.poplist-cards .popshort .title { font-size: .875rem; }

@media (max-width: 700px) {
	.poplist-items .popshort { margin-top: 14px; }
	.poplist-items .popshort:first-child { margin-top: 0; }
}
@media (min-width: 701px) {
	.poplist-items { display: flex; flex-wrap: wrap; margin: -7px; }
	.poplist-items .popshort { max-width: 50%; flex: 0 0 50%; padding: 7px; }
}

.poplist-items .popshort-in { background-color: #3b3b3b; }
.poplist-items .popshort .text { display: block !important; }
.poplist-items .popshort .genre { margin-top: auto; }
.poplist-items .popshort .popshort-foot { margin-top: 0; }
.poplist-items .popshort .cover-img { box-shadow: 0 3px 8px 0 rgba(0,0,0,0.12); }

/* SCROLLING */
.flickity-enabled.carousel { display: block; }
.poplist-scrolling .carousel { overflow: hidden; margin-top: -8px; margin-bottom: -8px; }
.flickity-enabled .popshort { padding-top: 8px; padding-bottom: 8px; }
.flickity-enabled .popshort-in { height: 280px; }
@media (min-width: 992px) {
	.poplist-cards { overflow: hidden; overflow-x: auto; }
	.carousel-btns { margin-left: auto; display: block !important; }
	.carousel-btns .btn { float: left; margin-left: 10px; width: 40px; height: 40px; padding: 8px; border-radius: 50%; }
	.carousel-btns .btn svg { display: block; }
}
@media (max-width: 991px) {
	.poplist-scrolling::-webkit-scrollbar-track { background: transparent; }
	.poplist-scrolling::-webkit-scrollbar-thumb { background: #313131; }
	.poplist-scrolling::-webkit-scrollbar { width: 10px; }
	.poplist-scrolling { overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.poplist-scrolling .poplist-cards { margin-left: 0; margin-right: 0; }
	.poplist-cards::before, .poplist-cards::after { content: ""; width: 100%; height: 20px; }
}
@media (max-width: 700px) {
	.poplist-scrolling { padding: 20px 0; margin: -20px; }
	.poplist-scrolling .poplist-cards { padding: 20px 0; margin: -20px 0; }
	.poplist-cards::before, .poplist-cards::after {  max-width: 13px; min-width: 13px; }
}
@media (min-width: 701px) and (max-width: 991px) {
	.poplist-scrolling { padding: 30px 0; margin: -30px; }
	.poplist-scrolling .poplist-cards { padding: 30px 0; margin: -30px 0; }
	.poplist-cards::before, .poplist-cards::after { max-width: 23px; min-width: 23px; }
}
/* CAROUSEL */
.carousel .card-list { flex-wrap: nowrap; }
.flickity-slider .card { width: 20% !important; }

#sort{position:relative}
.sortbtn_open #sort_drop{display:block}
.sort{list-style:none;padding:0;margin:0}
.sort_label{text-transform:uppercase;margin-bottom:25px;display:block}
.sort > li a{display:block;padding:14px 0;border-top:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.8)}
.sort > li a:hover{color:#aaaaaafa}
.sort > li.asc a:after,.sort > li.desc a:after{ content:"";
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA4CAMAAADU8BjBAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMA8AMPk52hmo2p7JHuhPneiAX0CoF3btuv+lnAWwAAANZJREFUOMvd1EkWgyAQBNBSEg1gnDL2/S+aKE3qmZYLWAt49F9SAGaKoYsT9hLlm3GXwkJhl2TNwakGcGur4fFP99C/HdrlHDeUZh6VqCllkR5DmpxISWTGQ9SUssgVOGVL21l0B9QYCs0IzQjNCM0IzQiNYoxici4Kbm1XKrZrqjDWe1J7vQErjay5FIRmhGaEZoVGMUaxRrFGietaedqYu+US1dme6FSghGwDepUfZQvwKiS1Fq6ZX0+AtNilm72DhsSnVyAchqZ+ocFC/i7uhc5vi/0BLrc3Rm37p04AAAAASUVORK5CYII=);
    float:right;margin:4px 0 0 .4em;width:13px;height:14px;background-position:0 -14px;-webkit-background-size:13px auto;background-size:13px auto;
}
.sort > li.asc a:after{background-position:0 0}