a, a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

header {
  position: relative;
  width: 100%;
  background: rgb(0, 0, 0);
  z-index: 99;
}

/*---------header mobile side----------*/
/* Menu Controls */
#mobile-nav .mobile-logo {
  color:#fff;
  font-size:2.1rem;
  padding:.65rem 1rem;
  position:absolute;
  }
  
  .mobile-menu-button {
  color:#000000;
  cursor:pointer;
  font-size:2rem;
  padding:1.75rem 1.55rem;
  position:fixed;
  right:0;
  }
  
  .open-menu {
  color:#fff;
  cursor:pointer;
  font-size:1rem;
  padding:1rem;
  position:absolute;
  right:0;
  top:0;
  transition:transform 250ms ease;
  }
  
  .rotate { transform:rotate(135deg); }
  
  
  /* Generated Overflow Element */
  
  #mobile-nav .mobile-overflow {
  margin-top:100px;
  overflow-x:hidden;
  overflow-y:auto;
  }
  
  
  /* Menu Styles */
  
 .state-model-zip {
            display: none; /* Hidden by default */
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0,0,0,0.4);
            transition: opacity 0.3s ease;
            opacity: 0;
        }

        .state-model-zip .modal-content {
            background-color: #fefefe;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #888;
            width: 80%;
            max-width: 500px;
            position: relative;
            transition: transform 0.5s ease, opacity 0.5s ease;
            transform: translateY(-100%);
            opacity: 0;
        }

        .state-model-zip.show {
            display: block;
            opacity: 1;
            z-index:999;
        }

        .state-model-zip .modal-content.show {
            transform: translateY(50%);
            opacity: 1;
        }

        .state-model-zip .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
        }

        .state-model-zip .close:hover,
        .state-model-zip .close:focus {
            color: black;
            text-decoration: none;
        }
        .state-model-zip .modal-header
        {
            padding:0 0 15px 0;
        }
        .state-model-zip .ge-model-ZipCode {
           padding-top: 0px;
           padding-bottom: 0px;
        }
        .state-model-zip .btn-close,
        .state-model-zip .modal-title
        {
            flex-basis:50%;
        }
        .state-model-zip .btn-close {
            background-size: inherit;
            font-size: 30px;
            /* background-position: right, center; */
            background: transparent;
            text-align: end;
            padding: 0;
        }
        #openModalBtn {
            color: #ffffff;
            font-family: 'HelveticaNeueBold';
            font-size: 14px;
            padding: 20px 20px;
            background: linear-gradient(to right, #BDE66E, #7CB44B);
            border-radius: 15px;
            font-weight: 700;
            border: 0;
            cursor:pointer;
        }
  #mobile-nav {
  background-color:#ffffff;
  position:fixed;
  width:100%;
  z-index:1;
  }
  
  #mobile-nav ul {
  background-color:#000000;
  display:none;
  position:relative;
  padding-left: 10px;
  padding-right: 10px;
  } 
  
  #mobile-nav ul li {
  border-top:1px solid rgba(255,255,255,.075);
  list-style:none;
  margin-bottom:0;
  position:relative;
  }
  
  #mobile-nav ul li a {
  color:#fff;
  display:inline-block;
  font-size:1rem;
  padding:1rem 0;
  text-decoration:none;
  width:100%;
  }
  
  #mobile-nav ul ul {
  margin:0;
  }
  
  #mobile-nav ul ul li {
  border-top:none;
  padding-left:1rem;
  }
/*---------header mobile side----------*/

/*---------header close----------*/

