New Note 1

#sp-page-builder .sp-pagebuilder-page-edit 
{
  display:none !important; 
  opacity: 0!important;
}

#sp-contact-support
{
/*float: right;	*/
}

#sp-solutions-footer
{
margin-right: 0%;
}

#sp-company-footer
{
margin-right: 0%;
}

#sp-resources-footer
{
margin-left: 0%;
}

#sp-legal-footer
{
margin-right: 0%;
}

.main-right-menu
{
float: right;  
}


/*
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.nav-pills>li>a:hover
{
    color: #ffffff!important;
    background-color: #d7df23!important;
    color: white!important;
    padding: 0px 15px!important;
    text-align: center!important;
    text-decoration: none!important;
    display: inline-block!important;
    height: 28px!important;
    line-height: 26px!important;
    border-radius: 20px!important;
}

*/

.sp-page-title
{
 padding: 4% 0% 1% 0%!important;
}


/* Custom Hours */

figure.snip1081 h2 {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    letter-spacing: 0px;
    font-size: 20px;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

figure.snip1081 .header {
    border-radius: 8px 8px 0 0;
    padding: 50px 15px 15px 25px;
    background: #8dc63f;
}

figure.snip1081 figcaption:after {
    border-radius: 0 0 8px 8px;
    width: 100%;
    background: #8dc63f;
    height: 5px;
    display: block;
    content: '';
}


.openhours p.dopen {
    color: rgb(141, 198, 63);
    text-transform: uppercase;
    font-weight: bold;
}

figure.snip1081.navy i {
    background: #8dc63f;
}


figure.snip1081:hover.navy figcaption:after, figure.snip1081.hover.navy figcaption:after, figure.snip1081:hover.navy .header, figure.snip1081.hover.navy .header {
    background: darkgray;
}

.openhours .dopen td, .openhours tr.dopen:hover td {
    background-color: rgb(255, 255, 255);
    color: #333333;
}



.social-icons-bottom 
{
    font-size: 40px!important;
    color: #653333!important;
   text-align: center; 
    /* text-align: right; */
}

.text-nowrap
{
white-space: nowrap!important;	
}


.fa.fa-facebook-square, .fa.fa-twitter-square, .fa.fa-flickr, .fa.fa-instagram
{
    color: #8dc63f !important;
	margin-right: 4%;
}


.fa.fa-linkedin
{
    color: #8dc63f !important;
}


.fa.fa-facebook-square:hover, .fa.fa-twitter-square:hover,.fa.fa-linkedin:hover, .fa.fa-flickr:hover, .fa.fa-instagram:hover
{
    color: #d7df23 !important;
}

.social-media-bottom
{
/* margin-right: 1%;	 */
/* margin-left: 17px;	 */
text-align: right;
}

.fa {

    /* padding-right: 6%; */
	/* padding-left: 6%; */
}



#sp-footer {
  color: #fff;
  text-align: center;
  padding: 20px 0;
}

#sp-footer a {
  color: rgba(255,255,255,0.9);
  text-align: right;
}

#sp-footer a:hover {
  color: #fff;
}

#sp-footer1 {
  text-align: right;
  margin-top: 2%;
  color: #666666;
}

#sp-footer2 .sppb-addon-social-media {
  float: right;
}
#sp-footer2 .sppb-addon-social-media .social-media-text-wrap a {
  font-size: 16px;
  margin-right: 20px;
}
#sp-footer2 .sppb-addon-social-media .social-media-text-wrap a:last-of-type {
  margin-right: 0;
}
#sp-footer-wrapper ul {
  display: inline-block;
}
#sp-footer-wrapper ul.nav {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 5px;
}
#sp-footer-wrapper ul.nav li {
  display: inline-block;
  margin: 0 5px;
}
#sp-footer-wrapper ul.nav li a {
  display: block;
}
#sp-footer-wrapper ul.nav li a:hover {
  background: none;
}
#sp-footer-wrapper .helix-framework {
  display: inline-block;
}
#sp-footer-wrapper .helix-framework .helix-logo {
  display: block;
  width: 130px;
  height: 40px;
  text-indent: -9999px;
  background: url(../images/helix-logo-white.png) no-repeat 0 0;
}
#sp-footer-wrapper .copyright {
  display: block;
}

#sp-bottom {
    border-top: 1px solid #8dc63f;
}

.sp-page-builder .page-content #section-id-1586241170166:after
{
	content: "";
    position: absolute;
    top: 119px;
    left: 50%;
    width: 80%;
    height: 2px;
    transform: translateX(-50%);
    margin: 0 auto;
    /*background: rgb(141, 198, 64);*/
   background: #d7df23;
}


/*----Main-Menu-------*/

.main-menu-btn
{
    background-color: #ffffff;
    color: #d7df23!important;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px;
}


.main-menu-btn-gray 
{
	color: #ffffff!important;
    background-color: #ffffff!important;
    color: #969696!important;
    padding: 0px 15px!important;
    text-align: center!important;
    text-decoration: none!important;
    display: inline-block!important;
    height: 28px!important;
    line-height: 26px!important;
    border-radius: 20px!important;
}


.main-menu-btn-gray:hover
{
	background-color: #d7df23!important;
    color: white!important;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px;
}




/*----Main-Menu-------*/

.sp-menu {
    margin-top: 10px;
    padding: 0px 15px!important;
    text-align: center!important;
    text-decoration: none!important;
    display: inline-block!important;
    height: 28px!important;
    line-height: 26px!important;
    border-radius: 20px!important;
}



/*----Sub-Menu-------*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner 
{
    /*background: #d7df23 !important;*/
    border-radius: 10px !important;
}

.menu-slide-down .sp-has-child >.sp-dropdown 
{
    top: 60px !important; 
    opacity: 0;
    visibility: hidden;
    display: block;
}

/*----Sub-Menu-------*/

.shadowed {
    box-shadow: 0 24px 24px 0 rgba(0,0,0,.05), 0 2px 2px 0 rgba(0,0,0,.05), 0 4px 4px 0 rgba(0,0,0,.05), 0 8px 8px 0 rgba(0,0,0,.05), 0 16px 16px 0 rgba(0,0,0,.05);
    position: absolute;
    top: .25rem;
    bottom: .25rem;
    left: .5rem;
    right: .5rem;
}

/*----Top Login Btn-------*/

.login-btn 
{

    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px;
    border: 1px solid #ccc;
    margin: 0px 0px 0px 0px;
    background: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.login-btn:hover
{

    background: #d7df23!important;
    color: #ffffff!important;
}


/*----Top Login Btn-------*/


/*Installer and Distributor Login Buttons*/

<a href="http://prepaidmeters.prepaidmeters.devel/index.php/component/users/?view=login" 
class="btn-i-login">green</a>

.btn-i-login {
	background-color:#d7df23;
	border-radius:28px;
	border:1px solid #d7df23;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:nunito;
	font-size:14px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.btn-i-login:hover {
	background-color:#abd038;
}
.btn-i-login:active {
	position:relative;
	top:1px;
}

.btn-d-login {
	background-color:#d7df23;
	border-radius:28px;
	border:1px solid #d7df23;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:nunito;
	font-size:14px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.btn-d-login:hover {
	background-color:#abd038;
}
.btn-d-login:active {
	position:relative;
	top:1px;
}