/*FONTS*/
body {color:#333333; }
h1 {color: #3BA936; }
h2 {color: #3BA936; }
h3 {color: #000000; }
h4 {color: #000000; text-decoration: underline; }
h5 {color: #000000; text-decoration: underline; }
h6 {color: #3BA936; }
p a {color:#3BA936; }

.page-header {margin: 20px 0 0 0; padding:0;}
.page-header h2 {font-size:3rem; margin:0 0 20px 0;}

.green {color:#3BA936;}

/*BUTTON*/
.bt-disable {opacity:0.5;}
.btn, .bt, .bt-disable, .elec, .gas {font-size:1.5rem!important; font-family: 'museo_slab500'; background-color:#000000; color:#FFFFFF; border:2px solid #3BA936;}
.btn:hover, .bt:hover, .bt-disable:hover, .elec:hover, .gas:hover {background-color:#3BA936; color:#FFFFFF; border:2px solid #000000;}
.btn-primary, .bt-primary {background-color:#3BA936; color:#FFFFFF; border:2px solid #000000;}
.btn-primary:hover, .bt-primary {background-color:#000000; color:#FFFFFF; border:2px solid #3BA936;}

@media screen and (max-width:768px){
	.btn, .bt, .bt-disable {width:100%;}
}

/*TABLE - NOT DATEPICKER CALENDAR*/
table:not(.ui-datepicker-calendar) {border:1px solid #000000; margin:20px 0;}
table:not(.ui-datepicker-calendar) tr > * {text-align:center; border-right:1px solid #000000; border-bottom:1px solid #000000;}
table:not(.ui-datepicker-calendar) tr > *:last-child {border-right:none;}
table:not(.ui-datepicker-calendar) tr:last-child > * {border-bottom:none;}
table:not(.ui-datepicker-calendar) tr th {background-color:#3BA936; color:#FFFFFF; padding:8px;}
table:not(.ui-datepicker-calendar) tr td {padding:4px 8px; }

/*MENU*/
.navigation {border-bottom:3px solid #000000; }
.navigation .menu li a {color:#FFFFFF!important; }

@media screen and (min-width:769px){
	.navigation {background-color:#3BA936; background-image:url("/images/background/navigation.png"); background-repeat: repeat; padding:20px 0;}
	.navigation .menu > li > a {font-size:2.2rem; font-family: 'museo_slab500';}
	.navigation .menu > li:hover,
	.navigation .menu > li.current {background-color:#FFFFFF;}
	.navigation .menu > li:hover > a {background-color:#FFFFFF;}
	.navigation .menu > li:hover a,
	.navigation .menu > li.current > a {color:#3BA936!important;}
	.navigation .menu > li:hover > a:before,
	.navigation .menu > li.current > a:before {background:transparent!important;}
	.navigation .menu .nav-child {background-color:#3BA936;}
	.navigation .menu .nav-child li {padding:10px;}
	.navigation .menu .nav-child li a {font-size:1.75rem; color:#FFFFFF!important; }
	.navigation .menu .nav-child > li:hover > a {color:#FFFFFF!important;}
	.navigation .menu .nav-child li:before {content:"\f054"; font-family:'FontAwesome'; font-size:inherit; color:#FFFFFF; margin-right:5px;}
}
@media screen and (max-width:768px){
	.navigation {background-color:#3BA936;}
	.navbar .nav-collapse {background-color:#3BA936;}
	.navigation .menu > li > a {font-size:3rem; font-family: 'museo_slab500'; text-transform: uppercase; text-decoration: underline; }
	.navigation .menu .nav-child li > a {font-size:2.5rem;}
	.navigation .menu .nav-child li a:before {content:"\f054"; font-family:'FontAwesome'; font-size:inherit; color:#FFFFFF; margin-right:5px;}
}

/*HEADER*/
.header {border-bottom:3px solid #3BA936; padding:20px 0;}

/*MAIN BODY*/
@media screen and (min-width:769px){
	.main-body .content {border-right:3px solid #3BA936; padding-right:20px;}
	.content-image {clear:left; float:left; width:40%; padding-right:10px;}
}
@media screen and (max-width:768px){
	.main-body .content {border-bottom:3px solid #3BA936; padding-bottom:20px;}
	.content-image {clear:both; float:left; width:100%; margin:10px 0;}
}

/*CONTENT BOTTOM*/
.content-bottom {border-top:3px solid #000000; padding:20px 0;}

/*FOOTER*/
.footer {background-color:#000000; border-top:3px solid #3BA936; border-bottom:3px solid #FFFFFF; color:#FFFFFF;}
.footer h2 {color:#FFFFFF;}
.footer a {color:#FFFFFF;}

/*CREDITS*/
.credits {background-color:#000000; border-top:3px solid #000000; color:#3BA936; font-weight:bold; padding:20px 0;}
.credits a {color:#3BA936; text-decoration:underline;}

/*BACK TO TOP*/
.back-to-top {border:2px solid #000000; background-color:#3BA936; transform:scale(1);}
.back-to-top i {color:#FFFFFF; font-size:1.4rem;}
@media screen and (min-width:1025px){.back-to-top:hover {border:2px solid #3BA936; background-color:#000000; }}

/*REGISTER TODAY*/
.register-today > h1 {width:100%; background-color:#000000; color:#FFFFFF; text-align:center; text-decoration:none; padding: 10px;}
.register-today .button {border:3px solid #000000; border-radius:5px; margin-top:20px;}
.register-today .button:not(:last-child) {margin-bottom: 20px;}
.register-today .image {margin-top:20px; margin-bottom: 20px;}
.register-today .name { font-family: 'museo_slab500'; font-weight:bold; text-align:center; color:#000000;  padding:10px; margin-top:20px;}
.register-today a {text-decoration:none;}

@media screen and (min-width:1025px){.register-today .name {font-size:4rem;}}
@media screen and (max-width: 1024px){.register-today .name {font-size:3rem;}}

/*BOX*/
.box {position:relative;}
.box .image img {width:100%; height:auto;} 
.box .title {font-family: 'museo_slab500'; font-size:2rem;}
@media screen and (min-width:769px){
	.box {overflow:hidden; position:relative;}
	.box .content {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); }
	.box .title {width:100%; text-align:center; text-transform:uppercase; color:#FFFFFF; background-color:#3BA936; padding: 10px;}
	.box .text {width:90%; color:#FFFFFF; margin:0 5%;}
}
@media screen and (max-width:768px){
	.box {margin-bottom:20px;}
	.box .content {position:absolute; top:0px; width:100%; height:100%; color:#FFFFFF; text-shadow:0 0 1px #000000; background-color:rgba(0,0,0,0.6);}
	.box .title {width:100%; text-align:center; text-transform:uppercase; color:#FFFFFF; background-color:#3BA936; padding: 10px;}
	.box .text {width:90%; color:#FFFFFF; margin:0 5%;}
}

/*STEP BOX*/
.step-list > i {font-size:5rem;}
.step-box {border:3px solid #000000;}
.step-box > * {width:100%; text-align:center;}
.step-box .box-title {font-size:5rem; font-family: 'museo_slab500'; font-weight:bold;}
.step-box .description {font-size:3rem; font-weight:bold;}
.step-box .image i {font-size:10rem;}
@media screen and (min-width:769px){
	.step-list > i {line-height:219px; }
	.step-list > i.fa-arrow-down {display:none;}
}
@media screen and (max-width:768px){
	.step-list > i {width:100%; text-align:center; margin-bottom:20px;}
	.step-list > i.fa-arrow-right {display:none;}
}

/*ENDORSEMENT*/
.testimonial-item {width:100%;}
.testimonial-item .testimonial,
.testimonial-item .by {font-size:1.7rem; padding:0 1%;}
.testimonial-item i {color:#3BA936;}
.testimonial-item .testimonial {font-style:italic;} 
.testimonial-item .by,
.endorsement-by {text-transform: uppercase; font-family: 'museo_slab500'; font-weight: bold;}


/*PARTNERS*/
.partner-item {margin-bottom:15px; padding:20px 0;}
.partner-item:first-child {padding-top: 10px;}
.partner-item:not(:last-child){border-bottom:3px solid #3BA936;}
.partner-item .image {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-box-align-items: flex-start; -moz-box-align-items: flex-start; -ms-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start;}
.partner-item .image img {width:100%; height:auto;}
.partner-item .bio .more {margin-top:10px;}
@media screen and (min-width: 769px){
	.partner-item .bio h2 {margin-top:0;}
	body.partners .partner-item {width:32%;}
}
@media screen and (max-width:768px){
	body.partners .partner-item {width:100%;}
	.partner-item {-webkit-box-flex-flow: column nowrap; -moz-box-flex-flow: column nowrap; -ms-flex-flow: column nowrap; -webkit-flex-flow: column nowrap; flex-flow: column nowrap;}
	.paertner-item .bio h2 {margin-top:10px;}
}

/*VIDEO	*/
.main-body iframe {width:100%!important; }

/*FORM*/
input[type="text"] {padding:5px; box-shadow: none;}

/*FAQ*/
.mooaccordion {cursor: pointer; }
h2.mooaccordion {border-bottom:1px solid #3BA936; }
h2.mooaccordion:after {font-family:'FontAwesome'; font-size:inherit; color:inherit; margin-left:15px; }
h2.mooaccordion.closemoo:after {content:"\f078"; }
h2.mooaccordion.openmoo:after {content:"\f077"; }

/*REGISTER INTEREST PART II*/
#page2 .hello > p,
#page2 .label-title {font-weight:bold;margin-right:4px;}
#page2 .hello + p {clear:both;}
#page2 .buttons {margin:20px 0;}
#page2 .hello > *,
#page2 .org-name  > *,
#page2 .org-postcode  > * {float:left;}
.gas-meter > div,
.elec-meter-incontainer ~ div {clear:both; float:left; width:100%; margin-bottom:10px;}
.gas-meter > div label,
.elec-meter-incontainer ~ div label,
.elec_newsite label,
.gas_newsite label {width:250px; }
.gas-meter > div > input,
.elec-meter-incontainer ~ div > input {margin-right:5px;}
/*REGISTER INTEREST PART II - FORM PROCEED*/
#form_proceed {clear:both;}
#form_proceed input#contactid {display:none;}
.main-header-site {clear:both; font-family: 'museo_slab500'; font-size:1.5rem; color:#FFFFFF; background-color:#3BA936; padding:10px 0;  }
.new-site-select {margin:10px 0 0 0;}

::placeholder {text-align:center;}
/* ==================================================
	UI-DATEPICKER
================================================== */
.ui-datepicker {width:300px; border:1px solid #000000;}
.ui-datepicker .ui-datepicker-header {display:flex; justify-content:space-around; width:100%; background-color:#3BA936; }
.ui-datepicker .ui-datepicker-header > *,
.ui-datepicker .ui-datepicker-header a {color:#FFFFFF; }
.ui-datepicker .ui-datepicker-header a {cursor:pointer; }
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next {order:1; }
.ui-datepicker .ui-datepicker-header a:after {font-size:inherit; color:inherit; }
.ui-datepicker .ui-datepicker-header a span {display:none; }
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next:after {content:">"; }
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev:after {content:"<"; }
.ui-datepicker .ui-datepicker-calendar {width:100%; background-color:#FFFFFF; }
.ui-datepicker .ui-datepicker-calendar tr > * {width:calc(100%/7); text-align:center; }
.ui-datepicker .ui-datepicker-calendar tr td.ui-datepicker-unselectable {background:rgba(0,0,0,0.5); }
.ui-datepicker .ui-datepicker-calendar tr td a {color:#3BA936;}
/*REGISTER INTEREST ii - FORM LATER*/
#form_later {clear:both; float:left; margin-top:20px;}