.login{background-color:#eaf2f0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.login__logo{height:100px;width:350px;margin:4rem 0}.login__logo img{height:100%;width:100%}.login__container{max-width:1200px;width:45%}.login__container__heading{align-self:start;margin:.5rem}.login__container__form__group{margin-bottom:1.5rem;display:flex;border-radius:10px}.login__container__form__group__icon{background-color:#000;color:#fff;padding:.75rem 2rem;border-radius:10px 0 0 10px;font-size:1.5rem}.login__container__form__group input{border:none;padding:.75rem 1rem;border-radius:0 10px 10px 0;width:100%;font-size:1.5rem;outline:none}.login__container__form__forget{color:#338d96;text-decoration:none;display:block;margin-left:2rem}.login__container__form__btn{text-decoration:none;display:block;width:130px;text-align:center;padding:.6rem 1.8rem;margin:1rem auto;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#1e957c}.login__container__form__btn:hover{border:1px solid #999;color:#000;background-color:#338d96}@media (max-width:634px){.login__container__form__btn{padding:.4rem 1.2rem;font-size:1rem;width:80px}}@media (max-width:576px){.login__logo{height:50px;width:175px}.login__container__heading{font-size:1.5rem}.login__container__form__group{margin-bottom:1rem}.login__container__form__group__icon{padding:1rem;font-size:1rem}.login__container__form__group input{padding:.5rem;font-size:1.2rem}}.inverter{width:100%}.inverter__heading{text-align:center;margin:1rem auto;font-weight:100;text-transform:uppercase}.inverter__form{display:grid;grid-template-columns:1fr 1fr}.inverter__form--manufacturer{grid-column-start:1;grid-column-end:2}.inverter__form--manufacturer input{width:100%}.inverter__form .textfield{border:1px solid #eaf2f0;display:flex;flex-direction:column;width:100%;padding:.5rem}.inverter__form .textfield label{font-size:1rem;font-weight:100}.inverter__form .textfield input,.inverter__form .textfield select{outline:none;border:1px solid #fff;border-radius:10px;padding:.5rem;font-size:1rem;margin-top:.5rem;font-weight:100}.inverter__form .textfield input:disabled,.inverter__form .textfield select:disabled{border:1px solid #000}.inverter__form .textfield option{background-color:#eaf2f0;color:#338d96}.inverter__form .textfield .select-search__select{position:relative}.inverter__form .textfield .select-search__select ul{min-height:35px;max-height:105px;overflow-x:hidden;overflow-y:scroll;list-style:none;position:absolute;background-color:#fff;width:100%;z-index:2;border:1px solid #000}.inverter__form .textfield .select-search__select ul:before{content:"No Items Found";position:absolute;z-index:-1;text-align:center;padding:.5rem}.inverter__form .textfield .select-search__select ul li button{background-color:#eaf2f0;color:#338d96;width:100%;outline:none;border:none;border-bottom:1px solid #999;padding:.5rem;font-size:1rem}.inverter__form .textfield .select-search__select ul li button:hover{background-color:#338d96;color:#eaf2f0}.inverter__form .radiobutton{border:1px solid #eaf2f0;width:100%;padding:.5rem}.inverter__form .radiobutton label{display:block;font-size:1rem;font-weight:100}.inverter__form .radiobutton input{margin:1rem .5rem 0}.inverter__form .radiobutton input:after{width:15px;height:15px;border-radius:15px;position:relative;background-color:#fff;content:"";display:inline-block;border:2px solid #338d96}.inverter__form .radiobutton input:checked:after{width:15px;height:15px;border-radius:15px;top:-2px;left:-1px;position:relative;background-color:#338d96;content:"";display:inline-block}.inverter__form .iconbutton{border:1px solid #eaf2f0;padding:.5rem;position:relative;font-size:1rem}.inverter__form .iconbutton label{display:block;font-size:1rem}.inverter__form .iconbutton--no,.inverter__form .iconbutton--yes{margin:1rem .5rem 0 .8rem}.inverter__form .iconbutton--no:after,.inverter__form .iconbutton--yes:after{font-family:"Font Awesome 5 Free";font-size:1.5rem;position:relative;background-color:#eaf2f0;display:inline-block;content:"\f164"}.inverter__form .iconbutton--no:checked:after,.inverter__form .iconbutton--yes:checked:after{color:#338d96}.inverter__form .iconbutton--no:after{content:"\f165"}.inverter__form .error-border{width:100%;border:1px solid red;border-radius:10px}@media (max-width:880px){.inverter__form .radiobutton label{font-size:.65rem}.inverter__form .textfield{width:100%}.inverter__form .textfield .select-search__select ul,.inverter__form .textfield .select-search__select ul li button,.inverter__form .textfield label{font-size:.65rem}.inverter__form .iconbutton,.inverter__form .iconbutton label,.inverter__form .textfield input,.inverter__form .textfield select{font-size:.6rem}.inverter__form .iconbutton--no,.inverter__form .iconbutton--yes{margin:1rem .1rem 0 .4rem}.inverter__form .iconbutton--no:after,.inverter__form .iconbutton--yes:after{font-size:.9rem}.inverter__form .iconbutton--no:after{content:"\f165"}}@media (max-width:634px){.inverter__form .textfield .select-search__select ul{width:200px}.inverter__form .radiobutton label{text-align:center}.inverter__form .radiobutton .radiobutton{font-size:1rem;display:flex;flex-direction:column}}.inverter__back{text-decoration:none;display:block;width:130px;text-align:center;padding:.6rem 1.8rem;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#999;display:inline-block;margin:6rem .5rem 1rem}.inverter__back:hover{border:1px solid #000;color:#000;background-color:#eaf2f0}@media (max-width:634px){.inverter__back{padding:.4rem 1.2rem;font-size:1rem;width:80px}}.inverter__next{text-decoration:none;display:block;width:130px;text-align:center;padding:.6rem 1.8rem;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#1e957c;display:inline-block;margin:6rem .5rem 1rem}.inverter__next:hover{border:1px solid #999;color:#000;background-color:#338d96}@media (max-width:634px){.inverter__next{padding:.4rem 1.2rem;font-size:1rem;width:80px}}@media (max-width:768px){.inverter__form--manufacturer input{width:100%;margin:0 auto}}@media (max-width:634px){.inverter{width:100%}.inverter__heading{text-align:center;width:200px;margin:1rem auto}.inverter__form{display:flex;flex-direction:column;justify-content:center;align-items:center}.inverter__back,.inverter__next{display:block;margin:1rem auto}}.categories{margin:0 auto 1rem;width:80%;height:380px;border-radius:0 0 10px 10px;background-color:#eaf2f0;padding:1.5rem}.button__form{padding:0 1.5em}.backbutton__form,.button__form,.nextbutton__form{display:grid;grid-template-columns:1fr 1fr;width:80%;margin:0 auto}.next-button-text{text-align:left;margin-top:3px}.next-button-icon{text-align:right;font-size:30px}.roof{width:100%}.roof__heading{text-align:center;margin:1rem auto;font-weight:100;text-transform:uppercase}.roof__form{display:grid;grid-template-columns:1fr 1fr}.roof__form--manufacturer{grid-column-start:1;grid-column-end:3}.roof__form .textfield{border:1px solid #eaf2f0;display:flex;flex-direction:column;width:100%;padding:.5rem}.roof__form .textfield label{font-size:1rem;font-weight:100}.roof__form .textfield input,.roof__form .textfield select{outline:none;border:1px solid #fff;border-radius:10px;padding:.5rem;font-size:1rem;margin-top:.5rem;font-weight:100}.roof__form .textfield input:disabled,.roof__form .textfield select:disabled{border:1px solid #000}.roof__form .textfield option{background-color:#eaf2f0;color:#338d96}.roof__form .textfield .select-search__select{position:relative}.roof__form .textfield .select-search__select ul{min-height:35px;max-height:105px;overflow-x:hidden;overflow-y:scroll;list-style:none;position:absolute;background-color:#fff;width:100%;z-index:2;border:1px solid #000}.roof__form .textfield .select-search__select ul:before{content:"No Items Found";position:absolute;z-index:-1;text-align:center;padding:.5rem}.roof__form .textfield .select-search__select ul li button{background-color:#eaf2f0;color:#338d96;width:100%;outline:none;border:none;border-bottom:1px solid #999;padding:.5rem;font-size:1rem}.roof__form .textfield .select-search__select ul li button:hover{background-color:#338d96;color:#eaf2f0}.roof__form .radiobutton{border:1px solid #eaf2f0;width:100%;padding:.5rem}.roof__form .radiobutton label{display:block;font-size:1rem;font-weight:100}.roof__form .radiobutton input{margin:1rem .5rem 0}.roof__form .radiobutton input:after{width:15px;height:15px;border-radius:15px;position:relative;background-color:#fff;content:"";display:inline-block;border:2px solid #338d96}.roof__form .radiobutton input:checked:after{width:15px;height:15px;border-radius:15px;top:-2px;left:-1px;position:relative;background-color:#338d96;content:"";display:inline-block}.roof__form .iconbutton{border:1px solid #eaf2f0;padding:.5rem;position:relative;font-size:1rem}.roof__form .iconbutton label{display:block;font-size:1rem}.roof__form .iconbutton--no,.roof__form .iconbutton--yes{margin:1rem .5rem 0 .8rem}.roof__form .iconbutton--no:after,.roof__form .iconbutton--yes:after{font-family:"Font Awesome 5 Free";font-size:1.5rem;position:relative;background-color:#eaf2f0;display:inline-block;content:"\f164"}.roof__form .iconbutton--no:checked:after,.roof__form .iconbutton--yes:checked:after{color:#338d96}.roof__form .iconbutton--no:after{content:"\f165"}.roof__form .error-border{width:100%;border:1px solid red;border-radius:10px}@media (max-width:880px){.roof__form .radiobutton label{font-size:.65rem}.roof__form .textfield{width:100%}.roof__form .textfield .select-search__select ul,.roof__form .textfield .select-search__select ul li button,.roof__form .textfield label{font-size:.65rem}.roof__form .iconbutton,.roof__form .iconbutton label,.roof__form .textfield input,.roof__form .textfield select{font-size:.6rem}.roof__form .iconbutton--no,.roof__form .iconbutton--yes{margin:1rem .1rem 0 .4rem}.roof__form .iconbutton--no:after,.roof__form .iconbutton--yes:after{font-size:.9rem}.roof__form .iconbutton--no:after{content:"\f165"}}@media (max-width:634px){.roof__form .textfield .select-search__select ul{width:200px}.roof__form .radiobutton label{text-align:center}.roof__form .radiobutton .radiobutton{font-size:1rem;display:flex;flex-direction:column}}.roof__next{text-decoration:none;display:block;width:130px;text-align:center;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#1e957c;width:60%;margin:40px .5rem 70px auto;padding:.5rem}.roof__next:hover{border:1px solid #999;color:#000;background-color:#338d96}@media (max-width:634px){.roof__next{padding:.4rem 1.2rem;font-size:1rem;width:80px}}.roof__back{text-decoration:none;display:block;width:130px;text-align:center;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#999;width:60%;margin:40px auto 70px .5rem;padding:.5rem}.roof__back:hover{border:1px solid #000;color:#000;background-color:#eaf2f0}@media (max-width:634px){.roof__back{padding:.4rem 1.2rem;font-size:1rem;width:80px}}@media (max-width:768px){.button__form,.categories{max-width:700px}.roof__heading{text-align:center;margin:1rem auto}.roof__form--manufacturer input{width:100%;margin:0 auto}}@media (max-width:634px){.categories{width:300px;height:100%;padding:.75rem}.button__form{width:300px}.roof{width:100%}.roof__heading{text-align:center;width:200px;margin:1rem auto}.roof__form{display:flex;flex-direction:column;justify-content:center;align-items:center}.roof__next{margin:10px 0 20px auto}.roof__back{margin:10px auto 20px 0}}.design{width:100%}.design__heading{text-align:center;margin:1rem auto;font-weight:100;text-transform:uppercase}.design__form{display:grid;grid-template-columns:1fr 1fr}.design__form .textfield{border:1px solid #eaf2f0;display:flex;flex-direction:column;width:100%;padding:.5rem}.design__form .textfield label{font-size:1rem;font-weight:100}.design__form .textfield input,.design__form .textfield select{outline:none;border:1px solid #fff;border-radius:10px;padding:.5rem;font-size:1rem;margin-top:.5rem;font-weight:100}.design__form .textfield input:disabled,.design__form .textfield select:disabled{border:1px solid #000}.design__form .textfield option{background-color:#eaf2f0;color:#338d96}.design__form .textfield .select-search__select{position:relative}.design__form .textfield .select-search__select ul{min-height:35px;max-height:105px;overflow-x:hidden;overflow-y:scroll;list-style:none;position:absolute;background-color:#fff;width:100%;z-index:2;border:1px solid #000}.design__form .textfield .select-search__select ul:before{content:"No Items Found";position:absolute;z-index:-1;text-align:center;padding:.5rem}.design__form .textfield .select-search__select ul li button{background-color:#eaf2f0;color:#338d96;width:100%;outline:none;border:none;border-bottom:1px solid #999;padding:.5rem;font-size:1rem}.design__form .textfield .select-search__select ul li button:hover{background-color:#338d96;color:#eaf2f0}.design__form .radiobutton{border:1px solid #eaf2f0;width:100%;padding:.5rem}.design__form .radiobutton label{display:block;font-size:1rem;font-weight:100}.design__form .radiobutton input{margin:1rem .5rem 0}.design__form .radiobutton input:after{width:15px;height:15px;border-radius:15px;position:relative;background-color:#fff;content:"";display:inline-block;border:2px solid #338d96}.design__form .radiobutton input:checked:after{width:15px;height:15px;border-radius:15px;top:-2px;left:-1px;position:relative;background-color:#338d96;content:"";display:inline-block}.design__form .iconbutton{border:1px solid #eaf2f0;padding:.5rem;position:relative;font-size:1rem}.design__form .iconbutton label{display:block;font-size:1rem}.design__form .iconbutton--no,.design__form .iconbutton--yes{margin:1rem .5rem 0 .8rem}.design__form .iconbutton--no:after,.design__form .iconbutton--yes:after{font-family:"Font Awesome 5 Free";font-size:1.5rem;position:relative;background-color:#eaf2f0;display:inline-block;content:"\f164"}.design__form .iconbutton--no:checked:after,.design__form .iconbutton--yes:checked:after{color:#338d96}.design__form .iconbutton--no:after{content:"\f165"}.design__form .error-border{width:100%;border:1px solid red;border-radius:10px}@media (max-width:880px){.design__form .radiobutton label{font-size:.65rem}.design__form .textfield{width:100%}.design__form .textfield .select-search__select ul,.design__form .textfield .select-search__select ul li button,.design__form .textfield label{font-size:.65rem}.design__form .iconbutton,.design__form .iconbutton label,.design__form .textfield input,.design__form .textfield select{font-size:.6rem}.design__form .iconbutton--no,.design__form .iconbutton--yes{margin:1rem .1rem 0 .4rem}.design__form .iconbutton--no:after,.design__form .iconbutton--yes:after{font-size:.9rem}.design__form .iconbutton--no:after{content:"\f165"}}@media (max-width:634px){.design__form .textfield .select-search__select ul{width:200px}.design__form .radiobutton label{text-align:center}.design__form .radiobutton .radiobutton{font-size:1rem;display:flex;flex-direction:column}}.design__back{text-decoration:none;display:block;width:130px;text-align:center;padding:.6rem 1.8rem;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#999;display:inline-block;margin:.5rem}.design__back:hover{border:1px solid #000;color:#000;background-color:#eaf2f0}@media (max-width:634px){.design__back{padding:.4rem 1.2rem;font-size:1rem;width:80px}}.design__next{text-decoration:none;display:block;width:130px;text-align:center;padding:.6rem 1.8rem;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#1e957c;display:inline-block;margin:.5rem}.design__next:hover{border:1px solid #999;color:#000;background-color:#338d96}@media (max-width:634px){.design__next{padding:.4rem 1.2rem;font-size:1rem;width:80px}}.textsize{font-size:.8rem}@media (max-width:880px){.textsize{font-size:.6rem}}@media (max-width:634px){.design__heading{text-align:center;width:200px;margin:1rem auto}.design__form{display:flex;flex-direction:column;justify-content:center;align-items:center}.design__back,.design__next{display:block;margin:1rem auto}}.value{width:100%}.value__heading{text-align:center;margin:1rem auto;font-weight:100;text-transform:uppercase}.value__form{display:grid;grid-template-columns:32% 34% 34%}.value__form .textfield{border:1px solid #eaf2f0;display:flex;flex-direction:column;width:100%;padding:.5rem}.value__form .textfield label{font-size:1rem;font-weight:100}.value__form .textfield input,.value__form .textfield select{outline:none;border:1px solid #fff;border-radius:10px;padding:.5rem;font-size:1rem;margin-top:.5rem;font-weight:100}.value__form .textfield input:disabled,.value__form .textfield select:disabled{border:1px solid #000}.value__form .textfield option{background-color:#eaf2f0;color:#338d96}.value__form .textfield .select-search__select{position:relative}.value__form .textfield .select-search__select ul{min-height:35px;max-height:105px;overflow-x:hidden;overflow-y:scroll;list-style:none;position:absolute;background-color:#fff;width:100%;z-index:2;border:1px solid #000}.value__form .textfield .select-search__select ul:before{content:"No Items Found";position:absolute;z-index:-1;text-align:center;padding:.5rem}.value__form .textfield .select-search__select ul li button{background-color:#eaf2f0;color:#338d96;width:100%;outline:none;border:none;border-bottom:1px solid #999;padding:.5rem;font-size:1rem}.value__form .textfield .select-search__select ul li button:hover{background-color:#338d96;color:#eaf2f0}.value__form .radiobutton{border:1px solid #eaf2f0;width:100%;padding:.5rem}.value__form .radiobutton label{display:block;font-size:1rem;font-weight:100}.value__form .radiobutton input{margin:1rem .5rem 0}.value__form .radiobutton input:after{width:15px;height:15px;border-radius:15px;position:relative;background-color:#fff;content:"";display:inline-block;border:2px solid #338d96}.value__form .radiobutton input:checked:after{width:15px;height:15px;border-radius:15px;top:-2px;left:-1px;position:relative;background-color:#338d96;content:"";display:inline-block}.value__form .iconbutton{border:1px solid #eaf2f0;padding:.5rem;position:relative;font-size:1rem}.value__form .iconbutton label{display:block;font-size:1rem}.value__form .iconbutton--no,.value__form .iconbutton--yes{margin:1rem .5rem 0 .8rem}.value__form .iconbutton--no:after,.value__form .iconbutton--yes:after{font-family:"Font Awesome 5 Free";font-size:1.5rem;position:relative;background-color:#eaf2f0;display:inline-block;content:"\f164"}.value__form .iconbutton--no:checked:after,.value__form .iconbutton--yes:checked:after{color:#338d96}.value__form .iconbutton--no:after{content:"\f165"}.value__form .error-border{width:100%;border:1px solid red;border-radius:10px}@media (max-width:880px){.value__form .radiobutton label{font-size:.65rem}.value__form .textfield{width:100%}.value__form .textfield .select-search__select ul,.value__form .textfield .select-search__select ul li button,.value__form .textfield label{font-size:.65rem}.value__form .iconbutton,.value__form .iconbutton label,.value__form .textfield input,.value__form .textfield select{font-size:.6rem}.value__form .iconbutton--no,.value__form .iconbutton--yes{margin:1rem .1rem 0 .4rem}.value__form .iconbutton--no:after,.value__form .iconbutton--yes:after{font-size:.9rem}.value__form .iconbutton--no:after{content:"\f165"}}@media (max-width:634px){.value__form .textfield .select-search__select ul{width:200px}.value__form .radiobutton label{text-align:center}.value__form .radiobutton .radiobutton{font-size:1rem;display:flex;flex-direction:column}}.value__form__last{grid-column-start:2;grid-column-end:4;display:flex;justify-content:center;align-items:center}.value__form__last .textfield{width:100%}.value__back{text-decoration:none;display:block;width:130px;text-align:center;padding:.6rem 1.8rem;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#999;display:inline-block;margin:.4rem}.value__back:hover{border:1px solid #000;color:#000;background-color:#eaf2f0}@media (max-width:634px){.value__back{padding:.4rem 1.2rem;font-size:1rem;width:80px}}.value__done{text-decoration:none;display:block;width:130px;text-align:center;padding:.6rem 1.8rem;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#1e957c;display:inline-block;margin:.4rem}.value__done:hover{border:1px solid #999;color:#000;background-color:#338d96}@media (max-width:634px){.value__done{padding:.4rem 1.2rem;font-size:1rem;width:80px}}.value__more{text-decoration:none;display:block;width:130px;text-align:center;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#1e957c;width:80%;margin:40px auto;padding:.5rem;height:66px}.value__more:hover{border:1px solid #999;color:#000;background-color:#338d96}@media (max-width:634px){.value__more{padding:.4rem 1.2rem;font-size:1rem;width:80px}}.width-one-third{width:33.3%}.width{width:80%;height:66px}@media (max-width:768px){.value{width:100%}.value__form__last{justify-content:space-around}.value__form__last .textfield{width:120px}.value__more{width:90%}}@media (max-width:634px){.value__heading{text-align:center;width:200px;margin:1rem auto}.value__form{display:flex;justify-content:center;align-items:center}.value__form,.value__form__last{flex-direction:column}.value__form__last .textfield{width:200px}.value__back,.value__done,.value__more,.value__or{display:block;margin:1rem auto}.value__more{width:200px}.value__or{text-align:center}}.valuebutton__form{display:grid;grid-template-columns:1fr 1fr 1fr;width:80%;margin:0 auto;padding:0 1.5rem}.panel{width:100%}.panel__heading{text-align:center;margin:1rem auto;font-weight:100;text-transform:uppercase}.panel__form{display:grid;grid-template-columns:1fr 1fr}.panel__form--manufacturer{grid-column-start:1;grid-column-end:2}.panel__form--manufacturer input{width:100%}.panel__form .textfield{border:1px solid #eaf2f0;display:flex;flex-direction:column;width:100%;padding:.5rem}.panel__form .textfield label{font-size:1rem;font-weight:100}.panel__form .textfield input,.panel__form .textfield select{outline:none;border:1px solid #fff;border-radius:10px;padding:.5rem;font-size:1rem;margin-top:.5rem;font-weight:100}.panel__form .textfield input:disabled,.panel__form .textfield select:disabled{border:1px solid #000}.panel__form .textfield option{background-color:#eaf2f0;color:#338d96}.panel__form .textfield .select-search__select{position:relative}.panel__form .textfield .select-search__select ul{min-height:35px;max-height:105px;overflow-x:hidden;overflow-y:scroll;list-style:none;position:absolute;background-color:#fff;width:100%;z-index:2;border:1px solid #000}.panel__form .textfield .select-search__select ul:before{content:"No Items Found";position:absolute;z-index:-1;text-align:center;padding:.5rem}.panel__form .textfield .select-search__select ul li button{background-color:#eaf2f0;color:#338d96;width:100%;outline:none;border:none;border-bottom:1px solid #999;padding:.5rem;font-size:1rem}.panel__form .textfield .select-search__select ul li button:hover{background-color:#338d96;color:#eaf2f0}.panel__form .radiobutton{border:1px solid #eaf2f0;width:100%;padding:.5rem}.panel__form .radiobutton label{display:block;font-size:1rem;font-weight:100}.panel__form .radiobutton input{margin:1rem .5rem 0}.panel__form .radiobutton input:after{width:15px;height:15px;border-radius:15px;position:relative;background-color:#fff;content:"";display:inline-block;border:2px solid #338d96}.panel__form .radiobutton input:checked:after{width:15px;height:15px;border-radius:15px;top:-2px;left:-1px;position:relative;background-color:#338d96;content:"";display:inline-block}.panel__form .iconbutton{border:1px solid #eaf2f0;padding:.5rem;position:relative;font-size:1rem}.panel__form .iconbutton label{display:block;font-size:1rem}.panel__form .iconbutton--no,.panel__form .iconbutton--yes{margin:1rem .5rem 0 .8rem}.panel__form .iconbutton--no:after,.panel__form .iconbutton--yes:after{font-family:"Font Awesome 5 Free";font-size:1.5rem;position:relative;background-color:#eaf2f0;display:inline-block;content:"\f164"}.panel__form .iconbutton--no:checked:after,.panel__form .iconbutton--yes:checked:after{color:#338d96}.panel__form .iconbutton--no:after{content:"\f165"}.panel__form .error-border{width:100%;border:1px solid red;border-radius:10px}@media (max-width:880px){.panel__form .radiobutton label{font-size:.65rem}.panel__form .textfield{width:100%}.panel__form .textfield .select-search__select ul,.panel__form .textfield .select-search__select ul li button,.panel__form .textfield label{font-size:.65rem}.panel__form .iconbutton,.panel__form .iconbutton label,.panel__form .textfield input,.panel__form .textfield select{font-size:.6rem}.panel__form .iconbutton--no,.panel__form .iconbutton--yes{margin:1rem .1rem 0 .4rem}.panel__form .iconbutton--no:after,.panel__form .iconbutton--yes:after{font-size:.9rem}.panel__form .iconbutton--no:after{content:"\f165"}}@media (max-width:634px){.panel__form .textfield .select-search__select ul{width:200px}.panel__form .radiobutton label{text-align:center}.panel__form .radiobutton .radiobutton{font-size:1rem;display:flex;flex-direction:column}}.panel__back{text-decoration:none;display:block;width:130px;text-align:center;padding:.6rem 1.8rem;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#999;display:inline-block;margin:1rem .5rem}.panel__back:hover{border:1px solid #000;color:#000;background-color:#eaf2f0}@media (max-width:634px){.panel__back{padding:.4rem 1.2rem;font-size:1rem;width:80px}}.panel__next{text-decoration:none;display:block;width:130px;text-align:center;padding:.6rem 1.8rem;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#1e957c;display:inline-block;margin:1rem .5rem}.panel__next:hover{border:1px solid #999;color:#000;background-color:#338d96}@media (max-width:634px){.panel__next{padding:.4rem 1.2rem;font-size:1rem;width:80px}}.back-button-icon{text-align:left;font-size:30px}.back-button-text{text-align:right;margin-top:3px}@media (max-width:768px){.panel__form--manufacturer input{width:100%;margin:0 auto}}@media (max-width:634px){.panel{width:100%}.panel__heading{text-align:center;width:200px;margin:1rem auto}.panel__form{display:flex;flex-direction:column;justify-content:center;align-items:center}.panel__back,.panel__next{margin:1rem auto}}.racking{width:100%}.racking__heading{text-align:center;margin:1rem auto;font-weight:100;text-transform:uppercase}.racking__form{display:grid;grid-template-columns:1fr 1fr}.racking__form--manufacturer{grid-column-start:1;grid-column-end:2}.racking__form--manufacturer input{width:100%}.racking__form .textfield{border:1px solid #eaf2f0;display:flex;flex-direction:column;width:100%;padding:.5rem}.racking__form .textfield label{font-size:1rem;font-weight:100}.racking__form .textfield input,.racking__form .textfield select{outline:none;border:1px solid #fff;border-radius:10px;padding:.5rem;font-size:1rem;margin-top:.5rem;font-weight:100}.racking__form .textfield input:disabled,.racking__form .textfield select:disabled{border:1px solid #000}.racking__form .textfield option{background-color:#eaf2f0;color:#338d96}.racking__form .textfield .select-search__select{position:relative}.racking__form .textfield .select-search__select ul{min-height:35px;max-height:105px;overflow-x:hidden;overflow-y:scroll;list-style:none;position:absolute;background-color:#fff;width:100%;z-index:2;border:1px solid #000}.racking__form .textfield .select-search__select ul:before{content:"No Items Found";position:absolute;z-index:-1;text-align:center;padding:.5rem}.racking__form .textfield .select-search__select ul li button{background-color:#eaf2f0;color:#338d96;width:100%;outline:none;border:none;border-bottom:1px solid #999;padding:.5rem;font-size:1rem}.racking__form .textfield .select-search__select ul li button:hover{background-color:#338d96;color:#eaf2f0}.racking__form .radiobutton{border:1px solid #eaf2f0;width:100%;padding:.5rem}.racking__form .radiobutton label{display:block;font-size:1rem;font-weight:100}.racking__form .radiobutton input{margin:1rem .5rem 0}.racking__form .radiobutton input:after{width:15px;height:15px;border-radius:15px;position:relative;background-color:#fff;content:"";display:inline-block;border:2px solid #338d96}.racking__form .radiobutton input:checked:after{width:15px;height:15px;border-radius:15px;top:-2px;left:-1px;position:relative;background-color:#338d96;content:"";display:inline-block}.racking__form .iconbutton{border:1px solid #eaf2f0;padding:.5rem;position:relative;font-size:1rem}.racking__form .iconbutton label{display:block;font-size:1rem}.racking__form .iconbutton--no,.racking__form .iconbutton--yes{margin:1rem .5rem 0 .8rem}.racking__form .iconbutton--no:after,.racking__form .iconbutton--yes:after{font-family:"Font Awesome 5 Free";font-size:1.5rem;position:relative;background-color:#eaf2f0;display:inline-block;content:"\f164"}.racking__form .iconbutton--no:checked:after,.racking__form .iconbutton--yes:checked:after{color:#338d96}.racking__form .iconbutton--no:after{content:"\f165"}.racking__form .error-border{width:100%;border:1px solid red;border-radius:10px}@media (max-width:880px){.racking__form .radiobutton label{font-size:.65rem}.racking__form .textfield{width:100%}.racking__form .textfield .select-search__select ul,.racking__form .textfield .select-search__select ul li button,.racking__form .textfield label{font-size:.65rem}.racking__form .iconbutton,.racking__form .iconbutton label,.racking__form .textfield input,.racking__form .textfield select{font-size:.6rem}.racking__form .iconbutton--no,.racking__form .iconbutton--yes{margin:1rem .1rem 0 .4rem}.racking__form .iconbutton--no:after,.racking__form .iconbutton--yes:after{font-size:.9rem}.racking__form .iconbutton--no:after{content:"\f165"}}@media (max-width:634px){.racking__form .textfield .select-search__select ul{width:200px}.racking__form .radiobutton label{text-align:center}.racking__form .radiobutton .radiobutton{font-size:1rem;display:flex;flex-direction:column}}.racking__form .textfield .select-search__select ul{width:200px}.racking__back{text-decoration:none;display:block;width:130px;text-align:center;padding:.6rem 1.8rem;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#999;display:inline-block;margin:6rem .5rem 1rem}.racking__back:hover{border:1px solid #000;color:#000;background-color:#eaf2f0}@media (max-width:634px){.racking__back{padding:.4rem 1.2rem;font-size:1rem;width:80px}}.racking__next{text-decoration:none;display:block;width:130px;text-align:center;padding:.6rem 1.8rem;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#1e957c;display:inline-block;margin:6rem .5rem 1rem}.racking__next:hover{border:1px solid #999;color:#000;background-color:#338d96}@media (max-width:634px){.racking__next{padding:.4rem 1.2rem;font-size:1rem;width:80px}}@media (max-width:768px){.racking__form .select-search__value input{width:100%}}@media (max-width:634px){.racking{width:100%}.racking__heading{text-align:center;width:200px;margin:1rem auto}.racking__form{display:flex;flex-direction:column;justify-content:center;align-items:center}.racking__back,.racking__next{display:block;margin:1rem auto}}.namepopup{background:#eaf2f0;margin:10rem auto;width:400px;height:200px;outline:none;border-radius:15px;border:2px solid #338d96;justify-content:center;align-items:center}.namepopup,.namepopup .textfield{display:flex;flex-direction:column}.namepopup .textfield{border:1px solid #eaf2f0;width:100%;padding:.5rem}.namepopup .textfield label{font-size:1rem;font-weight:100}.namepopup .textfield input,.namepopup .textfield select{outline:none;border:1px solid #fff;border-radius:10px;padding:.5rem;font-size:1rem;margin-top:.5rem;font-weight:100}.namepopup .textfield input:disabled,.namepopup .textfield select:disabled{border:1px solid #000}.namepopup .textfield option{background-color:#eaf2f0;color:#338d96}.namepopup .textfield .select-search__select{position:relative}.namepopup .textfield .select-search__select ul{min-height:35px;max-height:105px;overflow-x:hidden;overflow-y:scroll;list-style:none;position:absolute;background-color:#fff;width:100%;z-index:2;border:1px solid #000}.namepopup .textfield .select-search__select ul:before{content:"No Items Found";position:absolute;z-index:-1;text-align:center;padding:.5rem}.namepopup .textfield .select-search__select ul li button{background-color:#eaf2f0;color:#338d96;width:100%;outline:none;border:none;border-bottom:1px solid #999;padding:.5rem;font-size:1rem}.namepopup .textfield .select-search__select ul li button:hover{background-color:#338d96;color:#eaf2f0}.namepopup .radiobutton{border:1px solid #eaf2f0;width:100%;padding:.5rem}.namepopup .radiobutton label{display:block;font-size:1rem;font-weight:100}.namepopup .radiobutton input{margin:1rem .5rem 0}.namepopup .radiobutton input:after{width:15px;height:15px;border-radius:15px;position:relative;background-color:#fff;content:"";display:inline-block;border:2px solid #338d96}.namepopup .radiobutton input:checked:after{width:15px;height:15px;border-radius:15px;top:-2px;left:-1px;position:relative;background-color:#338d96;content:"";display:inline-block}.namepopup .iconbutton{border:1px solid #eaf2f0;padding:.5rem;position:relative;font-size:1rem}.namepopup .iconbutton label{display:block;font-size:1rem}.namepopup .iconbutton--no,.namepopup .iconbutton--yes{margin:1rem .5rem 0 .8rem}.namepopup .iconbutton--no:after,.namepopup .iconbutton--yes:after{font-family:"Font Awesome 5 Free";font-size:1.5rem;position:relative;background-color:#eaf2f0;display:inline-block;content:"\f164"}.namepopup .iconbutton--no:checked:after,.namepopup .iconbutton--yes:checked:after{color:#338d96}.namepopup .iconbutton--no:after{content:"\f165"}.namepopup .error-border{width:100%;border:1px solid red;border-radius:10px}@media (max-width:880px){.namepopup .radiobutton label{font-size:.65rem}.namepopup .textfield{width:100%}.namepopup .textfield .select-search__select ul,.namepopup .textfield .select-search__select ul li button,.namepopup .textfield label{font-size:.65rem}.namepopup .iconbutton,.namepopup .iconbutton label,.namepopup .textfield input,.namepopup .textfield select{font-size:.6rem}.namepopup .iconbutton--no,.namepopup .iconbutton--yes{margin:1rem .1rem 0 .4rem}.namepopup .iconbutton--no:after,.namepopup .iconbutton--yes:after{font-size:.9rem}.namepopup .iconbutton--no:after{content:"\f165"}}@media (max-width:634px){.namepopup .textfield .select-search__select ul{width:200px}.namepopup .radiobutton label{text-align:center}.namepopup .radiobutton .radiobutton{font-size:1rem;display:flex;flex-direction:column}}.namepopup__sub{text-decoration:none;display:block;width:130px;text-align:center;margin:1rem auto;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#1e957c;padding:.5rem;font-size:1rem}.namepopup__sub:hover{border:1px solid #999;color:#000;background-color:#338d96}@media (max-width:634px){.namepopup__sub{padding:.4rem 1.2rem;font-size:1rem;width:80px}}@media (max-width:768px){.namepopup{width:300px}.namepopup__sub{padding:.3rem;font-size:.7rem}}.add__stepper{margin:0 auto;max-width:800px}.add__container{margin:0 auto}@media (max-width:768px){.add__stepper{max-width:600px}.add__container{max-width:700px}}@media (max-width:634px){.add__stepper{margin:0 auto}.add__container{width:300px}}.compare{max-width:80%;margin:0 auto 2rem;background-color:#eaf2f0;border-radius:10px;overflow-x:auto}.compare__heading{text-align:center;margin:2rem 0}.compare__next{text-decoration:none;display:block;width:130px;text-align:center;padding:.6rem 1.8rem;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#1e957c;margin:2rem}.compare__next:hover{border:1px solid #999;color:#000;background-color:#338d96}@media (max-width:634px){.compare__next{padding:.4rem 1.2rem;font-size:1rem;width:80px}}.add__container{position:relative;width:80%;height:23px;margin:2rem auto 0}.add__line{border:13px solid #000;border-radius:10px 10px 0 0;position:absolute;background-color:#000;top:0;left:0;width:100%;height:100%}.add__circleOne{background-color:#1e957c;left:13px}.add__circleOne,.add__circleTwo{z-index:1;position:absolute;width:8px;height:8px;top:8px;border-radius:50%}.add__circleTwo{background-color:#6c757d;left:27px}@media (max-width:768px){.compare{max-width:700px}}@media (max-width:500px){.compare{width:300px}.compare__next{text-decoration:none;display:block;width:130px;text-align:center;padding:.6rem 1.8rem;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#1e957c;margin:1rem auto}.compare__next:hover{border:1px solid #999;color:#000;background-color:#338d96}}@media (max-width:500px) and (max-width:634px){.compare__next{padding:.4rem 1.2rem;font-size:1rem;width:80px}}.add__containerTwo{width:100%;height:23px;position:fixed;bottom:0;left:0}.add__lineTwoContainer{width:30%;display:inline-block}.add__lineTwo{border:13px solid #000;border-radius:0 0 10px 10px;position:absolute;background-color:#000;top:0;left:0;width:100%;height:100%}.add__userDetails{z-Index:1;left:40px}.add__userDetails,.add__verticalLine{position:relative;display:inline-block;color:#fff}.add__verticalLine{z-index:1;left:50px}.add__description{left:63px}.add__description,.add__logout{z-index:1;position:relative;display:inline-block;color:#1e957c}.add__logout{width:60%;text-align:right}.add__logoutButton{background-color:#000;color:#1e957c;border-width:0}.home__nav{width:100%}.home__nav__logo{height:40px;width:140px;margin:.5rem 0 0 .5rem}.home__nav__logo img{height:100%;width:100%}.home__nav__links{display:flex;flex-direction:row;justify-content:center;align-items:center}.home__nav__links a{text-align:center;font-size:1.5rem;text-decoration:none;margin:.5rem 1rem;color:#338d96;position:relative;font-weight:100}.home__nav__links a:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:#000;transition:width .3s ease 0s,left .3s ease 0s;width:0}.home__nav__links a:hover:after{width:100%;left:0}.home__nav .active{color:#000}@media (max-width:500px){.home__nav__logo{height:20px;width:70px;margin:.5rem 0 0 .5rem}.home__nav__links{flex-direction:column}.home__nav__links a{font-size:1rem;margin:.25rem}}.graph{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:80%;margin:0 auto 2rem;background-color:#eaf2f0;border-radius:10px}.graph__next{text-decoration:none;display:block;width:130px;text-align:center;padding:.6rem 1.8rem;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#1e957c;margin:2rem}.graph__next:hover{border:1px solid #999;color:#000;background-color:#338d96}@media (max-width:634px){.graph__next{padding:.4rem 1.2rem;font-size:1rem;width:80px}}.graph__container{width:100%;height:600px;margin-top:-10px}.graph__heading{text-align:center;margin:2rem}.graph__tabs{width:100%}.graph__tabs__btn{padding:1rem;width:50%;border:none;border-bottom:3px solid #eaf2f0;outline:none;background:#eaf2f0;transition:all .25s}.graph__tabs .active{border-bottom:3px solid #338d96;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.outer__container{width:100%;margin:0 auto}.list{color:#686868;font-size:12px;margin-left:150px;margin-top:30px}@media (max-width:1024px){.graph__container{width:700px;height:350px}}@media (max-width:576px){.graph__container{width:100%;height:300px}}.packages{max-width:80%;margin:0 auto 6rem;background-color:#eaf2f0;border-radius:10px;color:#000;overflow-x:auto}.packages__heading{text-align:center;margin:2rem}.vl{border-left:2px solid grey;height:calc(480px - 9vw);display:inline-block;position:absolute;margin-top:60px}.outer_div{width:95%;margin:0 0 0 3.9vw}.div{width:31%;height:450px;margin-top:10px;display:inline-table;padding:.8vw}.div,.inner_div{position:relative}.inner_div,.line{width:100%}.line{border-radius:10px 10px 0 0;background-color:#000;top:0;left:0;height:30px}.heading{z-index:1;position:absolute;width:100%;text-align:center;top:3px;font-size:20px;display:inline-block;color:#fff}.text{position:relative;height:175px;margin:30px auto}.fee,.text{width:80%;text-align:center;font-size:18px}.fee{margin-left:auto;margin-right:auto}@media (max-width:1030px){.text{height:130px}.fee,.text{font-size:14px}.vl{height:calc(390px - 9vw)}.div{height:390px}}.buy__button{text-decoration:none;display:block;width:130px;text-align:center;margin:1rem auto;border-radius:10px;font-size:1.5rem;outline:none;transition:all .3s;font-weight:100;cursor:pointer;color:#fff;border:1px solid #999;background-color:#1e957c;width:60%;font-size:18px;height:40px;padding:0}.buy__button:hover{border:1px solid #999;color:#000;background-color:#338d96}@media (max-width:634px){.buy__button{padding:.4rem 1.2rem;font-size:1rem;width:80px}}.packageform{width:380px;position:absolute;top:50%;left:50%;margin-top:-125px;margin-left:-160px;background-color:#fff;text-align:center;height:260px;border-radius:20px;outline:none}.packageform__heading{font-size:20px;width:80%;margin:0 auto;padding-top:15px}.packageinput__fieldOne{margin:30px 0 20px}.packageinput__fieldOne,.packageinput__fieldTwo{border:0;width:35%;font-size:14px;border-bottom:3px solid #1e957c}.packageinput__fieldTwo{margin:30px 0 20px 30px}.packageinput__button{width:25%;font-size:16px;z-index:1;margin-right:22px;position:relative;display:inline-block;color:#1e957c;background-color:#fff;border-width:0;outline:none}.menu{z-index:2}.menu:hover{box-shadow:0 2px 20px 0 rgba(0,0,0,.75)!important}input:focus{outline:none}.outer__div{height:58vw}.desc__div{width:45%;display:inline-block;float:left;margin-top:170px;margin-left:5.85vw}.desc__div a span,.desc__div p span{color:#1e957c}.image___div{width:40%;display:inline-block;right:0;text-align:right;margin-top:100px;margin-right:5.85vw;float:right}.image___div img{width:100%}.form{width:50%;margin:0 auto;background-color:#fff;text-align:center;height:36vw}.heading__text{padding-left:80px;font-size:34px}.form__heading{font-size:3vw;margin-bottom:30px}.description{margin:20px 0 0 80px;font-size:20px;color:grey}.input__fieldOne{margin:30px 0 20px}.input__fieldOne,.input__fieldTwo{border:0;width:45%;font-size:22px;padding:10px;border-bottom:3px solid #1e957c}.input__fieldTwo{margin:30px 0 20px 30px}.input__button{width:25%;font-size:23px;z-index:1;text-align:right;position:relative;display:inline-block;color:#1e957c;border-width:0;margin-top:30px}.input__button,.modal{background-color:#fff;outline:none}.modal{width:450px;margin-top:-125px;margin-left:-225px;height:250px;position:absolute;top:50%;left:50%}.modal__text{margin-top:20px;padding:10px;font-size:16px;text-align:center}@media (max-width:1000px){.outer__div{height:1150px}.desc__div{width:100%;margin-left:0}.heading__text{font-size:40px;padding-right:80px}.description{font-size:24px;padding-right:80px}.form__heading{font-size:30px}.input__fieldOne,.input__fieldTwo{padding:5px;width:100%;font-size:16px;margin:10px 0 20px}.image___div{width:100%;margin:20px auto;text-align:center}.image___div img{width:80%}.input__button{font-size:18px}}@media (max-width:685px){.outer__div{height:1080px}}@media (max-width:575px){.outer__div{height:1050px}.heading__text{font-size:36px}.description{font-size:22px}}.portal{color:#000;text-decoration:none;font-size:28px;position:absolute;top:160px;width:200px;left:50%;margin-left:-100px;text-align:right}.portal:hover{color:#25937c}.tendering{color:#000;text-decoration:none;font-size:28px;width:200px;position:absolute;top:220px;text-align:right;left:50%;margin-left:-100px}.tendering:hover{color:#25937c}*{margin:0;padding:0;box-sizing:border-box}*,h1{font-family:"Manrope",sans-serif}h1{font-weight:400}
/*# sourceMappingURL=main.fe353f63.chunk.css.map */