@charset "utf-8";
/* CSS Document */
html {
	font-size: 10px;
}
@media(min-width:768px){
	html {
	font-size: 10px;
}	
}
body {
	font-family: 'Raleway', sans-serif;
	font-size: 1.2rem;
	background-color: #f6f7f8;
}
.wrapper {
	/*height: 3000px;*/
}
#page_top_button{
	position:fixed;
	bottom:100px;
	right:20px;
	display:none;
	z-index:5005;	
}
.anchor {
    display: block;
    position: relative;
    top: -9.5rem;
    visibility: hidden;
}
.nav-scroll {
	position: static;
}

.nav-link {
	text-transform: uppercase;
}
/* remove padding from container */
.container-fluid.full-width {
	padding-left: 0;
	padding-right: 0;
	overflow-x: hidden;
}
.carousel-control-prev,
.carousel-control-next{
	width:9%;	
}
.carousel-caption {
	text-align: left;
	font-size: 2rem;
	height: 100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding-top:10rem;
}
.carousel-caption-block-text {
	min-height: 12rem;
}
.carousel-indicators li {
	border-radius: 9px;
	width: 18px;
	height: 18px;
	background-color: transparent;
	border: 1px solid #fff;
	margin: 0 1rem;
}
.carousel-image, .main-hero-panel{
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	padding-bottom:128%;
}
.main-hero-panel > .main-hero-panel-content{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding-top:15rem;
	padding-bottom:20px;
}
#slide1{
	background-image:url(../images/slide1_768.jpg);	
}
#slide2{
	background-image:url(../images/slide2_768.jpg);	
}

	.center-text-mobile{
		text-align:center;	
	}
@media(min-width:768px){
	.carousel-image, .main-hero-panel{
	padding-bottom:100%;
	}
}
@media(min-width:992px){
	.carousel-image,.main-hero-panel{
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	padding-bottom:43.4375%;
}
#slide1{
	background-image:url(../images/slide1.jpg);	
}	
	#slide2{
	background-image:url(../images/slide2.jpg);	
}	
	
	.center-text-mobile{
		text-align:left;	
	}
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
}
h1 {
	font-weight: 100;
	color: #ff5722;
	font-size: 7.4rem;
}
h2 {
	font-weight: 300;
	font-size: 2.4rem;
	color: #253746;
}
h3 {
	font-weight: 100;
	color: #ff5722;
	font-size: 5.6rem;
	margin:0 0 4rem 0;
}
h4 {
	font-weight: 100;
	color: #253746;
	font-size: 2.2rem;
	margin:0 0 4rem 0;
}
h5{
	font-weight:700;
	color:#253746;
	font-size:1.8rem;
}
.btn {
	border-radius: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 1.6rem;
	text-transform: uppercase;
}
#sales-bar {
	height: 40px;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.navbar-toggler {
	border: none;
	outline: none;
}


/* headroom controls the look of the top and side navigation */
/* styles for sm-lg sizes. xs and xl get set with media queries */
.headroom {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1500;
	will-change: transform;
	-webkit-transition: transform 200ms linear;
	transition: transform 200ms linear;
}
.headroom--not-top #sales-bar, .headroom--not-top.headroom--pinned #sales-bar, .headroom--unpinned #sales-bar {
	height: 0;
}
.headroom--not-top .navbar-collapse {
	top: 0;
}
.headroom--top .navbar {
	background-color: transparent;
}
.headroom--top .navbar .navbar-translate {
	align-items: flex-start;
}
.headroom--top .navbar-brand {
	padding-top: 2rem;
}
.headroom--top .navbar-toggler {
	margin-top: 1rem;
}
.headroom--top .spectrolab-logo {
	width: 210px;
	height: 41px;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	width:3.2rem;
	height:3.2rem;
}
.headroom--top .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.headroom--not-top .navbar {
	background-color: #fff;
}
.headroom--not-top .navbar .logo-white {
	display: none;
}
.headroom--top .navbar .logo-blue {
	display: none;
}
/* end headroom styles */


