@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');



body {
	overflow-x:hidden;
	font-family: 'Open Sans', sans-serif;
	color: #00407c;
	font-weight: 300!important;
	
}

.cover {
    object-fit: cover;
}

.theme{
	color: #00407c;	!important;
	
}

.theme:hover,active,visited a{
      text-decoration: none;
}

.fixtop {
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
}

/****************************
Start of FrontPage banner css
*****************************/

fpbanner {
	padding: 2em 0;
	font-weight: 700;
	font-size: 2rem;
}
fpsubbanner {
	padding: 2em 0;
	font-weight: 300;
	font-size: 1rem;
}


.tcb-bs-fullscreen{
    height: 700px ;
    .carousel, 
    .item,
    .active {
        height: 100%  ;
    }
    .fpcarousel-inner {
        height: 100%  ;
    }
}

.fpcarousel-bg {
    .fpcarousel-inner {
        .item {
            background-color: darkslategrey  ;
            background-size: cover  ;
            background-position: center ;
            min-height: 700px ;
        }
    }
}



/****************************
End of FrontPage banner css
*****************************/


.hr {
  display: block;
  flex: 1;
  margin: 0 30px;
  height: 1px;
  background: #00407c;
}

.headings {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 2em 0;
}
.title {
  margin: 0;
}

.homeimage {
    height: 300px;
    background-position: center;
    background-size: cover;
}

/*--- Navigation --*/

.navbar {
	text-transform: capitalize;
	font-weight: 300;
	font-size: .9rem;
	letter-spacing: 0rem;
	background: rgba(256,256,256,1)!important;
	padding: 0rem 0rem 0rem 0.5rem;
}

.navbar-brand img {
	height: 2.5rem;
}

.navbar-nav li {
	padding-right: 0rem;
}

.navbar-dark, .navbar-nav, .nav-link {
	color: #00407c;
	padding-top: .8rem;
}

.navbar-dark, .navbar-nav, .nav-link.active,
.navbar-dark, .navbar-nav, .nav-link:hover {
	color: #cccccc;
}

.fa-bars {
  color: #00407c;
  font-size: 1.6rem;
}

.navbar .nav-item:not(:last-child) {
  margin-right: 35px;
}
 
.dropdown-toggle::after {
  transition: transform 0.15s linear; 
}
 
.show.dropdown .dropdown-toggle::after {
  transform: translateY(3px);
}

.dropdown-menu {
  margin-top: 0px;
  padding-top:17px;
  border: none;
  font-size: .9rem;
  border-radius: .1rem;
}

.dropdown-menu a{
    height: 35px;
    padding-top: 5px;
	font-weight: 300;
}

.dropdown-item {
    color: #00407c;
}
.overviewbanner {
	font-weight: 700!important;
}

/*--- Landing Page --*/
.home-bg {
	background-image: url(img/background/frontpage-07.jpg);
}

.home2-bg {
	background-image: url(img/background/frontpage-02.jpg);
}

.home3-bg {
	background-image: url(img/background/frontpage-03.jpg);
}

.about-bg {
	background-image: url(img/about/about-carlberk/banner.jpg);
}

.careers-bg {
	background-image: url(img/about/about-team/banner.jpg);
}

.news-bg {
	background-image: url(img/about/about-carlberk/banner.jpg);
}


.service-bg {
	background-image: url(img/service/overview-banner.jpg);
}

.fa-bg {
	background-image: url(img/service/FA/fa-banner.jpg);
}

.characterization-bg {
	background-image: url(img/service/characterization/characterization-banner.jpg);
}

.quality-bg {
	background-image: url(img/service/quality-evaluation/quality-banner.jpg);
}

.audit-bg {
	background-image: url(img/service/audit/audit-banner.jpg);
}





.expertise-bg {
	background-image: url(img/about/about-carlberk/banner.jpg);
}

.LIB-bg {
	background-image: url(img/expertise/battery/battery-banner.jpg);
}

.metal-bg {
	background-image: url(img/expertise/metal/metal-banner.jpg);
}

