/*@font-face {
	font-family: 'Calibre';
	src:url('../fonts/CalibreRegular.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Calibre-Bold';
	src:url('../fonts/CalibreBold.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Calibre-Semibold';
	src:url('../fonts/CalibreSemibold.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Calibre-Black';
	src:url('../fonts/CalibreBlack.otf');
	font-weight: normal;
	font-style: normal;
}
*/
/****new-font****/
@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-LightItalic';
  src: url('../fonts/Calibre-LightItalic.woff2') format('woff2'),
    url('../fonts/Calibre-LightItalic.woff') format('woff');
  /* font-weight: 300;
    font-style: italic; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-SemiBold';
  src: url('../fonts/Calibre-SemiBold.woff2') format('woff2'),
    url('../fonts/Calibre-SemiBold.woff') format('woff');
  /* font-weight: 600;
    font-style: normal; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-ThinItalic';
  src: url('../fonts/Calibre-ThinItalic.woff2') format('woff2'),
    url('../fonts/Calibre-ThinItalic.woff') format('woff');
  /* font-weight: 100;
    font-style: italic; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-Black';
  src: url('../fonts/Calibre-Black.woff2') format('woff2'),
    url('../fonts/Calibre-Black.woff') format('woff');
  /* font-weight: 900;
    font-style: normal; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-SemiBoldItalic';
  src: url('../fonts/Calibre-SemiBoldItalic.woff2') format('woff2'),
    url('../fonts/Calibre-SemiBoldItalic.woff') format('woff');
  /* font-weight: 600;
    font-style: italic; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-MediumItalic';
  src: url('../fonts/Calibre-MediumItalic.woff2') format('woff2'),
    url('../fonts/Calibre-MediumItalic.woff') format('woff');
  /* font-weight: 500;
    font-style: italic; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-Light';
  src: url('../fonts/Calibre-Light.woff2') format('woff2'),
    url('../fonts/Calibre-Light.woff') format('woff');
  /* font-weight: 300;
    font-style: normal; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-Thin';
  src: url('../fonts/Calibre-Thin.woff2') format('woff2'),
    url('../fonts/Calibre-Thin.woff') format('woff');
  /* font-weight: 100;
    font-style: normal; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-Bold';
  src: url('../fonts/Calibre-Bold.woff2') format('woff2'),
    url('../fonts/Calibre-Bold.woff') format('woff');
  /* font-weight: bold;
    font-style: normal; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-BlackItalic';
  src: url('../fonts/Calibre-BlackItalic.woff2') format('woff2'),
    url('../fonts/Calibre-BlackItalic.woff') format('woff');
  /* font-weight: 900;
    font-style: italic; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-Italic';
  src: url('../fonts/Calibre-Italic.woff2') format('woff2'),
    url('../fonts/Calibre-Italic.woff') format('woff');
  /* font-weight: normal;
    font-style: italic; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre';
  src: url('../fonts/Calibre.woff2') format('woff2'),
    url('../fonts/Calibre.woff') format('woff');
  /* font-weight: normal;
    font-style: normal; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-BoldItalic';
  src: url('../fonts/Calibre-BoldItalic.woff2') format('woff2'),
    url('../fonts/Calibre-BoldItalic.woff') format('woff');
  /* font-weight: bold;
    font-style: italic; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-Medium';
  src: url('../fonts/Calibre-Medium.woff2') format('woff2'),
    url('../fonts/Calibre-Medium.woff') format('woff');
  /* font-weight: 500;
    font-style: normal; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-ThinItalic';
  src: url('../fonts/Calibre-ThinItalic.woff2') format('woff2'),
    url('../fonts/Calibre-ThinItalic.woff') format('woff');
  /* font-weight: 100;
    font-style: italic; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-Bold';
  src: url('../fonts/Calibre-Bold.woff2') format('woff2'),
    url('../fonts/Calibre-Bold.woff') format('woff');
  /* font-weight: bold;
    font-style: normal; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-Medium';
  src: url('../fonts/Calibre-Medium.woff2') format('woff2'),
    url('../fonts/Calibre-Medium.woff') format('woff');
  /* font-weight: 500;
    font-style: normal; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-Italic';
  src: url('../fonts/Calibre-Italic.woff2') format('woff2'),
    url('../fonts/Calibre-Italic.woff') format('woff');
  /* font-weight: normal;
    font-style: italic; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-LightItalic';
  src: url('../fonts/Calibre-LightItalic.woff2') format('woff2'),
    url('../fonts/Calibre-LightItalic.woff') format('woff');
  /* font-weight: 300;
    font-style: italic; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre';
  src: url('../fonts/Calibre.woff2') format('woff2'),
    url('../fonts/Calibre.woff') format('woff');
  /* font-weight: normal;
    font-style: normal; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-SemiBoldItalic';
  src: url('../fonts/Calibre-SemiBoldItalic.woff2') format('woff2'),
    url('../fonts/Calibre-SemiBoldItalic.woff') format('woff');
  /* font-weight: 600;
    font-style: italic; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-BlackItalic';
  src: url('../fonts/Calibre-BlackItalic.woff2') format('woff2'),
    url('../fonts/Calibre-BlackItalic.woff') format('woff');
  /* font-weight: 900;
    font-style: italic; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-Thin';
  src: url('../fonts/Calibre-Thin.woff2') format('woff2'),
    url('../fonts/Calibre-Thin.woff') format('woff');
  /* font-weight: 100;
    font-style: normal; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-Light';
  src: url('../fonts/Calibre-Light.woff2') format('woff2'),
    url('../fonts/Calibre-Light.woff') format('woff');
  /* font-weight: 300;
    font-style: normal; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-MediumItalic';
  src: url('../fonts/Calibre-MediumItalic.woff2') format('woff2'),
    url('../fonts/Calibre-MediumItalic.woff') format('woff');
  /* font-weight: 500;
    font-style: italic; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-Black';
  src: url('../fonts/Calibre-Black.woff2') format('woff2'),
    url('../fonts/Calibre-Black.woff') format('woff');
  /* font-weight: 900;
    font-style: normal; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-SemiBold';
  src: url('../fonts/Calibre-SemiBold.woff2') format('woff2'),
    url('../fonts/Calibre-SemiBold.woff') format('woff');
  /* font-weight: 600;
    font-style: normal; */
}

@font-face {
  /* font-family: 'Copyright Klim Type Foundry'; */
  font-family: 'Calibre-BoldItalic';
  src: url('../fonts/Calibre-BoldItalic.woff2') format('woff2'),
    url('../fonts/Calibre-BoldItalic.woff') format('woff');
  /* font-weight: bold;
    font-style: italic; */
}

/****/

body,
html {
  overflow-x: hidden;
}
body {
  /* padding-top: 5rem; */
  /* font-family: 'Copyright Klim Type Foundry' !important; */
  /* font-weight: 500;
  font-style:normal; */
  font-family: 'Calibre';
  font-size: 15px;
  line-height: 25px;
  overflow-x: initial;
}

