/*
 *	TYPOGRAPHY
 */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700|Roboto+Condensed:400,700);

html, body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #1a1a1a;
	min-height: 100%; }

.wrapper {
	width: 100%;
	display: block;
	position: relative;
	min-height: 100%; }

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

h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem;
	font-weight: 700;
	text-transform: uppercase; 
	margin-top: 0;
	margin-bottom: 1rem; }

h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.625rem;
	text-transform: uppercase; 
	margin-top: 0;
	margin-bottom: 1rem; }

h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.25rem;
	text-transform: uppercase; 
	margin-top: 0;
	margin-bottom: 1rem; }

h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1rem;
	text-transform: uppercase; 
	margin-top: 0;
	margin-bottom: 1rem; }

h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.75rem;
	text-transform: uppercase; 
	margin-top: 0;
	margin-bottom: 1rem; }

p, li {
	font-size: 1rem;
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 1rem; }

small { font-size: 0.75rem; margin-bottom: 1rem; }
form small { display: block; margin-top: -1rem; display: none; }
form .is-invalid-input + small { display: block; }

a { font-size: inherit; }

img + h3 { margin-top: 1rem; }

.red { color: #e63d20; }

.row, .columns { position: relative; }

.normal-case { text-transform: none!important; }

.no-margin { margin: 0!important; }

.columns.large-2-5 { width: 20.8333% }
.columns.large-3-5 { width: 29.16667% }

.background-fff { background-color: #fff; }

a.cta {
	font-size: 1rem;
	color: #fff;
	line-height: 40px;
	text-transform: uppercase;
	background-color: #e63d20;
	height: 40px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	border-radius: 3px; }

.clearfix::before, .clearfix::after {
	content: ' ';
	display: table;
	flex-basis: 0;
	order: 1; }
.clearfix::after { clear: both; }



/*
 * MASTHEAD
 */
.masthead { width: 100%; }
.masthead {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999; }

.masthead nav { position: relative; z-index: 1 }
.masthead nav:first-child { z-index: 2; }

.logo-energus {
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	z-index: 99; }

a[rel="toggle-main-navigation"] {
	font-size: 14px;
	color: #1a1a1a;
	background-color: transparent;
	width: 32px;
	height: 32px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 9px;
	position: absolute;
	right: 10px;
	top: 20px;
	z-index: 100;
	border-radius: 3px; }


@media screen {
	#product-category .masthead, #contact .masthead {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 999; }

	.logo-energus {
		background-image: url(../img/logo-energus-mobile.png);
		width: 100%;
		height: 80px;
		margin-left: 0;
		margin-top: 0;
		position: relative;
		left: auto;
		top: auto;
		border-radius: 0;
		box-shadow: none;
		border-bottom: 1px solid #ccc; }

	a[rel="toggle-main-navigation"] { display: block; }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  .logo-energus { background-image: url(../img/logo-energus-svg.svg); }
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 1025px) {
	#product-category .masthead {
		position: relative;
		left: auto;
		top: auto; }

	.logo-energus {
		background-image: url(../img/logo-energus.png);
		width: 192px;
		height: 192px;
		margin-left: -96px;
		margin-top: -24px;
		position: absolute;
		left: 50%;
		top: 50%;
		border-radius: 50%;
		box-shadow: 0 2px 10px rgba(0,0,0,0.25);
		border-bottom: none; }

	a[rel="toggle-main-navigation"] { display: none; }
}


/*
 * NAVIGATION
 */
nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none; }

nav ul li { margin-bottom: 0; }

.navigation-product-type { display: block; }

.navigation-product-type a {
	font-size: 0.75rem;
	color: #fff;
	text-transform: uppercase;
	display: block; }

.container-product-type-navigation { background-color: rgba(0,0,0,0.9); }

@media screen {
	.container-product-type-navigation { border-bottom: 1px solid #e5e5e5; }

	.columns:nth-child(1) .navigation-product-type {
		margin-left: 0;
		margin-right: 0;
		float: none; }
	.columns:nth-child(2) .navigation-product-type {
		margin-left: 0;
		margin-right: 0;
		float: none; }

	.navigation-product-type li {
		padding-top: 0;
		padding-bottom: 0; }

	.navigation-product-type a {
		color: #e63d20;
		text-align: center;
		background-color: #fff;
		padding-top: 7px;
		padding-bottom: 6px; }
	.navigation-product-type .active a {
		color: #fff;
		background-color: #e63d20;
		border-bottom: none; }
}

@media screen and (min-width: 768px) {
	
}

@media screen and (min-width: 1025px) {
	.columns:nth-child(1) .navigation-product-type {
		margin-left: 0;
		margin-right: 96px;
		float: right; }
	.columns:nth-child(2) .navigation-product-type {
		margin-left: 96px;
		margin-right: 0;
		float: left; }

	.navigation-product-type li {
		padding-top: 22px;
		padding-bottom: 22px; }

	.navigation-product-type a {
		color: #fff;
		text-align: left;
		background-color: transparent;
		padding-left: 0;
		padding-top: 0;
		padding-bottom: 0; }
	.navigation-product-type .active a {
		background-color: transparent;
		border-bottom: 1px solid #fff; }
}


.container-main-navigation {
	background-color: #fff;
	min-height: 98px;
	display: block;
	position: relative;
	border-bottom: 2px solid #ccc; }

.navigation-main li { position: relative; }
.navigation-main li:before {
	content: "";
	width: 32px;
	height: 32px;
	margin-left: -16px;
	border-radius: 50%;
	position: absolute; }
.navigation-main li.icon-why-solar:before { background-image: url(../img/icon-why-solar.png); }
.navigation-main li.icon-about-energus:before { background-image: url(../img/icon-about-energus.png); }
.navigation-main li.icon-earche:before { background-image: url(../img/icon-earch.png); }
.navigation-main li.icon-products:before { background-image: url(../img/icon-products.png); }
.navigation-main li.icon-monitoring:before { background-image: url(../img/icon-monitoring.png); }
.navigation-main li.icon-case-study:before { background-image: url(../img/icon-case-study.png); }
.navigation-main li.icon-contact:before { background-image: url(../img/icon-contact.png); }

.navigation-main a {
	font-size: 0.75rem;
	color: #333;
	text-transform: uppercase;
	display: block;
	position: relative; }

@media screen {
	.container-main-navigation { display: none; }
	.container-main-navigation.is-shown { display: block; }

	.columns:first-child .navigation-main {
		margin-left: 0;
		margin-right: 0;
		float: none; }
	.columns:last-child .navigation-main {
		margin-left: 0;
		margin-right: 0;
		float: none; }

	.navigation-main li {
		margin: 0;
		float: none; }
	.navigation-main li:before {
		left: 20px;
		top: 4px; }

	.navigation-main a {
		padding-left: 48px;
		padding-top: 11px;
		padding-bottom: 10px; }
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 1025px) {
	.container-main-navigation { display: block; }

	.columns:first-child .navigation-main {
		margin-left: 0;
		margin-right: 96px;
		float: right; }
	.columns:last-child .navigation-main {
		margin-left: 96px;
		margin-right: 0;
		float: left; }

	.navigation-main li {
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 18px;
		margin-bottom: 19px;
		float: left; }
	.navigation-main li:before {
		left: 50%;
		top: 4px; }

	.navigation-main a {
		padding-left: 0;
		padding-top: 40px;
		padding-bottom: 0; }
}


.container-product-navigation { background-color: #fff; }

.product-navigation li {
	padding: 0;
	margin: 0;
	position: relative; }
.product-navigation > li {border-top: 1px solid #ccc; }
.product-navigation > li:last-child { border-bottom: 1px solid #ccc; }

.product-navigation li.active:before, .product-navigation li.is-active:before {
	content: "\f0da";
	font-family: 'FontAwesome';
	line-height: 29px;
	width: 0.9375rem;
	height: 29px;
	position: absolute;
	left: -0.9375rem;
	top: 0; }

.product-navigation a {
	font-size: 0.875rem;
	color: #666;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 2px;
	display: block; }
.product-navigation .active > a {
	font-weight: 700;
	color: #1a1a1a; }

.product-navigation ul {
	display: none;
	padding-left: 0.9375rem; }
.product-navigation li.active ul { display: block; }

.product-navigation li.active li.active:before { display: none; }

.product-navigation  > ul > li > a { font-size: 1rem; }

@media screen {
	.container-product-navigation {
		position: fixed;
		left: 0;
		top: 80px;
		z-index: 998; }

	.container-product-navigation + .columns { padding-top: 80px; }

	.product-navigation {
		display: none;
		margin-top: -1px; }
	.product-navigation.is-shown { display: block; }

	#commercial-solar-about .product-navigation {
		display: block!important;
		margin-top: 0;
		margin-bottom: 1rem; }
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 1024px) {
	.container-product-navigation {
		position: relative;
		left: auto;
		top: auto; }

	.container-product-navigation + .columns { padding-top: 0; }

	.product-navigation { display: block; margin-top: 0; }
}



/*
 *
 */
section {
	background-color: #fff;
	position: relative; }

section .row { position: relative; }

section.fullscreen {
	width: 100%;
	height: auto;
	min-height: inherit;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative; }

/*#home-why-solar .background { background-image: url(../img/home-why-solar.jpg); background-position: center bottom; }*/

#home-products .background { background-image: url(../img/home-products.jpg); }

@media screen {
	section .background {
		position: relative;
		left: auto;
		top: auto; }
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 1024px) {
	section .background {
		position: absolute;
		left: 0;
		top: 0; }
}




/*
 * HOME - INTRO
 */
@media screen {
	#home-intro h1 {
		font-size: 2rem;
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 0; 
		border-bottom: none; }

	#home-intro h4 {
		padding-top: 1rem;
		margin-bottom: 1rem;
		border-top: 1px solid #fff;
}

@media screen and (min-width: 640px) {
	#home-intro h1 {
		padding-bottom: 2rem;
		margin-bottom: 2rem; 
		border-bottom: 1px solid #fff; }

}

@media screen and (min-width: 1024px) {
	#home-intro h1 {
		font-size: 2.25rem;
		margin-top: 12rem;  }
}

@media screen and (min-width: 1280px) {
	#home-intro h1 {
		font-size: 2.25rem;
		margin-top: 12rem;  }
}



/*
 * HOME - WHY SOLAR
 */
#home-why-solar .icon {
	width: 80px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 48px;
	margin-bottom: 48px; }

#home-why-solar .icon img { border-radius: 40px; }

#home-why-solar h1 {
	color: #fff;
	margin-top: 240px;
	padding-top: 64px;
	position: relative; }
#home-why-solar h1:before {
	content: "";
	width: 0;
	height: 48px;
	position: absolute;
	left: 50%;
	top: 0;
	border-left: 1px solid #fff; }

#home-why-solar p, #home-why-solar li { font-size: 1.125rem; }

#home-why-solar h2, #home-why-solar h3, #home-why-solar p { color: #fff; }

#home-why-solar ul { margin-bottom: 0; }

#home-why-solar li { color: #fff; }

#home-why-solar .background  hr {
	margin-top: 0;
	margin-bottom: 48px;
	border-color: #fff; }
#home-why-solar .background ul + hr, #home-why-solar .background p + hr { margin-top: 48px; }

@media screen {
	#home-why-solar .background { background-position: left bottom; }

	#home-why-solar h1 { margin-top: 8rem; }

	#home-why-solar ol { padding-bottom: 40rem; }
}

@media screen and (min-width: 768px) {
	#home-why-solar ol { padding-bottom: 65rem; }
}

@media screen and (min-width: 1024px) {
	#home-why-solar .background { background-position: center bottom; }

	#home-why-solar h1 { margin-top: 14rem; }

	#home-why-solar ol { padding-bottom: 70rem; }
}



/*
 *
 */
#home-about .diagram .columns { min-height: 224px; }

#home-about .diagram .arrow {
	color: #f2864c;
	position: absolute; }
#home-about .diagram .arrow.dir-left {
	left: 0;
	top: 41px; }
