/* site-style.css */
.attachedBar {
  position: fixed !important;
  top: 61px;
  height: 58px;
  z-index: 1 !important;
  opacity: 1.0 !important;
  background: #375f75 !important;
  margin-left: -48px; }
  .attachedBar:hover {
    background: #5586A1 !important; }

.center {
  margin: 0 auto !important; }

.vertical-center {
  display: table-cell;
  vertical-align: middle; }

.center-text {
  text-align: center !important; }

.display-table {
  display: table !important; }

.gray-bg {
  background: rgba(233, 233, 233, 0.4); }

.black-text {
  color: black !important; }

.blue-text {
  color: #337ab7 !important; }

.gray-text {
  color: #2D2D2D;
  text-shadow: 0px 0px 60px white; }

.no-text-decoration {
  text-decoration: none !important; }

.top-shadow {
  -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.5); }

.uppercase {
  text-transform: uppercase !important; }

.width-60 {
  width: 60% !important; }

.ls-100 {
  margin-left: 100px; }

.ts-0 {
  margin-top: 0px;
  padding-top: 0px; }

.ts-10 {
  margin-top: 10px; }

.ts-20 {
  margin-top: 20px; }

.ts-30 {
  margin-top: 30px; }

.ts-40 {
  margin-top: 40px; }

.ts-60 {
  margin-top: 60px; }

.ts-100 {
  margin-top: 100px; }

.ts-120 {
  margin-top: 120px; }

.ts-180 {
  margin-top: 180px; }

.bs-20 {
  margin-bottom: 20px; }

.bs-50 {
  margin-bottom: 50px; }

.bs-60 {
  margin-bottom: 60px; }

.bs-80 {
  margin-bottom: 80px; }

.pt-6 {
  padding-top: 6px; }

.pt-10 {
  padding-top: 10px; }

.pt-20 {
  padding-top: 20px; }

.pt-30 {
  padding-top: 30px; }

.pt-60 {
  padding-top: 60px; }

.pt-90 {
  padding-top: 90px; }

.pt-120 {
  padding-top: 120px; }

.pt-150 {
  padding-top: 150px; }

table {
  display: table; }

tr {
  display: table-row; }

thead {
  display: table-header-group; }

tbody {
  display: table-row-group; }

tfoot {
  display: table-footer-group; }

col {
  display: table-column; }

colgroup {
  display: table-column-group; }

td,
th {
  display: table-cell; }

caption {
  display: table-caption; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: #fff !important; }

h1 {
  font-size: 90px !important;
  text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.74); }
  h1.simple {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

h2 {
  font-size: 60px !important; }
  h2.otto {
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); }

h3 {
  font-size: 50px !important; }

h4 {
  font-size: 40px !important; }

h5 {
  font-size: 30px !important; }

h6 {
  font-size: 20px !important; }


* {
  -webkit-tap-highlight-color: transparent; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  min-width: 500px; }

body {
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  background-color: #f9f9f9;
  overflow-x: hidden;
  min-width: 500px; }

div,
iframe {
  display: block; }

ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

li {
  display: list-item;
  text-align: -webkit-match-parent; }

a:-webkit-any-link {
  color: webkit-link;
  text-decoration: underline;
  cursor: auto; }
  
.career-list {
  display: inline; }
  
.career-list li {
  margin-left: 30px; }
.career-info {
  color: #888686;
  font-size: 11px;
  font-weight: bold;
}  
.career-infoX {
  color: #888686;
  font-size: 15px;
  font-weight: bold;
}
/* Accounting for all link statuses for Chrome fix */
.career-link:link {
  text-decoration: none; 
  color: black;
  font-weight: bold; 
  cursor: pointer;
 }
  
.career-link:visited {
  text-decoration: none; 
  color: black;
  font-weight: bold;  }

.career-link:hover {
  text-decoration: none;
  color: gray;
  font-weight: bold;  }
  
.main-wrapper {
  margin-left: 95px; }

.header {
  width: auto;
  height: 100px;
  padding: 46px;
  background: url(../images/logos/microvu-logo.png) 45px no-repeat; }
.title {
  width: 100%;
  height: 700px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0px 16px 76px -23px rgba(0, 0, 0, 0.75), inset 0px -16px 76px -23px rgba(0, 0, 0, 0.75); }
  .title .photo {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%; }
    .title .photo#p0 {
      left: 0px;
      background: url(../images/large/measure.jpg) center center no-repeat;
      background-size: cover; }
    .title .photo#p1 {
      left: 100%;
      background: url(../images/large/sol.jpg) center 0px no-repeat;
      background-size: cover; }
    .title .photo#p2 {
      left: 200%;
      background: url(../images/large/vertex.jpg) center center no-repeat;
      background-size: cover; }
  .title .arrow {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid white;
    color: white;
    top: 47%; }
    .title .arrow#left {
      left: 50px; }
    .title .arrow#right {
      right: 50px; }
    .title .arrow:hover {
      background: rgba(0, 0, 0, 0.9);
      cursor: pointer; }
    .title .arrow:active {
      background: #323232; }
    .title .arrow h5 {
      margin: 0px;
      padding: 8px 0px 0px 0px;
      text-align: center; }
  .title .bar {
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0px;
    background: #000; }
    .title .bar .progress {
      background: #646464;
      position: absolute;
      left: 0px;
      height: 100%;
      width: 33.4%; }

.why-microvu {
  width: 100%;
  height: auto;
  min-height: 400px;
  text-align: left;
  padding: 70px 0% 80px 0%;
  box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.36); }
  .why-microvu p {
    max-width: 700px;
    margin: 0px;
    padding: 10px 0px 0px 15%; }
  .why-microvu h4 {
    margin: 0px;
    padding: 10px 0px 0px 15%;
    color: #2D2D2D;
    text-shadow: 0px 0px 60px white; }
  .why-microvu img {
    min-width: 800px;
    margin: 0 auto;
    width: 60%;
    display: table; }

.product-divisor {
  width: 100%; }

.applications {
  height: auto;
  width: 100%;
  position: relative;
  box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, 0.6), inset 20px 0px 20px -20px rgba(0, 0, 0, 0.4); }
  .applications .arrow {
    cursor: pointer; }
  .applications .arrow:hover {
    opacity: 0.5 !important; }
  .applications .ruler {
    position: absolute;
    z-index: -1000000000;
    top: 0px;
    width: 50px;
    height: 100%;
    background: url(../images/small/ruler.png); }
    .applications .ruler#left {
      left: 0px;
      background-position: left; }
    .applications .ruler#right {
      right: 0px;
      background-position: left ;
      transform: scaleX(-1); }