h1,
h2,
h3,
h4,
h5 {
  /* font-weight:600; */
  font-family: 'Calibre-SemiBold';
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}
.sectpad {
  padding: 0 25px;
}
.getpadd {
  padding-left: 55px;
}
.getlogo {
  padding-left: 41px;
}
.gethgt {
  line-height: 61px;
}
.getonesec {
  line-height: 61px;
  /* font-weight: bold; */
  font-family: 'Calibre-Bold';
}
.getpara {
  /* font-weight: normal;  */
  font-family: 'Calibre';
  color: #000000 !important;
}
.sectppad {
  padding: 50px 40px;
}
.logomainpge {
  padding-left: 42px;
}
.navbar {
  background-color: #ffc214;
}
.navbar .btn {
  margin-top: 9px;
  padding: 0.375rem 0.75rem;
  letter-spacing: 1px !important;
}
.navbar .mobilenav .btn {
  margin-top: 0px;
}
.navbar-nav li {
  text-align: left;
  position: relative;
  padding: 0 30px !important;
}
.navbar-nav li a,
.navbar-nav li a:hover {
  /* font-weight: bold; */
  font-family: 'Calibre-Bold';
  color: #ffffff !important;
  font-size: 16px;
  letter-spacing: 1px !important;
  cursor: pointer;
}
.bannersect {
  background: url('../images/bannerbg.svg') no-repeat center 100px #ffc214;
  background-size: cover;
}
.bannertxt h1 {
  color: #ed1976;
  font-size: 74px;
  /* font-weight: bold; */
  font-family: 'Calibre-Bold';
  display: inline-block;
  line-height: 66px;
}
.bannertxt {
  padding-left: 18px !important;
}
.bannertxt div.bannerdesc {
  color: #2b2e34;
  font-size: 24px;
  /* font-weight: normal; */
  font-family: 'Calibre';
  margin-bottom: 20px;
  float: left;
  width: 100%;
  line-height: 20px;
}
.bannertext h1 {
  color: #ed1976;
  font-size: 67px;
  /* font-weight: bold; */
  font-family: 'Calibre-Bold';
  display: inline-block;
  line-height: 61px;
}
.btnsec {
  background-color: #ed1976;
  color: #fff;
  /* font-weight: bold; */
  font-family: 'Calibre-Bold';
  text-align: center;
  padding: 0.25rem 0.75rem;
  line-height: 1.5;
  border-radius: 0.4rem;
  font-size: 13px;
  display: inline-block;
  border: 2px solid #ed1976;
}
.seework {
  background: url(../images/seework.svg) no-repeat left;
  padding: 0.5rem 1.5rem 0.5rem 35px;
  display: inline-block;
  position: relative;
  bottom: 2px;
  color: #ed1976;
  font-size: 18px;
  /* font-weight: bold; */
  font-family: 'Calibre-Bold';
  line-height: 22px;
}
.shopnow:hover,
.seework:hover {
  text-decoration: none;
}
.shopnow:hover {
  background-color: transparent !important;
}
/* .shopnow:hover{color:#fff;} */
.seework:hover {
  color: #ed1976;
}
.getmenu :hover {
  color: #ffc214 !important;
}
.smalldesc {
  color: #484848;
  font-size: 15px;
}
.smalldesc a {
  color: #ed1976;
  text-decoration: underline;
}
.sponsersect {
  background-color: #f8f8f8;
  padding: 10px 0 10px 0;
}
.sponsersect .sectpad {
  display: table;
}
.sponsersect span {
  display: table-cell;
  padding: 5px;
}
.img-responsive {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.logo1,
.mobimg,
.energyimg2 {
  display: none;
}
.btn {
  border: 2px solid !important;
  /* font-weight: bold; */
  font-family: 'Calibre-Bold';
  font-size: 16px;
  padding: 0.375rem 0.75rem;
  letter-spacing: 1px !important;
}
.next {
  width: 150px !important;
  height: 50px !important;
  letter-spacing: 1px !important;
  border-color: #ed1976 !important;
  color: #ffffff !important;
  background-color: #ed1976;
}
.navbar-toggler {
  position: relative;
  z-index: 9;
}
.navbar-toggler:focus {
  outline: none;
}
.madeshopsect {
  background: url('../images/madeshopbg.svg') no-repeat center bottom #fff;
  background-size: contain;
  min-height: 550px;
}
.madeshopsect .desc {
  text-align: left !important;
}
.section .subsect {
  padding: 60px 50px;
}
.section h2 {
  font-size: 39px;
  /* font-weight: bold; */
  font-family: 'Calibre-SemiBold';
  line-height: 40px;
  margin-bottom: 25px;
}
.fs22 {
  font-size: 22px;
  line-height: 27px;
  /* font-weight: normal; */
  font-family: 'Calibre';
}
.fs20 {
  font-size: 20px;
  line-height: 23px;
  /* font-weight: normal; */
  font-family: 'Calibre';
}
.fs18 {
  font-size: 18px;
}
.cpyright {
  /* font-weight: lighter; */
  font-family: 'Calibre-Light';
  line-height: 24px;
}
.section .desc {
  font-size: 22px;
  /* font-weight: normal; */
  font-family: 'Calibre';
  line-height: 27px;
}
.sectbtn {
  border-color: #ed1976 !important;
  color: #ffffff !important;
  background-color: #ed1976;
}
.sectbtn:hover,
.next:hover {
  border-color: #ed1976 !important;
  color: #ed1976 !important;
  background-color: transparent !important;
}
/* .horizandalchart span{color:#ed1976}
.horizandalchart .active div{background-color: #ffc214;line-height: 32px;} */
.boxclr {
  background-color: #2b2e34;
  color: #fff !important;
  padding-bottom: 1px;
  border-radius: 10px;
  padding-top: 10px;
  z-index: -1 !important;
}
.btn-primary {
  color: #ed1976;
  background-color: #ffc214;
}
.btn-primary:hover {
  color: #ffc214 !important;
  background-color: #fff;
  border-color: #fff;
}
.boxcolour {
  color: #ed1976 !important;
}
.padbtm {
  padding-bottom: 0px !important;
}
.gorillaworksect {
  background-color: #ffc213;
  margin-top: -2px;
}
.energybillssect {
  background: url('../images/energybillbg.svg') no-repeat center bottom #fff;
  background-size: contain;
  min-height: 530px;
}
.homewanttosect {
  background: url(../images/home-want-to-bg.svg) no-repeat center bottom #fff;
  background-size: contain;
  min-height: 490px;
}
.footer {
  background-color: #2b2e34;
}
.footer h5 {
  /* font-weight: bold; */
  font-family: 'Calibre-Bold';
  color: #fff;
  font-size: 18px;
  line-height: 24px;
}
.footer .list-unstyled li a,
.footer {
  color: #f8f8f8 !important;
  font-size: 18px !important;
  /* font-weight: lighter; */
  font-family: 'Calibre-Light';
  line-height: 30px;
}
.mobilenav {
  display: none;
}
.loginmobile {
  border-color: #ed1976;
  color: #ed1976 !important;
  text-align: center;
  padding: 0.25rem 0.75rem;
  line-height: 1.5;
  border-radius: 0.4rem;
  font-size: 15px;
}
.mobileview {
  display: none !important;
}
.energybillssect h2,
.energybillssect p {
  text-align: left;
}
.maincnt {
  margin-top: -4px;
}
.dropdown-menu.show {
  background-color: #fff;
  border: transparent;
}
.dropdown-menu.show a {
  color: #ed1976 !important;
}
.nav-item.show > .nav-link {
  color: #ed2a7b !important;
}
.nav-item.show > .dropdown-menu.show a.dropdown-item:hover {
  background-color: #ed2a7b;
  color: #fff !important;
}
.nav-item > .dropdown-toggle::after {
  display: none;
  content: '';
}
.fntwgtbld {
  /* font-weight: bold !important; */
  font-family: 'Calibre-Bold' !important;
}
.fntwgtlgtr {
  /* font-weight: lighter !important; */
  font-family: 'Calibre-Light' !important;
}
.fntwgtnrml {
  /* font-weight: normal !important; */
  font-family: 'Calibre' !important;
}
.fntclrcode0 {
  color: #000000 !important;
}
.font10 {
  font-size: 10px !important;
}
.font11 {
  font-size: 11px !important;
}
.font12 {
  font-size: 12px !important;
}
.font13 {
  font-size: 13px !important;
}
.font14 {
  font-size: 14px !important;
}
.font15 {
  font-size: 15px !important;
}
.font16 {
  font-size: 16px !important;
}
.font17 {
  font-size: 17px !important;
}
.font18 {
  font-size: 18px !important;
}
.font19 {
  font-size: 19px !important;
}
.font23 {
  font-size: 23px !important;
}
.font25 {
  font-size: 24px !important;
}
.fnt25 {
  font-size: 25px !important;
}
.font50 {
  font-size: 50px !important;
}
.font30 {
  font-size: 30px !important;
}
.font33 {
  font-size: 31px !important;
}
.font36 {
  font-size: 36px !important;
}
.font39 {
  font-size: 39px !important;
}
.font74 {
  font-size: 74px !important;
}
.font67 {
  font-size: 67px !important;
}
.font22 {
  font-size: 22px !important;
}
.font40 {
  font-size: 40px !important;
}
.font41 {
  font-size: 41px !important;
}
.font47 {
  font-size: 47px !important;
}
.font44 {
  font-size: 44px !important;
}
.wd220 {
  width: 220px;
}
.font21 {
  font-size: 21px !important;
}
.disnon {
  display: none !important;
}
.disblk {
  display: block !important;
}
.txtclr {
  color: #ed1976 !important;
}
.mblnhgt {
  line-height: 28px !important;
}
.linhgt19 {
  line-height: 19px !important;
}
.webnav li.nav-item:hover > .dropdown-menu {
  display: block !important;
  background-color: transparent !important;
  border: none;
  top: 90% !important;
  left: 30px;
}
.webnav li.nav-item .dropdown-menu a {
  color: #2b2e34 !important;
  /* font-weight: normal; */
  font-family: 'Calibre';
  background-color: transparent !important;
}
.webnav li.nav-item .dropdown-menu a:hover {
  color: #fff !important;
  background-color: transparent !important;
}

.backbtn {
  position: absolute;
  left: 20px;
  top: 10px;
  width: 36px;
  height: 69px;
  background: url(../../../../assets/images/backbtn.png) no-repeat;
  z-index: 1;
}
.backbtn:hover {
  background: url(../../../../assets/images/backbtnhvr.png) no-repeat;
}
.ourcommunity {
  float: right;
}
.clrfff {
  color: #fff;
}
.secondarybtn {
  border-color: #fff !important;
  color: #fff !important;
  background-color: transparent !important;
  border-radius: 4px;
}
/* .secondarybtn:hover{color: #ffffff !important;
	background-color: transparent !important;
	border-color:#ed1976 !important;
    border-radius: 4px;
} */

.secondarybtn:hover {
  border-color: #fff !important;
  color: #ffffff !important;
  background-color: transparent !important;
  border-radius: 4px;
}
.secondaryline {
  border-color: #ed1976 !important;
  color: #ed1976 !important;
  background-color: transparent;
  border-radius: 4px;
}
.secondaryline:hover {
  border-color: #fff !important;
  color: #ed1976 !important;
  background-color: #fff;
}
.webnav li.nav-item a {
  padding: 0px !important;
  border-bottom: 2px solid transparent;
  display: inline-block;
  padding-top: 11px !important;
}
.webnav li.nav-item:hover > a {
  border-bottom: 2px solid #fff;
  padding-left: 1px;
  padding-right: 1px;
}
.gorillaworksect .section .subsect {
  padding: 5px 56px !important;
}
.madeshopsect .section .subsect {
  padding: 60px 58px !important;
}
.energybillssect .section .subsect {
  padding: 60px 58px !important;
}
/*get started style*/
.getstarted .getbannersect {
  background: url(../images/hitheme.png) no-repeat center bottom #ed1976;
  min-height: 466px;
  background-size: contain;
  padding-top: 100px;
}
.commercial-getstarted .getbannersect {
  background: url(../images/commercial-hitheme.png) no-repeat center bottom
    #e2e2e2;
  min-height: 500px;
  background-size: contain;
  padding-top: 100px;
}
.getstarted .navbar {
  background-color: #ed1976;
}
.getstarted .bannertext h1 {
  color: #fff;
  margin-bottom: 0px;
}
.getstarted .bannertext div.bannerdesc {
  color: #fff;
  font-size: 24px;
  /* font-weight: normal; */
  font-family: 'Calibre';
}

.getstarted .onesect {
  background: url(../images/onestoptheme.png) no-repeat center bottom #ffc214;
  background-size: contain;
  min-height: 622px;
}
.commercial-getstarted .onesect {
  background: url(../images/commercial-onestoptheme.png) no-repeat center bottom
    #bc62d1 !important;
  background-size: contain;
  min-height: 622px;
}
.getstarted .recommendatesect {
  background: url(../images/recommendationtheme.png) no-repeat center bottom
    #ed1976;
  background-size: contain;
  min-height: 591px;
}
.commercial-getstarted .recommendatesect {
  background: url(../images/commercial-recommendationtheme.png) no-repeat center
    bottom #e2e2e2 !important;
  background-size: contain;
  min-height: 591px;
}
.signupsect {
  background-color: #ffc214;
  color: #2b2e34;
}
.commercial-getstarted .signupsect {
  background-color: #bc62d1;
  color: #2b2e34;
}
.getstarted .btn-outline-primary:hover {
  color: #ed1976 !important;
  background-color: #fff;
  border-color: #ffc214;
}
.getstarted .btn-primary {
  color: #ed1976 !important;
  border-color: #ed1976 !important;
  background-color: #ffffff;
}
/* .getstarted .btn-primary:hover {color: #fff;background-color: #ED1976;border-color: #fff !important;} */
.getstarted .btn-primary:hover {
  color: #ffffff !important;
  background-color: transparent !important ;
  border-color: #fff !important;
}
.getstarted .nav-item.show > .nav-link {
  color: #fff !important;
}
.navigate {
  display: none;
}
/*get started style*/

/*signuplogin*/
.signuplogin .navbar {
  background-color: #fff;
  border-bottom: 1px solid #cbcbcb;
}
.signimg {
  position: absolute;
  top: -52px;
  z-index: 3;
  text-align: center;
  margin-left: -64px;
}
.signuplogin .navbar-toggler {
  order: 1;
  display: inline-block !important;
}
.signuplogin .logomain {
  order: 2;
}
.signuplogin .navbar-collapse {
  order: 3;
}
.navbar .collapse.show {
  display: block !important;
}
.signuplogin .webnav {
  display: none !important;
}
.signuplogin .show .webnav {
  display: block !important;
}
.signuplogin .webnav {
  position: fixed;
  width: 250px;
  top: 83px;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 1px 1px 1px #ccc;
}
.signuplogin .webnav .col-6.col-md {
  width: 100% !important;
  max-width: 100% !important;
  flex: 100% !important;
}
.signuplogin .webnav h5 {
  padding-right: 15px !important;
  padding-left: 15px !important;
  /* font-weight: bold */
  font-family: 'Calibre-Bold';
}
.signuplogin .webnav p {
  padding: 5px 15px !important;
}
.signuplogin .webnav p:hover {
  background-color: #e1e1e1;
}
.float-label-control label.capcha {
  left: 14px !important;
  font-size: 14px !important;
}
.signuplogin .btn-outline-primary:hover {
  color: #fff !important;
  background-color: #ed1976;
  border-color: #ed1976;
}
.signuplogin .btnsec:hover {
  color: #ed1976 !important;
  background-color: #fff;
  border-color: #ed1976;
}
.signuplogin .show .webnav {
  background-color: #fff;
}
/*signuplogin*/

.videoclose {
  right: 7px !important;
  top: -4px !important;
}
.webnav li.nav-item:hover > .dropdown-menu {
  left: 30px;
}

*:focus {
  outline: none;
}
.form-control {
  color: #2b2e34 !important;
}
.chart-wrapper {
  position: relative;
  padding-bottom: 40%;
  width: 45%;
  float: left;
}

.chart-inner {
  position: absolute;
  width: 50%;
  height: 100%;
}

.minhgt0 {
  min-height: 0 !important;
}
/*datepicker css*/
.mydp {
  border: 0px !important;
}
.mydp .disabled {
  cursor: default !important;
  color: #ccc;
  background: #6c757d !important;
}
.mydp .disabled .currmonth {
  background: #6c757d !important;
}
.mydp .currmonth {
  background: #fff !important;
  /* font-weight: 400; */
  font-family: 'Calibre';
}
.mydp .selectedday .datevalue {
  border: none;
  background-color: #ed1976 !important;
  border-radius: 2px;
}
#enrollDate .mydp .highlight {
  color: #ed1976;
}
.mydp .highlight {
  color: #fff !important;
}
#enrollDate .mydp .disabled {
  cursor: default !important;
  color: #ccc !important;
  background: #6c757d !important;
}
app-admin-utility .mydp .highlight {
  color: #c30000 !important;
}
#datepick3 .mydp .highlight {
  color: #2b2e34 !important;
}
#datepick3 .mydp .disabled .currmonth {
  background: #6c757d !important;
}
#datepick3 .mydp .icon-mydpcalendar:before {
  content: '\e803';
  color: #000 !important;
}
#comdatepick .mydp .icon-mydpcalendar:before {
  content: '\e803';
  color: #7e2a8d !important;
}
#comdatepick .mydp .selectedday {
  background-color: #7e2a8d !important;
}
#comdatepick .mydp .markcurrday {
  text-decoration: underline;
  color: #efdcf4 !important;
  /* font-weight: Bold; */
  font-family: 'Calibre-Bold';
}
.mydp .icon-mydpcalendar:before {
  content: '\e803';
  color: #ed1976 !important;
}
.mydp .selectedday {
  background-color: #ed1976 !important;
}
.mydp .markcurrday {
  text-decoration: underline;
  color: #f48ca8 !important;
  /* font-weight: Bold; */
  font-family: 'Calibre-Bold';
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #ed1976 !important;
}