#home-about .diagram .arrow.dir-right {
	right: 0;
	top: 41px; }
#home-about .diagram .arrow.dir-down {
	left: 50%;
	bottom: 25px;
	transform: translateX(-50%); }

#home-about h1 {
	color: #666;
	padding-top: 64px;
	position: relative; }
#home-about h1:before {
	content: "";
	width: 0;
	height: 48px;
	position: absolute;
	left: 50%;
	top: 0;
	border-left: 1px solid #666; }

#home-about h5, #home-about p { color: #fff; }

#home-about h3, #home-about i {
	color: #e63d20;
	margin-bottom: 0; }

#home-about h5 {
	font-size: 0.875rem;
	color: #e63d20;
	margin-top: 1rem;
	margin-bottom: 2rem; }

@media screen {
	#home-about h1 { margin-top: 8rem; }

	#home-about .diagram { margin-bottom: 3rem; }
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 1024px) {
	#home-about h1 { margin-top: 14rem; }

	#home-about .diagram { margin-bottom: 3rem; }
}

#home-about .background .row .row {
		padding-top: 0;
		padding-bottom: 0; }



/*
 *
 */
#home-products a.cta {
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	background-color: #e63d20;
	max-width: 240px;
	height: 64px;
	padding-left: 15px;
	padding-right: 15px;
	margin: auto;
	margin-bottom: 2rem;
	display: block;
	position: relative;
	border-radius: 3px; }