/*-----------header-top------------*/
ul.profile li
{
    display:block !important;
}
ul.profile li:hover {
    background: #6FAA43 !important;
    color: #ffffff !important;
}
ul.profile li:hover a
{
    background:unset !important;
    color: #ffffff !important;
}
.ge-dashboard-compareinsraller-dflex {
  background: rgba(225, 238, 216, 1);
  margin-top: 40px;
  border-radius: 0 60px 60px 0;
  display: flex;
  justify-content: space-between;
  padding: 0px 0px 0px 50px;
}
.ge-dashboard-compare-column {
  flex-basis: 17%;
}
.ge-dashboard-compareinsraller-column ul li {
  padding-top: 30px;
}
.ge-dashboard-compareinsraller-column:not(:last-child) {
  padding-bottom: 30px;
}
.ge-dashboard-compareinsraller-column:last-child {
  background: rgba(30, 47, 59, 1);
  color: #ffffff;
  border-radius: 0 40px 40px 0;
  padding-left: 20px;
  padding-right: 20px;
}
.ge-dashboard-compareinsraller-column:first-child ul li:after {
  content: "";
  position: absolute;
  top: 26px;
  right: -55px;
  height: 32px;
  width: 32px;
  background-image: url(../assets/img/compare-arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center, center;
  background-color: #6faa43;
  border-radius: 50%;
  text-align: center;
  padding-top: 16px !important;
  padding-left: 20px;
}
.ge-dashboard-row-dflex {
  display: flex;
  justify-content: space-between;
}
.ge-dashboard-row-dflex .ge-dashboard-compare-column:last-child {
  flex-basis: 26%;
}
.ge-installer-company-logo img {
  width: 100%;
}
.header-top {
  padding: 12px 0px 10px 0px;
  background: #ffffff;
}
.btn-solar-calcul
{
    padding: 10px 40px;
}
.btn-solar-installer:hover,
.btn-solar-calcul:hover, 
.btn-solar-calcul, 
.btn-solar-installer {
    background: rgba(235, 240, 255, 1);
    padding: 10px 30px !important;
    color: rgba(30, 47, 59, 1);
    border: 0 !important;
    font-weight: 600 !important;
}
.mainMenu-navigation .hasMM
{
  position: relative;
}
.mainMenu-navigation .hasMM:hover > ul.main-menu-subDropdown
{
  visibility: hidden;
  opacity: 1;
  display: none;
}
ul.main-menu-subDropdown
{
  position: absolute !important;
  top: 20px;
  left: 14px;
  min-width: 200px;
  background: #EBEBEB;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  margin-top: 0 !important;
  display: none;
}
.main-menu-subDropdown li
{
    text-decoration: none;
    padding: 15px 30px 15px 15px !important;
    display: block;
    position: relative;
}
.location-dropdown .main-menu-subDropdown li:hover {
  background: #6FAA43;
  color: #ffffff !important;
}
.location-dropdown .main-menu-subDropdown li:hover a
{
    color:#ffffff !important;
}
.location-dropdown .main-menu-subDropdown li
{
    display:block !important;
    height:auto !important;
    text-align:start !important;
}
.left_info ul li {
  display: inline-block;
  margin-right: 30px;
}

.left_info a {
  color: #fffefe;
  font-size: 14px;
  font-weight: 500;
}

.left_info i.fa {
  font-size: 19px;
  color: #fff;
  padding-right: 10px;
}

.right_info p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}
.left_info {
  text-align: right;
}
.dashboard-header {
  position: fixed;
  top: 0;
}
.ge-dashboard-wrapper {
  margin-top: 0px;
}
.header-user-nav {
  position: fixed;
  top: 18px;
  right: 30px;
}
main.ge-dashboard-head {
  margin-top: 0 !important;
}
a.nav-link.collapsed.active {
  background: rgba(30, 47, 59, 1);
  color: #ffffff;
}
main.ge-dashboard-head.sticky {
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  margin-top: 0 !important;
  border-bottom:1px solid #E4E4FB;
}
.right_info i.fa {
  font-size: 26px;
  margin-right: 10px;
  position: relative;
  bottom: -4px;
}
.sidebar .sidebar-nav li:first-child {
  margin-bottom: 30px;
  text-align: center;
}
.header-user-nav li ul 
{
  padding: 6px 0 32px;
  background: #ffffff;
}
.header-user-nav li ul li
{
  background: #ffffff;
}

header i.fa.fa-mobile {
  bottom: -4px;
  font-size: 26px;
  position: relative;
  border: 40px;
  font-weight: 500;
}