typeahead-container {
  width: 100% !important;
  max-height: 200px !important;
  overflow-y: scroll !important;
}
.login,
.getstart {
  padding: 0.3rem 0.75rem !important;
}
@media only screen and (min-width: 1890px) and (max-width: 2529px) {
  .commercialbannersect {
    background: url(../images/commerical-buildings-bg.svg) no-repeat center
      bottom -75px #ffffff !important;
    background-size: cover !important;
    min-height: 760px !important;
    min-width: 100% !important;
    padding-top: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  /* main {
		overflow-x: hidden;
	} */
  .small.ftrcpyrght {
    color: #2b2e34 !important;
  }
  .navbar {
    top: 0px;
  }
  .commercial-getstarted .getbannersect {
    background: url(../images/commercial-hitheme2.svg) no-repeat bottom #e2e2e2;
    min-height: 500px;
    padding-top: 30px;
  }
  .commercial-getstarted .onesect {
    background: url(../images/commercial-onestoptheme3.svg) no-repeat center
      bottom #bc62d1 !important;
    background-size: contain;
    min-height: 622px;
  }
  .commercial-getstarted .recommendatesect {
    background: url(../images/commercial-recommendationtheme2.svg) no-repeat
      center bottom #e2e2e2 !important;
    background-size: contain;
    min-height: 591px;
  }
  .commercial-homewanttosect {
    background: url(../images/commercial-home-want-to-bg2.svg) no-repeat center
      bottom #fff !important;
    background-size: contain !important;
    min-height: 1200px !important;
  }
  .commerical-madeshopsect {
    min-height: 700px !important;
  }
  .commercialbannersect {
    background: url(../images/commerical-buildings-bg2.svg) no-repeat top 290px
      right #ffffff !important;
    min-height: 650px !important;
    min-width: 100% !important;
  }
  .commerical-page .bannertxt h1 {
    color: #2b2e34;
    font-size: 52px !important;
    font-family: 'Calibre-Bold';
    display: inline-block;
    line-height: 45px !important;
  }
  .bannertxt div.bannerdesc {
    color: #2b2e34;
    font-size: 16px;
    font-family: 'Calibre';
    margin-bottom: 20px;
    float: left;
    width: 100%;
    line-height: 20px;
  }
  .card .chkbox {
    padding: 2px 10px 2px 10px !important;
  }
  .boxchkbox .custom-control-label {
    padding-left: 0px !important;
  }
  .btn-yw-primary {
    color: #ed1976 !important;
    background-color: transparent !important;
    border-color: #ed1976 !important;
  }
  .btn-yw-primary:hover {
    color: #ffffff !important;
    background-color: #ed1976 !important;
    border-color: #ed1976 !important;
  }

  #datepick3 .mydp .selectorarrow {
    right: -15px !important;
  }
  #datepick3 .mydp .selectorarrowleft:after,
  .mydp .selectorarrowleft:before {
    right: 0 !important;
  }
  /* .mainmrg{
		margin-top: 50px;
	  } */
  /* changed as 09-10-2019 */
  .mainmrg {
    margin-top: 46px !important;
  }
  /* changed as 09-10-2019 */
  .collapse.show + .login {
    xdisplay: none;
  }
  .posabs {
    color: #fff !important;
  }
  .form-control.is-invalid:focus {
    border-color: #ffffff !important;
  }
  .bannertxt h1 {
    color: #ed1976;
    font-size: 38px;
    /* font-weight: bold; */
    font-family: 'Calibre-Bold';
    line-height: 37px;
  }
  .bannertxt div.bannerdesc {
    font-size: 19px;
  }
  .bannertxt {
    margin-bottom: 75px;
  }
  .shopnow {
    font-size: 20px !important;
    /* font-weight: bold; */
    font-family: 'Calibre-Bold';
    letter-spacing: 1px !important;
  }
  .section h2 {
    font-size: 29px !important;
    /* font-weight: bold;  */
    font-family: 'Calibre-Bold';
    text-align: center;
    line-height: 29px;
  }
  .section .subsect .listdesc {
    font-size: 20px;
    /* font-weight: normal; */
    font-family: 'Calibre';
    line-height: 23px;
    padding-right: 0;
  }
  .sectpad {
    padding: 0;
  }
  .subdesc,
  .seework {
    float: left;
    width: 100%;
    margin-left: 0px !important;
  }
  .seework {
    margin-top: 10px;
  }
  .logo,
  .getstart,
  .webimg,
  .energyimg1 {
    display: none !important;
  }
  .logo1,
  .mobimg,
  .energyimg2 {
    display: inline-block !important;
  }
  .logomain {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    top: 0;
    padding-left: 0px !important;
  }
  /* .logomain{text-align: center;width: 100%;left: 0;top: 0;padding-left: 0px !important;margin: 0px;} */
  /* body{padding-top: 51px !important; } */
  .login {
    background-color: transparent;
    color: #ed1976 !important;
    border-color: #ed1976 !important;
  }
  .navbar .btn {
    margin-top: 4px;
  }
  .navbar-toggler .avbar-toggler-icon {
    color: #ed2a7b;
  }
  /* .navbar-toggler-icon{width:30px !important;height: 27px !important} */
  .login {
    position: absolute;
    right: 5px;
    top: 6px;
    z-index: 9;
  }
  /* .login{right: 5px;top: 6px;z-index: 9; margin-top: -40px;} */
  .bannersect {
    padding: 20px 0 !important;
  }
  .bannersect {
    background: url(../images/bannerbg-mobile.svg) no-repeat -400px 180px #ffc214 !important;
    min-height: 516px !important;
  }
  /*.bannertxt div.bannerdesc {line-height: 1 !important;}*/
  .bannerimg {
    margin-top: 30px;
  }
  .madeshopsect {
    background-size: auto;
  }
  .madeshopsect .col-sm-6 {
    padding: 30px 20px;
  }
  .logo1 {
    width: 150px;
    margin-right: 2.5rem !important;
  }
  .login,
  .getstart {
    padding: 0.175rem 0.5rem !important;
  }
  .collapse,
  .webview {
    display: none !important;
  }
  .navbar-toggler {
    display: block !important;
    outline: none !important;
  }
  /* .navbar-toggler{display: block!important;outline: none !important;margin-top: -40px;} */
  .collapse.show {
    display: block !important;
  }
  .navbar {
    box-shadow: none !important;
    z-index: 10;
    position: absolute !important;
    width: 100%;
  }
  .parent.navbar {
    box-shadow: 0px 0px 10px #4f4e4e !important;
  }

  .mobilenav,
  .mobileview {
    display: block !important;
  }
  .webnav {
    display: none;
  }
  .footer {
    background-color: #e2e2e2;
    min-height: 380px;
  }
  .footer .list-unstyled li a,
  .footer small {
    color: #2b2e34 !important;
    font-size: 18px;
  }
  .footer h5 {
    color: #2b2e34;
  }
  .ourrates {
    text-align: center;
  }
  .section .subsect.energyimage,
  .section .subsect.madshopimage {
    padding-top: 0 !important;
  }
  .madshopimage img {
    width: 200px;
  }
  .mobilenav {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .sponsersect {
    text-align: center;
  }
  .ourcommunity {
    float: left;
  }
  .getbannersect .bannertext,
  .recommendatesect .textsec,
  .onesect .textsec {
    order: 2;
    word-wrap: break-word;
  }
  .getbannersect .bannerimg,
  .recommendatesect .imgsec,
  .onesect .imgsec {
    order: 1;
  }
  .getbannersect .bannerimg img,
  .recommendatesect .imgsec img,
  .onesect .imgsec img,
  .signupsect .imgsec img {
    width: 50%;
  }
  .signupsect .imgsec img {
    width: 50%;
  }
  .getstarted .getbannersect {
    padding-top: 30px;
    text-align: center;
  }
  /*.getstarted .login {border-color: #fff !important;color: #fff !important;}*/
  .getstarted .loginmobile {
    border-color: #fff !important;
    color: #fff !important;
  }
  .getstarted .mobilenav .btnsec {
    color: #ed1976;
    background-color: #fff;
  }
  .getstarted .mobilenav {
    color: #fff;
  }
  .getstarted .recommendatesect,
  .getstarted .onesect,
  .getstarted .signupsect {
    text-align: center;
  }
  .getstarted .bannertext h1,
  .getstarted .textsec h1 {
    font-size: 41px !important;
    text-align: center;
  }
  .getstarted .bannertext div.bannerdesc,
  .getstarted .textsec .desc,
  .commercial-getstarted .desc,
  .commercial-getstarted .bannertext div.bannerdesc {
    font-size: 16px !important;
    text-align: center;
    line-height: 16px !important;
  }
  .getstarted .getbannersect {
    background: url(../images/hitheme.png) no-repeat -600px bottom #ed1976;
    min-height: 580px;
  }
  .getstarted .onesect {
    background: url(../images/onestoptheme.png) no-repeat center bottom #ffc214;
    min-height: 465px;
  }
  .navigate {
    display: block;
    list-style: none;
    position: fixed;
    left: 30px;
    top: 25%;
    z-index: 9;
    margin: 0;
    padding: 0;
  }
  .navigate li a {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 1px solid #fff;
    background-color: #ed1976;
    display: inline-block;
  }
  .commercial-getstarted .navigate li a {
    background-color: #7f1f90;
  }
  .navigate li.active a {
    background-color: #fff;
  }
  .getstarted .bannertext h1 {
    text-align: center !important;
    font-size: 40px !important;
    line-height: 30px !important;
  }
  .getstarted .recommendatesect {
    background: url(../images/recommendationtheme.png) no-repeat center bottom
      #ed1976;
    background-size: cover;
    min-height: 638px;
  }
  .signuplogin .getbannersect {
    padding: 0 !important;
  }
  .signupmobile {
    background-color: #ed1976;
    border-radius: 12px;
    width: 80%;
    margin: 0px auto;
    padding: 40px 0 !important;
  }
  .signupmobile h1,
  .signupmobile .headfont {
    font-size: 22px !important;
    /* font-weight: 500 !important; */
    font-family: 'Calibre-SemiBold' !important;
    color: #fff;
    margin-top: 0px !important;
  }
  .signupmobile h4 {
    font-size: 18px !important;
    /* font-weight: 500 !important; */
    font-family: 'Calibre-SemiBold' !important;
    color: #fff;
    margin-top: 0px !important;
  }
  .signupmobile .access {
    font-size: 22px;
    color: #fff;
  }
  .signupmobile .boxcolour {
    color: #fff !important;
    border-color: #fff !important;
  }
  .signupmobile .boxcolour img {
    width: 25px;
  }
  .signupmobile .sectbtn {
    border-color: #fff !important;
    color: #fff !important;
    background-color: transparent;
  }
  .mobclose {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .signuplogin .condtion {
    font-size: 12px !important;
  }
  .signupmobile .float-label-control input,
  .signupmobile .float-label-control textarea {
    border-bottom: 1px solid #ffffff;
    z-index: 2;
    position: relative;
  }
  .signupmobile .float-label-control label,
  .signupmobile .form-control {
    /* color: #ffffff; */
    background-color: transparent !important;
    z-index: 0;
  }
  .signupmobile.float-label-control input:focus,
  .signupmobile .float-label-control textarea:focus {
    background-color: transparent !important;
  }
  .signupmobile .float-label-control textarea:not(.empty):focus + label {
    color: #fff !important;
  }
  .signupmobile .float-label-control input.empty + label,
  .signupmobile .float-label-control textarea.empty + label {
    font-size: 18px;
  }
  /* .signupmobile{margin-top: 0px !important;} */
  .signuplogin .show .webnav {
    display: none !important;
  }
  .sectbtn {
    border-color: #ed1976 !important;
    color: #ffffff !important;
    background-color: #ed1976 !important;
  }
  .sectbtn:hover {
    border-color: #ed1976 !important;
    color: #ed1976 !important;
    background-color: transparent !important;
  }
  .commercial-getstarted .bannertext h1 {
    font-size: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
  }
  .getstarted .bannertext h1 {
    text-align: left;
    font-size: 30px !important;
    line-height: 50px;
  }
  .getstarted .textsec h1,
  .getstarted .onesect h1 {
    text-align: 2px center;
    font-size: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
  }
  .bannertext h1 {
    display: block;
  }
  getbannersect sectppad,
  .getstarted .textsec p,
  .getstarted .onesect p,
  .mob-center {
    text-align: center !important;
  }
  .mob-mt-0 {
    margin-top: 0 !important;
  }
  .mob-mb-0 {
    margin-bottom: 0 !important;
  }
  .mob-pt-0 {
    padding-top: 0 !important;
  }
  .mob-pb-0 {
    padding-bottom: 0 !important;
  }
  .mob-pb-5 {
    padding-bottom: 20px;
  }
  .mob-pt-20 {
    padding-top: 20px;
  }
  .mob-pt-50 {
    padding-top: 50px;
  }
  .mob-mt-50 {
    margin-top: 50px;
  }
  .mob-mt-20 {
    margin-top: 20px !important;
  }
  .mob-ml-40 {
    margin-left: 40px;
  }
  .mob-align-left {
    text-align: left !important;
  }
  getstarted .bannertext div.bannerdesc,
  .getstarted .textsec .desc {
    text-align: center;
    min-height: 283px;
  }
  .mbfnt {
    font-size: 19px !important;
  }

  .recaptcha div {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform-origin: center;
    -webkit-transform-origin: center;
    position: relative;
    left: 0px;
  }

  .recaptcha div div {
    width: 50% !important;
    font-size: 22px;
    /* font-weight: normal; */
    font-family: 'Calibre';
  }

  .seework {
    bottom: 0 !important;
    top: 3px;
  }
  /* .smalldesc{position: relative;top:5px} */
  .smalldesc {
    padding-top: 30px;
  }
  .parent .getlogo {
    box-shadow: 0px 0px 6px #4f4e4e;
  }
  .parent .logomain {
    box-shadow: none !important;
    border-bottom: 1px solid #2b2e34;
  }

  .getpadd {
    padding: 0 45px;
  }
  .homesectpadd {
    padding-left: 6px;
  }
  .shopnow {
    border: 2px solid #ed1976 !important;
  }
  .signuppadd {
    padding-top: 10px;
  }
  .linehgt {
    line-height: 25px;
  }
  .termsize {
    font-size: 14px !important;
  }
  /* .fntwgt{font-weight: lighter !important;} */
  .signupTxt {
    color: #fff !important;
  }
  .shopnowbdr {
    border: 2px solid #fff !important;
    background-color: #ed1976 !important;
    color: #fff !important;
    font-size: 14px !important;
  }
  .termmgn {
    margin-top: 0.5rem !important;
  }
  .sgopt {
    font-size: 16px !important;
  }
  .sgoptpad {
    padding: 7px !important;
  }
  .footpad {
    padding-left: 18px !important;
  }
  .successfontmb {
    font-size: 30px;
    /* font-weight: 600 !important; */
    font-family: 'Calibre-SemiBold' !important;
  }
  .successmbmrgn {
    margin-left: -100px;
    margin-right: -100px;
  }
  .suclinehgt {
    line-height: 10px;
  }
  .successimg {
    margin-top: -9px;
  }
  .accclr {
    color: #ed1976;
  }
  .pretipbox {
    width: 350px;
  }
  .toplink {
    display: none;
  }
  .chkbox {
    display: block !important;
    width: 100% !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
      0px 3px 6px 0px rgba(180, 180, 180, 0.8);
  }
  .box-shadow-none .chkbox {
    display: block !important;
    width: 100% !important;
    box-shadow: none !important;
  }
  .cpyright {
    line-height: 24px;
  }
  .mblnhgt {
    line-height: 16px !important;
  }
  .footer .list-unstyled li a,
  .footer {
    line-height: 24px;
  }
  .madeshopsect {
    background: url(../images/madeshopbgmb.svg) no-repeat center bottom #fff;
    background-size: auto !important;
    min-height: 670px !important;
    margin-bottom: -1px;
  }
  .footpad .col-6.pl-0 {
    padding: 0 !important;
  }
  .next {
    width: 100px !important;
    height: 30px !important;
    letter-spacing: 1px !important;
    border-color: #ed1976 !important;
    color: #ffffff !important;
    background-color: #ed1976;
    line-height: 1.2 !important;
  }
  .next:hover {
    width: 100px !important;
    height: 30px !important;
    letter-spacing: 1px !important;
    border-color: #ed1976 !important;
    color: #ed1976 !important;
    background-color: none;
    line-height: 1.2 !important;
  }
  .hgpadding {
    padding: 0 !important;
  }

  .homewanttosect {
    background: url(../images/home-want-to-bg2.svg) no-repeat center bottom #fff;
    background-size: contain;
    min-height: 590px;
  }
  .modal-dialog {
    /* margin-top: 100px !important; */
    width: 90% !important;
  }
  .form-control,
  .mydp .selection {
    box-shadow: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .homewanttosect {
    min-height: 650px;
  }
  .section.sectpad {
    display: block;
  }
  .getlogo {
    padding-left: 38px;
  }
  .section .subsect,
  .section .signupimg {
    max-width: 100% !important;
    width: 100% !important;
  }
  .section .subsect {
    padding: 5px 20px !important;
  }
  .sectbtn {
    float: none !important;
    font-size: 0.875rem !important;
  }
  .energybillssect h2,
  .energybillssect {
    text-align: center;
  }
  .energybillssect .desc {
    text-align: left;
  }
  .madeshopsect .desc {
    text-align: justify;
  }
  /* .madeshopsect{background-size: auto; text-align: left !important; } */
  .madeshopsect .section .subsect {
    padding: 20px 50px !important;
  }
  .gorillaworksec2pxt .section .subsect {
    padding: 20px 20px !important;
  }
  .energybillssect .section .subsect {
    padding: 20px 20px !important;
  }

  .getstarted .textsec h1 {
    text-align: center;
  }
  .getstarted .bannertxt div.bannerdesc,
  .getstarted .textsec .desc {
    text-align: center;
    min-height: 283px;
  }

  .getstarted .bannertxt h1 {
    text-align: left;
    font-size: 41px !important;
    line-height: 50px;
  }

  .gorillaworksect .subsect .drag-drop {
    text-align: center;
  }
  .signuplogin .show .webnav {
    top: 69px;
  }
  .logomainpge {
    padding-left: 38px;
  }
  .homesectpad {
    padding-left: 33px;
  }
  .signupget {
    text-align: center !important;
  }
  .mgnleft {
    margin-left: -1px !important;
  }
  .getstarted .onesect .textsec {
    padding-right: 15px !important;
  }
  .getstarted .signupsect .textsec {
    padding-right: 15px !important;
  }
  .getimg {
    margin-right: -20px !important;
  }
  .prescsimg {
    top: -88px !important;
  }
  .prelnhgt {
    line-height: 36px !important;
  }
  .signimgg {
    top: -98px !important;
  }
  .loginmrgn {
    margin-top: 40px !important;
  }
}

@media (min-width: 715px) and (max-width: 768px) {
  .sponsersect span {
    padding: 0 25px;
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .getbannersect .bannerimg {
    text-align: center;
  }
  .getstarted .getbannersect {
    min-height: 550px !important;
  }
}

@media only screen and (max-width: 715px) {
  .sponsersect span {
    padding: 0 5px;
    display: inline-block;
  }
}

@media (min-width: 1010px) and (max-width: 1222px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    flex-wrap: wrap;
  }

  .sectpad {
    padding: 0 25px !important;
  }
  .getstarted .onesect {
    min-height: 597px !important;
  }
  .getstarted .recommendatesect {
    min-height: 550px !important;
  }
  .getstarted .getbannersect {
    min-height: 479px !important;
  }
}

@media (min-width: 768px) and (max-width: 1009px) {
  .mainmrg {
    margin-top: 0px !important;
  }
  .getstarted .onesect {
    min-height: 502px !important;
  }
  .getstarted .recommendatesect {
    min-height: 572px !important;
  }
  .getstarted .getbannersect {
    min-height: 495px !important;
  }
  .skiplnhgt {
    line-height: 51px !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .getstarted .onesec2pxt {
    min-height: 459px !important;
    background: url(../images/onestoptheme.png) no-repeat -513px bottom #ffc214;
  }
  .getstarted .onesect .drag-drop {
    padding-top: 50px;
  }
  .getstarted .recommendatesect {
    min-height: 430px !important;
    background: url(../images/recommendationtheme.png) no-repeat -206px bottom #ed1976;
  }
  .getstarted .getbannersect {
    min-height: 423px !important;
  }
}
@media (min-width: 520px) and (max-width: 575px) {
  .prebox {
    width: 90% !important;
  }
  .getstarted .onesect {
    min-height: 650px !important;
    background: url(../images/onestoptheme.png) no-repeat -648px bottom #ffc214;
  }
  .getstarted .onesect .drag-drop {
    padding-top: 50px;
  }
  .getstarted .recommendatesect {
    min-height: 430px !important;
    background: url(../images/recommendationtheme.png) no-repeat -83px bottom #ed1976;
  }
  .getstarted .getbannersect {
    min-height: 440px !important;
  }
  .signupsect .subsect {
    padding-right: 0 !important;
  }
}
@media (min-width: 320px) and (max-width: 519px) {
  .getstarted .onesect {
    min-height: 620px !important;
    background: url(../images/onestoptheme.png) no-repeat -761px bottom #ffc214;
  }
  .getstarted .onesect .drag-drop {
    padding-top: 50px;
  }
  .getstarted .recommendatesect {
    min-height: 430px !important;
    background: url(../images/recommendationtheme.png) no-repeat -182px bottom #ed1976;
  }
  .getstarted .getbannersect {
    min-height: 446px !important;
  }
  .signupsect .subsect {
    padding-right: 0 !important;
  }
  .signupsect .subsect .desc {
    min-height: 70px !important;
  }
  .gorillaworksect .section .subsect {
    padding: 5px 54px !important;
  }
  .btnmrgn {
    margin-left: 0.5rem !important;
  }
}

@media (min-width: 1095px) and (max-width: 1222px) {
  .navbar-nav li {
    padding: 0 20px !important;
  }
  .webnav li.nav-item:hover > .dropdown-menu {
    left: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1094px) {
  .navbar-nav li {
    padding: 0 11px !important;
  }
  .webnav li.nav-item:hover > .dropdown-menu {
    left: 11px;
  }
}
@media (min-width: 870px) and (max-width: 1024px) {
  .navbar-nav li {
    padding: 0 14px !important;
  }
  .webnav li.nav-item:hover > .dropdown-menu {
    left: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    flex-wrap: wrap;
  }
  .navbar-nav li {
    padding: 0 15px !important;
  }
  .sectpad {
    padding: 1px !important;
  }
  .logo {
    height: 25px;
  }
  .logohead {
    height: 46px;
  }
  .login,
  .getstart {
    padding: 0.3rem 0.25rem !important;
    font-size: 0.75rem !important;
  }
  /* body{padding-top: 66px !important;} */
  .madeshopsect {
    min-height: 730px;
  }
  .energybillssect {
    min-height: 610px;
  }
  .recommendatesect .sectpad .imgsec {
    padding-left: 100px;
  }
  .recommendatesect .imgsec img {
    width: 180px;
  }
  .signupsect .imgsec img {
    width: 200px !important;
  }
  .getstarted .imgsec img {
    width: 190px !important;
  }
  .getbannersect .bannerimg img {
    width: 270px !important;
  }
  .gorillaworksect .subsect .sectimg {
    flex: 27%;
    max-width: 27%;
  }
  .bannersect {
    background: url('../images/bannerbg.png') no-repeat center 145px #ffc214;
    min-height: 547px;
    background-size: cover;
  }
  .sectppad {
    padding: 30px 40px;
  }
  .bannertxt h1 {
    font-size: 65px;
  }
  .bannersect .bannerimg {
    margin-top: 40px;
  }
  .shopnow[_ngcontent-c2] {
    font-size: 20px !important;
  }
  .bannertxt div.bannerdesc {
    font-size: 21px !important;
  }
  .footpad {
    padding-left: 39px !important;
  }
  .headimgg {
    top: -84px !important;
  }
  .resmrgn {
    margin-left: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 869px) {
  .navbar-nav li {
    padding: 0 8px !important;
  }
  .webnav li.nav-item:hover > .dropdown-menu {
    left: 8px;
  }
}
@media only screen and (max-width: 390px) {
  body,
  html {
    overflow-x: hidden;
  }
  .sectbtn {
    font-size: 0.875rem !important;
  }
  .hmcheckbtn {
    font-size: 13px !important;
    margin-left: 0 !important;
    padding-left: 25px;
    padding-right: 25px;
    /* font-weight: 700; */
    font-family: 'Calibre-Bold';
  }
  .sponsersect span {
    width: 80px !important;
  }
  .signupmain {
    padding: 40px 15px !important;
  }
  .signupmobile {
    width: 95% !important;
  }
  .signupmain .btn span {
    font-size: 14px !important;
  }
}
@media (min-width: 441px) and (max-width: 549px) {
  .sponsersect span {
    width: 110px;
  }
}
@media (min-width: 391px) and (max-width: 440px) {
  .sponsersect span {
    width: 90px;
  }
}
.ourcommunity {
  float: right;
}
@media (min-width: 320px) and (max-width: 767px) {
  .ourcommunity {
    float: left;
  }
  .energybillssect {
    background: url(../images/energybillbg.svg) no-repeat right bottom #fff;
    min-height: 720px;
    background-size: 1050px;
  }
  .ash_box {
    width: auto !important;
    right: 0;
    padding: 6px 5px 0px 5px;
    display: inline-block;
  }
  .mydp .selectiongroup {
    border: 1px solid #ccc !important;
  }
  /* .arrow_box {position: relative; background: #ED1976; padding: 8px 0; margin-bottom: 4px; width: auto !important; left: 0 !important; display: inline-block !important; margin-bottom: 5px !important;}*/
}
@media (min-width: 320px) and (max-width: 374px) {
  .madeshopsect {
    min-height: 750px !important;
  }
}
@media (min-width: 375px) and (max-width: 413px) {
  .madeshopsect {
    min-height: 700px !important;
  }
}
@media (min-width: 414px) and (max-width: 767px) {
  .madeshopsect {
    min-height: 680px !important;
  }
}
@media only screen and (max-width: 420px) {
  .gorillaworksect .col-sm-5 img {
    width: 100%;
  }
  .recaptcha div {
    width: 250px !important;
  }
  .recaptcha div div {
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform-origin: left top;
    -webkit-transform-origin: left top;
  }
  .gorillaworksect .section .subsect {
    padding: 5px 25px !important;
  }
  .homesectpad {
    padding-left: 5px;
  }
  .madeshopsect .section .subsect {
    padding: 20px 25px !important;
  }
  .signkeyimg {
    width: 85%;
  }
  .signupmobile {
    width: 90%;
  }
  .signupmain .btn img {
    width: 20px;
  }
  .signupmain .btn span {
    font-size: 16px;
  }
  .signupmain .sgnupoptmob {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 575px) {
  .getbannersect .recommendatesect .imgsec img,
  .onesect .imgsec img,
  .signupsect .imgsec img,
  .recommendatesect .imgsec img {
    width: 42%;
  }
  .getbannersect .bannerimg img {
    width: 72%;
  }

  .getstarted .bannertxt h1 {
    text-align: center !important;
  }
}
.drag-drop {
  pointer-events: none;
}
.videopopup[_ngcontent-c4] {
  max-width: 75% !important;
}

/*form section style*/
.float-label-control {
  position: relative;
  margin-bottom: 1.5em;
}
.float-label-control ::-webkit-input-placeholder {
  color: transparent;
}
.float-label-control :-moz-placeholder {
  color: transparent;
}
.float-label-control ::-moz-placeholder {
  color: transparent;
}
.float-label-control :-ms-input-placeholder {
  color: transparent;
}
.float-label-control input:-webkit-autofill,
.float-label-control textarea:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -moz-box-shadow: 0 0 0 1000px white inset !important;
  box-shadow: 0 0 0 1000px white inset !important;
}
.float-label-control input,
.float-label-control textarea,
.float-label-control label {
  font-size: 1.3em;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.float-label-control input:focus,
.float-label-control textarea:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom-width: 2px;
  padding-bottom: 0;
  background: none;
}
.float-label-control textarea:focus {
  padding-bottom: 4px;
}
.float-label-control input,
.float-label-control textarea {
  display: block;
  width: 100%;
  padding: 0.1em 0em 1px 0em;
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #2b2e34;
  outline: none;
  margin: 0px;
  background: none;
}
.float-label-control textarea {
  padding: 0.1em 0em 5px 0em;
}
.float-label-control label {
  position: absolute;
  /* font-weight: normal;  */
  font-family: 'Calibre';
  top: -1.2em;
  left: 0.08em;
  color: #2b2e34;
  z-index: -1;
  font-size: 0.85em;
  -moz-animation: float-labels 200ms none ease-out;
  -webkit-animation: float-labels 200ms none ease-out;
  -o-animation: float-labels 200ms none ease-out;
  -ms-animation: float-labels 200ms none ease-out;
  -khtml-animation: float-labels 200ms none ease-out;
  animation: float-labels 200ms none ease-out; /* There is a bug sometimes pausing the animation. This avoids that.*/
  animation-play-state: running !important;
  -webkit-animation-play-state: running !important;
}
.float-label-control input.empty + label,
.float-label-control textarea.empty + label {
  top: 0.1em;
  font-size: 1.5em;
  animation: none;
  -webkit-animation: none;
}
.float-label-control input:not(.empty) + label,
.float-label-control textarea:not(.empty) + label {
  z-index: 1;
}
.float-label-control input:not(.empty):focus + label,
.float-label-control textarea:not(.empty):focus + label {
  color: #ed1976;
}
.float-label-control.label-bottom label {
  -moz-animation: float-labels-bottom 300ms none ease-out;
  -webkit-animation: float-labels-bottom 300ms none ease-out;
  -o-animation: float-labels-bottom 300ms none ease-out;
  -ms-animation: float-labels-bottom 300ms none ease-out;
  -khtml-animation: float-labels-bottom 300ms none ease-out;
  animation: float-labels-bottom 300ms none ease-out;
}
.float-label-control.label-bottom input:not(.empty) + label,
.float-label-control.label-bottom textarea:not(.empty) + label {
  top: 3em;
}
.float-label-control ul.select-dropdown {
  width: 100% !important;
  max-height: 150px;
  overflow: auto;
}
.float-label-control ul.select-dropdown.show {
  display: block !important;
}
.float-label-control ul.select-dropdown li a {
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #d3d3d3;
}
.float-label-control ul.select-dropdown li a:hover {
  /* font-weight: bolder; */
  font-family: 'Calibre-Bold';
}
.float-label-control ul.select-dropdown li a.hide {
  display: none;
}

@keyframes float-labels {
  0% {
    color: #aaa;
    top: 0.1em;
    font-size: 1.5em;
  }
  /*10% {  top: -0.1em; font-size: 1.43em; }*/
  20% {
    top: -0.3em;
    font-size: 1.37em;
  }
  /*30% { top: -0.3em; font-size: 1.30em;}*/
  /*40% { top: -0.4em; font-size: 1.23em;}*/
  50% {
    top: -0.6em;
    font-size: 1.16em;
  }
  /*60% { top: -0.6em; font-size: 1.09em;}*/
  /*70% { top: -0.7em; font-size: 1.02em;}*/
  80% {
    top: -1em;
    font-size: 0.95em;
  }
  /*90% { top: -0.9em; font-size: 0.88em;}*/
  100% {
    top: -1.2em;
    font-size: 0.85em;
  }
}

@-webkit-keyframes float-labels {
  0% {
    opacity: 1;
    color: #aaa;
    top: 0.1em;
    font-size: 1.5em;
  }
  20% {
    font-size: 2.5em;
    opacity: 1;
  }
  30% {
    top: 0.1em;
    font-size: 2.5em;
    opacity: 1;
  }
  40% {
    top: 0.1em;
    font-size: 2.5em;
    opacity: 1;
  }
  50% {
    top: 0.1em;
    font-size: 2.5em;
    opacity: 1;
  }
  60% {
    top: 0.1em;
    font-size: 2.5em;
    opacity: 1;
  }
  70% {
    top: 0.1em;
    font-size: 2.5em;
    opacity: 1;
  }
  80% {
    top: 0.1em;
    font-size: 2.5em;
    opacity: 1;
  }
  90% {
    top: 0.1em;
    font-size: 2.5em;
    opacity: 1;
  }
  100% {
    top: -1em;
    opacity: 1;
  }
}

@keyframes float-labels-bottom {
  0% {
    opacity: 1;
    color: #aaa;
    top: 0.1em;
    font-size: 1.5em;
  }
  20% {
    font-size: 2.5em;
    opacity: 1;
  }
  30% {
    top: 0.1em;
  }
  50% {
    opacity: 0;
    font-size: 0.85em;
  }
  100% {
    top: 3em;
    opacity: 1;
  }
}

@-webkit-keyframes float-labels-bottom {
  0% {
    opacity: 1;
    color: #aaa;
    top: 0.1em;
    font-size: 1.5em;
  }
  20% {
    font-size: 2.5em;
    opacity: 1;
  }
  30% {
    top: 0.1em;
  }
  50% {
    opacity: 0;
    font-size: 0.85em;
  }
  100% {
    top: 3em;
    opacity: 1;
  }
}

/*form section style*/
.linenon {
  outline: none !important;
}
.recaptcha div {
  margin: 0 auto 20px !important;
}
.recaptcha div div {
  margin: 0 !important;
}

/*faq-page styles start*/
/*.faq-page .btn, .giveback-page .btn{color: #ffffff;}
.faq-page .btn:hover, .giveback-page .btn:hover{
    border-color: #ED1976 !important;
    color: #ffffff !important;
	background-color: transparent;
}
*/
.faq-page .navbar-nav li a,
.giveback-page .navbar-nav li a {
  color: #ed1976 !important;
}
.faq-page .webnav li.nav-item:hover > a,
.giveback-page .webnav li.nav-item:hover > a {
  border-bottom: 2px solid #ed1976;
}
.faq-page .webnav li.nav-item .dropdown-menu a:hover,
.giveback-page .webnav li.nav-item .dropdown-menu a:hover {
  color: #ed1976 !important;
  background-color: transparent !important;
}
.faq-page .navbar {
  background-color: #fff;
  box-shadow: 0px 0px 10px #ccc;
}
.giveback-page .navbar {
  background-color: #fff;
}
/* .faqmainpage{
	background-color: #ffc214;
} */
.faqsect {
  padding-top: 25px;
}
.faqnav {
  width: 100%;
}
.faqnav .nav-tabs {
  border-bottom: none;
  width: 100%;
}
.faqnav a.nav-link {
  border: 0;
  border-right: 1px solid #ccc !important;
  width: 16.666667%;
  border-bottom: 1px solid #ccc;
}
.faqnav a.nav-link.active {
  color: #000;
  border-bottom: 5px solid #ed1976;
}
.faqnav a.nav-link font {
  color: #2b2e34;
  font-size: 23px;
  /* font-weight: normal; */
  font-family: 'Calibre';
  line-height: 23px;
}
.faqnav a.nav-link span {
  min-height: 70px;
  margin-top: 20px;
}
.faqnav a.nav-link:last-child {
  border-right: 1px solid transparent;
}

.faqsect .tab-content {
  padding: 0 150px;
}
.faqsect h1.faqhead {
  font-size: 37px;
  line-height: 43px;
  /* font-weight: bold; */
  font-family: 'Calibre-Bold';
}
.faqsect p.faqtxt {
  font-size: 20px;
  line-height: 26px;
}
/* .faqsect .tab-content h3, .faqsect .tab-content h1{ */
.faqsect .tab-content h1 {
  /* font-weight: bold; */
  font-family: 'Calibre-Bold';
  font-size: 37px;
  color: #2b2e34;
}
.faqsect .tab-content h3 {
  /* font-weight: bold; */
  font-family: 'Calibre-Bold';
  font-size: 25px;
  color: #2b2e34;
  padding-bottom: 5px;
}
.faqsect .tab-content p {
  /* font-weight: normal; */
  font-family: 'Calibre';
  font-size: 20px;
  color: #2b2e34;
}
.panel-title > a.main {
  display: block;
  position: relative;
  /* font-weight: bold; */
  font-family: 'Calibre';
  color: #2b2e34;
  padding-right: 25px;
  font-size: 25px;
  line-height: 47px;
  /* font-weight: 600; */
  font-family: 'Calibre-SemiBold';
}
.panel-title > a.sub {
  display: block;
  position: relative;
  /* font-weight: bold; */
  font-family: 'Calibre-Bold';
  color: #2b2e34;
  padding-right: 25px;
  font-size: 20px;
  line-height: 20px;
}
.panel-title > .main:after {
  content: '\f107' !important;
  font-family: 'FontAwesome' !important;
  position: absolute;
  right: 0;
  /* font-weight: normal; */
  font-family: 'Calibre';
  transition: none !important;
  transform: none !important;
  right: 4px;
  font-size: 30px;
}
.panel-title > .main[aria-expanded='true']:after {
  content: '\2212' !important;
  right: 3px;
  font-size: 30px;
  /* font-weight: bold; */
  font-family: 'Calibre-Bold';
}

.panel-group .panel-title > .sub:before {
  content: '';
  background-color: #e2e2e2;
  width: 24px;
  height: 24px;
  float: left;
  position: absolute;
  right: -1px;
  border-radius: 12px;
  top: 10px;
}

.panel-group .panel-title > a:after {
  content: '\00d7';
  font-family: 'FontAwesome';
  position: absolute;
  right: 2.5px;
  /* font-weight: 300; */
  font-family: 'Calibre';
  color: #2b2e34;
  top: 5px;
  font-size: 30px;
  transform: rotate(135deg);
  transition: all 0.3s ease 0s;
  color: #2b2e34 !important;
}
.panel-group .panel-title > a.sub:after {
  top: 13px;
}
.panel-group .panel-title > a.sub[aria-expanded='true']:after {
  top: 11px;
}
.panel-group .panel-title > a[aria-expanded='true']:after {
  content: '\00d7';
  transform: rotate(0deg);
  transition: all 0.3s ease 0s;
  color: #000;
  top: 4px;
  font-size: 30px;
}
.sub {
  font-size: 20px;
}
.main[aria-expanded='false'] {
  border-bottom: 1px solid #ccc;
}
.main[aria-expanded='true'] {
  border-bottom: 1px solid #ccc;
}
.sub[aria-expanded='false'] {
  border-bottom: 1px solid #b2b2b2;
}
.sub[aria-expanded='true'] {
  border-bottom: none;
}
.panel-body {
  border: none !important;
}
.panel-default > .panel-heading {
  color: #333;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-body {
  padding: 15px;
}
.panel-group .panel-body p {
  font-size: 20px;
  padding-right: 30px;
  color: #2b2e34;
  /* font-weight: normal; */
  font-family: 'Calibre';
  line-height: 26px;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #ddd;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-default {
  border-color: #ddd;
}
/*faq-page styles end*/

.comesoon {
  background-color: #ffc214;
  min-height: 547px;
  padding: 0;
}
.font90 {
  font-size: 90px;
}
.webbgnav {
  background-color: #2b2e34;
  color: #fff;
  position: fixed;
  width: 250px;
  top: -1px;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 1px 1px 1px #ccc;
  display: none;
}
.signuplogin .show .webbgnav {
  display: block !important;
}
.webbgnav ul {
  margin: 84px 0 0 0;
  padding: 0;
  float: left;
  width: 100%;
}
.webbgnav ul li {
  float: left;
  width: 100%;
  list-style: none;
}
.webbgnav ul li a {
  padding: 10px 20px;
  float: left;
  width: 100%;
  color: #fff;
  font-size: 20px;
  /* font-weight: 600 */
  font-family: 'Calibre-SemiBold';
}
.webbgnav ul li:hover a {
  background-color: #fff;
  color: #2b2e34;
}
.wd100 {
  width: 100px;
}
.clr333 {
  color: #333;
}
.btm-process {
  background-color: #fff;
  bottom: 0;
  position: fixed;
  height: 90px;
  width: 100%;
  left: 0;
  box-shadow: inset 1px 1px 7px #c0bfbf;
  padding: 23px;
}
. {
  color: #ed1976;
}
.webbgnav {
  background-color: #2b2e34;
  color: #fff;
  position: fixed;
  width: 273px;
  top: -1px;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 1px 1px 1px #ccc;
  display: none;
  z-index: 3;
}
.signuplogin .show .webbgnav {
  display: block !important;
}
.webbgnav ul {
  margin: 84px 0 0 0;
  padding: 0;
  float: left;
  width: 100%;
}
.webbgnav ul li {
  float: left;
  width: 100%;
  list-style: none;
}
.webbgnav ul li a {
  padding: 10px 20px;
  float: left;
  width: 100%;
  color: #fff;
  font-size: 20px;
  /* font-weight: 600 */
  font-family: 'Calibre-SemiBold';
}
.webbgnav ul li:hover a {
  background-color: #fff;
  color: #2b2e34;
}
.mgntp10 {
  margin-top: 10px !important;
}
.font20 {
  font-size: 20px !important;
}
.chkbox {
  padding: 15px 10px !important;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  margin-bottom: 18px !important;
}
.shadow-none {
  box-shadow: none !important;
}
.border-none {
  border: none !important;
}
.chkbox:nth-child(1) {
  margin-top: 10px;
}
.chkbox .custom-control-label::after,
.chkbox .custom-control-label::before {
  top: 1.35rem !important;
  left: 10px !important;
}
    .chkbox .custom-control-label {
        font-size: 18px;
        /* font-weight: normal;  */
        font-family: 'Calibre';
        line-height: 18px;
        padding-left: 26px;
    }
.chkbox .custom-control-label::before {
  background-color: #dee2e6 !important;
}
.chkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ed1976 !important;
}
/* .mobileview .boxchkbox {align-items: center; border: none !important;}
.mobileview .boxchkbox .custom-control-label{margin-left: -12px;padding-left: 0px !important;}
.mobileview .boxchkbox .custom-control-label::after,.mobileview .boxchkbox .custom-control-label::before{top: 0 !important;left: inherit !important;} */
.boxchkbox {
  align-items: center;
  border: none !important;
}
.boxchkbox .custom-control-label {
  padding-left: 0px !important;
}
.boxchkbox .custom-control-label::after,
.boxchkbox .custom-control-label::before {
  top: 0 !important;
  left: inherit !important;
}

@media only screen and (max-width: 1024px) {
  .planotr {
    display: block !important;
  }
  .planotr div.ratedesc,
  .planotr div.rateamount,
  .planotr div.planmain {
    max-width: 100%;
    flex: 100%;
  }
  .pricerate {
    width: 100%;
  }
  .ratedesc {
    margin-left: 0 !important;
  }
  .plancnt .offerimg {
    width: auto !important;
    flex: auto !important;
    padding-left: 15px !important;
    padding-top: 15px !important;
    border-right: 1px solid #ed1976;
  }
  .planotr .planmain {
    padding-left: 0 !important;
    padding-top: 0 !important;
  }
  .plancnt {
    border-bottom: 1px solid #ed1976;
  }
  .plandata {
    padding-right: 15px !important;
  }
  .ratedesc .desc {
    text-align: right !important;
    padding-right: 15px !important;
  }
  .rateamount {
    padding: 1em 5em !important;
  }
}
html,
body {
  scroll-behavior: smooth;
}
.toplink {
  position: fixed;
  bottom: 32px;
  right: 10px;
  border-radius: 50px;
  padding: 10px;
  border: 1px solid #fff;
  display: none;
  opacity: 0.5;
}
.toplink:hover {
  border: 1px solid #f48ca8;
  opacity: 1;
}
/******Giveback******/
/* .flexauto{flex:inherit !important;max-width: inherit !important;width:auto !important}
.giveback .givebackbg{background: url(../images/givebackbg.svg) no-repeat center bottom #fff;background-size: contain;min-height: 700px;}
.giveback .givebackworkbg{background-color: #e1e1e1;}
.giveback .bulbsimg{position:relative;left:-110px;bottom:-50px}
.giveback .powerfulbg{background: url(../images/powerful.svg) no-repeat center 40px #fff;}
.font80{font-size:80px}
.giveback .letsgo {background: url(../images/givebackbottombg.svg) no-repeat center bottom #fff;background-size: contain;min-height: 500px;border-top: 1px solid #ccc;}
.giveback .letsgobtn{border-color: #ed1976 !important;
    color: #fff !important;
	background-color: #ed1976;
	padding: .4rem 2.0rem;
}
.giveback .letsgobtn:hover {
    color: #ED1976 !important;
	background-color: #fff;
} */
/******Giveback******/
#datepick .form-control {
  padding-top: 0px !important;
  line-height: 1 !important;
}

/* form focus and hover css */
/* textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(237, 25, 118, 0.8);
  outline: 0 none !important;
}
input.focus-none[type="text"]:focus{border-color: none !important;color:000000 !important; box-shadow: none !important;outline: 0 none !important;}

.form-control, .mydp .selection{
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 3px 6px 0px rgba(180, 180, 180, 0.8);
  } 
.form-control:focus, .mydp .selection:focus, .form-group:focus {
	border-color: rgba(237, 25, 118, 0.8) !important;
	outline: 0 none !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 3px 6px 0px rgba(180, 180, 180, 0.8);
  } 
  select:focus > option:checked, select:focus > option:hover { 
    background: #ED1976 !important;
}
select.form-control option{
	background-color: #fff !important;
}
select.form-control option :hover{
	background-color: #F06491 !important;
	color: #fff !important;
} */

.mydp .selection {
  padding: 1.25rem 0.98rem !important;
  line-height: 1.5 !important;
  color: #495057 !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
/* For enrollment datepicker label */
.dateinput .mydp .selection {
  text-indent: 80px !important;
}
/* .mydp .selection:focus {
	border-color: rgba(237, 25, 118, 0.8) !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(237, 25, 118, 0.6) !important;
  } */
select.form-control option > hover {
  background-color: #fff !important;
  color: #ed1976 !important;
}
.mydp .btnpicker {
  margin: 12px 5px 10px 10px !important;
  height: auto !important;
}
#datepick3 .mydp .btnpicker {
  margin: 0px !important;
  margin-top: 2px !important;
}
#datepick3 .selbtngroup {
  height: 20px !important;
  display: inline-block !important;
}

/***chat-box-css***/
.src-component-launcher-WidgetLauncher-wrapper,
.src-component-launcher-WidgetLauncher-wrapper:focus {
  font-size: 1rem;
  /* color: #fff; */
  /* fill: #fff; */
  letter-spacing: 0.4;
  padding: 6px 15px;
  border-radius: 200px;
  bottom: 0;
  letter-spacing: 0.6;
  font-size: 1.07143rem;
  background-color: #000 !important;
  color: #fff !important;
  fill: #fff !important;
  display: inline-block !important;
  max-width: 100%;
  position: fixed;
  bottom: 10px;
  right: 15px;
  border: none !important;
  z-index: 999;
  outline: none;
  cursor: pointer;
}

.src-component-launcher-WidgetLauncher-wrapper svg {
  color: #fff;
  fill: #fff;
  min-width: 1.42857rem;
  min-height: 1.42857rem;
  height: 1.42857rem;
  width: 1.42857rem;
  overflow: hidden;
}
.src-component-launcher-WidgetLauncher-wrapper span {
  display: inline-block;
  max-width: 100%;
  line-height: 0px !important;
  margin: 0px 2px;
}
.src-component-Icon-container {
  font-size: 20px;
  position: relative;
  top: 2px;
}
.chat-box-sec {
  max-width: 342px;
  border-radius: 0.57143rem;
  box-shadow: 0 0 0.42857rem 0 rgba(0, 0, 0, 0.2);
  background: hsla(0, 0%, 100%, 0.98);
  bottom: 10px;
  right: 15px;
  border: none !important;
  z-index: 999;
  position: fixed;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  bottom: 0;
  max-height: 450px;
  min-height: 150px;
}

.chat-box-sec .chat-hd {
  background: #e2e2e2;
  color: #434343;
  position: relative;
  padding: 10px 15px;
  position: relative;
  border-radius: 10px 10px 0px 0px;
  cursor: pointer;
}

.chat-box-sec .chat-hd h1 {
  margin: 0px !important;
  /* font-size: 20px !important; */
  font-size: 15px !important;
  /* letter-spacing: .02143rem; */
  letter-spacing: 1px;
  line-height: 1.2;
  padding-left: 2.14286rem;
  padding-right: 2.14286rem;
  /* font-size: 1.07143rem; */
  text-align: center;
  font-family: 'Calibre-Bold';
}

.chat-box-sec .chat-hd .minimize-btn {
  margin-top: 7px;
  margin-right: 1rem !important;
  margin-left: 1rem !important;
  padding: 0.42857rem !important;
  background: transparent;
  fill: #434343 !important;
  font-size: 1rem;
  position: absolute;
  top: 4px;
  right: 0px;
  line-height: 0px;
  box-shadow: none !important;
  background: none !important;
  outline: none !important;
  border: none !important;
}

span.src-component-launcher-WidgetLauncher-label {
  line-height: 20px !important;
  font-family: 'Calibre-Bold';
  font-size: 15px;
  letter-spacing: 1px;
}

.chat-box-sec .chat-hd .minimize-btn span {
  fill: #434343 !important;
  transition: background-color 0.25s ease-in-out;
  display: inline-block;
}
.chat-box-sec .chat-hd .minimize-btn span svg {
  overflow: hidden;
  min-width: 0.85714rem;
  min-height: 0.14286rem;
  height: 0.14286rem;
  width: 0.85714rem;
}

.chat-box-sec .chat-bdy {
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 25px 15px;
  position: absolute;
  width: 100%;
  bottom: 70px;
  top: 44px;
}

.chat-box-sec .chat-bdy .form-sec {
  margin-bottom: 1.07143rem;
}
.chat-box-sec .chat-bdy .form-sec input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color 0.25s ease-in-out, box-shadow 0.1s ease-in-out,
    background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  outline: none;
  xborder: 1px solid #d8dcde;
  xborder-radius: 4px;
  xbackground-color: #fff;
  xpadding: 0.71429em 1.14286em;
  width: 100%;
  min-height: 40px;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 1.28571;
  color: #2b2e34;
  font-family: 'Calibre';
  font-size: 15px;
  border: 1px solid #d6d6d6;
}
.chat-box-sec .chat-bdy .form-sec textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color 0.25s ease-in-out, box-shadow 0.1s ease-in-out,
    background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  outline: none;
  border: 1px solid #d8dcde;
  border-radius: 4px;
  background-color: #fff;
  padding: 0.71429em 1.14286em;
  width: 100%;
  min-height: 100px;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 1.28571;
  color: #2f3941;
  font-family: inherit;
  font-size: 14px;
}

.chat-ftr {
  border-top: 0.07857rem solid #e9ebed;
  box-shadow: 0 -0.07143rem 0.85714rem rgba(0, 0, 0, 0.08);
  padding: 20px 15px 15px 15px;
  position: fixed;
  width: 342px;
  bottom: 0;
  background: #fff;
  right: 15px;
}

.chat-ftr .btn-wht {
  transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out,
    color 0.1s ease-in-out;
  font-size: 15px;
  /* font-weight: 400; */
  /* font-family:'Calibre'; */
  font-family: 'Calibre-Bold';
  padding: 6px 10px;
  min-width: 100px;
  display: inline-block;
  background-color: #fff;
  color: #000;
  /* border-color: rgb(180, 179, 179) !important; */
  box-shadow: none !important;
  border: 1px solid #000 !important;
  border-radius: 3px;
  letter-spacing: 1px;
}

.chat-ftr .btn-gry {
  transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out,
    color 0.1s ease-in-out;
  font-size: 15px;
  /* font-weight: 400; */
  /* font-family:'Calibre'; */
  font-family: 'Calibre-Bold';
  padding: 6px 10px;
  min-width: 100px;
  display: inline-block;
  background-color: #000;
  color: #fff;
  border: 1px solid #000 !important;
  border-radius: 3px;
  letter-spacing: 1px;
}

/**service-modal**/

.service-modal h1 {
  font-size: 22px;
  text-align: center;
}

.service-modal .bdy-sec {
  padding: 20px;
}

.service-modal p.sb-ttl {
  line-height: normal;
  font-size: 20px;
  /* font-weight: 300; */
  font-family: 'Calibre';
}
.service-modal .bdy-section input {
  -moz-appearance: none;
  appearance: none;
  transition: border-color 0.25s ease-in-out, box-shadow 0.1s ease-in-out,
    background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  outline: none;
  xborder: 1px solid #d8dcde;
  xborder-radius: 4px;
  xbackground-color: #fff;
  xpadding: 0.71429em 1.14286em;
  width: 100%;
  min-height: 21px;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 1.28571;
  color: #2f3941;
  font-family: inherit;
  font-size: 14px;
}

.service-modal .bdy-sec input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color 0.25s ease-in-out, box-shadow 0.1s ease-in-out,
    background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  outline: none;
  xborder: 1px solid #d8dcde;
  xborder-radius: 4px;
  xbackground-color: #fff;
  xpadding: 0.71429em 1.14286em;
  width: 100%;
  min-height: 40px;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 1.28571;
  color: #2f3941;
  font-family: inherit;
  font-size: 14px;
}