#home-products a.cta:before {
	content: "\f138";
	font-family: 'FontAwesome';
	position: absolute;
	left: 50%;
	bottom: 2px;
	transform: translateX(-50%); }

#home-products p { color: #fff; }

@media screen {
	#home-products { padding-top: 5rem; }

	#home-products h1 {
		padding-bottom: 0;
		margin-top: 2rem;
		margin-bottom: 0; 
		border-bottom: none; }
}

@media screen and (min-width: 768px) {
	#home-products { padding-top: 0; }

	#home-products h1 {
		padding-bottom: 2rem;
		margin-bottom: 2rem; 
		border-bottom: 1px solid #fff; }

}

@media screen and (min-width: 1024px) {
	#home-products h1 { margin-top: 12.5rem;  }
}

@media screen and (min-width: 1280px) {
	#home-products h1 { margin-top: 15rem;  }
}



/*
 *
 */
section.products {
	margin-top: 80px;
	padding-bottom: 80px; }

.logo-products { margin-top: 1rem; }

.logo-products + p { margin-top: 1rem; }

@media screen {
	section.products h1 {
		position: relative;
		padding-top: 2rem;
		margin-bottom: 0;
		border-bottom: 1px solid #ccc; }

	section.products h1 a {
		font-size: 14px;
		color: #1a1a1a;
		position: absolute;
		right: 0;
		top: 2.75rem; }

	section.products h2 { margin-top: 2rem; }
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 1024px) {
	section.products h1 {
		padding-top: 0;
		margin-bottom: 1rem;
		border-bottom: none; }

	section.products h1 a { display: none; }

	section.products h2 { margin-top: 0; }
}



/*
 *
 */
section.contact {
	margin-top: 80px;
	padding-bottom: 80px; }

section.contact h1 { border-bottom: 1px solid #1a1a1a; }

section.contact #gmap {
	background-color: #f2f2f2;
	width: 100%;
	height: 400px;
	margin-bottom: 2rem; }

section.contact form .row {
	margin-left: -5px;
	margin-right: -5px; }

section.contact form .columns {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 0; }

section.contact form *, .panel-side form *:focus {
	border-color: #e5e5e5;
	box-shadow: none; }

section.contact form textarea { height: 10rem; }

section.contact form button {
	background-color: #e63d20;
	color: #fff;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	border: 1px solid #fff; }

section.contact form input + small, section.contact form textarea + small { color: #e63d20; }

ul.terms-conditions { margin-top: -1rem; }

ul.terms-conditions li {
	font-size: 0.75rem;
	margin-bottom: 0.75rem; }

ul.terms-conditions a { color: #666; }


/*
 *
 */
.case-study-table {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 1rem; }

.case-study-table .row {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 1px; }
.case-study-table .columns {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 4px; }
.case-study-table .columns:first-child { background-color: #e53d1e; }
.case-study-table .columns:last-child { background-color: #ffe0cc; }

.case-study-table .columns p {
	font-size: 0.75rem;
	margin: 0; }
.case-study-table .columns:first-child p { color: #fff; }
.case-study-table .columns:last-child p { color: #666; }

blockquote {
	background-color: #e53d1e;
	padding: 15px;
	border: 0;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem; }

blockquote p {
	font-size: 1.125rem;
	color: #fff;
	margin: 0; }

blockquote footer p {
	font-size: 0.75rem;
	text-align: right;
	padding-left: 4rem;
	margin-top: 1rem;
	display: inline-block;
	position: relative;
	float: right; }
blockquote footer p:before {
	content: "";
	width: 3rem;
	height: 0;
	margin-top: -2px;
	border-top: 1px solid #fff;
	position: absolute;
	top: 50%;
	left: 0; }


.our-work img { margin-bottom: 30px; }

.our-work-reveal img { margin-bottom: 1rem; }

.our-work-reveal h3 { color: #e63d20; }



/*
 *
 */
#commercial-solar-intro h1 { color: #fff; }

@media screen {
	#commercial-solar-intro h1 {
		font-size: 2rem;
		margin-top: 0;
		margin-bottom: 1rem; }
}

@media screen and (min-width: 768px) {
	#commercial-solar-intro h1 {
		margin-top: 2rem;
		margin-bottom: 1rem; }
}

@media screen and (min-width: 1024px) {
	#commercial-solar-intro h1 {
		margin-top: 12rem;
		margin-bottom: 1rem; }
}

@media screen and (min-width: 1280px) {
	#commercial-solar-intro h1 {
		font-size: 2.25rem;
		padding-bottom: 1rem;
		margin-top: 12rem;
		margin-bottom: 2rem;
		border-bottom: 1px solid #fff; }
}



/*
 *
 */
#commercial-solar-about .row, #commercial-solar-about .columns { min-height: 0; }

#commercial-solar-about h1, #commercial-solar-about h2, #commercial-solar-about h3, #commercial-solar-about p, #commercial-solar-about li, #commercial-solar-about a { color: #fff; }

#commercial-solar-about p, li { font-size: 1.125rem }

#commercial-solar-about .is-active a { font-weight: 700; }

#commercial-solar-about .background { min-height: 1600px; }

#commercial-solar-about .tabs-content {
	background-color: transparent;
	border: none; }

#commercial-solar-about .tabs-panel { padding: 0; }

#commercial-solar-about .tabs-title { float: none; }

#about-commercial-solar-navigation .tabs-title > a {
	line-height: 1.5;
	padding-left: 0;
	padding-right: 0; }

a[rel="toggle-example-tabs"] {
	font-size: 14px;
	color: #1a1a1a!important;
	background-color: transparent;
	width: 40px;
	height: 40px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 9px;
	padding-bottom: 13px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	border-radius: 3px; }

@media screen and (max-width: 1025px){
	#commercial-solar-about .large-3, #commercial-solar-about .large-9 { width: 100%!important; }

	#about-commercial-solar-navigation {
		position: relative;
		z-index: 150;}

	#commercial-solar-about .stuck {
		padding-left: 15px;
		padding-right: 15px;
		position: fixed;
		left: 0;
		top: -48px; }

	#about-commercial-solar-navigation nav { position: relative; }

	#commercial-solar-about .tabs-content { margin-bottom: 20rem; }

	#commercial-solar-about .product-navigation { margin-top: 8rem; }

	#about-commercial-solar-navigation li { display: none; }
	#about-commercial-solar-navigation .is-shown li, #about-commercial-solar-navigation li.is-active { display: block; }
	#about-commercial-solar-navigation li, #about-commercial-solar-navigation li:last-child { border-bottom: none; }
	#about-commercial-solar-navigation li:before { display: none; }

	#about-commercial-solar-navigation .tabs-title > a {
		color: #666;
		background-color: #fff;
		padding-top: 11px;
		padding-bottom: 8px;
		padding-left: 15px;
		padding-right: 15px; }

	#commercial-solar-about .tabs-title > a:hover, #commercial-solar-about .tabs-title > a[aria-selected='true'] { background-color: #fff; }

	a[rel="toggle-example-tabs"] { display: block; }
}

@media screen and (min-width: 768px) {
	#commercial-solar-about .tabs-content { margin-top: 1rem; }
}

@media screen and (min-width: 1025px) {
	#commercial-solar-about .stuck { position: relative; left: auto; top: auto; }

	#commercial-solar-about .product-navigation { margin-top: 15rem; }

	#commercial-solar-about .tabs-content {
		margin-top: 15rem;
		margin-bottom: 30rem; }

	#about-commercial-solar-navigation li {
		display: block;
		border-top: 1px solid #fff; }
	#about-commercial-solar-navigation li:last-child { border-bottom: 1px solid #fff; }
	#about-commercial-solar-navigation li:before { display: block; }

	#about-commercial-solar-navigation .tabs-title > a {
		color: #fff;
		letter-spacing: -0.25px;
		background-color: transparent;
		padding-top: 5px;
		padding-bottom: 2px;
		padding-left: 0;
		padding-right: 0; }

	#commercial-solar-about .tabs-title > a:hover, #commercial-solar-about .tabs-title > a[aria-selected='true'] { background-color: transparent; }

	a[rel="toggle-example-tabs"] { display: none; }
}



