/* add */
[data-result-id]{cursor: pointer}
.selected_options{
    display: none;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    font-size: 80%;
    color:#000;
    text-align: center;
}
.status{cursor: pointer}
._active .selected_options{
    display: inline-block;
}
._hidden{display: none !important;}
._mt{margin-top: 15px;}

h1, h2, h3, h4, h5, h6{line-height: 1;}
.region_block .title{height: 50px}
.region_block .title img {max-height: 100%; max-width: 40%}
@media screen and (max-height: 600px) {
    .region_block .title {display: none !important;}
}
@media screen and (max-height: 850px) {
    .region_block > img {display: none !important;}
}
.processing{position: fixed; top:0; left:0; z-index: 99991; width:100%; height: 100%; background: rgba(255,255,255,.4) url('../../img/loader-1.gif') no-repeat 50% 50%; display:none;}

.project_item, .project-works {padding: 20px;}

.gallery{position: relative}
.gallery-count {padding: 5px 0;
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    right: 20px;
    display: inline-block;
    background: #fff;
    box-shadow: 0 2px 6px rgb(0 0 0 / 25%); }

.result-empty{text-align: center; padding: 20px 20px 0 20px; display: block}

.mshadow {
    -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
    filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
    /* Similar syntax to box-shadow */
}

[data-btn-filter]._active:after{
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: #EF3737;
    top: -8px;
    right: -8px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgb(0 0 0 / 25%);
}