.hinh{box-shadow:10px 10px 5px #888888;-moz-box-shadow:5px 5px 5px #666;-webkit-box-shadow:8px 4px 8px #666;}
.btn:hover,
.btn:focus,
.btn:active{outline:0!important;}

/* entire container, keeps perspective */
.card-container{-webkit-perspective:800px;-moz-perspective:800px;-o-perspective:800px;perspective:800px;margin-bottom:30px;}

/* flip the pane when hovered */
.card-container:not(.manual-flip):hover .card,.card-container.hover.manual-flip .card{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
.card-container.static:hover .card,
.card-container.static.hover .card{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;}

/* flip speed goes here */
.card{-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;-o-transition:-o-transform .5s;transition:transform .5s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;}

/* hide back of pane during swap */
.front,
.back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;background-color:#FFF;box-shadow:0 1px 3px 0 rgba(0,0,0,0.14);}

/* front pane, placed above back */
.front{z-index:2;}

/* back, initially hidden pane */
.back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);z-index:3;}
.back .btn-simple{position:absolute;left:0;bottom:4px;}

/*        Style       */
.card{background:none repeat scroll 0 0 #FFFFFF;color:#444444;}
.card-container,
.front,
.back{width:100%;height:390px;padding:2px}
.card .cover{height:100px;overflow:hidden;border-radius:0;}
.card .cover img{width:100%;}
.card .user{display:block;max-height:255px;margin:-55px auto 0;overflow:hidden;width:100%;margin-left:5px;}
.card .user img{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #ccc;width:95%;max-height:255px;padding:5px;}
.card .content{background-color:rgba(0,0,0,0);box-shadow:none;padding:10px 20px 20px;}
.card .back .content .main{height:215px;}
.card .name{font-size:13px;line-height:20px;margin:2px 0 0;text-align:justify;padding:2px;text-transform:uppercase;font-weight:bold;}
.card h5{margin:3px 0;font-weight:400;line-height:20px;}
.card .profession{color:#999999;text-align:center;margin-bottom:20px;}
.card .footer{border-top:1px solid #EEEEEE;color:#999999;padding:5px 0 0;text-align:center;}
.card .footer .social-links{font-size:18px;}
.card .footer .social-links a{margin:0 7px;}
.card .footer .btn-simple{margin-top:-6px;}
.card .header{padding:15px 20px;height:90px;}
.card .motto{border-bottom:1px solid #EEEEEE;color:#999999;font-size:14px;font-weight:400;padding-bottom:10px;text-align:center;}
.card .stats-container{width:100%;margin-top:50px;}
.card .stats{display:block;float:left;width:33.333333%;text-align:center;}
.card .stats:first-child{border-right:1px solid #EEEEEE;}
.card .stats:last-child{border-left:1px solid #EEEEEE;}
.card .stats h4{font-weight:300;margin-bottom:5px;}
.card .stats p{color:#777777;}

/*      Just for presentation        */
.title{color:#506A85;text-align:center;font-weight:300;font-size:44px;margin-bottom:90px;line-height:90%;}
.title small{font-size:17px;color:#999;text-transform:uppercase;margin:0;}
.space-30{height:30px;display:block;}
.space-50{height:50px;display:block;}
.space-200{height:200px;display:block;}
.white-board{background-color:#FFFFFF;min-height:200px;padding:60px 60px 20px;}
.ct-heart{color:#F74933;}
pre.prettyprint{background-color:#ffffff;border:1px solid #999;margin-top:20px;padding:20px;text-align:left;}
.atv,
.str{color:#05AE0E;}
.tag,
.pln,
.kwd{color:#3472F7;}
.atn{color:#2C93FF;}
.pln{color:#333;}
.com{color:#999;}
.btn-simple{opacity:.8;color:#666666;background-color:transparent;}
.btn-simple:hover,
.btn-simple:focus{background-color:transparent;box-shadow:none;opacity:1;}
.btn-simple i{font-size:16px;}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .front,
    .back{-ms-backface-visibility:visible;backface-visibility:visible;}
    .back{visibility:hidden;-ms-transition:all 0.2s cubic-bezier(.92,.01,.83,.67);}
    .front{z-index:4;}
    .card-container:not(.manual-flip):hover .back,.card-container.manual-flip.hover .back{z-index:5;visibility:visible;}
}
@media screen and (max-width:700px){
    img{border:0;max-width:100%;height:auto!important;}
}
@media screen and (max-width:320px){
    img{border:0;max-width:100%;height:auto!important;}
}
.card .header{padding:5px;}