.card {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
}
.card:not([class*=card-outline-]){
border:0;
}
.view{
    overflow: hidden;
    position: relative;
    cursor: default;
}
.hm-zoom img, .hm-zoom video, .overlay img, .overlay video{
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.view img, .view video {
    display: block;
    position: relative;
}
.card img {
    border-radius: 2px 2px 0 0;
}

.comments-list img, .img-fluid, .modal-dialog.cascading-modal.modal-avatar .modal-header, .reply-form img, .section-blog-fw .view img {
    max-width: 100%;
    height: auto;
}

img {
    vertical-align: middle;
    border-style: none;
}

.hm-white-slight .full-bg-img, .hm-white-slight .mask {
    background-color: rgba(255,255,255,.1);
}

.overlay .mask {
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.view .full-bg-img, .view .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}


.view .mask {
    background-attachment: fixed;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}

.pswp__container, .pswp__img, .waves-effect, a, html {
    -webkit-tap-highlight-color: transparent;
}


.btn .fa, .card .card-body {
    position: relative;
}
.card-title{
	color: #333;
}

.card-body {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card .activator {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    margin-right: 10px;
    font-size: 1.2rem;
}


.black-text, .btn-link, .card .activator, .card-wrapper .face .content .rotate-btn, .toast-close-button:focus, .toast-close-button:hover {
    color: #000!important;
}

.card, .card .card-body h3, .card .card-body h4, .card .card-text {
    font-weight: 400;
}

.card-body h4 {
    font-weight: 500;
    margin-bottom: 1rem;
}


.card .card-body p {
    margin-bottom: 1rem;
}

.card .card-text {
    font-size: 1.2rem;
    color: #747373;
}


.card, .card .card-body h3, .card .card-body h4, .card .card-text {
    font-weight: 400;
}

.card-title{ font-size: 16px;}

.black-text, .btn-link, .card .activator, .card-wrapper .face .content .rotate-btn, .toast-close-button:focus, .toast-close-button:hover {
    color: #000!important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse!important;
    -webkit-box-orient: horizontal!important;
    -webkit-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important;
}


.flex-column-reverse, .flex-row-reverse {
    -webkit-box-direction: reverse!important;
}


.d-flex {
    display: -ms-flexbox!important;
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: flex!important;
}

.card {border:1px solid rgba(255,255,255,.3); border-radius:5px;margin-bottom: 20px;}