/* entire container, keeps perspective */
.card-container {
	  -webkit-perspective: 400px;
   -moz-perspective: 400px;
     -o-perspective:400px;
        perspective: 400px;
}
/* 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.34);
}

/* 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;
    border-radius: 4px;
    color: #444444;
}
.card-container, .front, .back {
	width: 180px;
	height: 320px;
	border-radius: 4px;
}
.card .cover{
    height: 105px;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}
.card .cover img{
    width: 100%;
}
.card .user{
    display: block;
    margin: -55px auto 0;
    overflow: hidden;
    width: 90px;
}
.card .user img{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #FFFFFF;
    width: 100%;
}

.card .content{
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 2px;
}
.card .content .main {
    min-height: 160px;
}
.card .back .content .main {
    height: 215px;
    line-height: 14px;
}
.card .back .content .main .separator {
    width: 400px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px;
}
.card .back .content .main ul {
    list-style-type: none;
    text-align: left !important;
    width: 100%;
    margin: 0;
    padding-left: 3px;
}
.card .name {
    font-size: 22px;
    line-height: 28px;
    margin: 10px 0 0;
    text-align: center;
    text-transform: capitalize;
}
.card h5{
    margin: 5px 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;
    margin: 30px 0 0;
    padding: 10px 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: 600px;
	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: 400;
    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;
}

/*       Fix bug for IE      */

@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;
    }
}
[class^="icon-"],
[class*=" icon-"] {
	white-space: nowrap;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "iconic", sans-serif;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: none;
	text-shadow: none;
	line-height: 0;
	margin: 0 8px 0 -8px;
}

.button[class^="icon-"]:empty:before,
[class*=" icon-"]:empty:before {
	margin: 0;
}