.polymer-bg {
	background-image: url(img/expertise/polymer/polymer-banner.jpg);
}

.pcb-bg {
	background-image: url(img/expertise/pcb/pcb-banner.jpg);
}

.techniques-bg {
	background-image: url(img/techniques/technique-overview-banner.jpg);
}

.FIB-bg {
	background-image: url(img/techniques/fibsem/banner.jpg);
}

.polisher-bg {
	background-image: url(img/techniques/crosssection-polisher/ion-milling-banner.jpg);
}

.gcms-bg {
	background-image: url(img/techniques/py-gcms/pygcms-banner.jpg);
}

.mechanical-bg {
	background-image: url(img/techniques/insitu-mechanical-dma/dma-banner.jpg);
}

.lc-bg {
	background-image: url(img/techniques/lc/lc-banner.jpg);
}

.ct-bg {
	background-image: url(img/techniques/ct/ct-banner.jpg);
}


#leadership {
	padding-top: 120px;
    margin-top: -50px;
}


.caption {
	width: 100%;
	max-width: 100%;
	position: absolute;
	top: 30%;
	z-index: 1;
	color: white;

}
.caption h1{
	font-size: 3rem;  /*--- was 3.8 --*/
	font-weight: 700;
	letter-spacing: .1rem;  /*--- was 3.8 --*/
	text-shadow: .1rem .1rem .8rem black;
	padding-bottom: 1rem;
	padding-left: 1.5rem;
}
.caption h3{
	font-size: 1.2rem; /*--- was 1.8 --*/
	font-weight: 300;
	text-shadow: .1rem .1rem .5rem black;
	padding-bottom:1rem;
	padding-left: 1.5rem;
}

.btn-lg {
	border-width: medium;
	border-radius: 0;
	padding: .6rem 1.3rem;
	font-size: 1.1rem;
}


/*--- About Us --*/


.frontpage_logo {
	width: 100%;
}



#footer {
	background: #001726;
}

.copyright, .contact {
	font-size: .9rem;
	color: #ffffff;
}

#team .row .col-md-4 .name {
	font-size: 1.2rem;
	font-weight: 700;
}

#team .row .col-md-4 .title {
	font-size: 1rem;
	font-weight: 400;
	color: #555;
}


#advisory .container .row .advisoryname {
	font-size: 1rem;
	font-weight: 700;
}

#advisory .container .row .advisorytitle {
	font-size: 0.8rem;
	font-weight: 400;
	color: #555;
}

#advisory .container .row .advisorydescription {
	font-size: 0.8rem;
	font-weight: 400;
	color: #00407c;

}


.hovereff {
	opacity: 1.0;
	overflow:hidden;
	-webkit-transition:all .1s ease-out;
	transition:all .1s ease-out
}

.hovereff:hover {
	opacity: 1.0;
	-ms-transform:scale(1.02);
	-webkit-transform:scale(1.02);
	transform:scale(1.02);
}


.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0.3;
background-color:rgba(0,0,0,1);
-webkit-transition:all .1s ease-out;
transition:all .1s ease-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .15s ease-out;
transition:all .15s ease-out;
}


.hovereffect:hover img {
-ms-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1);
}

.hovereffect:hover .overlay {
opacity:0;
filter:alpha(opacity=100);
}




@media (min-width: 576px) {
	fpbanner{font-size: 2rem;}
	fpsubbanner{font-size: 1rem;}
	.caption {top: 45%;}
}

@media (min-width: 768px) {
	fpbanner{font-size: 2.4rem;}
	fpsubbanner{font-size: 1.2em;}
	.caption {top: 40%;}
	.navbar-brand img {height: 4rem;}
	.navbar {padding: 0.5rem 1rem 0.5rem 1rem;}
}

@media (min-width: 992px) {
	fpbanner{font-size: 3rem;}
	fpsubbanner{font-size: 1.2rem;}
	.caption {top: 40%;}
}

@media (min-width: 1400px) {
	fpbanner{font-size: 3rem;}
	fpsubbanner{font-size: 1.2rem;}
	.caption {top: 55%;}
}




/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/