.service-modal .bdy-sec button {
  transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out,
    color 0.1s ease-in-out;
  font-size: 15px;
  /* font-weight: 400; */
  font-family: 'Calibre';
  padding: 4px 10px 7px;
  min-width: 80px;
  display: inline-block;
  background-color: #000;
  color: #fff !important;
  border: 1px solid #333 !important;
  border-radius: 3px;
  width: auto !important;
}
.service-modal .bdy-sec button:hover {
  background-color: #333 !important;
  background-color: #2b2e34 !important;
}

@media (max-width: 400px) {
  .chat-box-sec,
  .chat-ftr {
    max-width: 285px;
  }
}
/* .modal-dialog {
		transform: translate(0,-50%)!important;
		top: 50%;
		margin: 0 auto;
	  } */
.modal-dialog {
  position: absolute;
  transform: translate(-50%, -50%) !important;
  left: 50%;
  top: 50%;
  width: 100%;
  margin: 0 auto;
}
.uploaderror {
  background-color: rgba(217, 63, 76, 0.1);
  border-radius: 0.28571rem;
  border: 0.07143rem solid #f5b5ba;
  color: #8c232c;
  padding: 0.92857rem;
  line-height: 1.28571rem;
}
.zind1 {
  z-index: 1 !important;
}
.modal-open {
  padding-right: 0px !important;
}
.mydp .mydpicon {
  padding: 4px !important;
}
.mydp .selbtngroup {
  right: -4px !important;
}