.icon-menu:before { content: '\e800'; } /* '' */
.icon-newspaper:before { content: '\e801'; } /* '' */
.icon-calendar:before { content: '\e802'; } /* '' */
.icon-info:before { content: '\e803'; } /* '' */
.icon-facebook:before { content: '\e804'; } /* '' */
.icon-twitter:before { content: '\e805'; } /* '' */
.icon-linkedin:before { content: '\e806'; } /* '' */
.icon-pinterest:before { content: '\e807'; } /* '' */
.icon-videocam:before { content: '\e808'; } /* '' */
.icon-rss:before { content: '\e809'; } /* '' */
.icon-gplus:before { content: '\e80a'; } /* '' */
.icon-vimeo:before { content: '\e80b'; } /* '' */
.icon-picture:before { content: '\e80c'; } /* '' */
.icon-paypal:before { content: '\e80d'; } /* '' */
.icon-note:before { content: '\e80e'; } /* '' */
.icon-note-beamed:before { content: '\e80f'; } /* '' */
.icon-search:before { content: '\e810'; } /* '' */
.icon-mail:before { content: '\e811'; } /* '' */
.icon-heart:before { content: '\e812'; } /* '' */
.icon-star:before { content: '\e813'; } /* '' */
.icon-user:before { content: '\e814'; } /* '' */
.icon-video:before { content: '\e815'; } /* '' */
.icon-ok:before { content: '\e816'; } /* '' */
.icon-cancel:before { content: '\e817'; } /* '' */
.icon-cancel-circled:before { content: '\e818'; } /* '' */
.icon-cancel-squared:before { content: '\e819'; } /* '' */
.icon-plus:before { content: '\e81a'; } /* '' */
.icon-plus-circled:before { content: '\e81b'; } /* '' */
.icon-plus-squared:before { content: '\e81c'; } /* '' */
.icon-minus:before { content: '\e81d'; } /* '' */
.icon-minus-circled:before { content: '\e81e'; } /* '' */
.icon-minus-squared:before { content: '\e81f'; } /* '' */
.icon-help:before { content: '\e820'; } /* '' */
.icon-help-circled:before { content: '\e821'; } /* '' */
.icon-info-circled:before { content: '\e822'; } /* '' */
.icon-home:before { content: '\e823'; } /* '' */
.icon-link:before { content: '\e824'; } /* '' */
.icon-attach:before { content: '\e825'; } /* '' */
.icon-lock:before { content: '\e826'; } /* '' */
.icon-bookmark:before { content: '\e827'; } /* '' */
.icon-flag:before { content: '\e828'; } /* '' */
.icon-bookmarks:before { content: '\e829'; } /* '' */
.icon-thumbs-up:before { content: '\e82a'; } /* '' */
.icon-thumbs-down:before { content: '\e82b'; } /* '' */
.icon-download:before { content: '\e82c'; } /* '' */
.icon-upload:before { content: '\e82d'; } /* '' */
.icon-export:before { content: '\e82e'; } /* '' */
.icon-pencil:before { content: '\e82f'; } /* '' */
.icon-comment:before { content: '\e830'; } /* '' */
.icon-chat:before { content: '\e831'; } /* '' */
.icon-vcard:before { content: '\e832'; } /* '' */
.icon-road:before { content: '\e833'; } /* '' */
.icon-location:before { content: '\e834'; } /* '' */
.icon-map:before { content: '\e835'; } /* '' */
.icon-book:before { content: '\e836'; } /* '' */
.icon-folder:before { content: '\e837'; } /* '' */
.icon-phone:before { content: '\e838'; } /* '' */
.icon-cog:before { content: '\e839'; } /* '' */
.icon-tools:before { content: '\e83a'; } /* '' */
.icon-basket:before { content: '\e83b'; } /* '' */
.icon-clock:before { content: '\e83c'; } /* '' */
.icon-popup:before { content: '\e83d'; } /* '' */
.icon-arrow-combo:before { content: '\e83e'; } /* '' */
.icon-down-open:before { content: '\e83f'; } /* '' */
.icon-left-open:before { content: '\e840'; } /* '' */
.icon-right-open:before { content: '\e841'; } /* '' */
.icon-up-open:before { content: '\e842'; } /* '' */
.icon-down-open-big:before { content: '\e843'; } /* '' */
.icon-left-open-big:before { content: '\e844'; } /* '' */
.icon-right-open-big:before { content: '\e845'; } /* '' */
.icon-up-open-big:before { content: '\e846'; } /* '' */
.icon-down:before { content: '\e847'; } /* '' */
.icon-left:before { content: '\e848'; } /* '' */
.icon-right:before { content: '\e849'; } /* '' */
.icon-up:before { content: '\e84a'; } /* '' */
.icon-down-dir:before { content: '\e84b'; } /* '' */
.icon-left-dir:before { content: '\e84c'; } /* '' */
.icon-right-dir:before { content: '\e84d'; } /* '' */
.icon-up-dir:before { content: '\e84e'; } /* '' */
.icon-list:before { content: '\e84f'; } /* '' */
.icon-chart-pie:before { content: '\e850'; } /* '' */
.icon-chart-line:before { content: '\e851'; } /* '' */
.icon-chart-bar:before { content: '\e852'; } /* '' */
.icon-chart-area:before { content: '\e853'; } /* '' */
.icon-music:before { content: '\e854'; } /* '' */
.icon-floppy:before { content: '\e855'; } /* '' */
.icon-key:before { content: '\e856'; } /* '' */
.icon-flow-tree:before { content: '\e857'; } /* '' */
.icon-traffic-cone:before { content: '\e858'; } /* '' */
.icon-spin2:before { content: '\e859'; } /* '' */
.icon-doc:before { content: '\e85a'; } /* '' */
.icon-print:before { content: '\e85b'; } /* '' */
.icon-lifebuoy:before { content: '\e85c'; } /* '' */
.icon-file:before { content: '\e85d'; } /* '' */
.icon-youtube:before { content: '\e85e'; } /* '' */
.icon-down-open-mini:before { content: '\e85f'; } /* '' */
.icon-left-open-mini:before { content: '\e860'; } /* '' */
.icon-right-open-mini:before { content: '\e861'; } /* '' */
.icon-up-open-mini:before { content: '\e862'; } /* '' */
.icon-spread:before { content: '\e863'; } /* '' */
.icon-desktop:before { content: '\e864'; } /* '' */
.icon-network:before { content: '\e865'; } /* '' */
.icon-tags:before { content: '\e866'; } /* '' */
.icon-tag:before { content: '\e867'; } /* '' */
.icon-user-add:before { content: '\e868'; } /* '' */
.icon-users:before { content: '\e869'; } /* '' */
.icon-lamp:before { content: '\e86a'; } /* '' */
.icon-signal:before { content: '\e86b'; } /* '' */
.icon-briefcase:before { content: '\e86c'; } /* '' */
.icon-hspathways:before { content: '\e86d'; } /* '' */
.icon-earlycollege:before { content: '\e86e'; } /* '' */
.icon-earlyadmission:before { content: '\e86f'; } /* '' */
.icon-contactus:before { content: '\e870'; } /* '' */
.icon-atc:before { content: '\e871'; } /* '' */
.icon-dualcredit:before { content: '\e872'; } /* '' */
.icon-lightbulb:before { content: '\e873'; } /* '' */
.icon-engr-biomedical:before { content: '\e874'; } /* '' */
.icon-attention:before { content: '\e875'; } /* '' */
.icon-engr-chemical:before { content: '\e876'; } /* '' */
.icon-engr-civil:before { content: '\e877'; } /* '' */
.icon-engr-computer:before { content: '\e878'; } /* '' */
.icon-engr-construction:before { content: '\e879'; } /* '' */
.icon-engr-electrical:before { content: '\e87a'; } /* '' */
.icon-engr-environmental:before { content: '\e87b'; } /* '' */
.icon-engr-general:before { content: '\e87c'; } /* '' */
.icon-engr-industrial:before { content: '\e87d'; } /* '' */
.icon-engr-mechanical:before { content: '\e87e'; } /* '' */
.icon-engr-petroleum:before { content: '\e87f'; } /* '' */
.icon-beaker:before { content: '\f0c3'; } /* '' */
.icon-user-md:before { content: '\f0f0'; } /* '' */
.icon-plus-squared-1:before { content: '\f0fe'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-apple:before { content: '\f179'; } /* '' */
.icon-windows:before { content: '\f17a'; } /* '' */
.icon-android:before { content: '\f17b'; } /* '' */
.icon-graduation-cap:before { content: '\f19d'; } /* '' */
.icon-file-code:before { content: '\f1c9'; } /* '' */
.icon-git:before { content: '\f1d3'; } /* '' */
.icon-binoculars:before { content: '\f1e5'; } /* '' */
.icon-cc-visa:before { content: '\f1f0'; } /* '' */
.icon-cc-mastercard:before { content: '\f1f1'; } /* '' */
.icon-cc-discover:before { content: '\f1f2'; } /* '' */
.icon-cc-amex:before { content: '\f1f3'; } /* '' */
.icon-cc-paypal:before { content: '\f1f4'; } /* '' */
.icon-cc-stripe:before { content: '\f1f5'; } /* '' */
.icon-user-secret:before { content: '\f21b'; } /* '' */
.icon-neuter:before { content: '\f22c'; } /* '' */
.icon-chrome:before { content: '\f268'; } /* '' */
.icon-firefox:before { content: '\f269'; } /* '' */
.icon-opera:before { content: '\f26a'; } /* '' */
.icon-internet-explorer:before { content: '\f26b'; } /* '' */
.icon-map-pin:before { content: '\f276'; } /* '' */
.icon-address:before { content: '\f277'; } /* '' */
.icon-edge:before { content: '\f282'; } /* '' */
.icon-bluetooth-b:before { content: '\f294'; } /* '' */
.icon-assistive-listening-systems:before { content: '\f2a2'; } /* '' */
.icon-asl-interpreting:before { content: '\f2a4'; } /* '' */
.icon-low-vision:before { content: '\f2a8'; } /* '' */
.icon-evernote:before { content: '\f333'; } /* '' */