/*
 *
 */
@media screen {
	#commercial-solar-eroof { padding-top: 5rem; }

	#commercial-solar-eroof h1 {
		margin-top: 1rem;
		margin-bottom: 1rem; }
}

@media screen and (min-width: 768px) {
	#commercial-solar-eroof { padding-top: 0; }

	#commercial-solar-eroof h1 {
		margin-top: 2rem;
		margin-bottom: 1rem; }
}

@media screen and (min-width: 1024px) {
	#commercial-solar-eroof h1 {
		margin-top: 12.5rem;
		margin-bottom: 1rem; }
}

@media screen and (min-width: 1280px) {
	#commercial-solar-eroof h1 {
		font-size: 2.25rem;
		padding-bottom: 1rem;
		margin-top: 15rem;
		margin-bottom: 2rem;
		border-bottom: 1px solid #fff; }
}



/*
 * SIDE PANEL
 */
.panel-side { width: 100%; overflow: hidden; }

.panel-side .columns .columns {
	background-color: transparent!important;
	padding-top: 0;
	padding-bottom: 0; }

.panel-side .link {
	width: 100%;
	max-width: 360px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
	display: block;
	position: relative; }

.panel-side .link img { border-top-right-radius: 16px; }

.panel-side .link .box {
	background-color: #f2864c;
	width: 100%;
	min-height: 43px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px;
	padding-bottom: 9px;
	margin: 0; }