/* navbar and dropdown menus */
.navbar {
	font-family: 'Roboto', sans-serif;
	font-size: 1.4rem;
	background-color: transparent;
	
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
	
	padding-left: 4rem;
	background:none;
}
/*
.dropdown-toggle:after {
	font-family: 'Material-Design-Iconic-Font';
	content: '\f2f9';
	border: none;
	vertical-align: inherit;
	margin-left: 4px;
	position: absolute;
}
*/
.dropdown-toggle:after {
	content: '';
	border: none;
}
.navbar .dropdown-static {
	position: static;
}
.dropdown-menu{
	border-radius:0;
	border:none;
	padding:0;
}
.dropdown-menu.full-width-dropdown {
	min-width: auto;
	width: 100%;
	height: auto;
	border-radius: 0;
	border-width: 0px;
	margin-top: -1px;
	padding: 2rem 0 1.5rem 0;
	max-height: 50vh;
	overflow: auto;
}
.dropdown-menu-gray {
	position: absolute;
	background-color: #f7f8f8;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 65px;
	z-index: -1;
}
.header-info-box {
	font-family: 'Roboto', sans-serif;
	background-color: rgba(0,0,0,0.28);
	color: rgba(255,255,255,0.50);
}
.header-info-box div {
	padding: 1rem 2rem;
}
.header-info-box a {
	font-size: 1.2rem;
	padding: 0;
	text-decoration: none;
	color: rgba(255,255,255,0.50);
}
.header-info-box a:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);
}
.header-info-box a > i {
	margin-right: 5px;
}
.spectrolab-logo {
	width: 150px;
	height: 30px;
}
.no-wrap {
	flex-wrap: nowrap;
}
.dropdown-toggle{
	position:relative;	
}

/* custom flexbox classes for the menus because IE had trouble with nested flexboxes */
.flexbox-container {
	display: flex;
	justify-content: center;
}
.flexbox {
	display: flex;
}
.flex-menu-holder {
	flex: 0 1 auto;
	max-width: 1600px;
	width: 100%;
}
.flexbox-container {
	display: flex;
	justify-content: center;
}
.flexbox2 {
	flex: 0 1 auto;
	max-width: 1200px;
	width: 100%;
}
.flexbox {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.flex-item {
	flex: 1 1 0%;
	padding: 8px;
}
.menu-row {
	padding: 0 0 3rem 0;
	margin: 0 -8px;
}
.menu-item {
	flex: 1 1 0%;
	text-align: center;
	padding: 8px;
}
.menu-item-label{
	color: #2196f3;
	font-family: 'Roboto', sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	margin: 1rem 0;
}
.menu-item-link {
	text-decoration: none;
	display: block;
}
.menu-item-link:hover {
	text-decoration: none;
}
.menu-item-link:hover .menu-item-label {
	color: #253746;
}
.dropdown-item {
	
}
.navbar-collapse {
	flex-basis: 100%;
	flex-grow: 1;
	align-items: center
}
.navbar-expand-lg .navbar-collapse, .navbar-expand-xl .navbar-collapse {
	display: flex;
	flex-basis: auto;
}
.dropdown-item{
	font-family: 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	padding: 1rem 1.5rem;
	color: #363f40;
}
.btn-orange, .btn-orange:focus{
	background-color:#ff5722;
	border-color:#ff5722;
	color:#fff;
	box-shadow:none;
}
.btn-orange:hover:not([disabled]){
	background-color:#fff;
	color:#ff5722;
}
.btn-title {
	margin-top: -10px;
}

.btn-blue, .btn-blue:focus{
	background-color:#009BDF;
	border-color:#009BDF;
	color:#fff;
	box-shadow:none;
}
.btn-blue:hover:not([disabled]){
	background-color:#fff;
	color:#009BDF;
}

.btn-link{
	padding:0;	
}
/* end menu styles */

/* stuck menu */
#stuck-left.is_stuck, #stuck-left.on_bottom{
	width: 100%;	
}
.is_stuck{
	position:relative;
	height:auto;
	/*overflow-y:auto;*/
}
.on_bottom{	
	position:absolute;
	height:auto;
	bottom:0;	
}
#stuck-container{
	position:relative;	
}
.left-side-nav-scroll{
	/*min-height:10rem;*/
	max-height:calc(70vh - 300px);
	overflow:hidden;
}

