.navBar-desktop,.navBar-mobile{display:none}.toggle{display:block}.mobile{background:#0fa2b7;z-index:1;height:100vh;width:100%;position:absolute;flex-direction:column;left:0}.mobile li{padding:20px;font-size:10vw}@media screen and (min-width: 768px){.navBar-desktop{display:block;background:#0fa2b7;padding:20px 0}.navBar-desktop ul{display:flex;justify-content:space-around}.navBar-desktop li{font-size:20px;border:#fff 2px solid;border-radius:10px;padding:10px 20px}.navBar-desktop li:hover{transition:.5s;background:#fff;color:#0fa2b7}.hamburger-menu{display:none}}.boxShadow{-webkit-box-shadow:0px 8px 20px 4px rgba(0,0,0,.2);-moz-box-shadow:0px 8px 20px 4px rgba(0,0,0,.2);box-shadow:0px 8px 20px 4px rgba(0,0,0,.2)}.hidden{display:none}.overflow{overflow:hidden}body{background:#fff;max-width:100vw;overflow-x:hidden}li,.yellow-btn{cursor:pointer}h2{font-size:40px;color:#0fa2b7;margin:40px 20px}.logo{position:relative;display:flex;align-items:center;background:#fff;padding:10px 0;justify-content:center}.logo img{width:50vw}.logo .hamburger-menu{position:absolute;right:0}.logo .hamburger-menu .bar{background:#0fa2b7;width:50px;height:8px;margin:5px;border-radius:10px}.hero{max-width:100vw;padding:0}.hero img{width:100%;object-fit:contain}.hero .promo_desktop{display:none}main{max-width:1440px;margin:0 auto}.promo-video iframe,.instruction-video iframe{width:100%;height:50vw}.easy-to-use .steps{width:100%;flex-wrap:wrap;display:flex;justify-content:center}.easy-to-use .step{background:#000;margin:10px 5px;width:90%;height:100vw;position:relative}.easy-to-use .step img{width:100%;height:100%;object-fit:cover;object-position:center}.easy-to-use .step .p-wrapper{position:absolute;background:rgba(15,161,184,.8);bottom:0;display:flex;justify-content:center;align-items:center;width:100%;height:30%}.easy-to-use .step .p-wrapper p{padding:0 10px;text-align:center;width:100%;height:100px;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700}.easy-to-clean p{color:#0fa2b7;padding:10px}.easy-to-clean img{width:100%}.feature-wrapper{display:flex;justify-content:center;flex-wrap:wrap;max-width:1000px;margin:0 auto}.feature-wrapper .feature{background:#0fa2b7;margin:20px 10px;width:300px;height:300px}.feature-wrapper .feature img{object-fit:cover;position:relative;top:30px;opacity:.5;height:60%}.feature-wrapper .feature h3{display:flex;justify-content:center;align-items:center;position:relative;width:250px;height:100px;margin:0 auto;font-weight:700;line-height:30px}.distributors h4,.distributors p{color:#464646;line-height:5vw}.distributors h3{color:#0fa2b7 !important;font-size:4vw;line-height:6vw}.distributors h4{font-size:3vw}.distributors p{font-size:2vw}.distributors img{margin:20px;width:30vw}.distributors .leevalley img{width:50vw}.distributors .text-wrapper{display:flex;margin:20px;position:relative;margin-bottom:10vw}.distributors .description{padding-right:5vw;border-right:2px solid #000;left:3vw}.distributors .description h4,.distributors .description p{text-align:right}.distributors .catalogue{position:relative;left:6vw}.projects h2{margin-top:0}.project-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.project-wrapper .project{background:#0fa2b7;border-radius:5px;flex:1 0 280px;max-width:320px;margin:20px}.project-wrapper .project img{width:100%;object-fit:cover}.project-wrapper .project p{padding:20px 40px;font-size:15px;height:250px;font-weight:700}.project-wrapper .show-hide{display:none}.yellow-btn{background:#f5a623;width:200px;height:80px;margin:20px auto;display:flex;flex-direction:column;justify-content:center;border-radius:10px}.yellow-btn h4{font-weight:normal}.yellow-btn span{font-weight:bold}.replacement{width:100vw;margin:40px 0px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.replacement svg{width:100%;position:relative}.replacement .partInfo{display:none;width:50%;background:#0fa2b7;flex-direction:column;justify-content:center;margin:20px 0;position:absolute;z-index:1}.replacement .partInfo span{position:absolute;right:0;top:0;color:#0fa2b7;margin:20px;font-size:20px;cursor:pointer}.replacement .partInfo h3,.replacement .partInfo p{text-align:center;padding:20px}.replacement .partInfo img{background:#fff;width:100%;object-fit:cover}.replacement .popUp{display:flex}footer{background:#0fa2b7;justify-content:space-between;padding:40px}footer .wrapper-left{display:flex;flex-direction:column;justify-content:center}footer .wrapper-left img{margin:10px 0}footer .navBar{display:block}footer .navBar li{padding:20px;font-size:25px}@media screen and (min-width: 768px){.logo img{width:30vw}.hero .promo_desktop{display:block}.hero .promo_mobile{display:none}.easy-to-use .steps{justify-content:center}.easy-to-use .step{width:250px;height:500px;margin:10px}.easy-to-use .step p{height:20%}.easy-to-clean{display:flex;padding:40px 20px}.easy-to-clean p{font-size:2vw}.easy-to-clean img{width:50%;object-fit:contain}footer{display:flex;padding:20px;height:200px}footer .navBar ul{display:flex}footer .navBar li{font-size:20px;padding:0px 40px}footer .wrapper-right{display:flex;flex-direction:column;justify-content:center}footer .yellow-btn{width:300px}}@media screen and (min-width: 1024px){.easy-to-use .steps{justify-content:space-evenly}.easy-to-use .step{width:230px;height:400px;margin:10px}.easy-to-clean{padding:60px;justify-content:center}.easy-to-clean p{width:500px}.project-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr}.project-wrapper .project{margin:20px auto}.replacement .partInfo{width:30%}}@media screen and (min-width: 1440px){.project-wrapper{grid-template-columns:1fr 1fr 1fr 1fr}}/*# sourceMappingURL=main.css.map */