.panel-side .link .box h5 {
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
	line-height: 1rem;
	text-transform: none;
	margin-bottom: 0;
	display: inline-block;
	float: left; }
.panel-side .link .box h5.icon {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1rem;
	height: 24px;
	margin-right: 8px; }

.panel-side .link p {
	font-size: 0.875rem;
	margin-top: 0.75rem;
	margin-bottom: 0; }

.panel-side .link a { color: #fff; }

.panel-side h1 {
	font-size: 1.75rem;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0; }

.panel-side h4 {
	color: #fff;
	margin-bottom: 0; }

.panel-side p { color: #fff; }

.panel-side hr {
	margin-top: 2rem;
	margin-bottom: 2rem; }

.panel-side form .row {
	margin-left: -5px;
	margin-right: -5px; }

.panel-side form .columns {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 0; }

.panel-side form *, .panel-side form *:focus {
	border-color: #fff;
	box-shadow: none; }

.panel-side form textarea { height: 10rem; }

.panel-side form button {
	color: #fff;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	margin-bottom: 2rem;
	border: 1px solid #fff; }

.panel-side form small { color: #fff; }

@media screen {
	.panel-side {
		padding-left: 0.625rem;
		padding-right: 0.625rem;
		position: absolute;
		left: 0;
		bottom: 0; }

	.fullscreen > .row, .fullscreen > .row > .columns { min-height: inherit; }

	#home-intro > .row >.columns, #commercial-solar-intro > .row >.columns, #commercial-solar-eroof > .row >.columns { background-color: transparent; }
	#home-intro .panel-side .columns, #commercial-solar-intro .panel-side .columns, #commercial-solar-eroof .panel-side .columns { background-color: rgba(230,61,32,0.5); }

	#home-products > .row >.columns { background-color: transparent; }
	#home-products .panel-side .columns { background-color: rgba(0,0,0,0.8); }

	.panel-side .link .box h5.icon { margin-top: 0.5rem }
}

@media screen and (min-width: 768px) {
	.panel-side .link .box h5.icon { margin-bottom: 0; }
}

@media screen and (min-width: 1024px) {
	.panel-side {
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
		position: relative;
		left: auto;
		bottom: auto; }

	.fullscreen > .row, .fullscreen > .row > .columns { min-height: inherit; }

	#home-intro .panel-side { padding-top: 0; }

	#home-intro > .row >.columns, #commercial-solar-intro > .row >.columns, #commercial-solar-eroof > .row >.columns { background-color: rgba(230,61,32,0.7); }
	#home-intro .panel-side .columns, #commercial-solar-intro .panel-side .columns, #commercial-solar-eroof .panel-side .columns { background-color: transparent; }

	#home-products > .row >.columns { background-color: rgba(0,0,0,0.8); }
	#home-products .panel-side .columns { background-color: transparent; }

	#home-intro .panel-side .link .box { min-height: 118px; }

	#commercial-solar-intro .panel-side .link .box h5 { font-size: 1.125rem; line-height: 1.25rem; }
	#commercial-solar-intro .panel-side .link .box h5.icon { font-size: 2.25rem; line-height: 1rem; margin-top: 0.75rem; }
}



/*
 * CAROUSEL
 */
.carousel {
	padding: 0;
	margin: 0;
	position: relative; }

.carousel .item {
	text-align: center;
	padding-left: 2rem;
	padding-right: 2rem;
	position: relative; }

.carousel .button {
	background-color: #666;
	width: 40px;
	height: 40px;
	padding: 2px;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: none; }
.carousel .prev { left: 0; }
.carousel .next { right: 0; }

.carousel .button:before {
	content: "";
	width: 36px;
	height: 36px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: 1px;
	top: 1px; }

.carousel .button:after {
	content: "";
	font-family: 'FontAwesome';
	font-size: 1.125rem;
	color: #fff;
	line-height: 36px;
	text-align: center;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 1px; }
.carousel .prev:after { content: "\f0d9"; left: -1px; }
.carousel .next:after { content: "\f0da"; left: 2px }



/*
 * CAROUSEL
 */
.slick-dots {
	overflow: hidden;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 50%;
	top: -1.5rem;
	transform: translateX(-50%); }

.slick-dots {
	display: inline-block;
	list-style-type: none; }

.slick-dots li {
	line-height: 0;
	padding: 0.25rem;
	margin: 0;
	float: left; }

.slick-dots button {
	text-indent: -9999px;
	background-color: transparent;
	width: 0.75rem;
	height: 0.75rem;
	border-radius: 50%;
	border: 1px solid #fff; }

.slick-dots .slick-active button {
	background-color: #fff;
	border: none; }

@media screen {
	.slick-slider {
		position: relative;
		margin-top: 2rem; }
}

@media screen and (min-width: 768px) {
	.slick-slider { margin-top: 0; }
}

@media screen and (min-width: 1280px) {
}




/*
 *
 */
.social-media {
	padding: 0;
	padding-top: 1rem;
	margin: auto;
	margin-bottom: 2rem;
	display: table; }

.social-media li {
	padding-left: 15px;
	padding-right: 15px;
	display: table-cell; }

.social-media a {
	color: #fff;
	background-color: #1a1a1a;
	width: 48px;
	height: 48px;
	display: block;
	border-radius: 50%; }

.social-media i {
	line-height: 48px;
	text-align: center;
	width: 48px;
	height: 48px; }



/*
 *
 */
#main-footer { background-color: #1a1a1a; padding-top: 1rem; position: relative; z-index: 999; }

#main-footer p { font-size: 0.75rem; color: #fff; }

.wrapper + #main-footer { margin-top: -50px; }
	
	
.hpvo-red2 {
	display: inline-block;
	vertical-align: top;
	background: #E73D2B;
	color: white;
	font-family:  "Roboto";
	font-size: 25px;
	font-weight: bold;
	padding: 5px;
	letter-spacing: -0.05em;
	line-height: 1;
	margin-bottom: 20px;s
}
	
		
.hpvo-red2:hover {
	color: white;
}