/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { min-width: 320px; background: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.3; color: #000; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'HelveticaNeue';
    src: url('fonts/helveticaneue-webfont.eot');
    src: url('fonts/helveticaneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-webfont.woff') format('woff'),
         url('fonts/helveticaneue-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-webfont.svg#HelveticaNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('fonts/helveticaneue-bold-webfont.eot');
    src: url('fonts/helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-bold-webfont.woff') format('woff'),
         url('fonts/helveticaneue-bold-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-bold-webfont.svg#HelveticaNeueRegular') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaLTStdBlackCondensed';
    src: url('fonts/helveticaltstd-blkcond-webfont.eot');
    src: url('fonts/helveticaltstd-blkcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaltstd-blkcond-webfont.woff') format('woff'),
         url('fonts/helveticaltstd-blkcond-webfont.ttf') format('truetype'),
         url('fonts/helveticaltstd-blkcond-webfont.svg#HelveticaLTStdBlackCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: "HelveticaLTStdCond";
	src: url("fonts/HelveticaLTStdCond_400_normal_1435320467.eot");
	src: url("fonts/HelveticaLTStdCond_400_normal_1435320467.eot?#iefix") format("embedded-opentype"),
		 url("fonts/HelveticaLTStdCond_400_normal_1435320467.svg#HelveticaLTStdCond") format("svg"),
		 url("fonts/HelveticaLTStdCond_400_normal_1435320467.woff") format("woff"),
		 url("fonts/HelveticaLTStdCond_400_normal_1435320467.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */

i[class^=ico-] { display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; text-indent: -4004px; }

.ico-light { background: url(images/ico-light@2x.png) no-repeat 0 0; width: 25px; height: 31px; -webkit-background-size: 25px 31px; background-size: 25px 31px; }
.ico-battery { background: url(images/ico-battery@2x.png) no-repeat 0 0; width: 24px; height: 31px; -webkit-background-size: 24px 31px; background-size: 24px 31px; }
.ico-house { background: url(images/ico-house@2x.png) no-repeat 0 0; width: 32px; height: 24px; -webkit-background-size: 32px 24px; background-size: 32px 24px; }

a:hover .ico-light { background-image: url(images/ico-light-white@2x.png); }
a:hover .ico-battery { background-image: url(images/ico-battery-white@2x.png); }
a:hover .ico-house { background-image: url(images/ico-house-white@2x.png); }

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

/* ------------------------------------------------------------ *\
	Widgets
\* ------------------------------------------------------------ */

.widget-solar { max-width: 600px; border: none; font-family: 'HelveticaNeue', sans-serif; padding: 10px 0 5px; background: url(images-re-1.4/widget-bg.png) no-repeat center center; }
.widget-solar p { text-transform: uppercase; font-size: 16px; letter-spacing: 0; margin-bottom: 5px; text-transform: uppercase; text-transform: uppercase; color: #fff; font-family: 'HelveticaLTStdCond', Helvetica, sans-serif; text-align: center; }
.widget-solar strong { color: #b0ea04; }
.widget-solar .widget-inner { text-align: center; padding-top: 6px; }
.widget-solar .widget-inner p { margin-bottom: 0; text-transform: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.widget-solar .widget-inner a { color: #c0ff00; text-transform: none; text-decoration: underline; }
.widget-solar .widget-inner span { display: inline-block; vertical-align: middle; margin-right: 5px; }
.widget-solar .widget-inner img { display: inline-block; vertical-align: middle; }

/*  Secondary  */

.widget-solar-secondary { max-width: 300px; padding-top: 0px; background: url(images-re-1.4/widget-bg-2.png) no-repeat center center; }
.widget-solar-secondary p { font-size: 18px; line-height: 1; text-align: center; margin-bottom: 0; font-family: Arial, Helvetica, sans-serif; padding: 6px 20px 5px; }
.widget-solar-secondary .widget-inner { padding-top: 4px; }
.widget-solar-secondary .widget-inner p { line-height: 1; margin-top: 0; padding-top: 0; }
.widget-solar-secondary .widget-inner span { display: block; margin-bottom: 6px; }
.widget-solar-secondary .widget-inner img { margin-left: 35px; }



/* ------------------------------------------------------------ *\
	List Actions
\* ------------------------------------------------------------ */

.list-actions { list-style: none; width: 100%; }
.list-actions:after { content: ''; line-height: 0; display: table; clear: both; }
.list-actions li { display: inline-block; vertical-align: middle; width: 33.33%; float: left; background: #539201; position:relative; transition: background .3s; }
.list-actions li:hover { background: #69b309; }
.list-actions li:hover:before { opacity: 0; }

.list-actions li:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; transition: opacity .3s; }

.list-actions li:nth-child(1) { padding-left: 12px; }
.list-actions li:nth-child(1):before { width: 130px; background: url(images-re-1.4/first-shadow.png) no-repeat 0 0; }

.list-actions li:nth-child(2) { background: #427400; padding-left: 12px; }
.list-actions li:nth-child(2):hover { background: #69b309; }
.list-actions li:nth-child(2):before { width: 151px; background: url(images-re-1.4/second-shadow.png) no-repeat 0 0; left: -29px; }

.list-actions li:nth-child(3) { padding-left: 6px; }
.list-actions li:nth-child(3):before { width: 115px; background: url(images-re-1.4/third-shadow.png) no-repeat 0 0; }

.list-actions li ~ li { margin-left: 0; }
.list-actions strong { display: inline-block; vertical-align: middle; position: relative; top: 50%; transform: translateY(-50%); }
.list-actions strong i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5; }
.list-actions span { display: inline-block; position: relative; top: 50%; transform: translateY(-50%); margin-top: -8px; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 0 0 transparent; }
.list-actions a { display: block; border: none; position: relative; height: 55px; padding-left: 0; font-size: 14px; line-height: 1.07; color: #fff; text-decoration: none;
	-webkit-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

@media(max-width: 590px){
	.list-actions {}
	.list-actions li { width: 100%; float: none; }
	.list-actions strong { width: 78px; }
	.list-actions li:nth-child(3) { padding-left: 12px; }
	.list-actions li ~ li { margin-left: 0; margin-top: 10px; }
	.widget-solar { background-size: auto 100%; }
}

/*  Secondary  */

.list-actions-secondary { padding-left: 0; }
.list-actions-secondary a { border: 0; height: 138px; }
.list-actions-secondary span { font-size: 14px; display: block; position: static; transform: translateY(0); text-align: left; padding-left: 20px; margin-top: 0; line-height: 1.07; }
.list-actions-secondary strong { position: static; transform: translateY(0); }
.list-actions-secondary li { text-align: center; padding-left: 0 !important; width: 33.33%; float: left; }
.list-actions-secondary li ~ li { margin-left: 0; margin-top: 0; }

.list-actions-secondary li:nth-child(1) a { padding-top: 17px; }
.list-actions-secondary li:nth-child(1) strong { margin-bottom: 9px; }
.list-actions-secondary li:nth-child(1):before { width: 93px; height: 119px; background: url(images-re-1.4/shadow-first-2.png) no-repeat 0 0; }
.list-actions-secondary li:nth-child(2) a { padding-top: 8px; }
.list-actions-secondary li:nth-child(2) strong { margin-bottom: 10px; }
.list-actions-secondary li:nth-child(2) span { padding-left: 25px; }
.list-actions-secondary li:nth-child(2):before { width: 164px; height: 115px; background: url(images-re-1.4/shadow-second-2.png) no-repeat 0 0; }
.list-actions-secondary li:nth-child(3) a { padding-top: 14px; }
.list-actions-secondary li:nth-child(3):before { width: 107px; height: 117px; background: url(images-re-1.4/shadow-third-2.png) no-repeat 0 0; }

/* ------------------------------------------------------------ *\
	Section Widget
\* ------------------------------------------------------------ */

.section-widget { max-width: 600px; min-height: 102px; padding: 17px 19px 5px 11px; border: 1px solid #219a2b; }

.section-widget .section-head p { font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; }
.section-widget .section-head p strong { color: #1f9a2b; font-weight: 700; }

.section-widget .section-content { float: left; width: 74%; padding-top: 11px; }
.section-widget .section-content p { color: #219a2b; padding-top: 5px; font-size: 13px; }
.section-widget .section-content p a { color: inherit; text-decoration: none; }
.section-widget .section-content p a:hover { opacity: .8; }
.section-widget .section-content p span { color: #cbcccc; }

.section-widget .section-image { float: right; margin-top: -18px; }
