.btn-custom{
    background:#3498db;
    text-transform:capitalize;
    padding:27px 44px;
    color:#fff;
    cursor:pointer;
    font-weight:500;
    font-size:18px;
    flex: 1;
    /*display:inline-block;*/
    line-height:1;
    -moz-user-select:none;
    letter-spacing:1px;
    line-height:0;
    margin-bottom:0;
    cursor:pointer;
    transition:color 0.4s linear;
    position:relative;
    z-index:1;
    border:0;
    overflow:hidden;
    margin:0;
    border-radius:4px
}
@media (max-width: 575px){
    .btn-custom{
        padding:22px 24px;
        font-size:16px
    }
}
.btn-custom::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:101%;
    height:101%;
    background:#007cce;
    z-index:1;
    transition:transform 0.5s;
    transition-timing-function:ease;
    transform-origin:0 0;
    transition-timing-function:cubic-bezier(0.5, 1.6, 0.4, 0.7);
    transform:scaleX(0);
    border-radius:0px
}
.btn-custom:hover::before{
    transform:scaleX(1);
    color:#fff !important;
    z-index:-1
}
.btn-custom.focus,.btn-custom:focus{
    outline:0;
    box-shadow:none;
}
.btn-custom:hover{
    color: #1b1b1b !important;
    font-weight: 600;
    text-decoration: none;
}
.btn-custom.focus,.btn-custom:focus{
    outline:0;
    box-shadow:none;
}
.single-popular-items{
    box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
}
.single-popular-items .popular-img{
    overflow:hidden;
    margin-bottom:19px;
    position:relative
}
.popular-items .single-popular-items .popular-img img{
    width:100%
}
.popular-items .single-popular-items .popular-img .img-cap{
    position:absolute;
    bottom:-20%;
    width:100%;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.popular-items .single-popular-items .popular-img .img-cap span{
    color:#fff;
    background:rgba(29,37,71,0.5);
    padding:20px 0;
    display:block;
    cursor:pointer;
    font-size:30px;
    font-weight:400;
    text-transform:uppercase;
    font-family:"Cinzel",serif
}
.popular-items .single-popular-items .popular-img .favorit-items{
    position:absolute;
    top:45%;
    right:0;
    opacity:0;
    visibility:hidden;
    left:0;
    margin:-40px auto;
    transform:translateY(-45%);
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.popular-items .single-popular-items .popular-img .favorit-items span{
    color:#333333;
    font-size:30px;
    cursor:pointer
}
.popular-items .single-popular-items  h3 a{
    color:#444444;
    font-weight:700;
    font-size:24px;
    margin-bottom:12px
}
@media only screen and (min-width: 576px) and (max-width: 767px){
    .popular-items .single-popular-items  h3 a{
        font-size:17px
}

}
@media (max-width: 575px){
    .popular-items .single-popular-items  h3 a{
        font-size:20px
}

}
.popular-items .single-popular-items  span{
    color:#444444;
    font-size:18px;
    font-weight:500;
    display:block
}
.single-popular-items:hover .popular-img .img-cap{
    bottom:0;
    opacity:1;
    visibility:visible
}
.single-popular-items:hover .popular-img .favorit-items{
    opacity:1;
    visibility:visible;
    top:50%;
    transform:translateY(-50%)
}