body {
  /*font: 12px Courier New, Georgia, Helvetica, "Lucida Grande", Arial, sans-serif;*/
  font-family: Georgia, Helvetica, "Lucida Grande", Arial, sans-serif;
  background-color: #f1f1f2;
  /*background: repeating-linear-gradient(91deg, #e6e7e8, #e6e7e8 1px, #f1f1f2 1px, #f1f1f2 11px); /!* Standard syntax *!/*/
  text-rendering: optimizeLegibility;
  /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif;*/
  -webkit-font-smoothing: antialiased;
}
nav.navbar{
  display:none;
}

@media (max-width: 767px) {
  nav.navbar{
    display:block;
    background-color:#e6e7e8;
    border-bottom: none;
  }
  .navbar-brand{
    height: 40px;
    /*margin-bottom: 15px;*/
    padding-top:12px;
  }
  .navbar-header button{
    /*background-color: #ccc;*/
    /*border-color: #999;*/
  }
  .icon-bar{
    /*border-color: #000;*/
    /*background-color: #f1f1f2;*/
    background-color: #999;
    /*background-color: #ccc;*/
    /*color: #000;*/
  }
  .navbar-nav li a{
    /*padding-left: 0;*/
    color: #404041;
  }

  .navbar-nav li.active a{
    color: #D90000;
  }

  .navbar-nav li a:hover{
    padding-left: 0;
    color: #D90000;
    /*color: #00B7FF;*/
    background-color: inherit;
  }

  ul.navbar-nav li.divider {
    margin-top:10px;
    margin-left:15px;
    margin-right:15px;
    border-top: 1px solid #aaa;
  }

  li.navDisabled {
    margin-left:15px;
    margin-right:15px;
  }

  ul.navbar-nav {
    padding-bottom: 10px;
  }

}

li.navDisabled, li.navDisabled span {
  color: #999;
}

.sidebar {
  display: none;
}

.main {
  padding: 20px;
  top: 40px;
}

@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #e6e7e8;
    border-right: 1px solid #eee;
  }

  .main {
    padding-right: 40px;
    padding-left: 40px;
    top: 80px;
  }
  /*.main .page-header {*/
  /*margin-top: 0;*/
  /*}*/

  .navbar-brand{
    height: 100px;
    margin-bottom: 20px;
  }

  .navbar-container{
    margin-top: 120px;
  }

}

.nav-social{
  margin-top: 20px;
  border-top: 2px solid #aaa;
  padding-top: 10px;
}

.nav-sidebar li a{
  padding-left: 0;
  color: #404041;
}

.nav-sidebar li.active a{
  color: #D90000;
}

.nav-sidebar li a:hover{
  padding-left: 0;
  color: #D90000;
  /*color: #00B7FF;*/
  background-color: inherit;
}

.main h1 span{
  color: #D90000;
}

/*.main h2 {*/
  /*font-style: italic;*/
  /*font-weight: lighter;*/
  /*color: #999;*/
/*}*/

.main h2 {
  margin-top: 50px;
}

.main h3 {
  margin-top: 50px;
}

.main p.tagDesc {

  font-style: italic;
  font-weight: lighter;
  color: #999;
}

.moeHighlight {
  color: #D90000;
}

.moeSecHighlight {
  color: #D90000;
  margin-bottom: 20px;
}

h2 span.glyphicon {
  font-size: 20px;
}

h2 a:hover span.glyphicon {
  color: #D90000;
}

.workDesc {
  padding-left: 10px;
  padding-bottom: 10px;
  border-left: #eee solid 5px;
}

.workDesc h2 {
  padding-top:10px
}

.workDesc p, dl {
  color:#666;
}

.carousel {
  margin-bottom: 20px;
  margin-top: 40px;
}
/* Sticky footer styles
-------------------------------------------------- */
/*html {*/
  /*position: relative;*/
  /*min-height: 100%;*/
/*}*/
/*body {*/
  /*/!* Margin bottom by footer height *!/*/
  /*margin-bottom: 60px;*/
