.drp{position:absolute;z-index:50;width:150px;right:0px;top:-33px;font:14px f3;}
.drp-t{position:relative;border:1px solid#dbe3de;background:#fff;padding:5px 12px;cursor:pointer;border-radius:3px;}
.drp-t:before{position:absolute;right:0px;top:0px;content:'';background:#4194e7;width:30px;height:100%;transition:.4s.3s;border-radius:0px 3px 3px 0px;}
.drp-t:after{position:absolute;top:10px;right:9px;margin:auto;content:'';width:0px;height:0px;border-top:6px solid#fff;border-right:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid transparent;}
.drp-ls{background:#e6f5f9;display:none;padding:8px 10px;cursor:pointer;border-bottom:1px solid#ccd8e1;border-left:1px solid#ccd8e1;border-right:1px solid#ccd8e1;font:12px f1;}
.drp-ls:hover{background:#fcedbe;}
.drp-ls:nth-child(odd){background:#f8f8f8;}
.drp-ls:nth-child(odd):hover{background:#fcedbe;}
.bxd{position:relative;width:100%;}
.bxf{width:100%;}

.grd {
    --sizing: auto-fit;
	display:grid;width:100%;margin:0px auto;
	grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
	grid-gap:10px;
}
.grd .cel{padding:10px;border-radius:6px;}
.bg_cel{height:25em;padding:10px;border-radius:6px;}
.grd img{width:100%;max-width:1000px;height:80%;transition:1.30s;border-radius:6px;box-shadow:1px 2px 3px #b0bdc6;border-bottom:3px solid#4194e7;}
.grd h3{background:rgba(130,201,255,0.30);width:100%;height:13%;color:#000;font:13px f5;padding:3%;cursor:pointer;border-radius:6px;-webkit-transition:0.9s;transition:0.9s;}
@media screen and(max-width:1450px){
	.bg_cel{height:15em;padding:10px;border-radius:6px;}
}
@media screen and(max-width:1000px){
	
}
@media screen and(max-width:850px){
	
}
@media screen and(max-width:670px){
	
}
@media screen and (max-width:670px){
	
}
@media screen and(max-width:490px){
	
}
@media screen and(max-width:490px){
	
}