.left-side-nav{
	list-style: none;
	margin:0;
	padding:0;
	/*max-height:70vh;*/
}

.left-side-nav h2{
	font-weight:700;
	color:#000;
	font-size:1.8rem;
	margin:4rem 1.25rem 1rem 1.25rem;
}
.left-side-nav li{
	border-bottom:1px solid #e0e0e0;
}
.left-side-nav li:first-child{
	border-top:1px solid #e0e0e0;
}
.left-side-nav li a{
	padding:1rem 1.25rem;
	display:block;
	text-decoration:none;
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-size: 1.6rem;
	line-height:2.2rem;
	font-weight: 400;
}
.left-side-nav li a:hover{
	background-color:#f8f9fa;	
}
.left-side-nav p{
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight: 300;
	margin:2.75rem 0;
}
@media(min-width:992px){
	#stuck-left.is_stuck{
	width: calc(25% - 35px);	
}
#stuck-left.on_bottom{
	width: calc(100% - 30px);	
}
	.is_stuck{
		position:fixed;
		top:9.5rem;
	  z-index:100;
	}	
}
@media (min-width: 1200px) {
	#stuck-left.is_stuck{
	width: calc(16.666667% - 35px);	
}
  .is_stuck{
		position:fixed;
		top:9.5rem;
	  z-index:100;
	}
	
	.btn{
		white-space: nowrap;	
	}
}
/* /stuck menu */


/* xl styling */
@media(min-width:1200px) {
	.headroom--not-top {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	}
	.headroom--not-top .navbar {
		background-color: #fff;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.headroom--top {
	}
	.headroom--not-top #sales-bar, .headroom--not-top.headroom--pinned #sales-bar, .headroom--unpinned #sales-bar {
		height: 0;
	}
	.headroom--top .navbar {
		background-color: transparent;
	}
	.headroom--top .navbar .logo-white {
		display: block;
	}
	.headroom--top .navbar .logo-blue {
		display: none;
	}
	.headroom--top .navbar.navbar-light .navbar-nav .show > .nav-link,  .headroom--top .navbar.navbar-light .navbar-nav .nav-link, .headroom--top .navbar.navbar-light .navbar-nav .active > .nav-link, .headroom--top .navbar.navbar-light .navbar-nav .nav-link.show, .headroom--top .navbar.navbar-light .navbar-nav .nav-link.active {
		color: rgba(255, 255, 255, 0.9);
	}
	.headroom--top .navbar.navbar-light .navbar-nav .show > .nav-link:hover,  .headroom--top .navbar.navbar-light .navbar-nav .nav-link:hover, .headroom--top .navbar.navbar-light .navbar-nav .active > .nav-link:hover, .headroom--top .navbar.navbar-light .navbar-nav .nav-link:hover.show, .headroom--top .navbar.navbar-light .navbar-nav .nav-link:hover.active {
		color: rgba(255, 255, 255, 1);
	}
	.headroom--not-top.headroom--pinned {
	/* transform: translateY(-60px);*/
	}
	.headroom--unpinned {
		/*transform: translateY(-60px);*/
		box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);/*background-color:#fff;*/
	}
	.spectrolab-logo {
		width: 210px;
		height: 41px;
	}
	.navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-xl .navbar-nav .nav-link {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.navbar {
		padding-top: 1.8rem;
		padding-right: 2rem;
		padding-left: 4rem;
		padding-bottom:1.8rem;
	}
	.header-info-box {
		padding-right: 2rem;
		padding-left: 4rem;
	}
	.triangle-pointer{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 20px 15px;
	border-color: transparent transparent #ffffff transparent;	
	position:absolute;
	margin-left:-15px;
	margin-top:1.8rem;
	top:100%;
	left:50%;
	display:none;
}
.dropdown.show .triangle-pointer{
	display:block;	
}
	.dropdown-menu.main-dropdown > .triangle-pointer{
		top:-3.6rem;
		display:block;
	}
	.dropdown-menu.main-dropdown{
		margin-top:3.6rem;	
		border-radius:0;
		border:none;
		min-width:100%;
		box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	}
	
	.headroom--not-top .dropdown-menu.main-dropdown{
		margin-top:1.8rem;
		z-index:-1;
	}
	.headroom--not-top .dropdown-menu.main-dropdown > .triangle-pointer{
		display:none;
	}
	
}