.left_info ul li:last-child {
  margin: 0px !IMPORTANT;
}
.header-main {
  padding: 12px 0;
  border-top: 1px solid #eeeeee;
  background:#ffffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25098039215686274)
}
.ge-footer-bt-block {
    text-align: center;
}
/*-----------header-top Close------------*/
/*-----------header-menu------------*/
nav#cssmenu ul {
  float: right;
  margin-top: 13px;
}
.logo-header{position:relative;z-index:123;float:left;}
.logo-header img {
  max-width: 170px;
  padding-top: 14px;
  padding-bottom: 15px;
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a {
  padding: 9px 17px;
  font-size: 16px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #000000;
  text-transform: uppercase;
}
.header-desktop #cssmenu ul
{
  float: unset;
  margin-top: 45px;
  text-align: center;
}
.header-user-quote {
  padding-top: 45px;
  padding-left: 20px;
  padding-right: 20px;
}
.header-user-quote a {
    color: #ffffff;
    font-family: 'HelveticaNeueBold';
    font-size: 14px;
    padding: 20px 20px;
    background: linear-gradient(to right, #BDE66E, #7CB44B);
    border-radius: 15px;
    font-weight: 700;
}
.header-user-object {
  margin-left: 40px;
  padding-top: 35px;
}
.header-desktop #cssmenu ul li a
{
  color: #000;
  font-family: 'Poppins';
  font-weight: 600;
  font-size: 16px;
}
.header-desktop #cssmenu ul li
{
  display: inline-block;
}
.header-desktop #cssmenu ul li:not(:last-child)
{
  padding-right: 10px;
}
.header-mobile
{
   display: none;
   padding: 0;
   border: 0;
   position: relative;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
  color: #6FAA43;
}
.header-user-object img {
  width: 30px;
  position:relative;
}
.userlogin {
    position: absolute;
    top: 0px;
    bottom: 0;
    right:32px;
    background: #6FAA43;
    height: 14px;
    width: 14px;
    border-radius: 50%;
}
.header-user-dflex {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.header-main.header-desktop
{
  padding: 0 0 0 30px;
}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a {
  font-size: 12px;
  text-decoration: none;
  color: #ddd;
  font-weight: 400;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#000000}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}

@media screen and (max-width:991px){
.header-desktop
  {
    display: none;
  } 
  .logo-header img {
    max-width: 170px;
    padding-top: 0px;
    width: 75%;
} 
.header-top .left_info,
.header-top .right_info
{
  text-align: center;
}
.header-mobile
  {
    display: block;
  } 
  .home-mobile-header
  {
    background: #ffffff;
    height: 100px;
  } 
.logo-header{padding:10px 0 0 20px;}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li {
  width: 100%;
  border-top: 1px solid #444;
  float: left;
}
#cssmenu ul li:hover{
  background: transparent !important;
}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu #head-mobile{display:block;color:#ddd;font-size:12px;font-weight:700}
.menu-button{width:55px;height:46px;position:absolute;right:0;top:20px;cursor:pointer;z-index: 12399994;}
.menu-button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #000000;border-bottom:2px solid #000000;content:''}
.menu-button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#000000;content:''}
.menu-button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#000000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menu-button.menu-opened:before{top:23px;background:#000000;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
}
.logo-header:after
{
  content: "";
  border-right: 1px solid #dedede;
  position: absolute;
  right: -20px;
  top: 0;
  height: 100%;
  width: 1px;
}
.header-user-dflex .header-user-object .dropdown-menu
{
  display: none !important;
}
.header-user-dflex .header-user-object .dropdown-menu.show
{
  display: block !important;
}
.header-user-dflex .header-user-object .dropdown-menu li
{
  padding-right: 0 !important;
}
.ge-bs-header {
  background: white;
  padding: 5px;
}
.es-content .card-header
{
   color: #1E2F3B;
}
@media only screen and (min-width: 1144px)
and (max-width: 1216px)
{
  .header-desktop #cssmenu ul li {
    padding-right: 8px;
 }
 .header-desktop #cssmenu ul li a {font-size: 15px !important; }
}

@media only screen and (min-width: 1050px)
and (max-width: 1144px)
{
  .header-desktop #cssmenu ul li:not(:last-child) {
    padding-right: 8px !important;
 }
 .header-desktop #cssmenu ul li a {font-size: 14px !important; }
 .header-user-quote a {
  font-size: 13px;
}
.logo-header img {
  width: 130px !important;
}
.logo-header:after {
  content: "";
  height: 114%;
 }
}

@media only screen and (min-width: 992px)
and (max-width: 1050px)
{
  .header-desktop #cssmenu ul li:not(:last-child) {
    padding-right: 8px !important;
 }
 .header-desktop #cssmenu ul li a {font-size: 13px !important; }
 .header-user-quote a {
  font-size: 13px;
}
.logo-header img {
  width: 130px !important;
}
.logo-header:after {
  content: "";
  height: 114%;
 }
 .header-user-object {
  margin-left: 20px;
 }
}