body {
    background-color: #f9f9f9;font-family: Arial, sans-serif;
}
.card{

        position: relative;
        width: 375px;
        max-width: 100%;
        height: 700px;
        max-height: calc(100vh - 40px);
        background-color: #fafafa;
        -webkit-box-shadow: 0 2px 30px 0 rgba(0,0,0,.08);
        box-shadow: 0 2px 30px 0 rgba(0,0,0,.08);
        border-radius: 10px;
        overflow: hidden;
        margin: auto;
    }
.card_header{
    width:100%;
    height: 200px;

    background-size: cover;
}
.card_container{padding: 0 15px;}
.card_content{
    position: relative;
    width: calc(100% - 32px);
    padding: 16px 14px 14px;
    background-color: #fff;
    -webkit-transition-delay: .2s !important;
    -o-transition-delay: .2s !important;
    transition-delay: .2s !important;
    margin: -46px auto 0;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    border-radius: 10px;
}
.card_content_header_meta{
    display: flex;
    width:100%;
}
.card_content_header_img{ width: 25%; overflow: hidden; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; }
.card_content_header_img img{width:100%;height: auto;float: left;}
.card_content_header_title{width: 80%; box-sizing: border-box; font-size: 120%;padding: 10px; font-weight: 800;}
.card_content_header_notify{clear: both;font-size: 80%;margin: 20px 0;}
.card_buttons i,.card_bottom i{display: inline-block;margin-right: 5px;
    width: 14px;background-position: center; background-repeat: no-repeat;
    height: 14px;}
.card_buttons a{
    margin: 10px 0;
    background-repeat: no-repeat;
    text-decoration: none;
    border-radius: 10px;
    background-position:left center;
    display:table;
    width:100%;
    line-height: 45px;
    border:2px solid;
    box-sizing: border-box;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.card_buttons a:hover{
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.3);
  
}
.whatsapp{color:#4caf50;

}
.whatsapp i{background-image: url(whatsapp.svg);}
.vk{color:#436eab;

}
.vk i{background-image: url(vk.svg);}
.telegram{color:#41b4e6;

}
.telegram i{background-image: url(tg.svg);}
.fbm{color:#2196f3;

}
.fbm i{background-image: url(fbm.svg);}
.card_bottom{
    margin-top: 20px;
    text-align: center;opacity: .2;;
}
.card_bottom a{font-size: 70%; color:#000;text-decoration: none;}
.card_bottom i{background-image: url(mess.svg);height: 8px;}