.howto {
  height: auto;
  width: 100%;
  position: relative;
  box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, 0.6), inset 20px 0px 20px -20px rgba(0, 0, 0, 0.4); }
  .howto .arrow {
    cursor: pointer; }
  .howto .arrow:hover {
    opacity: 0.5 !important; }

.inspec {
  width: 100%;
  height: 800px;
  background: url(../images/large/inspec.jpg) center center;
  box-shadow: inset 0px 16px 76px -23px rgba(0, 0, 0, 0.75), inset 0px -16px 76px -23px rgba(0, 0, 0, 0.75);
  background-size: cover; }
  .inspec h1 {
    text-shadow: 0px 0px 1px black; }

.support#not-nav {
  height: auto;
  position: relative;
  padding: 70px 0px 80px 0px;
  box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.36); }

.btn-file {
  position: relative;
  overflow: hidden; }

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block; }

input[readonly] {
  background-color: white !important;
  cursor: text !important; }

#about {
  height: 400px;
  position: relative;
  box-shadow: inset 0px 16px 40px -23px black; }
  #about #bg-picture {
    width: 100%;
    height: 100%;
    z-index: -100;
    position: absolute;
    background: url(../images/large/microvu-building.jpg) center 75% no-repeat;
    background-size: cover; }
  #about #about-link:hover {
    opacity: 0.75; }
  #about #hiring {
    position: absolute;
    top: 0px;
    right: 30px; }
    #about #hiring:hover {
      transform: rotate(7deg);
      cursor: pointer; }

.footer {
  width: 100%;
  border-top: 2px solid #EFEFEF;
  box-shadow: 0 -2px 0 0 gainsboro;
  padding: 40px 0px 40px 0px;
  font-size: 12px;
  background: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  color: #000;
  text-align: center; }

.features li {
    padding-left: 1em;
    text-indent: -1em;
}

.centered-picture img {
  display: table;
  margin-right: auto;
  margin-left: auto;
}

.flex, .flex > div[class*='col-'] {  
  display: flex;
  flex:1 0 auto;
}

.panel-body li {
	margin-left:1em;
}

.panel-body img {
	display: block;
    margin-left: auto;
    margin-right: auto
}

.text-bold {
  font-weight: bold;
}
/*# sourceMappingURL=site-style.css.map */