.highlight .sm-learn-more{
	display:none;
}
.highlight .sm-bttn-spacer{
	padding-bottom:0;
}

/* flyout menu styles for lg and smaller */
@media (max-width:1199px) {
	[class*=navbar-expand-]>.container, [class*=navbar-expand-]>.container-fluid {
		padding-left: 15px;
		padding-right: 15px
	}
	.navbar .navbar-collapse .navbar-nav>li.button-container {
		padding: 15px
	}
	#navbarCollapse{
		display:block;
		height:100vh!important;	
	}
	.navbar-collapse{
		position: fixed;
		display: block;
		top: 40px;
		height: 100vh;
		width: 360px;
		right: 0;
		margin-right: 0!important;
		z-index: 1032;
		visibility: visible;
		overflow-y: auto;
		border-top: none;
		text-align: left;
		padding-right: 0;
		padding-left: 0;
		max-height: none!important;
		-webkit-transform: translate3d(360px, 0, 0);
		transform: translate3d(360px, 0, 0);
		-webkit-transition: all .5s cubic-bezier(.685, .0473, .346, 1);
		transition: all .5s cubic-bezier(.685, .0473, .346, 1);
		background-color: #fff;
	}
	.navbar-closer {
		padding: 4rem 15px;
		width: 100%;
		text-align: left;
	}
	.navbar-expand-lg .navbar-collapse, .navbar-expand-xl .navbar-collapse {
		display: block;
	}
	.navbar-collapse .dropdown-toggle:after {
		position: absolute;
		right: 16px;
	}
	.navbar-collapse .navbar-nav {
		position: relative;
		z-index: 3
	}
	.navbar-collapse .navbar-nav .nav-item .nav-link {
		color: #3c4858;
		margin: 5px 15px
	}
	.navbar-collapse .navbar-nav .nav-item.button-container .nav-link {
		margin: 15px
	}
	.navbar-collapse .navbar-nav .nav-item:after {
		width: 100%;
		content: "";
		display: block;
		height: 1px;
		margin-left: 0;
		background-color: #d7d8da;
	}
	.navbar-collapse .navbar-nav .nav-item:last-child:after {
		display: none
	}
	.nav-open .navbar-collapse {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	.nav-open .navbar-translate {
	/*-webkit-transform: translate3d(-360px, 0, 0);
		transform: translate3d(-360px, 0, 0)*/
	}
	.navbar .navbar-translate {
		width: 100%;
		position: relative;
		display: flex;
		-ms-flex-pack: justify!important;
		justify-content: space-between!important;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transition: transform 200ms cubic-bezier(.685, .0473, .346, 1);
		transition: transform 200ms cubic-bezier(.685, .0473, .346, 1);
	}
	.navbar .dropdown.show .dropdown-menu {
		display: block
	}
	.navbar .dropdown .dropdown-menu {
		display: none
	}
	.navbar .dropdown .dropdown-menu .col {
		flex-basis: auto;
	}
	.navbar .dropdown-menu .dropdown-item {
	/*
		margin-left: 1.5rem;
		margin-right: 1.5rem
		*/
	}
	.navbar .dropdown .dropdown-menu, .navbar .dropdown.show .dropdown-menu {
		background-color: #edf3fa;
		border-top: 1px solid #d7d8da;
		/*padding-bottom: 15px;*/
		transition: none;
		box-shadow: none;
		transform: none!important;
		width: auto;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom:0;
		animation: none;
		opacity: 1;/*overflow-y: scroll*/
	}
	.navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon {
		background-color: #fff
	}
	.flexbox.menu-row {
		display: block;
		padding-bottom: 0;
		margin:0 -15px;
	}
	.menu-item {
		text-align: left;
		padding: 0;
	}
	.menu-item-link{
		padding:1rem 1.5rem;	
	}
	.menu-item-link:hover{
	background-color:#f8f9fa;	
	}
	.menu-item-link > img {
		display: none;
	}
	.menu-item-label {
		color: #363f40;
		font-size: 1.4rem;
		font-weight: 400;
		margin:0;
	}
	#bodyClick {
		height: 100%;
		width: 100%;
		position: fixed;
		opacity: 0;
		top: 0;
		left: auto;
		right: 360px;
		content: "";
		z-index: 1029;
		overflow-x: hidden
	}
	#navbar .navbar-collapse, #navigation .navbar-collapse {
		display: none!important
	}
	.highlight .sm-learn-more{
		position:absolute;
		bottom:3rem;
		left:0;
		right:0;
		display:block;
	}
	.highlight .sm-bttn-spacer{
		padding-bottom:6rem;
	}
}

