/*
author: Daniel Friedrich
web: www.slide-and-scroll.de
*/


/*TABLE OF CONTENTS

I. general

II. screen and projection
01 - global
02 - header
03 - main
04 - footer
05 - sidebar

III. screen and (max-width: 1279px)
01 - global
02 - header
03 - main
04 - footer
05 - sidebar

IV. screen and (max-width: 767px)
01 - global
02 - header
03 - main
04 - footer
05 - sidebar

V. print
01 - global
02 - header
03 - main
04 - footer
05 - sidebar
*/

/*
______________________________________

I. general
______________________________________
*/
*[irrelevant=true]
{
	display: none;
}
*[irrelevant=false]
{
	display: inherit;
}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6
{
	-webkit-text-size-adjust: none;
}
body
{
	width: 100%;
	height: auto;
}
div.floatClear
{
	width: 100%;
	height: auto;
	clear: both;
}
a.link
{
	color: rgb(0,165,79);
	text-decoration: none;
	transition: color 0.25s ease;
	-webkit-transition: color 0.25s ease;
	-moz-transition: color 0.25s ease;
	-o-transition: color 0.25s ease;
}
a.link:hover
{
	color: rgb(45,45,45);
}
a.nonDecLink
{
	color: inherit;
	text-decoration: none;
}
a.nonDecLink:hover
{
	color: inherit;
}
a.linkNav
{
	color: rgb(255,255,255);
	text-decoration: none;
	transition: color 0.25s ease, background-color 0.25s ease;
	-webkit-transition: color 0.25s ease, background-color 0.25s ease;
	-moz-transition: color 0.25s ease, background-color 0.25s ease;
	-o-transition: color 0.25s ease, background-color 0.25s ease;
}
a.linkNav:hover
{
	color: rgb(225,225,225);
}
a.linkNav.active
{
	color: rgb(0,165,79);
	background-color: rgb(255,255,255);
}
b
{
	font-weight: bold;
}
i
{
	font-style: italic;
}
.fontOpenSans
{
	font-family: 'Open Sans', Arial, sans-serif;
}
.fontLora
{
	font-family: 'Lora', Georgia, serif;
}
.colorVeryLightGreen
{
	color: rgb(234,255,244);
}
.colorLightGreen
{
	color: rgb(106,255,177);
}
.colorGreen
{
	color: rgb(0,165,79);
}
.colorLightYellow
{
	color: rgb(252,212,5);
}
.colorYellow
{
	color: rgb(241,178,7);
}
.colorDarkYellow
{
	color: rgb(203,138,18);
}
.colorVeryLightOrange
{
	color: rgb(255,251,223);
}
.colorLightOrange
{
	color: rgb(253,233,121);
}
.colorOrange
{
	color: rgb(228,147,36);
}
.colorVeryLightBlue
{
	color: rgb(237,241,252);
}
.colorLightBlue
{
	color: rgb(128,154,234);
}
.colorBlue
{
	color: rgb(24,43,124);
}
.colorGreyOne
{
	color: rgb(45,45,45);
}
.colorGreyTwo
{
	color: rgb(95,95,95);
}
.colorGreyThree
{
	color: rgb(200,200,200);
}
.colorGreyFour
{
	color: rgb(225,225,225);
}
.colorGreyFive
{
	color: rgb(240,240,240);
}
.colorWhite
{
	color: rgb(255,255,255);
}
.backgroundVeryLightGreen
{
	background-color: rgb(234,255,244);
}
.backgroundLightGreen
{
	background-color: rgb(106,255,177);
}
.backgroundGreen
{
	background-color: rgb(0,165,79);
}
.backgroundLightYellow
{
	background-color: rgb(252,212,5);
}
.backgroundYellow
{
	background-color: rgb(241,178,7);
}
.backgroundDarkYellow
{
	background-color: rgb(203,138,18);
}
.backgroundVeryLightOrange
{
	background-color: rgb(255,251,223);
}
.backgroundLightOrange
{
	background-color: rgb(253,233,121);
}
.backgroundOrange
{
	background-color: rgb(228,147,36);
}
.backgroundVeryLightBlue
{
	background-color: rgb(237,241,252);
}
.backgroundLightBlue
{
	background-color: rgb(128,154,234);
}
.backgroundBlue
{
	background-color: rgb(24,43,124);
}
.backgroundGreyOne
{
	background-color: rgb(45,45,45);
}
.backgroundGreyTwo
{
	background-color: rgb(95,95,95);
}
.backgroundGreyThree
{
	background-color: rgb(200,200,200);
}
.backgroundGreyFour
{
	background-color: rgb(225,225,225);
}
.backgroundGreyFive
{
	background-color: rgb(240,240,240);
}
.backgroundWhite
{
	background-color: rgb(255,255,255);
}