nav.navbar.parent .login {
  display: none !important;
}
#datepick3 .mydp .selectiongroup {
  border: none !important;
}
.btn-wy-primary {
  /* color: #ffc214!important;
		background-color: #fff!important;
		border-color: #fff!important; */
  border-color: #ed1976 !important;
  color: #fff !important;
  background-color: #ed1976 !important;
}
.btn-wy-primary:hover {
  /* color: #ffffff !important;
		background-color: #ffc214 !important;
		border-color: #fff !important; */
  color: #ed1976 !important;
  background-color: #ffc214 !important;
}
.btn-wpu-primary,
.btn-wpu-navbtn,
.btn-puw:hover {
  color: #ffffff !important;
  background-color: #7e2a8d !important;
  border-color: #7e2a8d !important;
}
.btn-wpu-primary:hover,
.btn-puw {
  color: #7e2a8d !important;
  background-color: #fff !important;
  border-color: #7e2a8d !important;
}
.btn-wpu-navbtn:hover {
  color: #7e2a8d !important;
  background-color: transparent !important;
  border-color: #7e2a8d !important;
}
.btn-yw-primary {
  /* color: #ffffff;
		background-color: transparent;
		border-color: #fff; */
  color: #ffffff;
  background-color: transparent;
  border-color: #fff;
}
.btn-yw-primary:hover {
  color: #ffc214;
  background-color: #fff;
  border-color: #fff !important;
}
.btn-pw-primary {
  color: #ffffff !important;
  background-color: #ed1976 !important;
  border-color: #ed1976 !important;
}
.btn-pw-primary:hover {
  color: #ed1976 !important;
  background-color: transparent !important;
  border-color: #ed1976 !important;
}
.btn-wp-primary {
  color: #ed1976 !important;
  background-color: transparent !important;
  border-color: #ed1976 !important;
}
.btn-wp-primary:hover {
  color: #ffffff !important;
  background-color: #ed1976 !important;
  border-color: #ed1976 !important;
}
.btn-wpink-primary {
  color: #ed1976 !important;
  border-color: #ed1976 !important;
  background-color: #ffffff;
}
.btn-wpink-primary:hover {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff !important;
}
.btn-pwhite-primary {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff !important;
}
.btn-pwhite-primary:hover {
  color: #ed1976 !important;
  border-color: #ffffff !important;
  background-color: #ffffff !important;
}
.wd60 {
  width: 60px;
}
.mydp .selector {
  margin-left: 0px !important;
}
select .dropdown-toggle {
  height: 100px;
  overflow: scroll;
}
.mydp .selector {
  right: 0 !important;
}
.mydp .selector {
  height: auto !important;
}
.shopnowls {
  line-height: 22px !important;
}
.bgfff {
  background-color: #fff;
}
.bggray {
  background-color: #d0d0d0;
}
.clrpink {
  color: #ed1976;
}
.wrdbrk {
  word-break: break-word;
}
.semi-bold {
  /* font-weight: 500 !important; */
  font-family: 'Calibre-SemiBold' !important;
}
.abtmbl {
  color: #2b2e34;
  /* font-weight: 600; */
  font-family: 'Calibre-SemiBold';
}
.comabtmbl {
  color: #2b2e34;
  font-family: 'Calibre-SemiBold';
  cursor: pointer;
  letter-spacing: 1px !important;
}
html.scrollremove body,
html.scrollremove {
  overflow: hidden !important;
  height: 100vh;
  touch-action: none;
  -ms-touch-action: none;
}
.pt-2px {
  padding-top: 2px !important;
}
.close {
  font-size: 2.2rem;
  /* font-weight: 500 !important; */
  font-family: 'Calibre-SemiBold' !important;
  margin-top: 8px !important;
}
#blogmodal .close {
  margin-top: -8px !important;
}
.card .chkbox .custom-control-label {
  margin-left: 0px;
}
.card .chkbox {
  padding-left: 0px !important;
}
.modal-header .close {
  padding: 0.2rem;
  margin: 0 !important;
}
.modal-header {
  padding: 0.8rem 1rem 0.5rem 1rem;
  border-bottom: none;
}
.modal-header h4 {
  padding-top: 0.5rem !important;
}
.minwd250 {
  min-width: 250px;
}
.modal-border {
  border-bottom: 1px solid#707070;
}