/*}*/
.footer {
  position: absolute;
  bottom: 0;
  /*width: 120;*/
  /* Set the fixed height of the footer here */
  height: 40px;
  /*background-color: #f5f5f5;*/
  font-size: 7pt;
  font-weight: lighter;
  text-align: center;
  margin-right: 20px;
}


.marginRemoveExp:first-child{
  /*padding: 0;*/
  margin-top:0;
  margin-bottom: 0;
  font-weight: bold;
}

.marginRemoveExp:nth-child(3){
  /*padding: 0;*/
  margin-top:0;
  margin-bottom: 0;
  color:#999;
  font-style: italic;
}

.marginRemoveExp{
  /*padding: 0;*/
  margin-top:0;
  margin-bottom: 0;
}

.marginRemove:first-child{
  /*padding: 0;*/
  margin-top:0;
  margin-bottom: 0;
  font-weight: bold;
}

.marginRemove:nth-child(2){
  /*padding: 0;*/
  margin-top:0;
  margin-bottom: 0;
  color:#999;
  font-style: italic;
}

.marginRemove{
  /*padding: 0;*/
  margin-top:0;
  margin-bottom: 0;
}

.listGroup{
  margin-top: 5px;
  margin-bottom: 0;
}

.noEm{
  font-weight: normal;
}

.titleSubEm {
  color:#999;
  font-style: italic;
}

.workDesc .titleSubEm {
  margin-top: 10px;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  dl.dl-horizontal dt {
    width: 100px;
  }

  dl.dl-horizontal dd {
    margin-left: 120px;
  }

  .moeSecHighlight {
    color: #D90000;
    margin-left: 120px;
  }

}

.bgImage {
  position: relative;
  height: 300px;
  overflow:hidden;
  /*clear: both;*/
}

.bgImage img{
  /*clip-path: polygon(5% 5%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);*/
  /*position: absolute;*/
  position: absolute;
  /*width: 100%;*/
  top:-800px;
  /*clip-path: ellipse(60px 40px at 75px 30px);*/
  /*width: 100%;*/
  /*clear: both;*/
  /*background-size:cover;*/
  /*background-position: center;*/
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  z-index: -1000;
}


.modal-backdrop {
  background-color: white;
}

.modal.and.carousel {
  position: absolute; // Needed because the carousel overrides the position property
}

.myCarousel img, .myCarousel div{
  border: none;
  background-color: inherit;
  padding:0;
  margin-bottom:0;
}

.myCarousel {
  margin-bottom: 20px;
}
/*.subText{*/
  /*color:#999;*/
  /*font-style: italic;*/
/*}*/

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

/*.container {*/
  /*width: auto;*/
  /*max-width: 680px;*/
  /*padding: 0 15px;*/
/*/!*}*!/*/
/*.footer .text-muted {*/
  /*margin: 0 auto;*/
/*}*/

/* Vis Element CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.main {
  /*background: repeating-radial-gradient(circle closest-side, #e6e7e8 20px, #f1f1f2 30px); /!* Standard syntax *!/*/
  /*background: repeating-linear-gradient(90deg, #e6e7e8, #e6e7e8 2px, #f1f1f2 2px, #f1f1f2 8px); /!* Standard syntax *!/*/
}

.main h5.keywordList {
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 20px;
  /*border-bottom: 1px solid #D90000;*/
  /*border-bottom: 1px solid #999;*/
}