/* xs styles */
@media (max-width:575px) {
	h1 {
	font-size: 4rem;
}
	.navbar, .headroom--top.headroom--pinned .navbar, .headroom .navbar {
		padding-left: 1rem;
		padding-right: 1rem;
		background-color:transparent;
		-webkit-transition: none!important;
		transition: none!important;
		visibility: visible;
	}
	.headroom--not-top .navbar, .headroom--not-top.headroom--pinned .navbar, .headroom--unpinned .navbar{
		background-color: #fff;
	}
	.headroom--top .navbar .navbar-translate {
		align-items: center;
	}
	.navbar-brand {
		padding-top: 1rem!important;
		padding-bottom: 1rem!important;
	}
	.headroom--top .navbar-toggler {
		margin-top: 0;
	}
	.spectrolab-logo, .headroom--top .spectrolab-logo {
		width: 125px;
		height: 25px;
	}
	.navbar-collapse {
		top: 0;
		width: 230px;
		-webkit-transform: translate3d(230px, 0, 0);
		transform: translate3d(230px, 0, 0);
	}
	.nav-open .navbar-translate {
	/*
		-webkit-transform: translate3d(-230px, 0, 0);
		transform: translate3d(-230px, 0, 0)
			*/
	}
	#bodyClick {
		right: 230px;
	}
	.main-hero-panel > .main-hero-panel-content, .carousel-caption {
		padding-top:8rem;	
	}
}
.btn{
		white-space: normal;	
	}
.bg-gray-md{
	background-color:#e9ebed;	
}
.bg-gray-lt{
	background-color:#f4f5f6;
}
.bg-white{
	background-color:#fff;	
}
.highlight, .highlight-2col{
	position:relative;
	padding:3rem 15px 3rem 15px;
	text-align:center;
}
.highlight h2{
	font-size:3.2rem;
	margin:2rem 0;
}
.highlight p{
	font-size:1.6rem;
	margin-bottom:2rem;
}
.highlight-2col h2{
	font-size:3.6rem;
	margin:2rem 0;
}
.highlight-2col p{
	font-size:1.8rem;
	margin-bottom:2rem;
}
.highlight-text{
	min-height:10rem;	
}