body.bodyTag {
  position: relative !important;
}
html.mbNotify {
  overflow: hidden !important;
}
.q-cards .card {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0px 3px 6px 0px rgba(180, 180, 180, 0.8);
  width: 180px !important;
  height: 180px !important;
}
html.letsgo {
  scroll-behavior: initial;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}
.supplearn .nav-tabs .nav-link .arrow::before {
  font-family: 'FontAwesome' !important;
}
.card .custom-checkbox,
checkbox {
  box-shadow: none !important;
}
.card .custom-checkbox {
  padding: 0px !important;
}
.card .boxchkbox .custom-control-label::after,
.boxchkbox .custom-control-label::before {
  top: 0 !important;
  left: 46% !important;
}
.card {
  padding: 3px !important;
}
.navbar-dark .navbar-toggler {
  border-color: rgba(255, 255, 255, 0) !important;
}
.plantbl th {
  padding: 6px 5px !important;
}
.plansection td {
  padding: 20px 0px 0px 10px !important;
}
.letter-space {
  letter-spacing: 1px !important;
}
.plansection td p {
  line-height: 110%;
}
.plandesc {
  font-size: 15px;
  line-height: 1;
}
/* @media not all and (min-resolution:.001dpcm) { 
    @media {
        .d-flex{
			display: -webkit-box !important;
		}
    }
} */
.plantbl td {
  line-height: 110% !important;
}
body.singleScroll {
  overflow-y: hidden !important;
}
.commercialbannersect {
  background: url(../images/commerical-buildings-bg.svg) no-repeat center bottom -125px
    #ffffff;
  background-size: cover;
  min-height: 610px;
  min-width: 100%;
  padding-top: 0px;
}
.commerical-page .navbar-nav li a {
  color: #7e2a8d !important;
}
.commerical-page .webnav li.nav-item:hover > a {
  border-bottom: 2px solid #7e2a8d;
}
.commerical-page .navbar {
  background-color: #ffffff;
}
.commerical-page .bannertxt h1 {
  color: #2b2e34;
  font-size: 74px;
  font-family: 'Calibre-Bold';
  display: inline-block;
  line-height: 66px;
}
.commerical-madeshopsect {
  background: url('../images/commerical-madeshopbg.svg') no-repeat center bottom
    #fff !important;
  background-size: contain;
  min-height: 550px;
}
.commerical-gorillaworksect {
  background-color: #e2e2e2 !important;
  margin-top: -2px !important;
}
.commercial-homewanttosect {
  background: url(../images/commercial-home-want-to-bg.svg) no-repeat center
    bottom #fff;
  background-size: contain;
  min-height: 750px;
}
.commercial-footer {
  background-color: #e2e2e2 !important;
  margin-top: -18px;
}
.commercial-footer .list-unstyled li a,
.footer {
  color: #2b2e34 !important;
  font-size: 18px !important;
  font-family: 'Calibre-Light';
  line-height: 30px;
}
.commercial-footer h5 {
  font-family: 'Calibre-Bold';
  color: #2b2e34 !important;
  font-size: 18px;
  line-height: 24px;
}
.commercial-footer .list-unstyled li a,
.footer {
  color: #2b2e34 !important;
  font-size: 18px !important;
  font-family: 'Calibre-Light';
  line-height: 30px;
}
.clrpurple {
  color: #7e2a8d;
}
.commercial-getstarted h1,
.desc {
  color: #2b2e34 !important;
}
.commercial-getstarted .desc {
  font-size: 24px !important;
  font-family: 'Calibre' !important;
  line-height: 28px !important;
}
.btn-black {
  background: #2b2e34;
  color: #ffffff !important;
  border: 2px solid #2b2e34 !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.btn-black:hover {
  background: none !important;
  border: 2px solid #2b2e34 !important;
  color: #2b2e34 !important;
}
.btn-black-ooutline {
  background: none;
  padding-left: 25px;
  padding-right: 25px;
  color: #2b2e34;
  border: 1px solid #2b2e34 !important;
}
.btn-black-ooutline:hover {
  background: #2b2e34;
  border: 1px solid #2b2e34;
  color: #ffffff;
  padding-left: 25px;
  padding-right: 25px;
}