/*
______________________________________

II. screen and projection
______________________________________
*/

/* 01 - global*/
.unnecessary_1280
{
	display: none;
}
div#wrapper
{
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 20;
	display: none;
}
.nojs-main
{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1000;
}
.nojs-wrapper
{
	width: 750px;
	height: auto;
	margin: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.nojs-wrapper p
{
	width: 100%;
	height: auto;
	text-align: center;
}
.nojs-icon
{
	font-size: 100px;
}
.nojs-textOne
{
	font-size: 44px;
	padding-top: 60px;
}
.nojs-textTwo
{
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 100px;
}
.nojs-wrapper a
{
	width: auto;
	height: auto;
	left: 50%;
	position: relative;
	display: inline-block;
	padding: 15px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	border: 2px solid rgb(252,212,5);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
h1
{
	font-size: 64px;
	line-height: 1.2em;
	padding-top: 50px;
	padding-bottom: 50px;
}
h2
{
	font-size: 44px;
	line-height: 1.2em;
	padding-top: 35px;
	padding-bottom: 35px;
}
h3
{
	font-size: 32px;
	line-height: 1.2em;
	padding-top: 25px;
	padding-bottom: 25px;
}
h4
{
	font-size: 26px;
	line-height: 1.2em;
	padding-top: 20px;
	padding-bottom: 20px;
}
h5
{
	font-size: 22px;
	line-height: 1.2em;
	padding-top: 15px;
	padding-bottom: 15px;
}
h6
{
	font-size: 18px;
	line-height: 1.2em;
	padding-top: 10px;
	padding-bottom: 10px;
}
p
{
	font-size: 16px;
	line-height: 1.4em;
	padding-top: 7px;
	padding-bottom: 7px;
}
legend
{
	font-size: 16px;
	line-height: 1.4em;
}

/* 02 - header*/
div#header
{
	width: 100%;
	height: auto;
	position: fixed;
	z-index: 50;
	box-shadow: 0px 0px 10px rgb(95,95,95);
	-moz-box-shadow: 0px 0px 10px rgb(95,95,95);
	-webkit-box-shadow: 0px 0px 10px rgb(95,95,95);
}
div.headerInner
{
	width: 100%;
	height: auto;
}
div#headerInnerLogo
{
	z-index: 51;
	position: absolute;
}
div#headerInnerSlogan
{
	z-index: 52;
}
div.headerOverlay
{
	background-image: url('images/header-overlay-right-1920.jpg');
	background-position: right top;
	background-repeat: no-repeat;
}
div#headerInnerNav
{
	z-index: 52;
}
div.headerContent
{
	width: 80%;
	max-width: 1536px;
	height: auto;
	margin: auto;
}
div#headerLogo
{
	width: auto;
	height: auto;
	position: absolute;
	opacity: 0;
	transition: opacity;
	-webkit-transition: opacity;
	-moz-transition: opacity;
	-o-transition: opacity;
}
div#headerLogo.scrollLogo
{
	opacity: 1;
	transition: opacity 0.15s ease 0.5s;
	-webkit-transition: opacity 0.15s ease 0.5s;
	-moz-transition: opacity 0.15s ease 0.5s;
	-o-transition: opacity 0.15s ease 0.5s;
}
div#headerLogo img
{
	width: 40px;
	height: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
div#headerSlogan
{
	width: auto;
	height: auto;
	float: right;
}
div#headerSlogan img
{
	width: 735px;
	height: 180px;
	transition: height 0.15s ease;
	-webkit-transition: height 0.15s ease;
	-moz-transition: height 0.15s ease;
	-o-transition: height 0.15s ease;
}
div#headerSlogan img.scrollSloganImg
{
	height: 0px;
	transition: height 0.15s ease;
	-webkit-transition: height 0.15s ease;
	-moz-transition: height 0.15s ease;
	-o-transition: height 0.15s ease;
}
div#headerNav
{
	width: auto;
	height: auto;
	float: right;
}
div#header ul
{
	width: auto;
	height: auto;
}
div#header ul li
{
	width: auto;
	height: auto;
	display: inline;
	float: left;
}
div#header ul li a
{
	width: auto;
	height: auto;
	display: inline-block;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 22px;
}

/* 03 - main*/
div#main
{
	width: 100%;
	height: auto;
	z-index: 30;
	padding-top: 270px;
}
div.section
{
	width: 100%;
	height: auto;
}
div.sectionInner
{
	width: 80%;
	max-width: 1536px;
	height: auto;
	margin: auto;
}
div.siteTitle
{
	text-align: center;
}
div.siteTitle h2
{
	padding-top: 50px;
	padding-bottom: 50px;
}
div.pictureSlider
{
	width: auto;
	height: auto;
}
div.homeIntroOne
{
	padding-bottom: 40px;
}
div.homeIntroOne h5,
div.homeIntroOne p
{
	text-align: center;
}
div.homeIntroTwo
{
	padding-top: 100px;
	padding-bottom: 100px;
}
div.introSolar
{
	width: 32.8%;
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	vertical-align: top;
}
div.introSolar h1
{
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
div.introSolar h4
{
	text-align: center;
}
div.introSolar p
{
	text-align: justify;
}
div.homeWelcome
{
	width: auto;
	height: auto;
	padding-top: 75px;
	padding-bottom: 93px;
}
div.homeWelcome h3,
div.homeWelcome p
{
	text-align: center;
}
div.aboutWho
{
	width: auto;
	height: auto;
	padding-top: 25px;
	padding-bottom: 100px;
}
div.aboutWho div.pictureSliderAbout
{
	width: 504px;
	height: 379px;
	margin-top: 7px;
	margin-bottom: 30px;
	margin-right: 30px;
	display: inline-block;
	float: left;
	border: 2px solid rgb(0,165,79);
}
div.aboutWho div.pictureSliderAbout div.images,
div.aboutWho div.pictureSliderAbout div.arrowsPoints
{
	width: 500px !important;
	height: 375px !important;
}
div.aboutWho h3
{
	text-align: center;
}
div.aboutWho p
{
	text-align: justify;
}
div.aboutMission
{
	width: auto;
	height: auto;
	padding-top: 75px;
	padding-bottom: 100px;
}
div.aboutMission div.pictureSliderAbout
{
	width: 504px;
	height: 379px;
	margin-top: 7px;
	margin-bottom: 30px;
	margin-left: 30px;
	display: inline-block;
	float: right;
	border: 2px solid rgb(0,165,79);
}
div.aboutMission div.pictureSliderAbout div.images,
div.aboutMission div.pictureSliderAbout div.arrowsPoints
{
	width: 500px !important;
	height: 375px !important;
}
div.aboutMission h3
{
	text-align: center;
}
div.aboutMission p
{
	text-align: justify;
}
div.aboutPartner
{
	width: auto;
	height: auto;
	padding-top: 75px;
	padding-bottom: 100px;
}
div.aboutPartner h3
{
	text-align: center;
	padding-bottom: 60px;
}
div.aboutPartner p
{
	text-align: center;
}
div.aboutPartner a
{
	width: auto;
	height: auto;
	margin-right: 30px;
	display: inline-block;
}
div.aboutPartner a:last-child
{
	margin-right: 0px;
}
div.aboutPartner img
{
	width: auto;
	height: 48px;
}
div.productOne
{
	padding-top: 50px;
	padding-bottom: 100px;
}
div.productTwo
{
	padding-top: 100px;
	padding-bottom: 100px;
}
div.productSolar
{
	width: 31.7%;
	height: auto;
	padding-top: 50px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
}
div.productSolar:last-child
{
	margin-right: 0px;
}
div.productSolar img
{
	width: 100px;
	height: 70px;
	margin: auto;
}
div.productSolar h5
{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 13px;
}
div.productSolar p
{
	text-align: justify;
}
div.serviceIntroOne
{
	padding-top: 50px;
	padding-bottom: 93px;
}
div.serviceSolar
{
	width: 32.8%;
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	vertical-align: top;
}
div.serviceSolar h1
{
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
div.serviceSolar h4
{
	text-align: center;
}
div.serviceIntroOne p
{
	text-align: center;
}
div.serviceIntroTwo
{
	padding-top: 75px;
	padding-bottom: 93px;
}
div.serviceIntroTwo h3,
div.serviceIntroTwo h4,
div.serviceIntroTwo p
{
	text-align: center;
}
div.serviceIntroTwo h4
{
	padding-top: 0px;
	padding-bottom: 0px;
}
div.serviceCalc
{
	padding-top: 75px;
	padding-bottom: 93px;
}
div.serviceCalc h3
{
	text-align: center;
}
div.serviceCalc div.calcHeader
{
	border-right: 1px solid rgb(200,200,200);
	border-left: 1px solid rgb(200,200,200);
	border-top: 1px solid rgb(200,200,200);
}
div.serviceCalc div.calcHeader ul
{
	width: auto;
	height: auto;
}
div.serviceCalc div.calcHeader ul li
{
	width: auto;
	height: auto;
	display: inline;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer;
}
div.serviceCalc div.calcHeader ul li.backgroundWhite
{
	cursor: default;
}
div.serviceCalc div.calcHeader h6
{
	text-align: center;
}
div.serviceCalc div.calcMain
{
	position: relative;
	height: auto;
	border-left: 1px solid rgb(200,200,200);
	border-right: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);
}
div.serviceCalc div.calcMain div.calc
{
	width: 100%;
	height: auto;
	position: relative;
	padding: 20px;
}
div.serviceCalc div.calcMain div.calc fieldset
{
	width: auto;
	border: 1px solid rgb(24,43,124);
	margin-bottom: 20px;
	padding: 20px;
}
div.serviceCalc div.calcMain div.calc fieldset:first-child
{
	margin-top: 20px;
}
div.serviceCalc div.calcMain div.calc fieldset:last-child
{
	margin-bottom: 30px;
}
div.serviceCalc div.calcMain div.calc fieldset legend
{
	width: auto;
	height: auto;
	padding: 0px 20px 0px 20px;
}
div.serviceCalc div.calcMain div.calc fieldset ul
{
	width: 100%;
	height: auto;
}
div.serviceCalc div.calcMain div.calc fieldset ul li
{
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	border-bottom: 2px solid rgb(24,43,124);
}
div.serviceCalc div.calcMain div.calc fieldset ul li div
{
	height: auto;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.numberOfAppliance
{
	width: 18%;
	height: auto;
	min-height: 32px;
	position: relative;
	float: left;
	margin-top: 20px;
	border-right: 2px solid rgb(95,95,95);
} 
div.serviceCalc div.calcMain div.calc fieldset ul li:first-child div.numberOfAppliance
{
	margin-top: 0px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.numberOfAppliance p
{
	width: auto;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 0px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1em;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance
{
	width: 80%;
	height: auto;
	float: right;
	padding: 0px 20px 0px 0px;
	margin-top: 20px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li:first-child div.inputOfAppliance
{
	margin-top: 0px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p
{
    display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
	padding-top: 0px;
	padding-bottom: 5px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p:first-child
{
	padding-top: 5px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p label
{
	width: auto;
	min-width: 185px;
	height: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 5px 20px 5px 0px;
	display: inline-block;
	text-align: right;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input,
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p select
{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 2px 5px 2px 5px;
	border: 2px solid rgb(95,95,95);
	background-color: transparent;
	transition: background-color 0.25s ease;
	-moz-transition: background-color 0.25s ease;
	-webkit-transition: background-color 0.25s ease;
	-o-transition: background-color 0.25s ease;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input:focus,
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p select:focus
{
	background-color: rgb(240,240,240);
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[required="required"]:invalid,
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p select[required="required"]:invalid
{
	border: 2px solid rgb(228,147,36);
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[type=range]
{
	height: auto;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	border: 0px;
	-webkit-appearance: none;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[type=range]:focus
{
	background-color: transparent;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[type=range]::-webkit-slider-runnable-track
{
	width: 100%;
	height: 12px;
	cursor: pointer;
	border: 0px;
	border-radius: 0px;
	background-color: rgb(95,95,95);
	box-shadow: 0px;
	transition: background-color 0.25s ease;
	-webkit-transition: background-color 0.25s ease;
	-o-transition: background-color 0.25s ease;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[type=range]:focus::-webkit-slider-runnable-track
{
	background-color: rgb(200,200,200);
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[type=range]::-moz-range-track
{
	width: 100%;
	height: 14px;
	cursor: pointer;
	border: 0px;
	border-radius: 0px;
	background-color: rgb(95,95,95);
	box-shadow: 0px;
	transition: background-color 0.25s ease;
	-moz-transition: background-color 0.25s ease;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[type=range]:focus::-moz-range-track
{
	background-color: rgb(200,200,200);
}

div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[type=range]::-ms-track
{
	width: 100%;
	height: 14px;
	cursor: pointer;
	background-color: transparent;
	border-color: transparent;
	color: transparent;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[type=range]::-ms-fill-lower
{
	border: 0px;
	border-radius: 0px;
	background-color: rgb(95,95,95);
	box-shadow: 0px;
	transition: background-color 0.25s ease;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[type=range]::-ms-fill-upper
{
	border: 0px;
	border-radius: 0px;
	background-color: rgb(95,95,95);
	box-shadow: 0px;
	transition: background-color 0.25s ease;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[type=range]:focus::-ms-fill-lower
{
	background: rgb(200,200,200);
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[type=range]:focus::-ms-fill-upper
{
	background: rgb(200,200,200);
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[type=range]::-webkit-slider-thumb
{
	width: 24px;
	height: 12px;
	cursor: pointer;
	border: 1px solid rgb(95,95,95);
	border-radius: 2px;
	background: rgb(255,255,255);
	box-shadow: 0px;
	-webkit-appearance: none;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[type=range]::-moz-range-thumb
{
	width: 24px;
	height: 12px;
	cursor: pointer;
	border: 1px solid rgb(95,95,95);
	border-radius: 2px;
	background: rgb(255,255,255);
	box-shadow: 0px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input[type=range]::-ms-thumb
{
	width: 24px;
	height: 12px;
	cursor: pointer;
	border: 1px solid rgb(95,95,95);
	border-radius: 2px;
	background: rgb(255,255,255);
	box-shadow: 0px;
}
div.serviceCalc div.calcMain div.calc input.downloadButton
{
	width: 100%;
	height: 34px;
	padding: 5px 5px 5px 5px;
	margin: 15px 0px 5px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 2px solid rgb(0,165,79);
	background-color: rgb(0,165,79);
	font-size: 18px;
	font-weight: bold;
}
div.serviceCalc div.calcMain div.calc input.downloadButton:hover
{
	cursor: pointer;
}
div.serviceCalc div.calcMain div.calc input.downloadButton:active
{
	background-color: transparent;
}
div.serviceCalc div.calcMain div#calcHome input.downloadButton
{
	color: rgb(237,241,252);
}
div.serviceCalc div.calcMain div#calcHome input.downloadButton:active
{
	color: rgb(0,165,79);
}
div.serviceCalc div.calcMain div#calcOffice input.downloadButton
{
	color: rgb(234,255,244);
}
div.serviceCalc div.calcMain div#calcOffice input.downloadButton:active
{
	color: rgb(0,165,79);
}
div.serviceCalc div.calcMain div#calcPublicSector input.downloadButton
{
	color: rgb(255,251,223);
}
div.serviceCalc div.calcMain div#calcPublicSector input.downloadButton:active
{
	color: rgb(0,165,79);
}
div.serviceCalc div.calcMain div#calcIndustry input.downloadButton
{
	color: rgb(240,240,240);
}
div.serviceCalc div.calcMain div#calcIndustry input.downloadButton:active
{
	color: rgb(0,165,79);
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p output
{
	width: 100px;
	height: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 5px 5px 5px 5px;
	background-color: transparent;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input.nameOfSelection
{
	margin-left: 2px;
	margin-top: 0px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p span
{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 5px 5px 5px 5px;
}
div.serviceCalc div.calcMain div.calc div.addRemoveListItem
{
	width: 100%;
	height: auto;
	padding-top: 20px;
}
div.serviceCalc div.calcMain div.calc div.addRemoveListItem p span
{
	cursor: pointer;
}
div.serviceCalc div.calcMain div.calc div.calcAppliancesResultsWrapper
{
	width: 100%;
	height: auto;
	display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
}
div.serviceCalc div.calcMain div.calc div.calcAppliancesResultsWrapper p
{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 20px;
}
div.serviceCalc div.calcMain div.calc fieldset.calcEquivalentDCLoad p,
div.serviceCalc div.calcMain div.calc fieldset.calcInverterRating p,
div.serviceCalc div.calcMain div.calc fieldset.calcBatteryProperties p,
div.serviceCalc div.calcMain div.calc fieldset.calcSolarPanel p
{
	width: 100%;
	height: auto;
	text-align: center;
} 
div.serviceCalc div.calcMain div.calc p.calcAppliancesResultPower span b,
div.serviceCalc div.calcMain div.calc p.calcAppliancesResultEnergy span b,
div.serviceCalc div.calcMain div.calc p.calcEquivalentDCLoadResult span b,
div.serviceCalc div.calcMain div.calc p.calcInverterRatingResult span b,
div.serviceCalc div.calcMain div.calc p.calcBatteryPropertiesCapacity span b,
div.serviceCalc div.calcMain div.calc p.calcBatteryPropertiesQuantity span b,
div.serviceCalc div.calcMain div.calc p.calcSolarPanelSize span b
{
	font-size: 20px;
}
div.contactform
{
	width: 80%;
	height: auto;
	padding-top: 50px;
	padding-bottom: 0px;
	margin: auto;
}
div.contactformInnerLeft
{
	width: 49.5%;
	height: auto;
	float: left;
	padding-right: 50px;
}
div.contactformInnerRight
{
	width: 49.5%;
	height: auto;
	float: right;
}
div.contactformInnerRight iframe
{
	width: 100%;
	height: 565px;
	border: 0px;
	overflow: hidden;
}
div.adress
{
	padding-top: 50px;
	padding-bottom: 85px;
}
div.adress h1,
div.adress h4,
div.adress h5
{
	text-align: center;
	letter-spacing: 0.05em
}
iframe#locationMap
{
	width: 100%;
	height: 400px;
}

/* 04 - footer*/
div#footer
{
	width: 100%;
	height: auto;
	z-index: 30;
}
div.mainFooter
{
	padding-top: 20px;
	padding-bottom: 20px;
}
div.mainFooter div.sectionInner div
{
	width: auto;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}
div.mainFooter div.sectionInner p
{
	font-size: 12px;
	letter-spacing: 0.05em;
}
div.mainFooter div.sectionInner div.copyright
{
	float: left;
}
div.mainFooter div.sectionInner div.url,
div.mainFooter div.sectionInner div.email,
div.mainFooter div.sectionInner div.mobile
{
	float: right;
}
div.disclaimer
{
	padding-bottom: 20px;
}
div.disclaimer div.sectionInner
{
	border-top:1px solid rgb(200,200,200);
}
div.disclaimer p
{
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
	letter-spacing: 0.05em;
	text-align: justify;
}
div.designer
{
	padding-top: 20px;
	padding-bottom: 20px;
}
div.designer div.designerLink
{
	width: 120px;
    height: auto;
    margin: auto;
}
div.designer div.designerLink a
{
	width: auto;
    height: auto;
    display: block;
}
div.designer div.designerLink a img
{
	width: 120px;
    height: 40px;
}

/* 05 - sidebar*/



/*
______________________________________

III. screen and (max-width: 1279px)
______________________________________
*/
@media only screen and (max-width: 1279px)
{
/* 01 - global*/
.unnecessary_1280
{
	display: block;
}
.unnecessary_768
{
	display: none;
}
h1
{
	font-size: 48px;
	padding-top: 38px;
	padding-bottom: 38px;
}
h2
{
	font-size: 36px;
	padding-top: 28px;
	padding-bottom: 28px;
}
h3
{
	font-size: 28px;
	padding-top: 20px;
	padding-bottom: 20px;
}
h4
{
	font-size: 24px;
	padding-top: 15px;
	padding-bottom: 15px;
}
h5
{
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
h6
{
	font-size: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
}
p
{
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}
legend
{
	font-size: 14px;
}

/* 02 - header*/
div.headerOverlay
{
	background-image: url('images/header-overlay-right-1280.jpg');
}
div#headerLogo img
{
	width: 24px;
	height: 24px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
}
div#headerSlogan img
{
	width: 408px;
	height: 100px;
}
div#header ul li a
{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
}

/* 03 - main*/
div#main
{
	padding-top: 170px;
}
div.siteTitle h2
{
	padding-top: 30px;
	padding-bottom: 30px;
}
div.homeIntroOne h5
{
	font-size: 16px;
}
div.homeIntroTwo
{
	padding-top: 80px;
	padding-bottom: 80px;
}
div.introSolar h1
{
	padding-top: 0px;
	padding-bottom: 0px;
}
div.homeWelcome
{
	padding-top: 65px;
	padding-bottom: 75px;
}
div.aboutWho
{
	padding-top: 30px;
	padding-bottom: 80px;
}
div.aboutWho div.pictureSliderAbout
{
	width: 304px;
	height: 229px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-right: 15px;
}
div.aboutWho div.pictureSliderAbout div.images,
div.aboutWho div.pictureSliderAbout div.arrowsPoints
{
	width: 300px !important;
	height: 225px !important;
}
div.aboutMission
{
	padding-top: 60px;
	padding-bottom: 80px;
}
div.aboutMission div.pictureSliderAbout
{
	width: 304px;
	height: 229px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 15px;
}
div.aboutMission div.pictureSliderAbout div.images,
div.aboutMission div.pictureSliderAbout div.arrowsPoints
{
	width: 300px !important;
	height: 225px !important;
}
div.aboutPartner
{
	padding-top: 60px;
	padding-bottom: 80px;
}
div.aboutPartner h3
{
	padding-bottom: 40px;
}
div.aboutPartner a
{
	margin-right: 15px;
}
div.aboutPartner a:last-child
{
	margin-right: 0px;
}
div.aboutPartner img
{
	height: 29px;
}
div.productOne
{
	padding-top: 50px;
	padding-bottom: 80px;
}
div.productTwo
{
	padding-top: 80px;
	padding-bottom: 80px;
}
div.productSolar
{
	width: 30.6%;
}
div.productSolar img
{
	width: 70px;
	height: 49px;
}
div.serviceIntroOne
{
	padding-top: 50px;
	padding-bottom: 75px;
}
div.serviceSolar h1
{
	padding-top: 0px;
	padding-bottom: 0px;
}
div.serviceIntroTwo
{
	padding-top: 60px;
	padding-bottom: 75px;
}
div.serviceCalc
{
	padding-top: 60px;
	padding-bottom: 75px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p
{
	padding-top: 0px;
	padding-bottom: 5px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p:first-child
{
	padding-top: 5px;
}
div.contactformInnerLeft
{
	padding-right: 20px;
}
div.adress
{
	padding-top: 42px;
	padding-bottom: 70px;
}

/* 04 - footer*/
div.mainFooter
{
	padding-top: 14px;
	padding-bottom: 14px;
}
div.mainFooter div.sectionInner div
{
	padding-left: 6px;
	padding-right: 6px;
}
div.mainFooter div.sectionInner p
{
	font-size: 10px;
}
div.disclaimer
{
	padding-bottom: 14px;
}
div.disclaimer p
{
	padding-left: 8px;
	padding-right: 8px;
	font-size: 10px;
}
div.designer
{
	padding-top: 14px;
	padding-bottom: 14px;
}

/* 05 - sidebar*/
}



/*
______________________________________

IV. screen and (max-width: 767px)
______________________________________
*/
@media only screen and (max-width: 767px)
{
/* 01 - global*/
.unnecessary_1280
{
	display: block;
}
.unnecessary_768
{
	display: block;
}
.unnecessary_480
{
	display: none;
}
.nojs-wrapper
{
	width: 300px;
}
.nojs-icon
{
	font-size: 50px;
}
.nojs-textOne
{
	font-size: 24px;
	padding-top: 30px;
}
.nojs-textTwo
{
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 50px;
}
.nojs-wrapper a
{
	width: auto;
	height: auto;
	left: 50%;
	position: relative;
	display: inline-block;
	padding: 15px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	border: 2px solid rgb(252,212,5);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
h1
{
	font-size: 32px;
	padding-top: 28px;
	padding-bottom: 28px;
}
h2
{
	font-size: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
h3
{
	font-size: 24px;
	padding-top: 15px;
	padding-bottom: 15px;
}
h4
{
	font-size: 20px;
	padding-top: 13px;
	padding-bottom: 13px;
}
h5
{
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}
h6
{
	font-size: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
}
h1,h2,h3,h4,h5,h6,p
{
	text-align: center;
}
p
{
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}
legend
{
	font-size: 14px;
}

/* 02 - header*/
div#header
{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
div.headerOverlay
{
	background-image: url('images/header-overlay-right-768.jpg');
}
div#headerLogo img
{
	width: 24px;
	height: 24px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
}
div#headerSlogan img
{
	width: 204px;
	height: 50px;
}
div#header i
{
	width: auto;
	height: auto;
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 20px;
	text-align: right;
	cursor: pointer;
}
div#headerNavMobile
{
	width: 100%;
	height: auto;
	padding-top: 80px;
	margin: auto;
	position: fixed;
	z-index: 49;
	box-shadow: 0px 0px 10px rgb(95,95,95);
	-moz-box-shadow: 0px 0px 10px rgb(95,95,95);
	-webkit-box-shadow: 0px 0px 10px rgb(95,95,95);
	transition: padding-top 0.15s ease;
	-webkit-transition: padding-top 0.15s ease;
	-moz-transition: padding-top 0.15s ease;
	-o-transition: padding-top 0.15s ease;
}
div#headerNavMobile.scrollHeaderNavMobile 
{
	padding-top: 30px;
	transition: padding-top 0.15s ease;
	-webkit-transition: padding-top 0.15s ease;
	-moz-transition: padding-top 0.15s ease;
	-o-transition: padding-top 0.15s ease;
}
div#headerNavMobile ul
{
	width: auto;
	height: auto;
}
div#headerNavMobile ul li
{
	width: 100%;
	height: auto;
	display: block;
}
div#headerNavMobile ul li a
{
	width: 100%;
	height: auto;
	margin: auto;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 20px;
	text-align: center;
}

/* 03 - main*/
div#main
{
	padding-top: 120px;
}
div.siteTitle h2
{
	padding-top: 20px;
	padding-bottom: 20px;
}
div.sectionInner
{
	width: 90%;
}
div.homeIntroTwo
{
	padding-top: 30px;
	padding-bottom: 80px;
}
div.introSolar
{
	width: 100%;
	padding-top: 50px;
	padding-left: 0px;
	padding-right: 0px;
	display: block;
}
div.introSolar h1
{
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
div.introSolar h4
{
	text-align: center;
}
div.introSolar p
{
	text-align: justify;
}
div.aboutWho
{
	padding-top: 45px;
	padding-bottom: 80px;
}
div.aboutWho h3
{
	padding-bottom: 30px;
}
div.aboutWho div.pictureSliderAbout
{
	width: 284px;
	height: 214px;
	margin: auto;
	display: block;
	float: none;
}
div.aboutWho div.pictureSliderAbout div.images,
div.aboutWho div.pictureSliderAbout div.arrowsPoints
{
	width: 280px !important;
	height: 210px !important;
}
div.aboutWho p
{
	padding-top: 15px;
}
div.aboutMission
{
	padding-top: 65px;
	padding-bottom: 80px;
}
div.aboutMission h3
{
	padding-bottom: 30px;
}
div.aboutMission div.pictureSliderAbout
{
	width: 284px;
	height: 214px;
	margin: auto;
	display: block;
	float: none;
}
div.aboutMission div.pictureSliderAbout div.images,
div.aboutMission div.pictureSliderAbout div.arrowsPoints
{
	width: 280px !important;
	height: 210px !important;
}
div.aboutMission p
{
	padding-top: 15px;
}
div.aboutPartner
{
	padding-top: 65px;
	padding-bottom: 80px;
}
div.aboutPartner h3
{
	padding-bottom: 50px;
}
div.aboutPartner a
{
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
div.aboutPartner a:last-child
{
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
div.aboutPartner img
{
	width: auto;
	height: 50px;
}
div.aboutPartner img
{
	width: auto;
	height: 50px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
div.aboutPartner img:last-child
{
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
div.productOne
{
	padding-top: 60px;
	padding-bottom: 80px;
}
div.productTwo
{
	padding-top: 80px;
	padding-bottom: 80px;
}
div.productSolar
{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
	display: block;
}
div.productSolar:last-child
{
	margin-bottom: 0px;
}
div.productSolar img
{
	width: 60px;
	height: 42px;
}
div.serviceIntroOne
{
	padding-top: 60px;
	padding-bottom: 75px;
}
div.serviceSolar
{
	width: 100%;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	display: block;
}
div.serviceSolar h1
{
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
div.serviceSolar h4
{
	text-align: center;
}
div.serviceIntroOne p
{
	text-align: justify;
}
div.serviceIntroTwo
{
	padding-top: 60px;
	padding-bottom: 75px;
}
div.serviceCalc
{
	padding-top: 60px;
	padding-bottom: 75px;
}
div.serviceCalc div.calcHeader ul li
{
	display: block;
	float: none;
}
div.serviceCalc div.calcMain div.calc
{
	padding: 10px;
}
div.serviceCalc div.calcMain div.calc fieldset
{
	margin-bottom: 10px;
	padding: 10px;
}
div.serviceCalc div.calcMain div.calc fieldset:first-child
{
	margin-top: 10px;
}
div.serviceCalc div.calcMain div.calc fieldset:last-child
{
	margin-bottom: 20px;
}
div.serviceCalc div.calcMain div.calc fieldset legend
{
	padding: 0px 10px 0px 10px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li
{
	padding-bottom: 10px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.numberOfAppliance
{
	margin-top: 10px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance
{
	padding: 0px 10px 0px 0px;
	margin-top: 10px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p
{
    display: block;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 5px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p:first-child
{
	padding-top: 5px;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p label
{
	width: 185px;
	min-width: auto;
	padding: 0px 5px 5px 5px;
	display: block;
	text-align: left;
}
div.serviceCalc div.calcMain div.calc fieldset ul li div.inputOfAppliance p input.nameOfSelection
{
	margin-left: 0px;
	margin-top: 2px;
}
div.serviceCalc div.calcMain div.calc div.calcAppliancesResultsWrapper
{
	display: block;
}
div.serviceCalc div.calcMain div.calc div.calcAppliancesResultsWrapper p
{
	font-size: 14px;
}
div.serviceCalc div.calcMain div.calc p.calcAppliancesResultPower span b,
div.serviceCalc div.calcMain div.calc p.calcAppliancesResultEnergy span b,
div.serviceCalc div.calcMain div.calc p.calcEquivalentDCLoadResult span b,
div.serviceCalc div.calcMain div.calc p.calcInverterRatingResult span b,
div.serviceCalc div.calcMain div.calc p.calcBatteryPropertiesCapacity span b,
div.serviceCalc div.calcMain div.calc p.calcBatteryPropertiesQuantity span b,
div.serviceCalc div.calcMain div.calc p.calcSolarPanelSize span b
{
	font-size: 14px;
}
div.contactform
{
	width: 90%;
}
div.contactformInnerLeft
{
	width: 100%;
	height: auto;
	float: none;
	padding-bottom: 20px;
	padding-right: 0px;
}
div.contactformInnerRight
{
	width: 100%;
	height: auto;
	float: none;
}
div.adress
{
	padding-top: 52px;
	padding-bottom: 70px;
}

/* 04 - footer*/
div.mainFooter div.sectionInner div
{
	padding-left: 0px;
	padding-right: 0px;
}
div.mainFooter div.sectionInner p
{
	letter-spacing: 0em;
}
div.mainFooter div.sectionInner div.copyright,
div.mainFooter div.sectionInner div.url,
div.mainFooter div.sectionInner div.email,
div.mainFooter div.sectionInner div.mobile
{
	float: none;
	text-align: center;
}
div.disclaimer p
{
	padding-left: 0px;
	padding-right: 0px;
	letter-spacing: 0em;
}

/* 05 - sidebar*/
}



/*
______________________________________

V. print
______________________________________
*/
@media only print
{
/* 01 - global*/
.unnecessary_print
{
	display: none;
}

/* 02 - header*/

/* 03 - main*/

/* 04 - footer*/

/* 05 - sidebar*/
}