.tm-thumb .aplay {
    left: calc(100% - 46px);
    bottom: 34px;
    position: relative;
    background-color: #b51f22;
    border-radius: 2px;
    padding: 12px 16px;
    color:#fff;
}
.tm-thumb .aplay:hover,
.tm-thumb .aplay:focus {
    color: #fff;
    background: #b51f22;
    border: 2px solid #b51f22;
}
.tm-item{
    position: relative; 
    /*margin-left:20px;*/
}
/*
.tm-content{
    display: flex;
    flex-direction: column;
    align-items: center;
      
}
*/
.tm-content h3 {
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    /*line-height:  24px;*/
}
.tm-content span {
    font-family: Karla, sans-serif;
    font-size: 14px;
    line-height:  21px; 
    font-weight: bolder;
    color:#a0bfe0;  
}

.bookmarktype {
    top: 10px;
    right: 10px;
    position: absolute;
}

.bookmarktype .fa-bookmark {
    color: #001842;
    font-size: 1.5rem;
}
.bookmarktype .far.fa-bookmark.over {
    position: relative;
    left: 21px;
    top: 0;
}
.bookmarktype .fas.fa-bookmark.over {
    color: #ffc107;
    position: relative;
    left: 21px;
    top: -3px;
}

.card-body .tm-item .text-center{
    padding-top:20px;
    padding-bottom:20px;
}


/*----------- MINI ----------------*/
    
    .blog-img{
/*        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
         padding:10px;
*/    } 
    
    .main-btn{
            
        display: inline-block;
        font-weight: 700;
        font-family: Karla, sans-serif;
        font-size: 16px;
        line-height: 60px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 2px solid #ec398b;
        padding: 0 48px;
        border-radius: 0;
        color: #fff;
        cursor: pointer;
        z-index: 5;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -ms-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        background-color: #ec398b;
        position: relative; 
        margin-top: 10px;
                
    }
    .main-btn i{margin-right:7px;}
    .main-btn::before{position:absolute;content:'';left:8px;bottom:8px;height:15px;width:15px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
    .main-btn::after{position:absolute;content:'';right:8px;top:8px;height:15px;width:15px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
    .main-btn:hover{background-color:transparent;color:#ec398b;border-color:#ec398b;}
    .main-btn:hover::before{border-color:#ec398b;}
    .main-btn:hover::after{border-color:#ec398b;}



/*------------ LARGE ---------------*/



/* Span Tag */
.wrapper .info span{
 margin-top:5px;
}

/* Card */

.card-links .card-col { 
    background: #fff;
    margin-right: 10px;
    margin-bottom: 16px;
    border-radius: 4px;
    padding: 25px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    max-width: 220px;
    min-width: 220px;
    border: 1px solid #dde5ec;
    float: left;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.fa-l {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-w {
    font-size: 80%; 
    font-weight: 400;