/*filter*/

.sp-simpleportfolio .sp-simpleportfolio-filter { margin-bottom: 10px;}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li { margin: 0 15px 30px;}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a { text-transform: uppercase; letter-spacing: 0.5px;}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a, .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li:hover > a {color: #ed1c24 !important; }

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a:before {background: #ed1c24; }

/*end of fiilter*/

.sp-simpleportfolio-item.shuffle-item.filtered { padding: 5px;}

.sp-simpleportfolio-item.shuffle-item.filtered img { filter: grayscale(1);}

.sp-simpleportfolio-item.shuffle-item.filtered:hover img { filter: grayscale(0);}

/*overlay & button*/

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns {display:block !important;}
a.btn-view {display:none !important;}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a { padding: 15px 25px; letter-spacing: 1px;}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title
{ display:none !important;}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle .sp-simpleportfolio-tags{display:none;}
.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-img {
  -webkit-transform: translateY(0px) !important;
  transform: translateY(0px) !important;
  transform:scale(1.2) !important; }

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info .sp-simpleportfolio-title a { position: relative; text-transform: uppercase; font-size: 20px;}
  
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info .sp-simpleportfolio-title:before { z-index:999; position: absolute;content:'';background: transparent;width: 100%;height: 100%;z-index: 99999;}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info .sp-simpleportfolio-tags { text-transform: uppercase; font-weight: 300; letter-spacing: 0.5px;cursor: context-menu;margin-bottom: 0px;}

/*end of overlay & button*/

/*pop up*/

.featherlight .featherlight-content { padding: 0px; border: none;}

/*end of pop up*/

/*pagination*/

.pagination-wraper {margin-top: 50px;}

.pagination { width: 100%;}

.pagination-wraper .pagination > .active > a { color: #d3a046 ;}

.pagination-wraper ul.pagination {background-color: #18191b;padding: 0px;}

.pagination>li>a {opacity: 0.3}
.pagination>li.active>a {opacity: 1; }
.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus { background-color: #fff; opacity: 1; color: #d3a046 !important}

.pagination-wraper .pagination >li.disabled:first-child > a { margin-right: 15px;}
.pagination-wraper ul.pagination li [title~="End"] { margin-left: 15px;}

.pagination-wrapper, div.pagination {
    border: none;
}

.page-item.active .page-link {
    background-color: #ed1c24 !important;
}

.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus {
    background-color: #ed1c24 !important;
    color: #fff !important;
}

.pagination-wrapper .pagination li:not(:last-child), div.pagination .pagination li:not(:last-child) {
    margin-right: 15px;
}

.pagination>li>a {
    opacity: 1;
    background: #545454;
    color: #fff !important;
}

/*end of pagination*/

.featherlight {z-index:9999;}

.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-img {
  -webkit-transform: scale3d(1.05, 1.05, 1) !Important;
  transform: scale3d(1.05, 1.05, 1) !Important;
}


@media(max-width:991px){
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {
    margin: 0px;
}

.com-spsimpleportfolio #sp-main-body { padding: 50px 0px; }}

/*info*/
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
    padding: 0 0 15px 0 !Important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
    bottom: 0;
}