.highlight:hover > .overstate{
	
	display:flex;
}
.highlight > .overstate{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-position:top center;
	background-size:contain;
	background-repeat:no-repeat;
	display:none;
	padding:3rem 1.5rem 3rem 1.5rem;
	text-align:center;
	flex-direction: column;
	justify-content:flex-end;
	color:#fff;
	background-color:#212626;
}
#home_highlight_space_cells .overstate{
	background-image:url(../images/home_space_cells_highlight.jpg);	
}
#home_highlight_space_panel .overstate{
	background-image:url(../images/home_space_panel_highlight.jpg);	
	background-size:100% auto;
}
#home_highlight_space_array .overstate{
	background-image:url(../images/home_space_array_highlight.jpg);	
}

.divider-bar{
	font-family:'Roboto', sans-serif;
	background-color:#333b3c;
	color:#fff;
	font-weight:300;
	text-align:center;
	padding:2.4rem 4rem;
	font-size:2rem;
}
.hero-panel{
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
}
/*
.main-hero-panel{
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	padding-top:4.5rem;	
}
*/
/*
.main-hero-panel-content{
	height:1px;
	min-height:75vh;
	padding-top:5vh;
}
*/
@media(min-width:992px){
	.highlight, .highlight-2col, .highlight > .overstate{

	padding:6rem 6rem 3rem 6rem;		
	}
}

/* phone size bg images */
#home-hero-illumination{
	background-image:url(../images/illumination_hero.jpg);
}
#landing-hero-illumination{
	background-image:url(../images/illumination_768.jpg);
}
#home-hero-sensors{
	background-image:url(../images/sensors_hero.jpg);
}
#landing-hero-sensors{
	background-image:url(../images/sensors768.jpg);
}

#landing-hero-company{
	background-image:url(../images/aboutus768.jpg);
}
#landing-hero-news{
	background-image:url(../images/newsevents768.jpg);
}
#landing-hero-contact{
	background-image:url(../images/contactus768.jpg);
}
#landing-hero-services{
	background-image:url(../images/services2_768.jpg);
}
#landing-hero-photovoltaics{
	background-image:url(../images/photovoltaic_768.jpg);
}

/* /phone size bg images */


@media(min-width:768px){
	/*
	.main-hero-panel{
	padding-top:10rem;	
}
	*/
	
	.main-hero-panel > .main-hero-panel-content, .carousel-caption{
	padding-top:15rem;	
}
	
	#landing-hero-illumination{
	background-image:url(../images/illumination_hero.jpg);
}
#landing-hero-sensors{
	background-image:url(../images/landing_sensors_hero.jpg);
}

#landing-hero-company{
	background-image:url(../images/company_hero.jpg);
}
#landing-hero-news{
	background-image:url(../images/newsevents_hero.jpg);
		background-position: 65% center;
}
#landing-hero-contact{
	background-image:url(../images/contactus.jpg);
		background-position: 65% center;
}
#landing-hero-services{
	background-image:url(../images/services_hero2.jpg);
}
	#landing-hero-photovoltaics{
		background-image:url(../images/photovoltaics_hero2.jpg);
		background-position: 60% center;
	}
}
@media(min-width:992px){
	#landing-hero-photovoltaics, #landing-hero-contact, #landing-hero-news{
		background-position: center center;
	}
		
	.main-hero-panel > .main-hero-panel-content, .carousel-caption{
	padding-top:10rem;
}
}
.hero-panel p{
	font-size:1.8rem;
	color:#fff;
	margin:0 0 5rem 0;
}
.main-hero-panel p{
	font-size:2rem;
	color:#fff;
	margin:0 0 5rem 0;
}
.hero-panel-content{
	height:1px;
	min-height:42rem;	
}