#visContainer{

  /*background-color: #dca7a7;*/
  background-color: #eeeeee;
  height: 300px;
  width: 100%;
  padding-left: 0;
  /*background: -webkit-radial-gradient(circle closest-side, #e6e7e8, #f1f1f2 50px); /!* Safari 5.1 to 6.0 *!/*/
  /*background: -o-radial-gradient(circle closest-side, #e6e7e8, #f1f1f2 50px); /!* For Opera 11.6 to 12.0 *!/*/
  /*background: -moz-radial-gradient(circle closest-side, #e6e7e8, #f1f1f2 50px); /!* For Firefox 3.6 to 15 *!/*/
  /*background: repeating-radial-gradient(circle closest-side, #e6e7e8 2px, #f1f1f2 10px); /!* Standard syntax *!/*/
}
/*@media (min-width: 768px) {*/
@media (min-width: 400px) {
  #visContainer{
    /*border-top: 1px solid #ddd;*/
    /*background-color: #dca7a7;*/
    /*background-color: #eeeeee;*/
    height: 500px;
    width: 100%;
    padding-left: 0;
    /*background: -webkit-radial-gradient(circle closest-side, #e6e7e8, #f1f1f2 50px); /!* Safari 5.1 to 6.0 *!/*/
    /*background: -o-radial-gradient(circle closest-side, #e6e7e8, #f1f1f2 50px); /!* For Opera 11.6 to 12.0 *!/*/
    /*background: -moz-radial-gradient(circle closest-side, #e6e7e8, #f1f1f2 50px); /!* For Firefox 3.6 to 15 *!/*/
    /*background: repeating-radial-gradient(circle closest-side, #e6e7e8 2px, #f1f1f2 10px); /!* Standard syntax *!/*/
  }
}

circle{
  /*stroke: #fff;*/
  stroke-width: 1.5px;
  fill: #eee;
  /*stroke: #d90000;*/
}

.link {
  stroke: #999;
  stroke-opacity: .6;
}


#visContainerWork{

  /*background-color: #dca7a7;*/
  background-color: #eeeeee;
  height: 250px;
  width: 100%;
  padding-left: 0;
  /*background: -webkit-radial-gradient(circle closest-side, #e6e7e8, #f1f1f2 50px); /!* Safari 5.1 to 6.0 *!/*/
  /*background: -o-radial-gradient(circle closest-side, #e6e7e8, #f1f1f2 50px); /!* For Opera 11.6 to 12.0 *!/*/
  /*background: -moz-radial-gradient(circle closest-side, #e6e7e8, #f1f1f2 50px); /!* For Firefox 3.6 to 15 *!/*/
  /*background: repeating-radial-gradient(circle closest-side, #e6e7e8 2px, #f1f1f2 10px); /!* Standard syntax *!/*/
}

span.clearThis {
  float: left;
}
.workVis ul li{
  color: #999;
  font-style: italic;
}

h2.workProjHeader {
  margin-top: 10px;
}

h2.workProjHeader span.label {
  font-size: 8pt;
  font-weight: lighter;
  margin-left: 2px;
}


ul.backButton {
  /*background-color: #404041;*/
  background-color: #666;
  color: #f1f1f2;
}

text.hint{
  fill:#999;
  font-size: 8pt;
  font-style: italic;
}

a:link {
  text-decoration: none;
}

/* 3D stuff Temp */
canvas { width: 100%; height: 100% }


/* **************************** */
/* Layer for animation tutorial */
/* **************************** */

.layer {
  display: block;
  position: fixed;
  top:0;
  left:0;
  width: 100%;;
  height: 100%;
  /*z-index: 100000;*/
  background-color: rgba(0,0,0,0.5);
}

.clipLayer {
  display: block;
  position: fixed;
  top: 300px;
  left: 200px;
  width: 100%;;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
  /*z-index: 100001;*/
  background-blend-mode: exclusion;
  /*-webkit-clip-path: circle(59.0% at 46% 37%);*/
  /*clip-path: circle(59.0% at 46% 37%);*/
  -webkit-background-clip: content-box;
}

/*.clipboard, .shadowboard {*/
  /*position: absolute;*/
  /*top: 10px;*/
  /*left: 10px;*/
  /*right: 10px;*/
  /*bottom: 10px;*/
  /*background-color: #d3d0c9;*/
  /*background-image: url(pics/pittsburgh.jpg);*/
  /*background-size: cover;*/
  /*background-position: center center*/
/*}*/

/*.shadowboard {*/
  /*pointer-events: none;*/
  /*opacity: 0;*/
  /*-webkit-transition: opacity .375s;*/
  /*transition: opacity .375s*/
/*}*/

.tut{
  z-index: 100000;
  width:100%;
  height: 120px;
  display: block;
  font-size: 100px;
  text-align: center;
  color: #f1f1f2;
}

.customCursor {
  cursor: url(../images/general/mouse-device-left-double-click-512.png), auto;
}