/* Auto complete not showing in modal - Confirm location */
.pac-container {
  z-index: 9999999999 !important;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel
  .ng-dropdown-panel-items
  .ng-option.ng-option-selected.ng-option-marked {
  color: #2b2e34 !important;
  background-color: #e2e2e1 !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:focus {
  color: #2b2e34 !important;
  background-color: #f8f8f8 !important;
}
.ng-select .ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: #e2e2e1 !important;
  box-shadow: none !important;
}
.section .com-desc {
  font-size: 20px;
  font-family: 'Calibre';
  line-height: 23px;
}

.datepicker .mydp .icon-mydpcalendar:before {
  content: '\e803';
  color: #7e2a8d !important;
}
small.ftrcpyrght {
  color: #fff;
  font-size: 18px;
}

#commercial
  .ng-select.ng-select-focused:not(.ng-select-opened)
  > .ng-select-container {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0px 3px 6px 0px rgba(180, 180, 180, 0.8) !important;
  border-color: #7e2a8d !important;
}
#commercial .ng-select.ng-select-focused > .ng-select-container {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0px 3px 6px 0px rgba(180, 180, 180, 0.8) !important;
  border-color: #7e2a8d !important;
}
#order .ng-select.ng-select-focused > .ng-select-container {
  box-shadow: none !important;
  border-color: #ed1976 !important;
}
#order
  .ng-select.ng-select-focused:not(.ng-select-opened)
  > .ng-select-container {
  box-shadow: none !important;
  border-color: #ed1976 !important;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0px 3px 6px 0px rgba(180, 180, 180, 0.8) !important;
  border-color: #ed1976 !important;
}
.ng-select.ng-select-focused > .ng-select-container {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0px 3px 6px 0px rgba(180, 180, 180, 0.8) !important;
  border-color: #ed1976 !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel
  .ng-dropdown-panel-items
  .ng-option.ng-option-selected.ng-option-marked {
  color: #333;
  background-color: #e2e2e1 !important;
}
.ng-select-container .ng-value-container,
.ng-select span {
  font-size: 20px !important;
  font-family: 'Calibre';
}
.tab-drpdown .ng-select-container .ng-value-container,
.tab-drpdown .ng-select span {
  font-size: 16px !important;
}
/* .ng-select.ng-select-opened>.ng-select-container {
    background: #fff;
    border-color: #b3b3b3 #ccc #d9d9d9;
} */
.adminPageHorz {
  overflow-x: auto !important;
}
.termclr {
  color: #0055ff !important;
}
.para {
  font-size: 24px !important;
}
.bdrbotgry {
  border-bottom: 1px solid #d8d8d8 !important;
}
.bdrlftgry {
  border-left: 1px solid #d8d8d8 !important;
}
.bdrrgtgry {
  border-right: 1px solid #d8d8d8 !important;
}
.box-shadow {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0 3px 6px 0 rgba(180, 180, 180, 0.8);
}
.commercial .dropdown-item.active {
  background-color: #7e2a8d !important;
}
.modal .modal-dialog .modal-content {
  border: none !important;
  border: 0px solid rgba(0, 0, 0, 0.2) !important;
}
@media (max-width: 768px) {
  .tab-drpdown .form-control,
  .tab-drpdown .ng-select-container .ng-value-container,
  .tab-drpdown .ng-select span {
    font-size: 15px !important;
  }
}
@media (min-width: 1025px) {
  .faq-page .navbar {
    position: relative !important;
  }

  .navbar,
  .faq-page.blog-header .navbar {
    position: fixed !important;
    width: 100%;
    min-height: 50px;
    max-height: 86px;
    z-index: 2;
    top: 0;
    /* box-shadow: 0px 0px 10px #ccc; */
  }
  .maincnt {
    padding-top: 86px;
  }
  .maincnt.faq-page {
    /* padding-top: 145px; */
    padding-top: 0 !important;
  }
  .blog-banner {
    top: 86px;
    position: relative;
  }
  /* .questionnaire .navbar{
		box-shadow: none !important;
	} */
  .signuplogin .navbar {
    box-shadow: none !important;
    position: relative !important;
  }
  .maincnt.quest {
    padding-top: 0px;
  }
  /* .supplearn {
		top: 86px;
		position: fixed;
		border-bottom: 0px !important;
		background-color: #fff;
		width: 100%;
		z-index: 2;
	} */
  /* .navfixed.navtop{
		top: 86px;
	}
	.faq-page .navtop .fixed-top{
		top: 135px;
	} */
  /*.navtop .separeln.extraPadd{
		margin-top: 0px !important;
		padding-top: 50px !important;
	}*/
  /* .navtop .separeln .container, .navtop .footersection .container{
		/* margin-top: 140px; 
		padding-top: 120px;
	}  */
}
.clrblue {
  color: #0055ff !important;
  cursor: pointer !important;
}
.lh-120 {
  line-height: 1.2;
}
.hand-symbol {
  cursor: pointer;
}
.clear {
  clear: both;
}
.color-gray {
  color: #333333 !important;
}
/* or and line css */
.login-or {
  position: relative;
  color: #999999;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.span-or {
  display: block;
  position: absolute;
  left: 50%;
  top: -2px;
  margin-left: -25px;
  background-color: #fff;
  width: 50px;
  text-align: center;
  font-size: 20px !important;
}
.hr-or {
  height: 1px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  border-color: #999;
}
/* or and line css */
.mydp .icon-mydpcalendar:before {
  color: #000000 !important;
}
.font-calibre-regular {
  font-family: 'Calibre' !important;
}

#select19px .ng-select-container .ng-value-container,
.ng-select span {
  font-size: 18px !important;
}

.select19px {
  font-size: 11px !important;
}

.tickmark {
  background: url(../images/checkmark.svg) no-repeat center bottom #fff;
  background-size: contain;
  min-height: 150px;
}

.crossmark {
  background: url(../images/redcross.png) no-repeat center bottom #fff;
  background-size: contain;
  min-height: 150px;
}

.select-font16 .ng-select-container .ng-value-container,
.select-font16 .ng-select span {
  font-size: 16px !important;
  font-family: 'Calibre';
}

.font19-weight-semibold-calibre {
  font-family: 'Calibre-SemiBold' !important;
  font-size: 19px !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}



#select19px .ng-dropdown-panel-items.scroll-host
{
  max-height: none !important;

}

#select19px .ng-select.ng-select-focused > .ng-select-container {
  border-color: #b3b3b3 #ccc #d9d9d9 !important;
}

.modal-content.modalradius{
  border: 1px solid #000 !important;
  border-radius: 25px !important;
}

.popup-mx-width{
  max-width: 850px;
}
#enrollmentTable .mat-sort-header-container {
    justify-content: center;
} 
#brevo-conversations{
  display: none !important;
}


@media (max-width: 786px) {
.ng-dropdown-panel-items.scroll-host{
  position: absolute !important;
  width: 100% !important;
}

}

:root{
  --hg-pink:#ED1277;
  --hg-yellow:#FFC214;
  --hg-charcoal:#2B2E34;
  --hg-bg:rgba(0,0,0,.55);
  --hg-radius:16px;
  --hg-shadow:0 10px 30px rgba(0,0,0,.25);
  --hg-font: "Calibre", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.invalidEsiidPopup {
    
    transform: none !important;
}

.ESIIDDropdown .ng-dropdown-panel .ng-dropdown-panel-items .ng-option 
{
    white-space: pre-wrap !important;
}

.alloy-container
{
 z-index: 999999 !important;

}