.card{
	border-radius:0;
	border:none;
}
.product-card{
	padding:1.25rem;
	color:#000;
	font-size:1.6rem;
}
.product-card h2{
	font-weight:100;
	color:#ff5722;
	font-size:4.2rem;
	margin-bottom:3.6rem;
}
.product-card h3{
	color:#000;
	font-size:3.2rem;
	font-weight:300;
}
.product-card .btn-outline-dark:focus{
	box-shadow:none!important;	
}
.product-dropdown{
	box-shadow:0 0 5px 5px rgba(0,0,0,0.2);	
}
.product-card ul{
	list-style-type:square;
	padding-left:1.6rem;
}
.product-card p{
	margin-bottom:3rem;	
}
.card-body2 {
	border-top: 20px solid #f6f7f8;
}
.news-card p{
	margin-bottom:2rem;	
}
.news-card h3{
	margin-bottom:3rem;	
}
.news-entry{
	padding-bottom:3rem;	
}
.caption{
	font-size:1.2rem;
	text-align:center;
}
@media(min-width:1200px){
	.product-card{
	padding:6rem;
}
	.highlight, .highlight-2col, .highlight > .overstate{

	padding:8rem 8rem 4rem 8rem;		
	}	
}
/* custom scrollbar theme */

	
	/* theme "custom-spectrolab" */
	.mCS-custom-spectrolab.mCSB_scrollTools .mCSB_draggerRail{
		width: 10px;
		background-color: transparent;
		border-radius:5px;
	}

	.mCS-custom-spectrolab.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 10px; border-radius:5px; background-color:#e0e0e0; }

	.mCS-custom-spectrolab.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-custom-spectrolab.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 10px;
		margin: 5px 0;
	}
	.mCS-custom-spectrolab.mCSB_scrollTools_vertical{
	margin-right:2px;		
}
	.mCS-custom-spectrolab.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-custom-spectrolab.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 10px;
	}
	
	.mCS-custom-spectrolab.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-custom-spectrolab.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 10px;
		margin: 2px 0;
	}
	.mCS-custom-spectrolab .mCSB_container{
		margin-right:22px;
		/*padding:10px;*/
}
	.mCS-custom-spectrolab.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-custom-spectrolab.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-custom-spectrolab.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-custom-spectrolab.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* /custom scrollbar theme */

/* form styles */

.form-control:not(textarea){
	font-size:1.4rem;
	line-height:2rem;
	height:3.8rem!important;
}
textarea.form-control{
	font-size:1.4rem;
	line-height:2rem;
}
label{
	font-family:'Roboto', sans-serif;
	font-weight:400;
	text-transform: uppercase;
	margin-top:2rem;
}
select optgroup{
    font-style:normal;
    }

.icon-link{
	font-family:'Roboto', sans-serif;
	font-weight:400;
}
.icon-link > i{
	color:#000;	
	margin-right:1rem;
}
.modal{
	z-index:2010;	
}
.modal-backdrop{
	z-index:2000;	
}
.modal-header{
	border:none;
	padding-right:1.5rem;
}
.modal-content{
	border-radius:0;
	border:none;
}
.modal-body{
	padding:0 6rem 6rem 6rem;
	font-size:1.6rem;
}
/* /form styles */

.social-icons{
	width:3.2rem;
	height:3.2rem;
}
.footer{
	font-family:'Roboto', sans-serif;
	font-weight:300;
	background-color:#fff;
	border-top:1px solid #e6e8ea;
	margin-top:8rem;
	padding:2rem 0;
	font-size:1.4rem;
}
.footer h5{
	margin:1rem 0 3rem 0;	
}
.footer .list-unstyled li{
	padding:0 0 2rem 0;	
}
.footer .list-unstyled a{
	color:#253746;
	text-decoration:none;
}
.footer .list-unstyled a:hover{
	color:#253746;
	text-decoration:underline;
}
.copyright{
	padding:2rem 0;	
}