h1 { font-weight: 800; line-height: 1em; margin-bottom: .5em; }
		  body { font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: .9rem;  }
		  
		  header { }

.navbar { padding: 0 !important; }
.navbar-light .navbar-nav .nav-link { color: #414042 !important; }
.navbar-light .navbar-nav .nav-link:hover { color: #0a80be !important; }
.nav-link { color: #414042; font-weight: 500;  }
.navbar-light .navbar-toggler-icon { background-image: none; }
.navbar-toggler { border: none; }
.navbar-toggler i { font-size: 2.5rem; }
.navbar-collapse.collapse.show { margin-bottom: 2rem; }
.navbar-brand { margin-right: 0 !important; }

#container-intro .large { font-size: 250%; color: rgba(0,0,0,.5); }
.white { color: #fff !important; }

h2 { font-weight: 300 !important; font-size: 350%; color: #0a80be !important; text-transform: uppercase; margin-bottom: .5em; }

.item { cursor:pointer; }
.bio-name { font-weight: 300 !important; font-size: 200%; color: #0a80be !important; text-transform: uppercase; }
.bio-title { font-style: italic; }
.bio-company { font-style: italic; }
.modal-body.cn .bio-title, .modal-body.cn .bio-company { font-style: normal; font-size: 90%; }
.bio-image { max-width: 200px; float: left; margin-right: 15px; margin-bottom: 15px; margin-top: 10px; }
.overlay-bio { display: none;
background-color: rgba(10, 128, 190, 0.66);
color: #fff;
position: absolute;
width: 100%;
height: 100%;
text-align: center;
padding-top: 25%; font-size: 150%; }
.hover .overlay-bio { display: block; }
.owl-item, .owl-item .item, .owl-item .item img { border: none !important; }
.modal-dialog-centered { align-items: flex-end; }

#row-innovation { text-align: center; }
#row-innovation img { width: 40%; margin: 0 auto; display: block; }
#row-innovation h3 { text-transform: uppercase;
font-weight: 300;
color: #f16e25;
font-size: 1.5rem; text-align: center;}

#container-expertise .col-md-4 { border-left: 1px solid #eee; font-size: 90%; }
#container-expertise .col-md-4.first { border: none; }

.demos .col-1 { position: relative; }
.customPrevBtn { font-size: 450%; color: #0a80be; text-align: right; position: absolute; cursor:pointer;
top: 50%;
left: 50%;
height: 30%;
width: 50%;
margin: -50% 0 0 -25%;}
.customNextBtn { font-size: 450%; color: #0a80be; text-align: left; position: absolute; cursor:pointer;
top: 50%;
left: 50%;
height: 30%;
width: 50%;
margin: -60% 0 0 -25%;}
.modal-dialog { max-width: 700px !important;} 


/*.parallax-mirror { background-color: #000; }
.parallax-slider { opacity: .95; }*/
.parallax-intro { min-height: 450px;  }
.parallax-intro p { color: #fff; font-size: 150%; }
.parallax-expertise { min-height: 280px; background: transparent; }
.parallax-leadership { min-height: 280px; background: transparent; }
.parallax-expertise .container .row { height: 280px; position: relative; }
.parallax-expertise .container h2 { position: absolute; bottom: 0; }
.overlay { position: absolute; z-index: 10000; background-color: rgba(0,0,0,.5); min-height: 450px; width: 100%; }

.modal-header { border: none !important; }

@media (min-width: 1px) { }
		  
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 768px) { .containter-about-image { display: none; } #container-expertise .col-md-4 { border: none; }
	.hd-logo { max-width: 260px !important; } .col-10 { max-width: 75%; } }

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { .animatedSiteLogo { margin-top: -40px; } }

/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { #container-animate-logo { height: 0; overflow: hidden; } }

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { .animatedSiteLogo { margin-top: -60px; } }

header { position: relative; }
header .holder { position: absolute; background-color: #fff; width: 100%; z-index: 100; }
header .container {
  position: relative;
  z-index: 2;
}


@media (pointer: coarse) and (hover: none) {
  header {
    background:#fff no-repeat center center scroll; /*url('images/D1522_17_016_0004_600.jpg')*/
  }
  header video {
    display: none;
  }
}
		  
		  footer { background-color: #596770; color: #fff; line-height: 1.5em; font-size: 80%; }
		  footer a { color: #fff; }
		  
		  .hd-logo { max-width: 300px; }